From cb79018977850289c23d8f81aca9ed2b57d67022 Mon Sep 17 00:00:00 2001
From: jonny <jonny@nousresearch.com>
Date: Fri, 10 Apr 2026 11:16:41 +0000
Subject: [PATCH] fix(tui): improve session picker readability

- Show full session ID in a fixed-width column for easy scanning
- Pad row numbers to 2 digits to keep alignment past 9 entries
- Always show session source (tui/cli) instead of conditionally hiding it
- Use Box-based column layout so ID, metadata, and title don't run together
---
 ui-tui/src/components/sessionPicker.tsx | 20 +++++++++++++-------
 1 file changed, 13 insertions(+), 7 deletions(-)

diff --git a/ui-tui/src/components/sessionPicker.tsx b/ui-tui/src/components/sessionPicker.tsx
index a793e52a5..41c033500 100644
--- a/ui-tui/src/components/sessionPicker.tsx
+++ b/ui-tui/src/components/sessionPicker.tsx
@@ -103,16 +103,22 @@ export function SessionPicker({
         const i = off + vi
 
         return (
-          <Text key={s.id}>
+          <Box key={s.id}>
             <Text color={sel === i ? t.color.label : t.color.dim}>{sel === i ? '▸ ' : '  '}</Text>
+            <Box width={30}>
+              <Text color={sel === i ? t.color.cornsilk : t.color.dim}>
+                {String(i + 1).padStart(2)}. [{s.id}]
+              </Text>
+            </Box>
+            <Box width={30}>
+              <Text color={t.color.dim}>
+                ({s.message_count} msgs, {age(s.started_at)}, {s.source || 'tui'})
+              </Text>
+            </Box>
             <Text color={sel === i ? t.color.cornsilk : t.color.dim}>
-              {i + 1}. {s.title || s.preview || s.id.slice(0, 8)}
+              {s.title || s.preview || '(untitled)'}
             </Text>
-            <Text color={t.color.dim}>
-              {' '}
-              ({s.message_count} msgs, {age(s.started_at)}{s.source && s.source !== 'tui' ? `, ${s.source}` : ''})
-            </Text>
-          </Text>
+          </Box>
         )
       })}
       {off + VISIBLE < items.length && <Text color={t.color.dim}> ↓ {items.length - off - VISIBLE} more</Text>}