Mockup · Projects view · Option D: hybrid (Claude's pick)

Sidebar nav + Overview-as-domain

Pulls the sticky-header + deep editing from Option A (tabbed), the dashboard glance from Option C (hub), and adds an always-visible left rail so PMs never lose their place. Compare with projects_view_option_a_tabbed.html and projects_view_option_c_hub.html.

← All projects

Tulsa Community College — SE Campus Restrooms

Key Construction · Owner: Tulsa Community College · Tulsa, OK · contract signed 2026-01-08

In Progress ⚠ 1 actual overrun
Contract
$1,250,000
Billed
$812,000
65% of contract
Spent
$740,000
Effective margin
$197,500
15.8%
Net margin impact
+$10,000
2 CTCs · margin gain

State: Overview selected (default)

Right pane = dashboard cards (the C-style health glance).

Overview

Health glance · click any card to jump there
💰
1 over
Budget
Effective$1,097,500
Spent$740,000
Trim over by $4,200
📈
14d
Forecast
Codes need review3
Apr close-outPending
Last reviewed 14 days ago
📊
Reports & KPIs
WIP profit$185K
EVA cost var−$8.4K
Days to pay47
📥
Bills only
Expenses
Total$740,000
Bills · vendors142 · 17
bill_intake feature pending
🧾
🚧
Invoices / Pay Apps

Q3 2026 · Monthly Billing Helper

🦺
🚧
Daily Reports

Field app pending · 1.0

📁
SharePoint
Documents
Total14
Contracts · COs3 · 8
👥
QB
Contacts
Mike Rose · GC PM
Janet V. · Owner rep
+ 4 more
📜
3 recent
Activity log
04-22 · CTC filed: Underground
04-15 · Close-out: March
03-12 · Status → In Progress

State: Budget selected

Sidebar persists · right pane swaps to the deep table.

Budget

Cost code Original + CO + CTC Effective Spent Remaining
Plumbing — L&M$320,000+$12,000$332,000$215,000$117,000
Plumbing — Underground$95,000−$30,000$65,000$58,000$7,000
Plumbing — Top-out$145,000+$8,000+$20,000$173,000$95,000$78,000
Plumbing — Trim ⚠$78,000$78,000$82,200−$4,200
HVAC — L&M$285,000+$15,000$300,000$198,000$102,000
HVAC — Equipment$92,000$92,000$92,000$0
Margin / Profit$187,500+$10,000$197,500

State: Forecast selected

Right pane embeds the existing labor-forecast editor.

Forecast

/labor-forecast/project/:listId · 6-month preview
Cost code Apr 26 May Jun Jul Aug Sep
Plumbing — L&M
25%
$29K
19%
19%
19%
19%
Plumbing — Top-out
30%
$23K
30%
20%
20%
HVAC — L&M
17%
17%
17%
17%
17%
17%

State: Invoices selected (greyed)

Right pane shows under-construction placeholder; sidebar still navigable.
🚧

Invoices / Pay Apps · under construction

When this section ships, every invoice issued for this project, the active pay app, retainage, and AR aging will live here.

Will live here
· Issued invoices (with pay-app PDFs)
· 20-to-20 pay app schedule
· Retainage tracking + release
· AR aging for this GC

Target: Q3 2026 · Monthly Billing Helper

Why this hybrid

Sticky header from A
Project-level numbers (contract, billed, spent, margin) stay visible while you work — never disappear when you switch domains.
Dashboard glance from C
Overview is just a domain — the default landing — and shows the 9-card health snapshot. Click any card to jump there.
Scalable nav (new)
Sidebar holds 9+ sections without crowding. Big visible status badges per row. Greyed "🚧" sections obvious without eating space.
One click to switch
No "overview → click card → land on domain" double-step. Sidebar is always there. Same speed as a tab bar.
Deep-link friendly
Each domain has its own URL (`/projects/:listId/budget` etc.). Browser back works. Bookmarks work.
Phone-friendly fallback
On phone, sidebar collapses to a top dropdown. The right pane fills the screen. Same patterns, no redesign.

4 states rendered: Overview · Budget · Forecast · Invoices (greyed). Other sections follow the same pattern. Generated 2026-04-25.