Low-fidelity layout sketches for every page identified in the planning conversation. Each wireframe communicates structure, information hierarchy, and key behaviors — not visual design. The production app will replace these with a real design system (Tailwind + shadcn/ui) once the layouts are validated.
Clerk-powered auth landing. OAuth providers + email/password. Routes user to their default org.
Home screen. Recent estimates, filters, MTD stats, quick action to create a new estimate.
Intake form (mobile-first). Replaces the n8n form trigger. Submits to webhook, redirects to detail view.
Estimate detail with line items, totals, internal-only health card, matched historical lines, and inline edits.
AI chat with live-updating estimate above and Financial Metrics & Grading Table anchored bottom-right.
Full-screen doc view. Customer-facing layout — designed to be shown on the tech's phone in front of the homeowner.
Refinement timeline. Every approved change with diff, who approved, and whether it was promoted to training data.
Confirmation modal that pops on Complete. Searches HCP for the customer and lets the user confirm or create new.
Org-level pricing config (per-tenant: labor rate, markup, deposit %, tax), integrations (HCP OAuth), members, branding.
Stats on the labor-line training pool. Categories breakdown, sparse tasks, recently promoted refinements.
The preferred layout reference — title bar, three-column header, anchored Financial Metrics panel, chat with window controls. Source of truth for the visual style.
{{ name }} — [Page Title] on the left, app navigation + user pill on the right.HD-20260501-1234, client "Smith — Bath Remodel", logged in as Dan.{{ name }} placeholder until you pick one.