Gives the Pilot Overview a middle-width layout #91

Merged

miko merged 4 commits from fix/overview-middle-mode into main

2026-11-02 05:58:01 +00:00

miko commented

2026-11-02 01:39:22 +00:00

Owner

At middle widths (above the 45rem phone band, up to 84rem where the three-pane desktop layout fits again) the Pilot Overview uses two columns instead of squeezing the desktop layout:

The four header cards sit in a balanced 2 by 2 grid; no card is stranded full width.
The skill directory and the center sheet share the width; the inspector leaves its permanent column.
Picking a skill row, a clone, or a staged skill opens the inspector as an overlay sheet docked to the right over a dimmed backdrop, closed by its close control or by clicking the backdrop. All inspector content and actions work from the overlay: level milestones, the staged plan with Copy EVE plan and save, and clone implants with rename. The state rides the page URL like every other Overview state, so it survives the page swap and in-inspector actions keep the sheet open. Unpicked visits show no inspector in the band, matching the approved direction.
The Now Training queue renders as a list in two columns at middle and desktop widths: one row per queued skill with its number, name, and target level. The training header, SP per hour, the queue count line, and the queue-completes line are unchanged. Phone keeps a single-column list.

Desktop above 84rem keeps the three-pane layout and the single row of four cards exactly as before; the queue list is the only change there. Phone below 45rem keeps the current stacked layout. All rules live in overview.css; the overlay reuses the existing sheet pattern (fixed panel, z-index 98 backdrop and 99 sheet, the shared insp-x close control) and a reduced-motion guard. No new render-time computation: one boolean and one close link added to the overview view.

Verified in Chromium (Blink) against the demo rig at 390, 720, 721, 768, 900, 1024, 1124, 1250, 1344, 1345, and 1440 CSS px: card rows and columns, pane tracks, table fit, queue rows and columns, and the inspector state (column, hidden, or fixed overlay) measured at each width. The 84rem boundary was derived from measurements, not picked: the skill table needs 542px and the four cards need a 1132px container, which the page chrome only leaves above about 1330px.

At middle widths (above the 45rem phone band, up to 84rem where the three-pane desktop layout fits again) the Pilot Overview uses two columns instead of squeezing the desktop layout: - The four header cards sit in a balanced 2 by 2 grid; no card is stranded full width. - The skill directory and the center sheet share the width; the inspector leaves its permanent column. - Picking a skill row, a clone, or a staged skill opens the inspector as an overlay sheet docked to the right over a dimmed backdrop, closed by its close control or by clicking the backdrop. All inspector content and actions work from the overlay: level milestones, the staged plan with Copy EVE plan and save, and clone implants with rename. The state rides the page URL like every other Overview state, so it survives the page swap and in-inspector actions keep the sheet open. Unpicked visits show no inspector in the band, matching the approved direction. - The Now Training queue renders as a list in two columns at middle and desktop widths: one row per queued skill with its number, name, and target level. The training header, SP per hour, the queue count line, and the queue-completes line are unchanged. Phone keeps a single-column list. Desktop above 84rem keeps the three-pane layout and the single row of four cards exactly as before; the queue list is the only change there. Phone below 45rem keeps the current stacked layout. All rules live in overview.css; the overlay reuses the existing sheet pattern (fixed panel, z-index 98 backdrop and 99 sheet, the shared insp-x close control) and a reduced-motion guard. No new render-time computation: one boolean and one close link added to the overview view. Verified in Chromium (Blink) against the demo rig at 390, 720, 721, 768, 900, 1024, 1124, 1250, 1344, 1345, and 1440 CSS px: card rows and columns, pane tracks, table fit, queue rows and columns, and the inspector state (column, hidden, or fixed overlay) measured at each width. The 84rem boundary was derived from measurements, not picked: the skill table needs 542px and the four cards need a 1132px container, which the page chrome only leaves above about 1330px.

miko added 1 commit

2026-11-02 01:39:22 +00:00

Gives the Pilot Overview a middle-width layout

github/analysis Analysis gate on GitHub runners

Details

github/core-only Core-only gate on GitHub runners

Details

github/test Test gate on GitHub runners

Details

github/race Race gate on GitHub runners

Details

a51c5f6df2

Between phone and full desktop widths the page now uses two
columns instead of squeezing the three-pane desktop layout:
the header cards sit in a balanced 2 by 2 grid, the skill
directory and the center sheet share the width, and the
inspector leaves its permanent column. Picking a skill,
a clone, or a staged skill opens the inspector as an overlay
sheet over the page, closed by its close control or the
backdrop; the full sheet pattern and z-indexes match the
existing small-screen sheets. The Now Training queue renders
as a list in two columns at middle and desktop widths, one
row per skill with its number, name, and target level,
replacing the wrapping chip flow. Desktop above the band
keeps the three-pane layout, and phone keeps the stacked
layout; only the queue list changes there.

miko added 1 commit

2026-11-02 02:11:03 +00:00

Marks queue levels with pips and restores the blinking blue training pip

github/analysis Analysis gate on GitHub runners

Details

github/core-only Core-only gate on GitHub runners

Details

github/test Test gate on GitHub runners

Details

github/race Race gate on GitHub runners

Details

788d07dafa

Queue rows in the Now Training strip show the five level boxes with the target level in the overlay color instead of a plain arrow and numeral. The strip's own level boxes mark the level in training with the blinking blue pulse the level boxes first shipped with.

miko added 1 commit

2026-11-02 02:35:32 +00:00

Moves the staged plan out of the skill inspector into a strip under Now Training

github/analysis Analysis gate on GitHub runners

Details

github/core-only Core-only gate on GitHub runners

Details

github/test Test gate on GitHub runners

Details

github/race Race gate on GitHub runners

Details

68060525c5