Add full domain path display to domain details

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 9111ef36-26c8-4085-84ca-a35dc1fec1b5
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/7083d608-d6d3-4a6a-9a27-6286c5109627/769d6639-1c95-46e7-8b5d-7115f4d4f63c.jpg

client/src/components/domain/domain-details.tsx

@@ -428,6 +428,7 @@ export function DomainDetails({ domain, onBack }: DomainDetailsProps) {
               <TableHeader>
                 <TableRow>
                   <TableHead>Name</TableHead>
+                  <TableHead>Full Domain</TableHead>
                   <TableHead>Type</TableHead>
                   <TableHead>AutoIP</TableHead>
                   <TableHead>Content</TableHead>
@@ -456,6 +457,46 @@ export function DomainDetails({ domain, onBack }: DomainDetailsProps) {
                         record.name
                       )}
                     </TableCell>
+                    <TableCell>
+                      {/* Full Domain Path with copy functionality */}
+                      <TooltipProvider>
+                        <Tooltip>
+                          <TooltipTrigger asChild>
+                            <Button 
+                              variant="ghost" 
+                              size="sm"
+                              className="h-7 px-2 text-xs font-medium"
+                              onClick={() => {
+                                const fullDomain = record.name === "@" 
+                                  ? domain.name
+                                  : `${record.name}.${domain.name}`;
+                                navigator.clipboard.writeText(fullDomain);
+                                toast({
+                                  title: "Domain copied to clipboard",
+                                  description: fullDomain,
+                                  duration: 2000
+                                });
+                              }}
+                            >
+                              <span className="flex items-center gap-1 truncate max-w-[150px]">
+                                {record.name === "@" 
+                                  ? domain.name
+                                  : `${record.name}.${domain.name}`}
+                                <Copy className="h-3 w-3" />
+                              </span>
+                            </Button>
+                          </TooltipTrigger>
+                          <TooltipContent>
+                            <p className="font-medium">
+                              {record.name === "@" 
+                                ? domain.name
+                                : `${record.name}.${domain.name}`}
+                            </p>
+                            <p className="text-xs mt-1">Click to copy</p>
+                          </TooltipContent>
+                        </Tooltip>
+                      </TooltipProvider>
+                    </TableCell>
                     <TableCell>
                       <Badge variant="outline">{record.type}</Badge>
                     </TableCell>