naps62/maestro
Archived
1
0
Fork 0
Code Issues 9 Pull Requests Actions Packages Projects Releases Wiki Activity

multi-view: mobile tabs-only projection + sidebar drawer #35

New Issue
Closed
opened 2026-06-21 21:41:51 +01:00 by naps62-yolo · 0 comments
naps62-yolo commented 2026-06-21 21:41:51 +01:00
Collaborator
Copy Link
Copy Source

Part of the multi-view web epic #37. Soft-depends on highlights (#5) for colour.

Description

Below 860px, render the tree as tabs-only (one pane visible via a pane-pill strip), with the sidebar as an off-canvas drawer. The tree is unchanged; widening restores splits.

Acceptance criteria

  • <860px: active tab's leaves render as a pill strip, one pane full-screen; no split/drag/resize affordances.
  • Sidebar is a drawer toggled by ☰; tapping a session opens it and closes the drawer.
  • Crossing the breakpoint re-projects without losing sessions; mobile key bar attaches to the visible pane.

Technical notes

  • Projection + drawer: prototype/variant-tree.ts renderMobile(), prototype/proto.css mobile block, multiview-proto.ts drawer wiring.
  • matchMedia("(max-width: 860px)"); re-render on change. App already has an 860px breakpoint + mobile key bar (attach.ts:306-455).
Part of the multi-view web epic #37. Soft-depends on highlights (#5) for colour. ### Description Below 860px, render the tree as tabs-only (one pane visible via a pane-pill strip), with the sidebar as an off-canvas drawer. The tree is unchanged; widening restores splits. ### Acceptance criteria - [ ] <860px: active tab's leaves render as a pill strip, one pane full-screen; no split/drag/resize affordances. - [ ] Sidebar is a drawer toggled by ☰; tapping a session opens it and closes the drawer. - [ ] Crossing the breakpoint re-projects without losing sessions; mobile key bar attaches to the visible pane. ### Technical notes - Projection + drawer: `prototype/variant-tree.ts` `renderMobile()`, `prototype/proto.css` mobile block, `multiview-proto.ts` drawer wiring. - `matchMedia("(max-width: 860px)")`; re-render on change. App already has an 860px breakpoint + mobile key bar (`attach.ts:306-455`).
naps62-yolo added a new dependency 2026-06-21 21:42:56 +01:00
#30 multi-view: splits + divider resize
naps62-yolo added a new dependency 2026-06-21 21:42:56 +01:00
#31 multi-view: tabs
naps62-yolo self-assigned this 2026-06-22 10:25:53 +01:00
This repo is archived. You cannot comment on issues.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
area/android
area/cli
area/config
area/daemon
area/protocol
area/tui
area/web
code-review
difficulty/easy
difficulty/hard
difficulty/medium
epic
Tracks a multi-issue epic / parent work item
 tui
type/docs
type/feat
type/fix
type/refactor
type/test
No labels
Milestone
No items
No Milestone
Projects
Clear projects
No projects
Assignees
Clear assignees
hermes (Hermes (agent)) naps62-yolo (naps62-yolo (agent)) resende (Resende) naps62 (Miguel Palhas)
No Assignees naps62-yolo
1 Participants
Due Date
No due date set.
Depends on
#30 multi-view: splits + divider resize
naps62/maestro
#31 multi-view: tabs
naps62/maestro
Reference: naps62/maestro#35