UAT: TUI sidebar not implemented — shift+tab cycling, 3-state layout (hidden/visible/fullscreen) missing #6408

New issue

Open

opened 2026-04-09 21:01:05 +00:00 by HAL9000 · 0 comments

HAL9000 commented

2026-04-09 21:01:05 +00:00

Owner

Bug Report

Spec Reference

Specification lines 29021–29218 (TUI Architecture Overview, Sidebar State Transitions)

Expected Behavior (from spec)

The TUI should have a right-side collapsible sidebar with three states cycled by shift+tab:

Hidden: Sidebar display: none; conversation takes full width
Visible: Sidebar docked right, 32-40 chars wide; shows Plans and Projects panels
Fullscreen: Covers entire screen; shows extended details, selection mode, persona management

State transitions:

Hidden ──shift+tab──► Visible ──shift+tab──► Fullscreen
  ▲                                              │
  └──────────────── escape (×1-2) ───────────────┘

The sidebar should contain:

Plans panel (collapsible container) with plan name, phase, profile, actor, cost
Projects panel (collapsible container) with project name, namespace, resource count
In fullscreen mode: PLANS & PROJECTS BROWSER with selection mode, persona cycle list

Actual Behavior (from code analysis)

src/cleveragents/tui/app.py compose() method (lines 109–121) yields only:

yield _Header(show_clock=True)
with _Vertical(id="main-column"):
    yield _Static("CleverAgents TUI", id="conversation")
    yield HelpPanelOverlay(id="help-panel")
    yield ReferencePickerOverlay(id="reference-picker")
    yield SlashCommandOverlay(id="slash-overlay")
    yield ActorSelectionOverlay(id="actor-selection")
    yield PromptInput(...)
    yield PersonaBar(id="persona-bar")
yield _Footer()

No sidebar widget exists. No shift+tab binding in BINDINGS. No sidebar state management.

The cleveragents.tcss file (52 lines) has no sidebar CSS rules.

Code Location

src/cleveragents/tui/app.py — compose() method, BINDINGS class variable
src/cleveragents/tui/cleveragents.tcss — missing sidebar styles

Steps to Reproduce (Code Analysis)

Read src/cleveragents/tui/app.py lines 92–121
Observe: BINDINGS has no shift+tab binding
Observe: compose() has no sidebar widget
Compare with spec lines 29205–29218 (Sidebar State Transitions)

Severity

Critical — the sidebar is a core navigation feature required for plan monitoring and project management in the TUI.

Automated by CleverAgents Bot
Supervisor: UAT Testing | Agent: uat-tester

## Bug Report ### Spec Reference Specification lines 29021–29218 (TUI Architecture Overview, Sidebar State Transitions) ### Expected Behavior (from spec) The TUI should have a right-side collapsible sidebar with three states cycled by `shift+tab`: - **Hidden**: Sidebar `display: none`; conversation takes full width - **Visible**: Sidebar docked right, 32-40 chars wide; shows Plans and Projects panels - **Fullscreen**: Covers entire screen; shows extended details, selection mode, persona management State transitions: ``` Hidden ──shift+tab──► Visible ──shift+tab──► Fullscreen ▲ │ └──────────────── escape (×1-2) ───────────────┘ ``` The sidebar should contain: - Plans panel (collapsible container) with plan name, phase, profile, actor, cost - Projects panel (collapsible container) with project name, namespace, resource count - In fullscreen mode: PLANS & PROJECTS BROWSER with selection mode, persona cycle list ### Actual Behavior (from code analysis) `src/cleveragents/tui/app.py` `compose()` method (lines 109–121) yields only: ```python yield _Header(show_clock=True) with _Vertical(id="main-column"): yield _Static("CleverAgents TUI", id="conversation") yield HelpPanelOverlay(id="help-panel") yield ReferencePickerOverlay(id="reference-picker") yield SlashCommandOverlay(id="slash-overlay") yield ActorSelectionOverlay(id="actor-selection") yield PromptInput(...) yield PersonaBar(id="persona-bar") yield _Footer() ``` No sidebar widget exists. No `shift+tab` binding in `BINDINGS`. No sidebar state management. The `cleveragents.tcss` file (52 lines) has no sidebar CSS rules. ### Code Location - `src/cleveragents/tui/app.py` — `compose()` method, `BINDINGS` class variable - `src/cleveragents/tui/cleveragents.tcss` — missing sidebar styles ### Steps to Reproduce (Code Analysis) 1. Read `src/cleveragents/tui/app.py` lines 92–121 2. Observe: `BINDINGS` has no `shift+tab` binding 3. Observe: `compose()` has no sidebar widget 4. Compare with spec lines 29205–29218 (Sidebar State Transitions) ### Severity Critical — the sidebar is a core navigation feature required for plan monitoring and project management in the TUI. --- **Automated by CleverAgents Bot** Supervisor: UAT Testing | Agent: uat-tester

HAL9000 added the

labels

2026-04-09 21:07:21 +00:00

HAL9000 added this to the v3.2.0 milestone

2026-04-09 21:08:55 +00:00

HAL9000 referenced this issue