From 4a5e369cd9294404e2c126152060bfce3dd89047 Mon Sep 17 00:00:00 2001
From: Ammar <ammar+ai@ammar.io>
Date: Sun, 26 Oct 2025 13:35:59 -0500
Subject: [PATCH] =?UTF-8?q?=F0=9F=A4=96=20Make=20runtime=20badge=20icon-on?=
 =?UTF-8?q?ly=20to=20save=20space?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Remove hostname text from badge, showing only the server icon.
Hostname is still visible in tooltip on hover.

Changes:
- Remove hostname span from badge
- Reduce horizontal padding from px-1.5 to px-1
- Remove gap-1, text-xs, font-medium classes (no longer needed)
- Simplify tooltip text to "SSH: hostname"

This saves horizontal space in workspace lists and headers while
maintaining full functionality through the tooltip.

Generated with `cmux`
---
 src/components/RuntimeBadge.tsx | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/src/components/RuntimeBadge.tsx b/src/components/RuntimeBadge.tsx
index 886cc776f1..19a983dde8 100644
--- a/src/components/RuntimeBadge.tsx
+++ b/src/components/RuntimeBadge.tsx
@@ -11,7 +11,7 @@ interface RuntimeBadgeProps {
 
 /**
  * Badge to display SSH runtime information.
- * Shows compute icon + hostname for SSH runtimes, nothing for local.
+ * Shows icon-only badge for SSH runtimes with hostname in tooltip.
  */
 export function RuntimeBadge({ runtimeConfig, className }: RuntimeBadgeProps) {
   const hostname = extractSshHostname(runtimeConfig);
@@ -24,7 +24,7 @@ export function RuntimeBadge({ runtimeConfig, className }: RuntimeBadgeProps) {
     <TooltipWrapper inline>
       <span
         className={cn(
-          "inline-flex items-center gap-1 rounded px-1.5 py-0.5 text-xs font-medium",
+          "inline-flex items-center rounded px-1 py-0.5",
           "bg-accent/10 text-accent border border-accent/30",
           className
         )}
@@ -46,10 +46,9 @@ export function RuntimeBadge({ runtimeConfig, className }: RuntimeBadgeProps) {
           <line x1="5" y1="4" x2="5" y2="4" />
           <line x1="5" y1="12" x2="5" y2="12" />
         </svg>
-        <span className="truncate">{hostname}</span>
       </span>
       <Tooltip align="right">
-        Running on SSH host: {runtimeConfig?.type === "ssh" ? runtimeConfig.host : hostname}
+        SSH: {runtimeConfig?.type === "ssh" ? runtimeConfig.host : hostname}
       </Tooltip>
     </TooltipWrapper>
   );