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({
{provider.name}
-
+
{typeof provider.provider_data?.url === "string"
- ? provider.provider_data.url
+ ? truncateMiddle(provider.provider_data.url)
: "—"}