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({ )) )} + {todos.length > maxVisible && ( + + + ... and {todos.length - maxVisible} more{' '} + {todos.length - maxVisible === 1 ? 'task' : 'tasks'} + + + )} )}