Enhance Business Hub dashboard layout and live observability accuracy

[richard-devbot]

Goal

Rework the RStack Business Hub dashboard into a production-ready, white-background observability experience for business teams while keeping all displayed data grounded in real .rstack sources.

Scope

• Fix the live status/connection display so HTTP state loading cannot overwrite a connected WebSocket state.
• Correct approvals so actionable pending approvals come only from .rstack/approvals.jsonl; historical blocked-gate events should appear under alerts/guardrails, not as pending approvals.
• Reorganize dashboard screens around SDLC layers: Command Center, Workflow Map, Projects & Runs, Agent Work, Live Feed, Approvals, Alerts & Guardrails, Traceability, Team & Layers, Diagnostics.
• Refactor dashboard code into clean state, UI component, and UI page modules so the repo remains maintainable.
• Reuse concepts from /Users/richardsongunde/projects/rstack-workspace-v8.html where useful, without fake data or heavy external dependencies.

Acceptance Criteria

• Dashboard renders real data from local/project .rstack stores only.
• Live Feed no longer gets stuck at Loaded (connecting…) when the socket is connected.
• Approval counts match actual actionable approval queue data.
• Agent work is grouped by project/run/stage/agent and clearly shows work done, evidence, and validation where present.
• Screens are visually clean, aligned, and usable on common desktop widths.
• Existing dashboard/business tests pass after the refactor.

[richard-devbot]

Started implementation on branch codex-dashboard-observability-layout.

Completed locally so far:

• Split Business Hub state assembly into src/dashboard/state/*.
• Reworked UI into src/dashboard/ui/* with 10 production screens.
• Fixed live status so WebSocket Live is not overwritten by HTTP snapshot loading.
• Corrected approvals: actionable pending approvals now come only from .rstack/approvals.jsonl; blocked gate history is visible under alerts/guardrails.
• Added tests/dashboard-business-hub.test.js.

Verification:

• npm_config_cache=/private/tmp/rstack-npm-cache npx tsx --test tests/*.test.js => 65/65 passing.
• npm_config_cache=/private/tmp/rstack-npm-cache npx eslint src/ bin/ tests/ => 0 errors, existing warnings only.
• Browser check on local preview: all 10 pages open, status stays Live, no console errors.