chore(mockups): document-navigation mockups with verification pass

docs/site-map.md

@@ -988,6 +988,13 @@ This file is generated by `npm run sitemap:update`. Run `npm run sitemap:check`
 - `/mockups/calculators-popup-sheet` - Route discovered from app directory Source: `src/app/mockups/calculators-popup-sheet/page.tsx`.
 - `/mockups/calculators-search` - Route discovered from app directory Source: `src/app/mockups/calculators-search/page.tsx`.
 - `/mockups/calculators-search-page` - Route discovered from app directory Source: `src/app/mockups/calculators-search-page/page.tsx`.
+- `/mockups/document-navigation-contract` - Route discovered from app directory Source: `src/app/mockups/document-navigation-contract/page.tsx`.
+- `/mockups/document-navigation-final` - Route discovered from app directory Source: `src/app/mockups/document-navigation-final/page.tsx`.
+- `/mockups/document-navigation-pane` - Route discovered from app directory Source: `src/app/mockups/document-navigation-pane/page.tsx`.
+- `/mockups/document-phone-fused-directions` - Route discovered from app directory Source: `src/app/mockups/document-phone-fused-directions/page.tsx`.
+- `/mockups/document-phone-title` - Route discovered from app directory Source: `src/app/mockups/document-phone-title/page.tsx`.
+- `/mockups/document-phone-title-refined` - Route discovered from app directory Source: `src/app/mockups/document-phone-title-refined/page.tsx`.
+- `/mockups/document-phone-zero-chrome` - Route discovered from app directory Source: `src/app/mockups/document-phone-zero-chrome/page.tsx`.
 - `/mockups/document-search` - Route discovered from app directory Source: `src/app/mockups/document-search/page.tsx`.
 - `/mockups/document-search-evidence-lens` - Route discovered from app directory Source: `src/app/mockups/document-search-evidence-lens/page.tsx`.
 - `/mockups/document-search-triage-board` - Route discovered from app directory Source: `src/app/mockups/document-search-triage-board/page.tsx`.

src/app/mockups/document-navigation-contract/page.tsx

@@ -0,0 +1,13 @@
+import type { Metadata } from "next";
+
+import { DocumentNavigationContractMockups } from "@/components/document-navigation-contract-mockups";
+
+export const metadata: Metadata = {
+ title: "Document navigation against the chrome contract - Clinical KB",
+ description:
+ "Two complete document-navigation candidates at desktop, tablet, and phone, built to the shipped header and footer behaviour.",
+};
+
+export default function DocumentNavigationContractMockupPage() {
+ return <DocumentNavigationContractMockups />;
+}

src/app/mockups/document-navigation-final/page.tsx

@@ -0,0 +1,13 @@
+import type { Metadata } from "next";
+
+import { DocumentNavigationFinalMockups } from "@/components/document-navigation-final-mockups";
+
+export const metadata: Metadata = {
+ title: "Document navigation, final design - Clinical KB",
+ description:
+ "The final document navigation design: segment-track header row and a two-column section grid, at desktop, tablet, and phone.",
+};
+
+export default function DocumentNavigationFinalMockupPage() {
+ return <DocumentNavigationFinalMockups />;
+}

src/app/mockups/document-navigation-pane/page.tsx

@@ -0,0 +1,13 @@
+import type { Metadata } from "next";
+
+import { DocumentNavigationPaneMockups } from "@/components/document-navigation-pane-mockups";
+
+export const metadata: Metadata = {
+ title: "Document navigation pane mockups - Clinical KB",
+ description:
+ "Three navigation panes anchored to the universal header for the document page, shown on desktop, tablet, and phone.",
+};
+
+export default function DocumentNavigationPaneMockupPage() {
+ return <DocumentNavigationPaneMockups />;
+}

src/app/mockups/document-phone-fused-directions/page.tsx

@@ -0,0 +1,12 @@
+import type { Metadata } from "next";
+
+import { DocumentPhoneFusedDirectionsMockups } from "@/components/document-phone-fused-directions-mockups";
+
+export const metadata: Metadata = {
+ title: "Document phone fused row directions - Clinical KB",
+ description: "Three directions built on the fused phone title row for the document page.",
+};
+
+export default function DocumentPhoneFusedDirectionsMockupPage() {
+ return <DocumentPhoneFusedDirectionsMockups />;
+}

src/app/mockups/document-phone-title-refined/page.tsx

@@ -0,0 +1,12 @@
+import type { Metadata } from "next";
+
+import { DocumentPhoneTitleRefinedMockups } from "@/components/document-phone-title-refined-mockups";
+
+export const metadata: Metadata = {
+ title: "Document phone title refined mockups - Clinical KB",
+ description: "Three corrected variants of the fused phone title row for the document page.",
+};
+
+export default function DocumentPhoneTitleRefinedMockupPage() {
+ return <DocumentPhoneTitleRefinedMockups />;
+}

src/app/mockups/document-phone-title/page.tsx

@@ -0,0 +1,12 @@
+import type { Metadata } from "next";
+
+import { DocumentPhoneTitleMockups } from "@/components/document-phone-title-mockups";
+
+export const metadata: Metadata = {
+ title: "Document phone title mockups - Clinical KB",
+ description: "Three ways to keep the document title visible on a phone alongside the navigation pane.",
+};
+
+export default function DocumentPhoneTitleMockupPage() {
+ return <DocumentPhoneTitleMockups />;
+}

src/app/mockups/document-phone-zero-chrome/page.tsx

@@ -0,0 +1,13 @@
+import type { Metadata } from "next";
+
+import { DocumentPhoneZeroChromeMockups } from "@/components/document-phone-zero-chrome-mockups";
+
+export const metadata: Metadata = {
+ title: "Document phone navigation, zero new chrome - Clinical KB",
+ description:
+ "Section navigation on the document page that adds no permanent phone chrome and no second scroll owner.",
+};
+
+export default function DocumentPhoneZeroChromeMockupPage() {
+ return <DocumentPhoneZeroChromeMockups />;
+}

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

@@ -11,6 +11,12 @@ export function MockupsLayoutClient({ children }: { children: ReactNode }) {
  const isFavouritesPageMockup = pathname.startsWith("/mockups/favourites-");
  const isDocumentSearchMockup = pathname.startsWith("/mockups/document-search");
  const isDocumentTopNavigationMockup = pathname === "/mockups/document-top-navigation";
+ const isDocumentNavigationPaneMockup = pathname === "/mockups/document-navigation-pane";
+ const isDocumentPhoneTitleMockup = pathname.startsWith("/mockups/document-phone-");
+ // Draws its own universal top bar and document composer inside every frame, so
+ // the shared composer would read as a second, real search bar over the study.
+ const isDocumentNavigationContractMockup =
+ pathname === "/mockups/document-navigation-contract" || pathname === "/mockups/document-navigation-final";
  const isSourceOverlayRedesignMockup = pathname === "/mockups/document-search/source-overlays";
  const isStandaloneDocumentFlow = pathname === "/mockups/document-search";
  const isUniversalSearchRedesignMockup = pathname === "/mockups/universal-search-redesign";
@@ -28,7 +34,11 @@ export function MockupsLayoutClient({ children }: { children: ReactNode }) {
  ? "tools"
  : isFavouritesPageMockup
  ? "favourites"
- : isDocumentSearchMockup || isDocumentTopNavigationMockup
+ : isDocumentSearchMockup ||
+ isDocumentTopNavigationMockup ||
+ isDocumentNavigationPaneMockup ||
+ isDocumentPhoneTitleMockup ||
+ isDocumentNavigationContractMockup
  ? "documents"
  : "answer"
  }
@@ -37,6 +47,9 @@ export function MockupsLayoutClient({ children }: { children: ReactNode }) {
  !isFavouritesPageMockup &&
  !isStandaloneDocumentFlow &&
  !isDocumentTopNavigationMockup &&
+ !isDocumentNavigationPaneMockup &&
+ !isDocumentPhoneTitleMockup &&
+ !isDocumentNavigationContractMockup &&
  !isUniversalSearchRedesignMockup &&
  !isCalculatorsSearchPageMockup &&
  !isPhoneInPageNavigationMockup