Add three Clinical KB guide wireframe mockups

docs/site-map.md

@@ -1013,6 +1013,10 @@ This file is generated by `npm run docs:update` (or `npm run sitemap:update` dir
 - `/mockups/favourites-review-console` - Route discovered from app directory Source: `src/app/mockups/favourites-review-console/page.tsx`.
 - `/mockups/favourites-set-board` - Route discovered from app directory Source: `src/app/mockups/favourites-set-board/page.tsx`.
 - `/mockups/favourites-set-navigator` - Route discovered from app directory Source: `src/app/mockups/favourites-set-navigator/page.tsx`.
+- `/mockups/guide-wireframes` - Route discovered from app directory Source: `src/app/mockups/guide-wireframes/page.tsx`.
+- `/mockups/guide-wireframes/help-hub` - Route discovered from app directory Source: `src/app/mockups/guide-wireframes/help-hub/page.tsx`.
+- `/mockups/guide-wireframes/tip-atlas` - Route discovered from app directory Source: `src/app/mockups/guide-wireframes/tip-atlas/page.tsx`.
+- `/mockups/guide-wireframes/walkthrough` - Route discovered from app directory Source: `src/app/mockups/guide-wireframes/walkthrough/page.tsx`.
 - `/mockups/medication-prescribing` - Route discovered from app directory Source: `src/app/mockups/medication-prescribing/page.tsx`.
 - `/mockups/mode-dropdown` - Route discovered from app directory Source: `src/app/mockups/mode-dropdown/page.tsx`.
 - `/mockups/phone-inpage-navigation` - Route discovered from app directory Source: `src/app/mockups/phone-inpage-navigation/page.tsx`.

src/app/mockups/guide-wireframes/help-hub/page.tsx

@@ -0,0 +1,12 @@
+import type { Metadata } from "next";
+
+import { GuideHelpHubMockup } from "@/components/guide-wireframe-mockups";
+
+export const metadata: Metadata = {
+  title: "Guide Help Hub Wireframe - Clinical KB",
+  description: "Option B wireframe: fullscreen TOC help hub with nested citation demo sheet.",
+};
+
+export default function GuideHelpHubMockupRoute() {
+  return <GuideHelpHubMockup />;
+}

src/app/mockups/guide-wireframes/page.tsx

@@ -0,0 +1,13 @@
+import type { Metadata } from "next";
+
+import { GuideWireframesIndex } from "@/components/guide-wireframe-mockups";
+
+export const metadata: Metadata = {
+  title: "Guide Wireframes - Clinical KB",
+  description:
+    "Three design-scratch wireframe options for the Clinical KB in-app guide, with phone and desktop Sheet states.",
+};
+
+export default function GuideWireframesIndexRoute() {
+  return <GuideWireframesIndex />;
+}

src/app/mockups/guide-wireframes/tip-atlas/page.tsx

@@ -0,0 +1,12 @@
+import type { Metadata } from "next";
+
+import { GuideTipAtlasMockup } from "@/components/guide-wireframe-mockups";
+
+export const metadata: Metadata = {
+  title: "Guide Tip Atlas Wireframe - Clinical KB",
+  description: "Option A wireframe: interactive tip-atlas guide with annotated deep-dive sheets.",
+};
+
+export default function GuideTipAtlasMockupRoute() {
+  return <GuideTipAtlasMockup />;
+}

src/app/mockups/guide-wireframes/walkthrough/page.tsx

@@ -0,0 +1,12 @@
+import type { Metadata } from "next";
+
+import { GuideWalkthroughMockup } from "@/components/guide-wireframe-mockups";
+
+export const metadata: Metadata = {
+  title: "Guide Walkthrough Wireframe - Clinical KB",
+  description: "Option C wireframe: first-run walkthrough sheet with skip confirm and done state.",
+};
+
+export default function GuideWalkthroughMockupRoute() {
+  return <GuideWalkthroughMockup />;
+}

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

@@ -39,6 +39,9 @@ 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-");
+  // Guide wireframes paint Answer chrome + Sheet stacks inside device frames;
+  // the shared composer would read as a second, real search bar over the study.
+  const isGuideWireframesMockup = pathname.startsWith("/mockups/guide-wireframes");
   // 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.
@@ -74,6 +77,7 @@ export function MockupsLayoutClient({ children }: { children: ReactNode }) {
         !isPhoneInPageNavigationMockup &&
         !isSearchBandDirectionsMockup &&
         !isTherapyNavigationMockup &&
+        !isGuideWireframesMockup &&
         !isWarningConsolidationMockup &&
         !isWarningLineMockup &&
         !isAnswerHomeProposalMockup
@@ -85,6 +89,7 @@ export function MockupsLayoutClient({ children }: { children: ReactNode }) {
         !isSearchBandDirectionsMockup &&
         !isPhoneInPageNavigationMockup &&
         !isTherapyNavigationMockup &&
+        !isGuideWireframesMockup &&
         !isWarningConsolidationMockup &&
         !isWarningLineMockup &&
         !isAnswerHomeProposalMockup