fix(tui): polish /status diagnostics card

packages/ui/tui/tests/snapshots/status-diagnostics-narrow.expected.txt

@@ -0,0 +1,110 @@
+terminal 56x36 buffer=normal length=36 base=0 viewport=0
+lifecycle started=1 stopped=0 progress=inactive
+title "Inspect session diagnostics — DSH snapshot"
+cursor hidden column=1 viewportRow=32 bufferRow=32
+buffer
+0| " DEEPSEEK HARNESS"
+  style 1-8 fg=bright-blue bold
+  style 10-16 bold
+1| " Inspect session diagnostics"
+  style 1-27 fg=bright-black
+2| " deepseek-v4-pro  •  main-session"
+  style 1-32 dim
+3| <blank>
+4| "▌ "
+  style 0-0 fg=bright-blue
+5| "▌ You                                                   "
+  style 0-0 fg=bright-blue
+  style 2-4 fg=bright-blue bold
+6| "▌ inspect this session                                  "
+  style 0-0 fg=bright-blue
+7| "▌ "
+  style 0-0 fg=bright-blue
+8| <blank>
+9| " Assistant                                              "
+  style 1-9 fg=bright-magenta bold
+10| " Session inspected.                                     "
+11| <blank>
+12| "╭─ Session status ─────────────────────────────────────╮"
+  style 0-2 dim
+  style 3-16 fg=bright-blue bold
+  style 17-55 dim
+13| "│  Session:    main-session                            │"
+  style 0-0 dim
+  style 3-12 fg=bright-black
+  style 55-55 dim
+14| "│  Title:      Inspect session diagnostics             │"
+  style 0-0 dim
+  style 3-12 fg=bright-black
+  style 55-55 dim
+15| "│  Directory:  /workspace/project                      │"
+  style 0-0 dim
+  style 3-12 fg=bright-black
+  style 55-55 dim
+16| "│  Model:      deepseek/deepseek-v4-pro (reasoning     │"
+  style 0-0 dim
+  style 3-12 fg=bright-black
+  style 40-55 dim
+17| "│              shown)                                  │"
+  style 0-0 dim
+  style 15-20 dim
+  style 55-55 dim
+18| "│                                                      │"
+  style 0-0 dim
+  style 55-55 dim
+19| "│  Agent:      idle · 6 events · 1 turn · 1 step · 1   │"
+  style 0-0 dim
+  style 3-12 fg=bright-black
+  style 55-55 dim
+20| "│              tool call                               │"
+  style 0-0 dim
+  style 55-55 dim
+21| "│                                                      │"
+  style 0-0 dim
+  style 55-55 dim
+22| "│  Tokens:     1,250 input + 340 output                │"
+  style 0-0 dim
+  style 3-12 fg=bright-black
+  style 55-55 dim
+23| "│  KV cache:   [███████████░░░░░] 67% hit (3,000 read  │"
+  style 0-0 dim
+  style 3-12 fg=bright-black
+  style 15-15 dim
+  style 16-26 fg=bright-blue
+  style 27-32 dim
+  style 55-55 dim
+24| "│              + 250 write)                            │"
+  style 0-0 dim
+  style 55-55 dim
+25| "│  Context:    [█████░░░░░░░░░░░] 33% used (42,000 /   │"
+  style 0-0 dim
+  style 3-12 fg=bright-black
+  style 15-15 dim
+  style 16-20 fg=bright-blue
+  style 21-32 dim
+  style 55-55 dim
+26| "│              128,000)                                │"
+  style 0-0 dim
+  style 55-55 dim
+27| "│                                                      │"
+  style 0-0 dim
+  style 55-55 dim
+28| "│  Created:    2026-07-22 09:10:11 UTC                 │"
+  style 0-0 dim
+  style 3-12 fg=bright-black
+  style 55-55 dim
+29| "│  Active:     2026-07-22 09:10:11 UTC                 │"
+  style 0-0 dim
+  style 3-12 fg=bright-black
+  style 55-55 dim
+30| "╰──────────────────────────────────────────────────────╯"
+  style 0-55 dim
+31| "────────────────────────────────────────────────────────"
+  style 0-55 dim
+32| "                                                        "
+  style 1-1 inverse
+33| "────────────────────────────────────────────────────────"
+  style 0-55 dim
+34| "deepseek-v4-pro  /workspace/project  ↑1.3k ↓340  cache 6"
+  style 0-55 dim
+35| <blank>

packages/ui/tui/tests/snapshots/status-diagnostics.expected.txt

@@ -1,7 +1,7 @@
 terminal 92x32 buffer=normal length=32 base=0 viewport=0
 lifecycle started=1 stopped=0 progress=inactive
 title "Inspect session diagnostics — DSH snapshot"
-cursor hidden column=1 viewportRow=27 bufferRow=27
+cursor hidden column=1 viewportRow=28 bufferRow=28
 buffer
 0| " DEEPSEEK HARNESS"
   style 1-8 fg=bright-blue bold
@@ -25,55 +25,75 @@ buffer
   style 1-9 fg=bright-magenta bold
 10| " Session inspected.                                                                         "
 11| <blank>
-12| "▌ Session diagnostics                                                                       "
-  style 0-0 fg=bright-blue
-  style 2-20 fg=bright-blue bold
-13| "▌ Session         main-session                                                              "
-  style 0-0 fg=bright-blue
-  style 2-15 fg=bright-black
-14| "▌ Title           Inspect session diagnostics                                               "
-  style 0-0 fg=bright-blue
-  style 2-15 fg=bright-black
-15| "▌ Working dir     /workspace/project                                                        "
-  style 0-0 fg=bright-blue
-  style 2-15 fg=bright-black
-16| "▌ Model           deepseek/deepseek-v4-pro                                                  "
-  style 0-0 fg=bright-blue
-  style 2-15 fg=bright-black
-17| "▌ Reasoning view  shown                                                                     "
-  style 0-0 fg=bright-blue
-  style 2-15 fg=bright-black
-18| "▌ Agent           idle                                                                      "
-  style 0-0 fg=bright-blue
-  style 2-15 fg=bright-black
-19| "▌ Activity        events 6 · turns 1 · steps 1 · tool calls 1                               "
-  style 0-0 fg=bright-blue
-  style 2-15 fg=bright-black
-20| "▌ Tokens          input 1,250 · output 340                                                  "
-  style 0-0 fg=bright-blue
-  style 2-15 fg=bright-black
-21| "▌ Cache tokens    read 3,000 · write 250                                                    "
-  style 0-0 fg=bright-blue
-  style 2-15 fg=bright-black
-22| "▌ KV cache hit    67%                                                                       "
-  style 0-0 fg=bright-blue
-  style 2-15 fg=bright-black
-23| "▌ Context         42,000 / 128,000 (33%)                                                    "
-  style 0-0 fg=bright-blue
-  style 2-15 fg=bright-black
-24| "▌ Created         2026-07-22T09:10:11.000Z                                                  "
-  style 0-0 fg=bright-blue
-  style 2-15 fg=bright-black
-25| "▌ Last active     2026-07-22T09:10:11.000Z                                                  "
-  style 0-0 fg=bright-blue
-  style 2-15 fg=bright-black
-26| "────────────────────────────────────────────────────────────────────────────────────────────"
+12| "╭─ Session status ─────────────────────────────────────────────────╮"
+  style 0-2 dim
+  style 3-16 fg=bright-blue bold
+  style 17-67 dim
+13| "│  Session:    main-session                                        │"
+  style 0-0 dim
+  style 3-12 fg=bright-black
+  style 67-67 dim
+14| "│  Title:      Inspect session diagnostics                         │"
+  style 0-0 dim
+  style 3-12 fg=bright-black
+  style 67-67 dim
+15| "│  Directory:  /workspace/project                                  │"
+  style 0-0 dim
+  style 3-12 fg=bright-black
+  style 67-67 dim
+16| "│  Model:      deepseek/deepseek-v4-pro (reasoning shown)          │"
+  style 0-0 dim
+  style 3-12 fg=bright-black
+  style 40-56 dim
+  style 67-67 dim
+17| "│                                                                  │"
+  style 0-0 dim
+  style 67-67 dim
+18| "│  Agent:      idle · 6 events · 1 turn · 1 step · 1 tool call     │"
+  style 0-0 dim
+  style 3-12 fg=bright-black
+  style 67-67 dim
+19| "│                                                                  │"
+  style 0-0 dim
+  style 67-67 dim
+20| "│  Tokens:     1,250 input + 340 output                            │"
+  style 0-0 dim
+  style 3-12 fg=bright-black
+  style 67-67 dim
+21| "│  KV cache:   [███████████░░░░░] 67% hit (3,000 read + 250 write) │"
+  style 0-0 dim
+  style 3-12 fg=bright-black
+  style 15-15 dim
+  style 16-26 fg=bright-blue
+  style 27-32 dim
+  style 67-67 dim
+22| "│  Context:    [█████░░░░░░░░░░░] 33% used (42,000 / 128,000)      │"
+  style 0-0 dim
+  style 3-12 fg=bright-black
+  style 15-15 dim
+  style 16-20 fg=bright-blue
+  style 21-32 dim
+  style 67-67 dim
+23| "│                                                                  │"
+  style 0-0 dim
+  style 67-67 dim
+24| "│  Created:    2026-07-22 09:10:11 UTC                             │"
+  style 0-0 dim
+  style 3-12 fg=bright-black
+  style 67-67 dim
+25| "│  Active:     2026-07-22 09:10:11 UTC                             │"
+  style 0-0 dim
+  style 3-12 fg=bright-black
+  style 67-67 dim
+26| "╰──────────────────────────────────────────────────────────────────╯"
+  style 0-67 dim
+27| "────────────────────────────────────────────────────────────────────────────────────────────"
   style 0-91 dim
-27| "                                                                                            "
+28| "                                                                                            "
   style 1-1 inverse
-28| "────────────────────────────────────────────────────────────────────────────────────────────"
+29| "────────────────────────────────────────────────────────────────────────────────────────────"
   style 0-91 dim
-29| "deepseek-v4-pro  /workspace/project  ↑1.3k ↓340  cache 67%      33% context  tools:collapsed"
+30| "deepseek-v4-pro  /workspace/project  ↑1.3k ↓340  cache 67%      33% context  tools:collapsed"
   style 0-57 dim
   style 64-91 dim
-30-31| <blank>
+31| <blank>

packages/ui/tui/tests/tui.snapshot.ts

@@ -49,6 +49,7 @@ const CHECKPOINTS = [
   'disposed-terminal',
   'resume-sessions',
   'status-diagnostics',
+  'status-diagnostics-narrow',
 ] as const
 
 type Checkpoint = typeof CHECKPOINTS[number]
@@ -672,6 +673,8 @@ describe('TUI terminal-state snapshots', () => {
       harness.terminal.send('\r')
     })
     await checkpoint('status-diagnostics', harness.terminal, { includeScrollback: true })
+    await renderAfter(harness, () => { harness.terminal.resize(56, 36) })
+    await checkpoint('status-diagnostics-narrow', harness.terminal, { includeScrollback: true })
     await disposeSnapshot(harness)
     dateNow.mockRestore()
   })

packages/ui/tui/tests/tui.spec.ts

@@ -880,22 +880,23 @@ describe('pi-tui chat lifecycle and transcript', () => {
     result.terminal.send('\r')
     await tick()
 
-    expect(result.terminal.output).toContain('Session diagnostics')
-    expect(result.terminal.output).toContain('Session         main-session')
-    expect(result.terminal.output).toContain('Title           Inspect status \\x1b]2;unsafe\\x07')
-    expect(result.terminal.output).toContain('Working dir     /workspace/status')
-    expect(result.terminal.output).toContain('Model           deepseek/deepseek-v4-pro')
-    expect(result.terminal.output).toContain('Reasoning view  hidden')
-    expect(result.terminal.output).toContain('Agent           running')
-    expect(result.terminal.output).toContain('Activity        events 6 · turns 1 · steps 1 · tool calls 2')
-    expect(result.terminal.output).toContain('Tokens          input 1,250 · output 340')
-    expect(result.terminal.output).toContain('Cache tokens    read 3,000 · write 250')
-    expect(result.terminal.output).toContain('KV cache hit    67%')
-    expect(result.terminal.output).toContain('Context         42,000 / 128,000 (33%)')
-    expect(result.terminal.output).toContain('Created         2026-07-22T09:10:11.000Z')
-    expect(result.terminal.output).toContain('Last active     2026-07-22T09:10:11.000Z')
+    expect(result.terminal.output).toContain('Session status')
+    expect(result.terminal.output).toContain('main-session')
+    expect(result.terminal.output).toContain('Inspect status \\x1b]2;unsafe\\x07')
+    expect(result.terminal.output).toContain('/workspace/status')
+    expect(result.terminal.output).toContain('deepseek/deepseek-v4-pro (reasoning hidden)')
+    expect(result.terminal.output).toContain('running · 6 events · 1 turn · 1 step · 2 tool calls')
+    expect(result.terminal.output).toContain('1,250 input + 340 output')
+    expect(result.terminal.output).toContain('[███████████░░░░░] 67% hit (3,000 read + 250 write)')
+    expect(result.terminal.output).toContain('[█████░░░░░░░░░░░] 33% used (42,000 / 128,000)')
+    expect(result.terminal.output).toContain('2026-07-22 09:10:11 UTC')
     expect(result.terminal.output).not.toContain('\u001B]2;unsafe\u0007')
 
+    result.terminal.resize(56)
+    result.terminal.send('/redraw')
+    result.terminal.send('\r')
+    await tick()
+
     await dispose(result)
     dateNow.mockRestore()
   })
@@ -918,15 +919,12 @@ describe('pi-tui chat lifecycle and transcript', () => {
     result.terminal.send('\r')
     await tick()
 
-    expect(result.terminal.output).toContain('Title           untitled')
-    expect(result.terminal.output).toContain('Model           unset')
-    expect(result.terminal.output).toContain('Reasoning view  shown')
-    expect(result.terminal.output).toContain('Agent           idle')
-    expect(result.terminal.output).toContain('Activity        events 0 · turns 0 · steps 0 · tool calls 0')
-    expect(result.terminal.output).toContain('KV cache hit    n/a')
-    expect(result.terminal.output).toContain('Context         7 used · capacity unknown')
-    expect(result.terminal.output).toContain('Created         2026-07-22T10:11:12.000Z')
-    expect(result.terminal.output).toContain('Last active     2026-07-22T10:11:12.000Z')
+    expect(result.terminal.output).toContain('untitled')
+    expect(result.terminal.output).toContain('unset (reasoning shown)')
+    expect(result.terminal.output).toContain('idle · 0 events · 0 turns · 0 steps · 0 tool calls')
+    expect(result.terminal.output).toContain('n/a (0 read + 0 write)')
+    expect(result.terminal.output).toContain('7 used · capacity unknown')
+    expect(result.terminal.output).toContain('2026-07-22 10:11:12 UTC')
     await dispose(result)
     dateNow.mockRestore()
   })