Claude/answer page redesign s8st5u

docs/README.md

@@ -95,6 +95,7 @@ npm run docs:check-links
 ## Plans and workstreams (living)
 
 - [mode-aware-clinical-ask-local-handover.md](mode-aware-clinical-ask-local-handover.md) — three-phase local integration, approval-gated staging/governance, and PR publication handover for Mode-aware Clinical Ask
+- [answer-page-redesign-handover.md](answer-page-redesign-handover.md) — build-and-merge handover for the chosen answer-page design: what claim-level citation data already exists, the three-PR order it forces, the design contract, and the gates and PR-body requirements that block the merge
 - [maturity-backlog-workorders.md](maturity-backlog-workorders.md) — actionable work orders tracking the repository-maturity audit backlog
 - [no-unchecked-indexed-access-migration-plan.md](no-unchecked-indexed-access-migration-plan.md) — staged multi-PR rollout for the `noUncheckedIndexedAccess` TypeScript flag (ledger `#211`)
 - [ledger-id-scheme-proposal.md](ledger-id-scheme-proposal.md) — design for collision-free outstanding-issue ids so concurrent sessions stop contending on `issues:next-id` (ledger `#168`)

docs/site-map.md

@@ -1148,6 +1148,8 @@ This file is generated by `npm run docs:update` (or `npm run sitemap:update` dir
 
 - `/mockups/accessible-table-browser-fixture` - Route discovered from app directory Source: `src/app/mockups/accessible-table-browser-fixture/page.tsx`.
 - `/mockups/also-matches-accents` - Route discovered from app directory Source: `src/app/mockups/also-matches-accents/page.tsx`.
+- `/mockups/answer-chat-perfected` - Route discovered from app directory Source: `src/app/mockups/answer-chat-perfected/page.tsx`.
+- `/mockups/answer-chat-redesign` - Route discovered from app directory Source: `src/app/mockups/answer-chat-redesign/page.tsx`.
 - `/mockups/answer-evidence-popups` - Route discovered from app directory Source: `src/app/mockups/answer-evidence-popups/page.tsx`.
 - `/mockups/answer-home-proposal` - Route discovered from app directory Source: `src/app/mockups/answer-home-proposal/page.tsx`.
 - `/mockups/calculators-bedside-sheet` - Route discovered from app directory Source: `src/app/mockups/calculators-bedside-sheet/page.tsx`.

playwright.config.ts

@@ -25,13 +25,13 @@ const chromiumExecutablePath = process.env.PLAYWRIGHT_CHROMIUM_EXECUTABLE_PATH;
 const productionSpecPattern =
   /.*(?:answer-progress-ui-smoke|dsm-ui-smoke|ui-(smoke|stress|accessibility|caring-contacts-workspace|clinical-ask|dictionary|document-canvas|tools|ward-(?:management|coordinator|roles)|overlap|universal-search|specifiers|formulation(?:-result-cards)?|forms-section-nav|chrome-scroll|therapy-nav-scroll|mode-nav-density|phone-motion|phone-scroll(?:-[a-z0-9-]+)?|pwa|route-coverage|style-contract|visual-artifacts|hydration))\.spec\.ts/;
 const mockupSpecPattern =
-  /.*ui-(caring-contact-mockup|document-top-navigation-mockup|sidebar-live-mockup|therapy-navigation-mockup|tools|tools-collapse|tools-search-mode-mockup|tools-task-directory)\.spec\.ts/;
+  /.*ui-(answer-chat-perfected-mockup|caring-contact-mockup|document-top-navigation-mockup|sidebar-live-mockup|therapy-navigation-mockup|tools|tools-collapse|tools-search-mode-mockup|tools-task-directory)\.spec\.ts/;
 const mockupTag = /@mockup/;
 
 export default defineConfig({
   testDir: "./tests",
   testMatch:
-    /.*(?:answer-progress-ui-smoke|dsm-ui-smoke|ui-(smoke|stress|accessibility|caring-contact-mockup|caring-contacts-workspace|clinical-ask|dictionary|document-canvas|document-top-navigation-mockup|sidebar-live-mockup|therapy-navigation-mockup|tools|tools-collapse|tools-search-mode-mockup|tools-task-directory|ward-(?:management|coordinator|roles)|overlap|universal-search|specifiers|formulation(?:-result-cards)?|forms-section-nav|chrome-scroll|therapy-nav-scroll|mode-nav-density|phone-motion|phone-scroll(?:-[a-z0-9-]+)?|pwa|route-coverage|style-contract|visual-artifacts|hydration))\.spec\.ts/,
+    /.*(?:answer-progress-ui-smoke|dsm-ui-smoke|ui-(smoke|stress|accessibility|answer-chat-perfected-mockup|caring-contact-mockup|caring-contacts-workspace|clinical-ask|dictionary|document-canvas|document-top-navigation-mockup|sidebar-live-mockup|therapy-navigation-mockup|tools|tools-collapse|tools-search-mode-mockup|tools-task-directory|ward-(?:management|coordinator|roles)|overlap|universal-search|specifiers|formulation(?:-result-cards)?|forms-section-nav|chrome-scroll|therapy-nav-scroll|mode-nav-density|phone-motion|phone-scroll(?:-[a-z0-9-]+)?|pwa|route-coverage|style-contract|visual-artifacts|hydration))\.spec\.ts/,
   timeout: 60_000,
   retries: 0,
   // Fail the run if a stray `test.only` is committed: otherwise it silently

src/app/mockups/answer-chat-perfected/page.tsx

@@ -0,0 +1,5 @@
+import { AnswerChatPerfectedMockupsPage } from "@/components/answer-chat-perfected-mockups";
+
+export default function AnswerChatPerfectedMockupRoute() {
+  return <AnswerChatPerfectedMockupsPage />;
+}

src/app/mockups/answer-chat-redesign/page.tsx

@@ -0,0 +1,5 @@
+import { AnswerChatRedesignMockupsPage } from "@/components/answer-chat-redesign-mockups";
+
+export default function AnswerChatRedesignMockupRoute() {
+  return <AnswerChatRedesignMockupsPage />;
+}

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

@@ -59,6 +59,12 @@ export function MockupsLayoutClient({ children }: { children: ReactNode }) {
   // sit on top of a study about results-card identity.
   const isAlsoMatchesAccentMockup = pathname === "/mockups/also-matches-accents";
   const isAnswerHomeProposalMockup = pathname === "/mockups/answer-home-proposal";
+  // Every direction in this study draws its own top bar, transcript and
+  // composer inside phone/desktop frames — the reference system under review
+  // sits directly between them, so shared chrome would read as a second real
+  // header and a second real search bar over the study.
+  const isAnswerChatRedesignMockup = pathname === "/mockups/answer-chat-redesign";
+  const isAnswerChatPerfectedMockup = pathname === "/mockups/answer-chat-perfected";
   // Draws its own sticky chrome + device frames for /privacy; shared shell would
   // read as a second real header over the study.
   const isPrivacyPageDirectionsMockup = pathname === "/mockups/privacy-page-directions";
@@ -135,6 +141,8 @@ export function MockupsLayoutClient({ children }: { children: ReactNode }) {
         !isWarningLineMockup &&
         !isAlsoMatchesAccentMockup &&
         !isAnswerHomeProposalMockup &&
+        !isAnswerChatRedesignMockup &&
+        !isAnswerChatPerfectedMockup &&
         !isPrivacyPageDirectionsMockup &&
         !isPrivacyLiveSignalPerfectedMockup &&
         !isSearchLensMenuMockup &&
@@ -162,6 +170,8 @@ export function MockupsLayoutClient({ children }: { children: ReactNode }) {
         !isWarningLineMockup &&
         !isAlsoMatchesAccentMockup &&
         !isAnswerHomeProposalMockup &&
+        !isAnswerChatRedesignMockup &&
+        !isAnswerChatPerfectedMockup &&
         !isPrivacyPageDirectionsMockup &&
         !isPrivacyLiveSignalPerfectedMockup &&
         !isSearchLensMenuMockup &&