* feat(mobile): masthead-led dashboard and 5-tab bottom nav on phones
On phones (below the md breakpoint) the dashboard now renders a bespoke,
masthead-led layout instead of the reflowed desktop workspace:
- A status masthead leads with the overall system-health verdict, the node,
and a live summary (stack counts, last sync, a "metrics stale" marker when
polling stops).
- A CPU hero card with a sparkline, then a memory / disk / network strip with
threshold-colored bars, then a tappable stack-health list.
- The bottom tab bar gains a Home tab (Home / Stacks / Fleet / Sched /
Settings); the global top bar is dropped on this screen, with notifications
and a "more" menu rehomed into the masthead.
The health-verdict logic is extracted into a shared helper so the phone
masthead and the desktop health bar read from one source, with unit tests.
All changes are scoped below the md breakpoint or rendered only on the mobile
shell; desktop layout is unchanged (verified against the desktop snapshot gate).
* feat(mobile): bespoke fleet glance and node detail on phones
On phones (below the md breakpoint) the Fleet view now renders a bespoke,
masthead-led layout instead of the reflowed desktop workspace:
- A fleet masthead leads with the overall fleet-health verdict and a running /
cpu / mem summary band, then a list of node cards. The local node is marked
with a cyan rail and a "you are here" tag; offline nodes are dimmed.
- Tapping a node opens a full-screen node detail: state pill, resource bars
(cpu / mem / disk), the stacks running on that node, and an Inspect action
that switches to the node. Operators with the right permissions also get a
Drain (cordon) action.
- The screen polls the fleet overview every 30 seconds; the global top bar is
dropped here, with notifications and a "more" menu in the masthead.
All changes are scoped below the md breakpoint or rendered only on the mobile
shell; desktop layout is unchanged.
* feat(mobile): bespoke schedules and settings screens on phones
On phones (below the md breakpoint) Schedules and Settings now render bespoke,
masthead-led layouts instead of the reflowed desktop workspace:
- Schedules: a "next up" glance leading with the next run time and countdown,
then upcoming runs grouped by day with a per-action status dot and target.
It is read-only on mobile; creating and editing schedules stays on desktop.
- Settings: a grouped-card list of every reachable section; tapping one opens
it full-screen with a back affordance and a section masthead. The section
content itself is the same as on desktop.
The settings section switch, lazy-loaded section chunks, and tier gating are
moved into a shared component so the desktop and mobile screens render the same
section content from one place. The global top bar is dropped on both screens,
with notifications and a "more" menu in the masthead.
All changes are scoped below the md breakpoint or rendered only on the mobile
shell; desktop layout is unchanged.
* fix(mobile): show notifications and more-menu on the stack detail header
The full-screen stack detail on phones drops the global top bar, but its
header was missing the notifications bell and the "more" navigation menu that
the other mobile screens carry in their masthead, leaving no way to reach
notifications or other destinations while viewing a stack. Render the same
header-actions cluster in the detail header (and the loading placeholder),
next to the back affordance. Desktop is unaffected.