The collapsed state is owned by PiWebApp and used only to toggle the
shell CSS class and hide the element — the WorkspacePanel never reads
it. Remove the dead property and its pass-through.
The workspace panel is already hidden at ≤1180px by responsive CSS,
so the expand/collapse toggle icon is meaningless there. Hide the
expand-panel-strip inside both media queries.
The desktop .shell.workspace-panel-collapsed selector had higher
specificity than the media-query .shell rules, causing horizontal
overflow at ≤1180px and ≤760px widths. Add matching collapsed grid
overrides inside each breakpoint.
- Change title/aria-label on both collapse and expand buttons to 'Toggle Panel'
- Right-align the expand-panel-strip so the toggle icon sits on the right
edge of the main column when the workspace panel is collapsed
Adds a chevron-right collapse button after the last tab (Files, Git,
Terminal, Info) in the workspace panel header. Clicking it hides the
workspace panel and lets the main chat column fill the full width.
When collapsed, an expand strip with a chevron-left button appears
below the context bar to re-open the workspace panel.
Changes:
- Add workspacePanelCollapsed boolean to AppState
- Add collapse button to WorkspacePanel header tabs
- Add expand strip with toggle button in main column when collapsed
- Adjust grid layout to hide panel and stretch main when collapsed
- Handle collapsed state at ≤1180px responsive breakpoint
spellitwithaph