Add deployed site link to deployments table

Shows globe icon linking to application_fqdn for finished deployments.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

src/components/DeploymentsTable.tsx

@@ -175,12 +175,25 @@ export function DeploymentsTable({ deployments, isLoading, onRefresh }: Deployme
         id: 'actions',
         cell: ({ row }) => (
           <div className="flex items-center gap-1">
+            {row.original.application_fqdn && row.original.status === 'finished' && (
+              <a
+                href={row.original.application_fqdn}
+                target="_blank"
+                rel="noopener noreferrer"
+                className="p-1 text-cyan-500 dark:text-cyan-400 hover:text-cyan-600 dark:hover:text-cyan-300 hover:bg-slate-100 dark:hover:bg-stone-800 rounded transition-colors"
+                onClick={(e) => e.stopPropagation()}
+                title="Open deployed site"
+              >
+                <Icon name="globe" size={16} />
+              </a>
+            )}
             <a
               href={`http://192.168.1.3:8000/project/a8484ggc88c40w4g4k004ow0/production/application/${row.original.application_uuid}/deployment/${row.original.deployment_uuid}`}
               target="_blank"
               rel="noopener noreferrer"
               className="p-1 text-slate-400 dark:text-stone-500 hover:text-slate-600 dark:hover:text-stone-300 hover:bg-slate-100 dark:hover:bg-stone-800 rounded transition-colors"
               onClick={(e) => e.stopPropagation()}
+              title="View in Coolify"
             >
               <Icon name="external-link" size={16} />
             </a>

src/lib/deployments.ts

@@ -4,6 +4,7 @@ export interface Deployment {
   deployment_uuid: string;
   application_uuid: string;
   application_name: string;
+  application_fqdn?: string; // URL to deployed site
   status: DeploymentStatus;
   created_at: string;
   updated_at: string;