Organize dirty work: claude/therapy-nav-redesign-350a0e

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

@@ -16,6 +16,10 @@ export function MockupsLayoutClient({ children }: { children: ReactNode }) {
   const isUniversalSearchRedesignMockup = pathname === "/mockups/universal-search-redesign";
   const isSearchHeadingMockup = pathname === "/mockups/search-heading";
   const isPhoneInPageNavigationMockup = pathname === "/mockups/phone-inpage-navigation";
+  // The Therapy navigation directions draw their own universal top bar and their
+  // own composer inside every device frame, so the shared chrome would read as a
+  // second, real header stacked above the study it is meant to illustrate.
+  const isTherapyNavigationMockup = pathname.startsWith("/mockups/therapy-navigation-");
   // 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.
@@ -28,9 +32,11 @@ export function MockupsLayoutClient({ children }: { children: ReactNode }) {
           ? "tools"
           : isFavouritesPageMockup
             ? "favourites"
-            : isDocumentSearchMockup || isDocumentTopNavigationMockup
-              ? "documents"
-              : "answer"
+            : isTherapyNavigationMockup
+              ? "therapy-compass"
+              : isDocumentSearchMockup || isDocumentTopNavigationMockup
+                ? "documents"
+                : "answer"
       }
       searchComposerVisible={
         !isToolsPageMockup &&
@@ -39,9 +45,15 @@ export function MockupsLayoutClient({ children }: { children: ReactNode }) {
         !isDocumentTopNavigationMockup &&
         !isUniversalSearchRedesignMockup &&
         !isCalculatorsSearchPageMockup &&
-        !isPhoneInPageNavigationMockup
+        !isPhoneInPageNavigationMockup &&
+        !isTherapyNavigationMockup
+      }
+      chromeVisible={
+        !isSourceOverlayRedesignMockup &&
+        !isSearchHeadingMockup &&
+        !isPhoneInPageNavigationMockup &&
+        !isTherapyNavigationMockup
       }
-      chromeVisible={!isSourceOverlayRedesignMockup && !isSearchHeadingMockup && !isPhoneInPageNavigationMockup}
     >
       {children}
     </GlobalMockupSearchShell>

src/app/mockups/therapy-navigation-context/page.tsx

@@ -0,0 +1,13 @@
+import type { Metadata } from "next";
+
+import { TherapyNavigationContextMockups } from "@/components/therapy-navigation-mockups/context";
+
+export const metadata: Metadata = {
+  title: "Therapy navigation B · Context row - Clinical KB",
+  description:
+    "Direction B for the Therapy navigation panel: a two-line context row with a weighted stage track and a jump panel, shown at desktop, tablet and phone.",
+};
+
+export default function TherapyNavigationContextMockupPage() {
+  return <TherapyNavigationContextMockups />;
+}

src/app/mockups/therapy-navigation-dock/page.tsx

@@ -0,0 +1,13 @@
+import type { Metadata } from "next";
+
+import { TherapyNavigationDockMockups } from "@/components/therapy-navigation-mockups/dock";
+
+export const metadata: Metadata = {
+  title: "Therapy navigation C · Working-set dock - Clinical KB",
+  description:
+    "Direction C for the Therapy navigation panel: navigation as a readout of the therapy, basket and artifacts you are carrying, shown at desktop, tablet and phone.",
+};
+
+export default function TherapyNavigationDockMockupPage() {
+  return <TherapyNavigationDockMockups />;
+}

src/app/mockups/therapy-navigation-rail/page.tsx

@@ -0,0 +1,13 @@
+import type { Metadata } from "next";
+
+import { TherapyNavigationRailMockups } from "@/components/therapy-navigation-mockups/rail";
+
+export const metadata: Metadata = {
+  title: "Therapy navigation A · Grouped rail - Clinical KB",
+  description:
+    "Direction A for the Therapy navigation panel: three ranked groups on a rail, shown at desktop, tablet and phone.",
+};
+
+export default function TherapyNavigationRailMockupPage() {
+  return <TherapyNavigationRailMockups />;
+}