From 9517536d49c21253cbc79ee466a3831b31624ef6 Mon Sep 17 00:00:00 2001
From: Jiayuan Zhang <forrestchang7@gmail.com>
Date: Thu, 14 May 2026 15:47:28 +0200
Subject: [PATCH] fix(runtimes): keep base name visible, truncate hostname
 first (#2629)

The RUNTIME cell rendered base name + (hostname) with both spans using
flex: 0 1 auto, so the longer hostname dominated and squashed the name
to a single letter. Give the base name shrink priority and let the
hostname own the flex slot with basis-0, so hostname truncates first
while the name stays readable.

Co-authored-by: multica-agent <github@multica.ai>
---
 packages/views/runtimes/components/runtime-columns.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/views/runtimes/components/runtime-columns.tsx b/packages/views/runtimes/components/runtime-columns.tsx
index c4cb91493..c9320a110 100644
--- a/packages/views/runtimes/components/runtime-columns.tsx
+++ b/packages/views/runtimes/components/runtime-columns.tsx
@@ -235,14 +235,14 @@ function RuntimeNameCell({ runtime }: { runtime: AgentRuntime }) {
         <ProviderLogo provider={runtime.provider} className="h-5 w-5" />
       </div>
       <div className="flex min-w-0 flex-1 items-center gap-1.5">
-        <span className="block min-w-0 truncate text-sm font-medium">
+        <span className="block min-w-0 shrink truncate text-sm font-medium">
           {baseName}
         </span>
         {hostname && (
           <Tooltip>
             <TooltipTrigger
               render={
-                <span className="block min-w-0 truncate text-xs text-muted-foreground/70">
+                <span className="block min-w-0 flex-1 basis-0 truncate text-xs text-muted-foreground/70">
                   ({hostname})
                 </span>
               }