From 614efb0d7c691f5fcd0d1c31fa407f0f46d4285b Mon Sep 17 00:00:00 2001
From: "[._.]/ Adam Eivy" <atomantic@gmail.com>
Date: Mon, 25 May 2026 22:04:13 -0700
Subject: [PATCH 1/2] show full shell session labels instead of truncating to
 140px

The Shell page truncated session names with an ellipsis (max-w-[140px]),
which hid the agent id portion of labels like 'Claude Code TUI agent-ec11f870'.
Drop the width cap and switch the tab strip from horizontal scroll to
flex-wrap so longer labels can flow onto multiple lines.
---
 client/src/pages/Shell.jsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/client/src/pages/Shell.jsx b/client/src/pages/Shell.jsx
index 13da9e5460..b31585a8f7 100644
--- a/client/src/pages/Shell.jsx
+++ b/client/src/pages/Shell.jsx
@@ -765,7 +765,7 @@ export default function Shell() {
 
       {/* Session tabs */}
       {sessions.length > 0 && (
-        <div className="flex items-center gap-1.5 mb-3 overflow-x-auto pb-1">
+        <div className="flex flex-wrap items-center gap-1.5 mb-3 pb-1">
           {sessions.map((s) => {
             const isActive = s.sessionId === activeSessionId;
             const label = s.label || s.cwd?.split('/').pop() || shortId(s.sessionId);
@@ -781,7 +781,7 @@ export default function Shell() {
                 title={`${s.label || s.cwd || shortId(s.sessionId)} — ${formatAge(s.createdAt)} old`}
               >
                 <TerminalIcon size={12} className="shrink-0" />
-                <span className="truncate max-w-[140px]">{label}</span>
+                <span>{label}</span>
                 <span className="text-[10px] opacity-60 shrink-0">{formatAge(s.createdAt)}</span>
                 <button
                   onClick={(e) => { e.stopPropagation(); killOtherSession(s.sessionId); }}

From f48438b5a79d5a9534061b4952be9a36ee2f0b37 Mon Sep 17 00:00:00 2001
From: "[._.]/ Adam Eivy" <atomantic@gmail.com>
Date: Mon, 25 May 2026 22:08:15 -0700
Subject: [PATCH 2/2] address review (copilot): let long session labels wrap
 inside tab

Copilot flagged that with truncation removed, a very long unbroken label
(e.g. a long cwd basename or agent id) could push the flex tab wider
than the viewport. flex-wrap on the parent strip only wraps between
tabs, not inside one. Add min-w-0 break-all on the label span so the
label itself wraps and the tab stays within the viewport.
---
 client/src/pages/Shell.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/client/src/pages/Shell.jsx b/client/src/pages/Shell.jsx
index b31585a8f7..1762869e24 100644
--- a/client/src/pages/Shell.jsx
+++ b/client/src/pages/Shell.jsx
@@ -781,7 +781,7 @@ export default function Shell() {
                 title={`${s.label || s.cwd || shortId(s.sessionId)} — ${formatAge(s.createdAt)} old`}
               >
                 <TerminalIcon size={12} className="shrink-0" />
-                <span>{label}</span>
+                <span className="min-w-0 break-all">{label}</span>
                 <span className="text-[10px] opacity-60 shrink-0">{formatAge(s.createdAt)}</span>
                 <button
                   onClick={(e) => { e.stopPropagation(); killOtherSession(s.sessionId); }}