From 2726d92f00bc4ea85fc984326a45633242cee4ff Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Alejandro=20Guti=C3=A9rrez?=
 <35082514+alezmad@users.noreply.github.com>
Date: Mon, 2 Feb 2026 18:05:19 +0000
Subject: [PATCH] Fix table overflow and add website link to actions

- Added min-w-0 to deployments div and overflow-hidden to main
- Fixed application_fqdn not being passed through API transformation
- Globe icon now shows for all deployments with fqdn

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 src/app/api/deployments/route.ts    | 1 +
 src/app/page.tsx                    | 4 ++--
 src/components/DeploymentsTable.tsx | 2 +-
 3 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/app/api/deployments/route.ts b/src/app/api/deployments/route.ts
index a9c2a85..1e4fcd9 100644
--- a/src/app/api/deployments/route.ts
+++ b/src/app/api/deployments/route.ts
@@ -116,6 +116,7 @@ echo json_encode($result->toArray());
       deployment_uuid: d.deployment_uuid as string,
       application_uuid: d.application_uuid as string,
       application_name: (d.application_name as string) || 'Unknown App',
+      application_fqdn: d.application_fqdn as string | undefined,
       status,
       created_at: d.created_at as string,
       updated_at: d.updated_at as string,
diff --git a/src/app/page.tsx b/src/app/page.tsx
index dfad7b3..f39d6be 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -235,7 +235,7 @@ export default function Home() {
 
       case 'deployments':
         return (
-          <div>
+          <div className="min-w-0">
             <div className="mb-6">
               <h2 className="text-xl font-semibold text-slate-900 dark:text-stone-100 mb-2">
                 Deployments
@@ -329,7 +329,7 @@ export default function Home() {
     <div className="min-h-screen bg-slate-50 dark:bg-stone-950">
       <Header activeTab={activeTab} onTabChange={(tab) => setActiveTab(tab as TabId)} tabs={tabs} />
 
-      <main className="max-w-6xl mx-auto px-4 sm:px-6 py-8">
+      <main className="max-w-6xl mx-auto px-4 sm:px-6 py-8 overflow-hidden">
         {renderTabContent()}
       </main>
 
diff --git a/src/components/DeploymentsTable.tsx b/src/components/DeploymentsTable.tsx
index a53af0a..db83862 100644
--- a/src/components/DeploymentsTable.tsx
+++ b/src/components/DeploymentsTable.tsx
@@ -175,7 +175,7 @@ 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' && (
+            {row.original.application_fqdn && (
               <a
                 href={row.original.application_fqdn}
                 target="_blank"