CRS
Internal · CRSApp

Mockup Gallery

Static HTML mockups for in-progress CRSApp work. Mobile set lives at the top, grouped by app section. Phone-friendly — open from anywhere.

Labor + Revenue Forecast — combined view + crew-first inputs — 2026-06-11 NEW5 surfaces

Labor view — inline drop-down crew editor

NEW 2026-06-11 · no separate input page · click a row, edit crew in place, Lock In Plan

The aggregate Labor view becomes the editor: clicking a basic-mode project row drops an editor panel down in place — derived % · $ on top, tan crew steppers below, Option-C affordability hint under each stepper, live as you type. Lock In Plan saves and collapses. Detailed-mode rows link to the full editor instead. Bixby Police row shown open.

Labor view — "can we afford this crew?" (3 options)

NEW 2026-06-11 · crew × weekdays × 8h × burdened dept rate vs monthly labor budget · pick A, B, or C

Projects each month's labor burn from planned crew (crew × weekdays × 8h × fully-burdened dept $/hr derived from existing paycheck + burden data) and compares it to that month's labor budget. Three representations of the same data: A — traffic-light crew box with hover math; B — explicit "+0.8 room / 0.5 over" delta line in guys; C — planned/affordable pair ("3 / 2.5") in the crew box. Pick your favorite.

Combined Forecast view (desktop)

NEW 2026-06-11 · Expense + Revenue merged · every cell stacks spend over revenue

The Expense/Revenue toggle collapses into one Forecast view. Month cells stack expected spend (blue) over expected revenue (green) — the Labor view's two-box pattern. The sticky left columns follow: Spent/Est over Billed/Contract, Remaining stacks remaining-cost over remaining-revenue, and the Total column stacks both sums. Labor view stays as the second toggle, unchanged.

Crew-first editor (desktop)

NEW 2026-06-11 · crew size is the only input · % auto-derives · click a % to lock

Input flip: the PM types crew size per month and the % curve derives itself — month crew ÷ total crew. The tan crew input moves on top; the derived % + $ reads below in the familiar blue auto-cell. Dec shows a PM override: locked at 10% (dark + lock icon) while Jul–Nov re-balance around it by crew. Includes a "how the % is calculated" explainer with the live numbers.

Crew-first editor (mobile)

NEW 2026-06-11 · swipe strip: crew input on top, derived % below

Mobile mirror of the flip — the swipeable month strip keeps two tracks but the thumb-sized crew input sits on top and the derived % cell reads underneath. Tap a % for the override bottom-sheet; locked months render dark with the lock glyph.

Apply ETF Payments — page rebuilt as standing worklist — 2026-06-02 NEW1 surface

Apply ETF Payments — standing worklist

NEW 2026-06-02 · all scans, not just latest · needs-review / ready-to-approve / already-in-QB

Rebuilds the Apply ETF Payments page into a standing worklist of every remittance and its state across ALL scans (the old page only showed the latest run, hiding clean matches made earlier). Three sections: Needs review (resolve/retry), Ready to approve (clean matches with per-row + bulk Approve → queues a Pending-QB-Sync item), and Already-in-QB (informational). Includes a test-mode banner surfacing the dry-run state + a "Go live" control.

Apply ETF Payments — Resolve dialog rebuild — 2026-06-02 NEW1 surface

Resolve Payment — QuickBooks Apply-Payment style

NEW 2026-06-02 · remittance preview on top · QB apply grid · selected-transactions summary

Rebuild of the ETF Resolve dialog to mirror QuickBooks Desktop's Apply Customer Payment window. Remittance PDF (or source email, via a PDF | Email toggle) sits condensed across the top — also the new home for the fixed "Open email" button. Below it, the familiar QB apply grid (✓ / Date / Job / Number / Orig. Amt. / Amt. Due / Payment) with an Auto-Apply button and the bottom "Amount for Selected Transactions" summary. Customer pre-filled from the resolved sender mapping; matcher-lined-up invoices come pre-checked and filled.

Busybusy Anomaly — 2026-05-13 NEW3 surfaces

Busybusy Anomaly Report (desktop)

NEW 2026-05-13 · pay-period header · 5 review sections · bar-graph time-card view

Toolbox tool v2 — interactive review of weekly Busybusy time-card anomalies. Page header with pay-period picker, readiness banner, 5 collapsible flag sections (Unsigned / Hour anomalies / Crew flags / PTO / Hour summary), plus a QB-Time-style horizontal bar graph with day picker, dept bands (HVAC navy / Plumbing tan / Office slate), lunch gaps inside each bar, anomaly dots, and a missing-hours band with "On PTO" sub-band.

Busybusy Anomaly Report (mobile)

NEW 2026-05-13 · 2 frames · review-only · bar-graph desktop-only

Mobile variant covers anomaly review only (bar-graph stays desktop-only per spec §7). Thumb-tappable "Mark reviewed" buttons, smaller pills, holiday + readiness banners stacked above the section cards. Frame 2 shows the muted "Reviewed" row pattern.

Busybusy Anomaly — Monday email

NEW 2026-05-13 · ~600px container · counts grid · CTA

Monday 5am email sent to Nick + Michael. Navy CRS header band, one-line pay-period summary, 5-cell counts grid color-coded by severity (red unsigned / amber anomalies / blue crew / amber PTO / gray total hours), full-width "Open full report →" CTA back to /toolbox/busybusy-anomaly.

Toolbox — 2026-05-12 NEW2 surfaces

Toolbox Landing (desktop)

NEW 2026-05-12 · 3-column card grid · tag filter · 8 launch tools

New platform-level hub at /toolbox collecting back-office automations + utility forms. Cards show description, schedule cadence, last-run status, Open button for tools with routes, and a blocked-state pill for Bill Pay (gated on QB Sync companion work).

Toolbox Landing (mobile)

NEW 2026-05-12 · single-column · horizontal-scroll tag filter

Mobile variant of the Toolbox landing — phone-friendly single-column card stack with a horizontal-scroll tag filter row.

Bid Tracker V2 — 2026-05-10 NEW14 surfaces

Bid Tracker V2 — Full Mockup Set (start here)

NEW 2026-05-10 · 7 surfaces × desktop+mobile + admin · all in one landing

Mockup-set landing page with links to every surface in the V2 redesign: Opportunities · Bidding · Review Inbox · Detail Panel · Manual Upload · Results · Calibration Admin. Built fresh against the signed-off spec — no port from the archived 2026-04 build. V2 readability bump baked in.

Bid Tracker V2 — Opportunities Board (desktop)

2026-05-10 · high-volume scan view · multi-GC chevron expand

Per-Owner-project rows with expand-to-show-GCs pattern. No score chip per V2 spec — judgment moves to detail panel.

Bid Tracker V2 — Bidding Board (desktop)

2026-05-10 · focused-work view · inline doc checklist · advance chip

Lower-density rows with inline document checklist (✓ Invitation · ✓ Scope · ☐ Bid Form…) so addendum-receipt questions don't require opening detail. Bid-due countdown shifts color: gray → amber → red → dark-red OVERDUE.

Bid Tracker V2 — Review Inbox (desktop)

2026-05-10 · failure-resolution view · per-reason quick-resolve UI

Each row's resolve UI is specialized for its validation_failure_reason — gc_not_found shows fuzzy candidates + create-new, opportunity_ambiguous shows candidate list, incomplete shows missing-fields form, low_confidence shows red dots, agent_loop_exhausted shows full manual edit.

Bid Tracker V2 — Detail Panel (desktop drawer)

2026-05-10 · 6 tabs stacked for review · confidence dots · admin-only Trace 🔒

Drawer with Summary / Documents / Schedule / Timeline / Sister / Trace tabs. Per-field confidence dots (green ≥ 0.85, yellow 0.60–0.85, red < 0.60, no dot for PM-edited). Trace tab is admin-only with classification audit log.

Bid Tracker V2 — Calibration Admin

2026-05-10 · admin + C-Suite only · per-field correction patterns

Per-field correction-rate bar chart, AI overconfidence detector scatter, validation-failure histogram, per-GC patterns table. The calibration thesis: the system learns which fields can be trusted by watching what PMs override.

Bid Tracker V2 — Results Archive (desktop)

2026-05-10 · won / lost / declined / dead · narrow-loss flag

Tabular archive of submitted bids. Lost rows under 5% spread are flagged for scope post-mortem. Won/lost stat strip across the top. In V4+ this feeds competitor margin modeling.

Bid Tracker V2 — Manual Upload (desktop modal)

2026-05-10 · PM-verified path · skips Review Inbox

Direct entry path. Lands as Opportunity, not Review Inbox (PM is the verifier). AI does NOT auto-run on manual uploads — Re-run AI is an explicit overflow-menu action on the detail panel.

Bid Tracker V2 — Opportunities (mobile)

2026-05-10 · 375px viewport · cards w/ expand-to-GCs

Mobile card layout. Tap a multi-GC card to expand into per-GC sub-cards. Bottom-fixed nav bar across all 4 sub-tabs. Inbox shows count badge.

Bid Tracker V2 — Bidding (mobile)

2026-05-10 · doc checklist as horizontal scroll strip

Document checklist becomes a horizontal scroll strip on mobile. Schedule windows below. Big advance/submit button per card.

Bid Tracker V2 — Review Inbox (mobile)

2026-05-10 · per-reason bottom-sheet drawers

Tap a card to open a bottom-sheet drawer specialized for its failure reason. 5 different sheet templates, one per typed reason.

Bid Tracker V2 — Detail Panel (mobile)

2026-05-10 · full-screen sheet · sticky tab strip

Full-screen sheet with sticky horizontal-scroll tab strip. Same 6 tabs as desktop, full-width content.

Bid Tracker V2 — Manual Upload (mobile)

2026-05-10 · bottom-sheet form

Bottom-sheet entry form. Same fields as desktop modal, scrollable.

Bid Tracker V2 — Results (mobile)

2026-05-10 · stat strip + outcome cards · narrow flag

Stat strip with won / lost / declined / dead counts, then outcome-colored cards. Narrow losses (<5%) flagged.

Job Registry & Change Orders — 2026-05-07 NEW6

Job Registry — Drafts + Finalized List

NEW 2026-05-07 · job registry · tabs

/job-registry landing page with CRS sidebar stub, Open Drafts and Finalized tabs, visual sortable headers, mode badges, allocation status, and row jumps into the editor mockup.

Job Registry — New Registry Wizard

NEW 2026-05-07 · modal wizard · create draft

Three-step modal flow: pick active QuickBooks Customer:Job, choose layer type with CO number auto-suggested, then select trade to load the user's default template.

Job Registry — Base Registry Editor

NEW 2026-05-07 · editor · reconciliation

Full BASE editor for Job #25267 with read-only job banner, contract/cost inputs, live margin ratios, grouped cost-code body using the Excel totals, and sticky reconciliation footer.

Project Page — Estimate Stack

NEW 2026-05-07 · per-project section · layered totals

Embedded per-project Estimate Stack showing BASE plus CO-1 through CO-3 chronologically, drift and draft actions, and a right-rail Layered Totals card.

Job Registry — Drift View

NEW 2026-05-07 · comparison · qb drift

Two-column comparison of the finalized CRSApp snapshot against current QuickBooks sync state, with the three detected changes called out for acknowledgement.

Job Registry — Template Admin

NEW 2026-05-07 · templates · plumbing default

/job-registry/templates page with per-trade tabs, inherited Plumbing default subtitle, draggable visual cost-code rows, checkboxes, Add code from QB Items, and Save.

NEW 2026-05-05 · per-project page · 4 boxes

Per-Project Page — v2 (4 boxes redesigned)

Four box redesigns in context on the per-project page. Box 1 — new combo chart: stacked monthly Subs / Materials / Labor with a Revenue line overlay; a green Profit segment fills up to the line on profitable months. Box 4 — Pay Apps opens a modal listing every pay-app PDF (Bills + Change Orders mirror the same pattern). Box 10 — Daily Reports rebuilt at 2x4 footprint: date-grouped accordion of BusyBusy field answers, single folder-jump button, no per-row PDF clutter. Box 11 — Photos open in a lightbox slider with chevrons + arrow-key navigation.

2026-05-05 · projects landing

Projects Landing — v2

Two-column card grid with CRS status names (Prog Billing / In Progress / etc), trade-colored drop shadow, and an always-on HVAC/Plumbing pill that travels with the card. Each card shows "X guys this week" when crew is active, falling back to "N days since last labor activity" when nothing's been logged in 7d. Two chips at top: Active and Recently Closed.

2026-05-05 · 153 docs · interactive

Auto-Doc Re-Classify Dry-Run · Review

Side-by-side review of what the upgraded filer (Plans 1-7) would do with all 153 currently-stuck Review Queue docs. Sorted by confidence, click any filename to open the actual PDF on SharePoint, leave per-row notes that auto-save and export back as markdown for Claude to act on. 40% would auto-file (61 of 153) — up from 22% on the original.

NEW 2026-05-01 · 23 frames

Mobile · Full Site Set

Mobile-only mockups for every page of CRSApp, designed to live alongside the desktop view without affecting it. Card-per-row, accordion forms, sticky save bars, bottom-sheet dialogs. Sections below mirror the app sidebar.

Home1

Dashboard — Mobile

2026-05-01 · 1 frame

Mobile home screen — tappable feature grid as the primary nav surface (per Josh's brief), with a tight 3-tile KPI strip at the top if it fits cleanly.

Projects5

Labor + Revenue Forecast — Mobile

2026-05-01 · 2 frames

Trade tabs (HVAC / Plumbing / Both) + per-month totals strip + project list. Tap a project for the per-month timeline drill-in.

Forecast — Project Editor — Mobile

2026-05-01 · 2 frames

Per-project month-by-month editor. Vertical month list + bottom-sheet edit overlay with distribution chips (Even / Front-load / Back-load / Custom %).

CTC Adjustments — Mobile

2026-05-01 · 2 frames

Cost-code review list with traffic-light status + bottom-sheet adjust dialog. Two-column code|name format per §6e.

CTC Project Review — Mobile

2026-05-01 · 2 frames

Per-PM review session with progress dots and sticky Finalize bar. Big tap targets (On track / Over / Under) for each cost code.

Project EVAs — Mobile

2026-05-01 · 1 frame

Project picker chip + 3-tile summary + cost-code rows with EST/ACT/Δ. act−est convention with green-under / red-over coloring.

Field Operations2

Field Roster — Mobile

2026-05-01 · 1 frame

Trade toggle + grouped employee cards (HVAC / Plumbing) with billing levels and last-week assignments. Needs-Inactivated section grayed out at the bottom.

Labor Burn — Mobile

2026-05-01 · 2 frames

Project burn list with tiny trend sparklines; tap a project for the per-employee weekly breakdown.

Billing3

T&M Needs Billed — Mobile

2026-05-01 · 1 frame

Job cards with uninvoiced labor + materials totals. Tap to expand line items inline. Aging dot for >30d unbilled.

Enter Bills — Mobile

2026-05-01 · 2 frames

Vendor bill drafts list + bottom-sheet entry form with line items routed to jobs/cost codes. Sticky Save Draft / Save & Push.

Service Billing — Mobile

2026-05-01 · 2 frames

T&M service invoice drafts with traffic-light margin chips + line-item editor (Labor + Materials sections, sticky total).

Bidding1

Bid Tracker — Mobile

2026-05-01 · 2 frames

Status-filtered bid cards with due-date countdowns + scorecard detail view (Scorecard / Documents / Competitor / Schedule sub-tabs).

Cashflow & Retainage2

Retainage — Mobile

2026-05-01 · 1 frame

3-stage lifecycle totals at top + GC-grouped job cards with retainage progress indicators.

WIP — Profit Remaining — Mobile

2026-05-01 · 1 frame

Job cards sorted by profit remaining with Rev Est / Cost Act / Profit Rem stacked. Underwater jobs shown in red.

Utilities8

Job Type Editor — Mobile

2026-05-01 · 1 frame

Bulk job type/status editor with editable chips + sticky "Push N to QB" commit bar. Pending changes flagged in amber.

Job Status — Mobile

2026-05-01 · 1 frame

Status filter pills + job cards with a 2x2 mini-grid of Contract / Billed % / Retainage / Last Activity.

Salaried Burden — Mobile

2026-05-01 · 1 frame

Month picker + total burden hero + employee cards with Gross / FICA / FUTA-SUTA / Health / 401k breakdown.

Modified P&L — Mobile

2026-05-01 · 1 frame

Standard ↔ By-Job toggle. By-Job view tan-highlights the Field PT&I reclassification.

CRS AI Assistant — Mobile

2026-05-01 · 1 frame

Chat thread with cited source files as clickable chips. Pinned bottom input bar with mic + send.

Email Ingest — Mobile

2026-05-01 · 1 frame

Status banner with last-poll/queue/filed counts + Trigger Poll Now button. Per-message audit log with status pills.

Pending QB Sync — Mobile

2026-05-01 · 2 frames

Excel-grid section headers (Pending / Approved / Pushed) per §6 + bottom-sheet diff with AI memo + Approve/Reject.

Autodoc Review — Mobile

2026-05-01 · 2 frames

Low-confidence file cards with confidence chips + bottom-sheet folder picker (collapsible SharePoint tree).

Admin1

Admin · Users — Mobile

2026-05-01 · 3 frames · shipped

First mobile mockup — already implemented and shipped. Card-per-user list, accordion edit, bottom-sheet Add User. Includes implementation strategy note.

Earlier · Desktop sketches

Autodoc Review (desktop)

2026-05-01

Auto-filer review queue — files flagged as low confidence get a folder picker before they file.

CTC Review v2 (desktop)

2026-04-26

Per-PM CTC review session — every cost code defaults to "not yet reviewed", PM picks status per row, atomic Finalize.

Labor Forecast — Percent Picker (desktop)

2026-04-26

Forecast distribution picker — choose how to spread a labor budget across remaining months.

Projects View — Option A · Tabbed (desktop)

2026-04-26

Per-project hub option A: tabbed layout (CTC · Forecast · EVA · WIP).

Projects View — Option C · Hub (desktop)

2026-04-26

Per-project hub option C: dashboard hub with metric tiles + tool quick-launches.

Projects View — Option D · Hybrid (desktop)

2026-04-26

Per-project hub option D: hybrid summary + tabs (Option A + C combined).