diff --git a/.jules/palette.md b/.jules/palette.md new file mode 100644 index 00000000..4ae9a4b3 --- /dev/null +++ b/.jules/palette.md @@ -0,0 +1,3 @@ +## 2026-08-26 - Explicit Visual Indicators for Truncated Arrays +**Learning:** When truncating lists in constrained terminal UIs (like maxVisible tasks), users lose situational awareness if there is no explicit visual indicator of hidden items. +**Action:** Always include a visual counter (e.g. '... and X more') when array counts exceed visibility limits in ink components to preserve context and accessibility. diff --git a/src/cli/ui/components/TodoDrawer.tsx b/src/cli/ui/components/TodoDrawer.tsx index 8304d871..73083a75 100644 --- a/src/cli/ui/components/TodoDrawer.tsx +++ b/src/cli/ui/components/TodoDrawer.tsx @@ -118,21 +118,33 @@ export function TodoDrawer({ No tasks yet. ) : ( - visibleTodos.map((t) => ( - - - {statusIcon(t.status)} + <> + {visibleTodos.map((t) => ( + + + {statusIcon(t.status)} + + + {priorityIcon(t.priority)} + + + + {t.text} + + - - {priorityIcon(t.priority)} + ))} + {todos.length > visibleTodos.length && ( + + + + + ... and {todos.length - visibleTodos.length} more tasks + + - - - {t.text} - - - - )) + )} + )} )}