feat(mockups): three runnable directions for the Tools search results state

docs/site-map.md

@@ -1042,6 +1042,7 @@ This file is generated by `npm run docs:update` (or `npm run sitemap:update` dir
 - `/mockups/tools-action-workbench` - Route discovered from app directory Source: `src/app/mockups/tools-action-workbench/page.tsx`.
 - `/mockups/tools-clinical-lanes` - Route discovered from app directory Source: `src/app/mockups/tools-clinical-lanes/page.tsx`.
 - `/mockups/tools-command-center` - Route discovered from app directory Source: `src/app/mockups/tools-command-center/page.tsx`.
+- `/mockups/tools-search-directions` - Route discovered from app directory Source: `src/app/mockups/tools-search-directions/page.tsx`.
 - `/mockups/tools-search-mode` - Route discovered from app directory Source: `src/app/mockups/tools-search-mode/page.tsx`.
 - `/mockups/tools-split-clinical-brief` - Route discovered from app directory Source: `src/app/mockups/tools-split-clinical-brief/page.tsx`.
 - `/mockups/tools-split-compact-sheet` - Route discovered from app directory Source: `src/app/mockups/tools-split-compact-sheet/page.tsx`.

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

@@ -67,6 +67,10 @@ export function MockupsLayoutClient({ children }: { children: ReactNode }) {
  // at the bottom on phones), so the shared universal composer is suppressed here
  // to avoid a second, floating search bar.
  const isCalculatorsSearchPageMockup = pathname === "/mockups/calculators-search-page";
+ // Draws its own top bar, composer and results band inside every device frame, because two of
+ // the three directions restructure that band. Shared chrome above them would read as a second,
+ // real header and a second real composer over the study.
+ const isToolsSearchDirectionsMockup = pathname === "/mockups/tools-search-directions";
 
  return (
  <GlobalMockupSearchShell
@@ -112,6 +116,7 @@ export function MockupsLayoutClient({ children }: { children: ReactNode }) {
  }
  chromeVisible={
  !isSourceOverlayRedesignMockup &&
+ !isToolsSearchDirectionsMockup &&
  !isSearchHeadingMockup &&
  !isSearchRefineAdaptiveMockup &&
  !isSearchBandDirectionsMockup &&

src/app/mockups/tools-search-directions/page.tsx

@@ -0,0 +1,12 @@
+import type { Metadata } from "next";
+
+import { ToolsSearchDirectionsMockups } from "@/components/tools-search-directions-mockups";
+
+export const metadata: Metadata = {
+ title: "Tools search directions mockups - Clinical KB",
+ description: "Three directions for the Tools search results state, built from the real tools catalogue.",
+};
+
+export default function ToolsSearchDirectionsMockupRoute() {
+ return <ToolsSearchDirectionsMockups />;
+}