Add Four Dense Dashboard Mocks
Added four main-dashboard mock routes that keep Islandflow in an experienced-trader register: dense, direct, evidence-first, and free of decorative card stacks.
Summary
The mock system now includes four additional dashboard studies: Market Command, Signal Radar, Risk Ledger, and Source Control. Each page uses the existing terminal study shell and prioritizes operational information that matters at a glance.
Changes Made
- Extended
DashboardMockto supportmock9throughmock12. - Added four route wrappers at
/mock9,/mock10,/mock11, and/mock12. - Added dense dashboard layouts for market regime, signal ranking, risk exposure, and feed/source control.
- Added responsive CSS for the new layouts, including mobile containment for horizontally scrollable data rows.
Context
The prior mock set explored route-level concepts such as OPRA intake, packet stack, alert blotter, and replay. This turn adds main-dashboard concepts in the same visual system, with restrained copy and high signal density for users who already understand market workflow vocabulary.
Important Implementation Details
Market Command
Session regime, active packet priority, invalidation levels, and live flow share one dashboard surface.
Signal Radar
Ranks symbols by pressure, source count, decay, driver, decision level, and bias.
Risk Ledger
Surfaces directional exposure, crowded assumptions, contra-flow, and invalidation proximity.
Source Control
Shows feed lag, uptime, route eligibility, and audit state so users can trust or discount packet output.
Relevant Diff Snippets
Rendered with @pierre/diffs/ssr from the implementation patch for the mock component, route wrappers, and CSS.
Expected Impact for End-Users
Users reviewing mock directions can now compare dashboard-level compositions, not only feature-specific routes. The new studies make the main page feel closer to an operating board: fewer explanatory surfaces, more compact source and decision context.
Validation
bun --cwd=apps/web run build completed successfully.
Opened /mock9 through /mock12 on a local dev server at 127.0.0.1:3011.
Checked desktop width at 1280px for all four routes; no page-level horizontal overflow after the /mock12 width fix.
Checked mobile width at 390px for all four routes; no page-level horizontal overflow after adding layout child containment.
Issues, Limitations, and Mitigations
The normal web dev script could not start because port 3000 was already occupied, so visual validation used next dev -p 3011. The existing port conflict was not changed because it was runtime state outside this implementation.
Follow-up Work
No required follow-up is known. A useful next pass would be choosing one dashboard direction and replacing mock data with live aggregated API state.