From e75b3e3f85f1ea8dafa7cb6a1a96b6ab13dcf2b0 Mon Sep 17 00:00:00 2001 From: "google-labs-jules[bot]" <161369871+google-labs-jules[bot]@users.noreply.github.com> Date: Sat, 22 Aug 2026 21:58:07 +0000 Subject: [PATCH] =?UTF-8?q?=F0=9F=8E=A8=20Palette:=20Add=20visual=20indica?= =?UTF-8?q?tor=20for=20truncated=20tasks=20in=20TodoDrawer?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Added a conditional visual indicator ("... and X more tasks") when the list of tasks in the TodoDrawer exceeds the `maxVisible` constraint. This improves user situational awareness by ensuring they know hidden items exist. --- .jules/palette.md | 3 +++ src/cli/ui/components/TodoDrawer.tsx | 8 ++++++++ 2 files changed, 11 insertions(+) create mode 100644 .jules/palette.md diff --git a/.jules/palette.md b/.jules/palette.md new file mode 100644 index 00000000..f7dea96b --- /dev/null +++ b/.jules/palette.md @@ -0,0 +1,3 @@ +## 2026-08-22 - Truncation Indicators in Terminal Lists +**Learning:** Users lose situational awareness when dynamic lists in terminal UIs are silently truncated to fit constraints (like `maxVisible`). +**Action:** Always include an explicit visual indicator (e.g., "... and X more tasks") when slicing arrays for terminal list displays. \ No newline at end of file diff --git a/src/cli/ui/components/TodoDrawer.tsx b/src/cli/ui/components/TodoDrawer.tsx index 8304d871..fd51d4b1 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 task + {todos.length - maxVisible === 1 ? '' : 's'} + + + )} )}