feat(mockups): recommended settings feature mockups

docs/site-map.md

@@ -1025,6 +1025,9 @@ This file is generated by `npm run docs:update` (or `npm run sitemap:update` dir
 - `/mockups/search-heading` - Route discovered from app directory Source: `src/app/mockups/search-heading/page.tsx`.
 - `/mockups/search-lens-menu` - Route discovered from app directory Source: `src/app/mockups/search-lens-menu/page.tsx`.
 - `/mockups/search-refine-adaptive` - Route discovered from app directory Source: `src/app/mockups/search-refine-adaptive/page.tsx`.
+- `/mockups/settings-recommended-features` - Route discovered from app directory Source: `src/app/mockups/settings-recommended-features/page.tsx`.
+- `/mockups/settings-recommended-features/[group]` - Route discovered from app directory Source: `src/app/mockups/settings-recommended-features/[group]/page.tsx`.
+- `/mockups/settings-recommended-features/gallery` - Route discovered from app directory Source: `src/app/mockups/settings-recommended-features/gallery/page.tsx`.
 - `/mockups/settings-search-clinical` - Route discovered from app directory Source: `src/app/mockups/settings-search-clinical/page.tsx`.
 - `/mockups/settings-search-general` - Route discovered from app directory Source: `src/app/mockups/settings-search-general/page.tsx`.
 - `/mockups/settings-search-privacy` - Route discovered from app directory Source: `src/app/mockups/settings-search-privacy/page.tsx`.

src/app/mockups/settings-recommended-features/[group]/page.tsx

@@ -0,0 +1,69 @@
+import type { Metadata } from "next";
+import { notFound } from "next/navigation";
+
+import {
+  SettingsRecommendedFeaturesMockupPage,
+  type SettingsFeatureGroupId,
+} from "@/components/settings-recommended-features-mockups";
+
+const GROUPS: ReadonlyArray<{
+  id: SettingsFeatureGroupId;
+  title: string;
+  summary: string;
+}> = [
+  {
+    id: "source-evidence",
+    title: "Source & evidence",
+    summary: "Control how answers prefer, show, and reconcile clinical sources.",
+  },
+  {
+    id: "answer-reading",
+    title: "Answer reading",
+    summary: "Make answers easier to verify, copy, and read in clinical settings.",
+  },
+  {
+    id: "clinical-workflow",
+    title: "Clinical workflow",
+    summary: "Start in the right mode and keep practice context ready without PHI.",
+  },
+  {
+    id: "privacy-trust",
+    title: "Privacy & trust",
+    summary: "Keep the app honest about data mode, sync, and PHI boundaries.",
+  },
+  {
+    id: "productivity",
+    title: "Productivity",
+    summary: "Speed up repeated clinical lookups and document review habits.",
+  },
+  {
+    id: "accessibility-device",
+    title: "Accessibility / device",
+    summary: "Tune display and device behaviour for ward phones and shared workstations.",
+  },
+];
+
+type PageProps = {
+  params: Promise<{ group: string }>;
+};
+
+export function generateStaticParams() {
+  return GROUPS.map((group) => ({ group: group.id }));
+}
+
+export async function generateMetadata({ params }: PageProps): Promise<Metadata> {
+  const { group: groupId } = await params;
+  const group = GROUPS.find((item) => item.id === groupId);
+  if (!group) return { title: "Settings Feature Mockup - Clinical KB" };
+  return {
+    title: `${group.title} Settings Mockup - Clinical KB`,
+    description: group.summary,
+  };
+}
+
+export default async function SettingsRecommendedFeatureGroupMockupRoute({ params }: PageProps) {
+  const { group: groupId } = await params;
+  const group = GROUPS.find((item) => item.id === groupId);
+  if (!group) notFound();
+  return <SettingsRecommendedFeaturesMockupPage initialGroupId={group.id} />;
+}

src/app/mockups/settings-recommended-features/gallery/page.tsx

@@ -0,0 +1,12 @@
+import type { Metadata } from "next";
+
+import { SettingsRecommendedFeaturesMockupPage } from "@/components/settings-recommended-features-mockups";
+
+export const metadata: Metadata = {
+  title: "Recommended Settings Gallery Mockup - Clinical KB",
+  description: "Full gallery of all recommended new settings options with what each adds.",
+};
+
+export default function SettingsRecommendedFeaturesGalleryMockupRoute() {
+  return <SettingsRecommendedFeaturesMockupPage mode="gallery" />;
+}

src/app/mockups/settings-recommended-features/page.tsx

@@ -0,0 +1,13 @@
+import type { Metadata } from "next";
+
+import { SettingsRecommendedFeaturesMockupPage } from "@/components/settings-recommended-features-mockups";
+
+export const metadata: Metadata = {
+  title: "Recommended Settings Features Mockup - Clinical KB",
+  description:
+    "Phone and desktop mockups for recommended new settings options, organised by source, reading, workflow, privacy, productivity, and accessibility.",
+};
+
+export default function SettingsRecommendedFeaturesMockupRoute() {
+  return <SettingsRecommendedFeaturesMockupPage initialGroupId="source-evidence" />;
+}

src/components/settings-recommended-features-mockups/index.ts

@@ -0,0 +1,2 @@
+export { SettingsRecommendedFeaturesMockupPage } from "./settings-recommended-features-mockup-page";
+export type { SettingsFeatureGroupId } from "./settings-recommended-features-mockup-page";