From 4f9bd2bcf40ad62d3a04f449f19dc8abb9850c2a Mon Sep 17 00:00:00 2001
From: a-effort <35465683+a-effort@users.noreply.github.com>
Date: Wed, 15 Apr 2026 14:11:18 -0700
Subject: [PATCH] refactor: Center truncate deployment provider URL  (#12579)

* changed Deployment Provider URL to truncate in the center

* fix: center-truncate deployment provider URL using provider_data.url

---------

Co-authored-by: Claude Sonnet 4.6 <noreply@anthropic.com>
Co-authored-by: Jordan Frazier <122494242+jordanrfrazier@users.noreply.github.com>
---
 .../deploymentsPage/components/providers-table.tsx     | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/frontend/src/pages/MainPage/pages/deploymentsPage/components/providers-table.tsx b/src/frontend/src/pages/MainPage/pages/deploymentsPage/components/providers-table.tsx
index 37f7c7bd5b..8c652b884d 100644
--- a/src/frontend/src/pages/MainPage/pages/deploymentsPage/components/providers-table.tsx
+++ b/src/frontend/src/pages/MainPage/pages/deploymentsPage/components/providers-table.tsx
@@ -24,6 +24,12 @@ interface ProvidersTableProps {
   onDeleteProvider?: (provider: ProviderAccount) => void;
 }
 
+function truncateMiddle(text: string, maxLength = 50): string {
+  if (text.length <= maxLength) return text;
+  const half = Math.floor((maxLength - 3) / 2);
+  return `${text.slice(0, half)}...${text.slice(-half)}`;
+}
+
 function formatDate(iso: string | null) {
   if (!iso) return "—";
   return new Date(iso).toLocaleDateString(undefined, {
@@ -62,9 +68,9 @@ export default function ProvidersTable({
                 <span className="font-medium">{provider.name}</span>
               </TableCell>
               <TableCell>
-                <span className="max-w-[300px] truncate text-sm text-muted-foreground">
+                <span className="text-sm text-muted-foreground">
                   {typeof provider.provider_data?.url === "string"
-                    ? provider.provider_data.url
+                    ? truncateMiddle(provider.provider_data.url)
                     : "—"}
                 </span>
               </TableCell>