From e2614f2be468ec6036ad1c2af2034f1ea9442f7b Mon Sep 17 00:00:00 2001
From: Kit Langton <kit.langton@gmail.com>
Date: Tue, 14 Jul 2026 17:22:38 +0000
Subject: [PATCH 1/4] fix(tui): keep background shell status inline

---
 packages/tui/src/routes/session/index.tsx | 39 +++++++++++------------
 1 file changed, 19 insertions(+), 20 deletions(-)

diff --git a/packages/tui/src/routes/session/index.tsx b/packages/tui/src/routes/session/index.tsx
index 054d35d4059f..7f508fe226ee 100644
--- a/packages/tui/src/routes/session/index.tsx
+++ b/packages/tui/src/routes/session/index.tsx
@@ -2327,11 +2327,13 @@ function Shell(props: ToolProps) {
   const [expanded, setExpanded] = createSignal(false)
   const maxLines = 10
   const maxChars = createMemo(() => maxLines * Math.max(20, ctx.width - 6))
-  const input = createMemo(() => (command() ? `${isRunning() ? "" : "$ "}${command()}` : ""))
-  const content = createMemo(() => [input(), output()].filter(Boolean).join("\n\n"))
-  const collapsed = createMemo(() => collapseToolOutput(content(), maxLines, maxChars()))
+  const input = createMemo(() => {
+    const value = command()?.replace(/\s+/g, " ").trim()
+    return value ? `${isRunning() ? "" : "$ "}${value}` : ""
+  })
+  const collapsed = createMemo(() => collapseToolOutput(output(), maxLines, maxChars()))
   const limited = createMemo(() => {
-    if (expanded() || !collapsed().overflow) return content()
+    if (expanded() || !collapsed().overflow) return output()
     return collapsed().output
   })
 
@@ -2348,23 +2350,20 @@ function Shell(props: ToolProps) {
             )
           }
         >
-          <Show
-            when={isRunning()}
-            fallback={
-              <text>
-                <span style={{ fg: theme.text }}>{limited().slice(0, input().length)}</span>
-                <span style={{ fg: theme.textMuted }}>{limited().slice(input().length)}</span>
-              </text>
-            }
-          >
-            <Spinner color={color()}>
-              <span style={{ fg: theme.text }}>{limited().slice(0, input().length)}</span>
-              <span style={{ fg: theme.textMuted }}>{limited().slice(input().length)}</span>
-            </Spinner>
-          </Show>
+          <box flexDirection="row" gap={1} minWidth={0}>
+            <Show when={isRunning()}>
+              <Spinner color={color()} />
+            </Show>
+            <text flexShrink={1} wrapMode="none" truncate fg={theme.text}>
+              {input()}
+            </text>
+            <Show when={shellID()}>
+              <StatusBadge>Background</StatusBadge>
+            </Show>
+          </box>
         </Show>
-        <Show when={shellID()}>
-          <StatusBadge>Background</StatusBadge>
+        <Show when={limited()}>
+          <text fg={theme.textMuted}>{limited()}</text>
         </Show>
         <Show when={collapsed().overflow}>
           <text fg={theme.textMuted}>{expanded() ? "Click to collapse" : "Click to expand"}</text>

From 4df54601df5e867951db588c8b39689cb4e3d79a Mon Sep 17 00:00:00 2001
From: Kit Langton <kit.langton@gmail.com>
Date: Tue, 14 Jul 2026 17:48:25 +0000
Subject: [PATCH 2/4] fix(tui): pad background shell status

---
 packages/tui/src/routes/session/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/tui/src/routes/session/index.tsx b/packages/tui/src/routes/session/index.tsx
index 7f508fe226ee..6fc4147be7af 100644
--- a/packages/tui/src/routes/session/index.tsx
+++ b/packages/tui/src/routes/session/index.tsx
@@ -2350,7 +2350,7 @@ function Shell(props: ToolProps) {
             )
           }
         >
-          <box flexDirection="row" gap={1} minWidth={0}>
+          <box flexDirection="row" gap={1} minWidth={0} paddingRight={1}>
             <Show when={isRunning()}>
               <Spinner color={color()} />
             </Show>

From 746f941b406fbfeaff60076b27d586a656b8cade Mon Sep 17 00:00:00 2001
From: Kit Langton <kit.langton@gmail.com>
Date: Tue, 14 Jul 2026 17:51:46 +0000
Subject: [PATCH 3/4] fix(tui): space background shell status

---
 packages/tui/src/routes/session/index.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/packages/tui/src/routes/session/index.tsx b/packages/tui/src/routes/session/index.tsx
index 6fc4147be7af..d9847e15ce81 100644
--- a/packages/tui/src/routes/session/index.tsx
+++ b/packages/tui/src/routes/session/index.tsx
@@ -2350,14 +2350,16 @@ function Shell(props: ToolProps) {
             )
           }
         >
-          <box flexDirection="row" gap={1} minWidth={0} paddingRight={1}>
+          <box flexDirection="row" minWidth={0} paddingRight={1}>
             <Show when={isRunning()}>
               <Spinner color={color()} />
+              <text> </text>
             </Show>
             <text flexShrink={1} wrapMode="none" truncate fg={theme.text}>
               {input()}
             </text>
             <Show when={shellID()}>
+              <text> </text>
               <StatusBadge>Background</StatusBadge>
             </Show>
           </box>

From 13ef9924fa4a47f264fcdee316f98a137544f4c4 Mon Sep 17 00:00:00 2001
From: Kit Langton <kit.langton@gmail.com>
Date: Tue, 14 Jul 2026 18:03:50 +0000
Subject: [PATCH 4/4] fix(tui): preserve shell status spacing

---
 packages/tui/src/routes/session/index.tsx | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/packages/tui/src/routes/session/index.tsx b/packages/tui/src/routes/session/index.tsx
index d9847e15ce81..5f5129172f08 100644
--- a/packages/tui/src/routes/session/index.tsx
+++ b/packages/tui/src/routes/session/index.tsx
@@ -2352,15 +2352,19 @@ function Shell(props: ToolProps) {
         >
           <box flexDirection="row" minWidth={0} paddingRight={1}>
             <Show when={isRunning()}>
-              <Spinner color={color()} />
-              <text> </text>
+              <box flexDirection="row" flexShrink={0}>
+                <Spinner color={color()} />
+                <text>{"\u00a0"}</text>
+              </box>
             </Show>
             <text flexShrink={1} wrapMode="none" truncate fg={theme.text}>
               {input()}
             </text>
             <Show when={shellID()}>
-              <text> </text>
-              <StatusBadge>Background</StatusBadge>
+              <box flexDirection="row" flexShrink={0}>
+                <text>{"\u00a0"}</text>
+                <StatusBadge>Background</StatusBadge>
+              </box>
             </Show>
           </box>
         </Show>