From df3eb9aea4046fdcd77712cdc8db35b53d36a1d1 Mon Sep 17 00:00:00 2001
From: "google-labs-jules[bot]"
 <161369871+google-labs-jules[bot]@users.noreply.github.com>
Date: Thu, 27 Aug 2026 22:03:36 +0000
Subject: [PATCH] Add truncation indicator to TodoDrawer when list exceeds
 maxVisible

The TodoDrawer now displays a helpful '... and X more tasks' indicator when the list of todos is truncated due to the `maxVisible` limit. This preserves user situational awareness in the terminal UI.
---
 .jules/palette.md                    | 3 +++
 bun.lock                             | 1 -
 src/cli/ui/components/TodoDrawer.tsx | 8 ++++++++
 3 files changed, 11 insertions(+), 1 deletion(-)
 create mode 100644 .jules/palette.md

diff --git a/.jules/palette.md b/.jules/palette.md
new file mode 100644
index 00000000..5152f4d8
--- /dev/null
+++ b/.jules/palette.md
@@ -0,0 +1,3 @@
+## 2026-08-27 - Add Truncation Indicator for Long Lists
+**Learning:** When displaying dynamic lists in terminal UIs (such as those using `ink`), if the list is truncated to fit constraints (e.g., a `maxVisible` limit), it is important to include an explicit visual indicator to preserve user situational awareness.
+**Action:** Always add a visible indicator like '... and X more tasks' when truncating lists to ensure users know there is more data than what is currently displayed.
\ No newline at end of file
diff --git a/bun.lock b/bun.lock
index f1109aa4..d19f7943 100644
--- a/bun.lock
+++ b/bun.lock
@@ -1,6 +1,5 @@
 {
   "lockfileVersion": 1,
-  "configVersion": 1,
   "workspaces": {
     "": {
       "name": "salmon-loop",
diff --git a/src/cli/ui/components/TodoDrawer.tsx b/src/cli/ui/components/TodoDrawer.tsx
index 8304d871..d4f13c47 100644
--- a/src/cli/ui/components/TodoDrawer.tsx
+++ b/src/cli/ui/components/TodoDrawer.tsx
@@ -134,6 +134,14 @@ export function TodoDrawer({
               </Box>
             ))
           )}
+          {todos.length > maxVisible && (
+            <Box flexDirection="row" marginTop={0}>
+              <Text color={COLORS.text.muted} dimColor>
+                ... and {todos.length - maxVisible} more{' '}
+                {todos.length - maxVisible === 1 ? 'task' : 'tasks'}
+              </Text>
+            </Box>
+          )}
         </Box>
       )}
     </Box>