replicate-todo-gui-behavior-11

name	Replicate todo gui behavior 1:1
description	Reproduce pi-masterplan todo selector/action UX, layout anchoring, and key behavior in another extension command.

Prerequisites

• You MUST read these files first:
  • /home/igorw/Work/pi/pi-extensions-complete/pi-masterplan/src/app/command/ui.ts
  • /home/igorw/Work/pi/pi-extensions-complete/pi-masterplan/src/ui/tui/selector.ts
  • /home/igorw/Work/pi/pi-extensions-complete/pi-masterplan/src/ui/tui/selector-view.ts
  • /home/igorw/Work/pi/pi-extensions-complete/pi-masterplan/src/ui/tui/action-menu.ts
• You MUST identify the target extension command entry where ctx.ui.custom(...) is invoked.
• You MUST preserve existing command semantics while aligning visual and interaction behavior.

Steps

1. Implement a single persistent custom TUI session

• You MUST run list and action states inside one ctx.ui.custom(...) lifecycle.
• You MUST NOT open separate custom dialogs for list and action transitions.
• Observable outcome: opening, navigating, and returning between list/actions does not cause terminal whitespace jumps.

2. Replicate selector layout structure exactly

• You MUST use this vertical structure in list mode:
  • top DynamicBorder
  • Spacer(1)
  • header Text
  • Spacer(1)
  • search Input
  • Spacer(1)
  • list container
  • Spacer(1)
  • hint/footer Text