Add four phone mockups for the therapy comparison picker

bundle-budget.json

@@ -2,25 +2,25 @@
  "$comment": "Client JS bundle-size budgets captured from a known-good production build. `production` guards aggregate user-facing chunks, `routes` guards the five Lighthouse journeys against route-local growth, and `mockups` is a looser design-scratch hygiene ceiling. Refresh intentionally with `npm run check:bundle-budget -- --update`.",
  "enforce": true,
  "production": {
- "gzipBytes": 1695752,
+ "gzipBytes": 1694829,
  "tolerancePct": 10
  },
  "mockups": {
- "gzipBytes": 499284,
+ "gzipBytes": 634923,
  "tolerancePct": 25
  },
  "routes": {
  "/": {
- "gzipBytes": 285184,
+ "gzipBytes": 238556,
  "tolerancePct": 10
  },
  "/documents/search": {
- "gzipBytes": 288358,
+ "gzipBytes": 241755,
  "tolerancePct": 10
  }
  },
- "totalGzipBytes": 2195036,
+ "totalGzipBytes": 2329752,
  "tolerancePct": 10,
- "updatedAt": "2026-08-23T10:15:00.000Z",
- "baselineSource": "0764fb5813564cc1cb8933267597478ecff9c354"
+ "updatedAt": "2026-08-25T21:50:25.445Z",
+ "baselineSource": "6d12681970171a8572ef1dd9aa5f5dcdaf074969"
 }

data/repo-awareness-snapshot.json

@@ -1,8 +1,8 @@
 {
  "version": "repo-awareness-snapshot-v1",
  "captured_revision": {
- "sha": "dc68600786530b60c732aefe050a02e742eb2421",
- "committed_at": "2026-08-26T05:55:49+08:00"
+ "sha": "6d12681970171a8572ef1dd9aa5f5dcdaf074969",
+ "committed_at": "2026-08-25T21:32:15+00:00"
  },
  "routes": {
  "modes": [
@@ -793,6 +793,26 @@
  "file": "src/app/mockups/sidebar-live/page.tsx",
  "area": "mockup"
  },
+ {
+ "path": "/mockups/therapy-compare-perfected",
+ "file": "src/app/mockups/therapy-compare-perfected/page.tsx",
+ "area": "mockup"
+ },
+ {
+ "path": "/mockups/therapy-compare-progressive",
+ "file": "src/app/mockups/therapy-compare-progressive/page.tsx",
+ "area": "mockup"
+ },
+ {
+ "path": "/mockups/therapy-compare-sheet",
+ "file": "src/app/mockups/therapy-compare-sheet/page.tsx",
+ "area": "mockup"
+ },
+ {
+ "path": "/mockups/therapy-compare-tray",
+ "file": "src/app/mockups/therapy-compare-tray/page.tsx",
+ "area": "mockup"
+ },
  {
  "path": "/mockups/therapy-navigation-context",
  "file": "src/app/mockups/therapy-navigation-context/page.tsx",
@@ -1374,9 +1394,9 @@
  ],
  "counts": {
  "modes": 15,
- "pages": 192,
+ "pages": 196,
  "product_pages": 55,
- "mockup_pages": 137,
+ "mockup_pages": 141,
  "redirects": 17,
  "api": 56
  }

docs/site-map.md

@@ -1237,6 +1237,10 @@ This file is generated by `npm run docs:update` (or `npm run sitemap:update` dir
 - `/mockups/settings-search-general` - Route discovered from app directory Source: `src/app/mockups/settings-search-general/page.tsx`.
 - `/mockups/settings-search-privacy` - Route discovered from app directory Source: `src/app/mockups/settings-search-privacy/page.tsx`.
 - `/mockups/sidebar-live` - Route discovered from app directory Source: `src/app/mockups/sidebar-live/page.tsx`.
+- `/mockups/therapy-compare-perfected` - Route discovered from app directory Source: `src/app/mockups/therapy-compare-perfected/page.tsx`.
+- `/mockups/therapy-compare-progressive` - Route discovered from app directory Source: `src/app/mockups/therapy-compare-progressive/page.tsx`.
+- `/mockups/therapy-compare-sheet` - Route discovered from app directory Source: `src/app/mockups/therapy-compare-sheet/page.tsx`.
+- `/mockups/therapy-compare-tray` - Route discovered from app directory Source: `src/app/mockups/therapy-compare-tray/page.tsx`.
 - `/mockups/therapy-navigation-context` - Route discovered from app directory Source: `src/app/mockups/therapy-navigation-context/page.tsx`.
 - `/mockups/therapy-navigation-dock` - Route discovered from app directory Source: `src/app/mockups/therapy-navigation-dock/page.tsx`.
 - `/mockups/therapy-navigation-rail` - Route discovered from app directory Source: `src/app/mockups/therapy-navigation-rail/page.tsx`.

src/app/mockups/mockups-layout-client.tsx

@@ -84,6 +84,11 @@ export function MockupsLayoutClient({ children }: { children: ReactNode }) {
  // These studies render their own top bar and composer inside each device
  // frame. Suppress shared chrome so it cannot be mistaken for the concept.
  const isTherapyNavigationMockup = pathname.startsWith("/mockups/therapy-navigation-");
+ // These three draw a complete phone — universal header, page body and the
+ // edge-to-edge composer — inside every frame, because the selection surface
+ // under study is defined by what sits between those two. Shared chrome above
+ // them would read as a second real header and a second real search bar.
+ const isTherapyComparePickerMockup = pathname.startsWith("/mockups/therapy-compare-");
  // The calculators search page owns its own search input (top on desktop, docked
  // at the bottom on phones), so the shared universal composer is suppressed here
  // to avoid a second, floating search bar.
@@ -171,6 +176,7 @@ export function MockupsLayoutClient({ children }: { children: ReactNode }) {
  !isServicesFilterOptionsMockup &&
  !isFilterSheetRestyleMockup &&
  !isTherapyNavigationMockup &&
+ !isTherapyComparePickerMockup &&
  !isWarningConsolidationMockup &&
  !isWarningLineMockup &&
  !isAlsoMatchesAccentMockup &&
@@ -202,6 +208,7 @@ export function MockupsLayoutClient({ children }: { children: ReactNode }) {
  !isFilterSheetRestyleMockup &&
  !isPhoneInPageNavigationMockup &&
  !isTherapyNavigationMockup &&
+ !isTherapyComparePickerMockup &&
  !isWarningConsolidationMockup &&
  !isWarningLineMockup &&
  !isAlsoMatchesAccentMockup &&

src/app/mockups/therapy-compare-perfected/page.tsx

@@ -0,0 +1,13 @@
+import type { Metadata } from "next";
+
+import { TherapyComparePerfectedMockups } from "@/components/therapy-compare-picker-mockups/tray-perfected";
+
+export const metadata: Metadata = {
+ title: "Therapy comparison picker C+ · Perfected tray - Clinical KB",
+ description:
+ "The perfected compare-tray direction: no tray until a set exists, one bottom stack that hides with the composer, and adding from a therapy record.",
+};
+
+export default function TherapyComparePerfectedMockupPage() {
+ return <TherapyComparePerfectedMockups />;
+}

src/app/mockups/therapy-compare-progressive/page.tsx

@@ -0,0 +1,12 @@
+import type { Metadata } from "next";
+
+import { TherapyCompareProgressiveMockups } from "@/components/therapy-compare-picker-mockups/progressive";
+
+export const metadata: Metadata = {
+ title: "Therapy comparison picker A · Add as you go - Clinical KB",
+ description: "Direction A for the phone therapy-comparison picker: Add as you go, shown as a live phone prototype.",
+};
+
+export default function TherapyCompareProgressiveMockupPage() {
+ return <TherapyCompareProgressiveMockups />;
+}

src/app/mockups/therapy-compare-sheet/page.tsx

@@ -0,0 +1,13 @@
+import type { Metadata } from "next";
+
+import { TherapyCompareSheetMockups } from "@/components/therapy-compare-picker-mockups/sheet";
+
+export const metadata: Metadata = {
+ title: "Therapy comparison picker B · Build the set in one sheet - Clinical KB",
+ description:
+ "Direction B for the phone therapy-comparison picker: Build the set in one sheet, shown as a live phone prototype.",
+};
+
+export default function TherapyCompareSheetMockupPage() {
+ return <TherapyCompareSheetMockups />;
+}

src/app/mockups/therapy-compare-tray/page.tsx

@@ -0,0 +1,13 @@
+import type { Metadata } from "next";
+
+import { TherapyCompareTrayMockups } from "@/components/therapy-compare-picker-mockups/tray";
+
+export const metadata: Metadata = {
+ title: "Therapy comparison picker C · Carry a compare tray - Clinical KB",
+ description:
+ "Direction C for the phone therapy-comparison picker: Carry a compare tray, shown as a live phone prototype.",
+};
+
+export default function TherapyCompareTrayMockupPage() {
+ return <TherapyCompareTrayMockups />;
+}