diff --git a/docs/archive/operator-decisions-2026-07-06.md b/docs/archive/operator-decisions-2026-07-06.md
new file mode 100644
index 0000000000..46572cec40
--- /dev/null
+++ b/docs/archive/operator-decisions-2026-07-06.md
@@ -0,0 +1,27 @@
+# Operator decisions — 2026-07-06
+
+Approvals granted during the repository-review follow-up session. **No live actions were taken from this checklist** — the authoring environment had no authenticated Supabase connection. Any live-connected session (or the operator) can execute these without re-asking.
+
+## Pending live migrations — APPROVED to apply
+
+**Decision:** The operator explicitly approved applying both pending migrations to the live `Clinical KB Database` project (`sjrfecxgysukkwxsowpy`).
+
+1. **M13** `supabase/migrations/20260702000000_commit_generation_preserve_legacy_artifacts.sql` — prerequisite for reindex commits safely purging legacy NULL-generation rows.
+2. `supabase/migrations/20260703030000_reconcile_storage_cleanup_jobs_indexes.sql` — drops the legacy auto-named indexes and (re)creates the intended named/partial indexes to match `supabase/schema.sql`. (This is the migration the debt log marked "apply to live only with explicit approval" — that approval is now recorded here.)
+
+**Post-apply verification (required):**
+
+```bash
+npm run check:m13-migration
+npm run reindex:health
+npm run check:indexing
+npm run check:supabase-project
+```
+
+## Edge function deploy — APPROVED
+
+**Decision:** Deploy `supabase/functions/indexing-v3-agent` so the JSONB status-RPC parsing is live (follow-up noted in `docs/process-hardening.md` "Live database drift reconciliation (2026-07-05)").
+
+## Context
+
+Approval came alongside the operator green-lighting the two structural efforts (finish the ClinicalDashboard admin cutover; decompose `src/lib/rag.ts`) tracked in `docs/process-hardening.md`.
diff --git a/docs/process-hardening.md b/docs/process-hardening.md
index 053ed64a45..40f3f4c0a9 100644
--- a/docs/process-hardening.md
+++ b/docs/process-hardening.md
@@ -47,7 +47,7 @@ This document turns the current process review into phased, durable repo practic
 
 All approved render-surface modules are extracted. `ClinicalDashboard.tsx` went from ~8.8k → ~4.7k lines and now holds the main `ClinicalDashboard` orchestrator, its data/state hooks, and the deferred admin surfaces only. The 6 extracted modules live in `src/components/clinical-dashboard/`: `auth-panel`, `answer-content`, `evidence-panels`, `output-panel`, `visual-evidence`, `document-results` (+ the shared `use-mobile-preview-sheet` hook and `display-text` helpers). The barrel `index.ts` was intentionally not extended.
 
-**Out of scope (deferred admin surfaces, optional later pass):** `DocumentDrawer`, `SettingsDialog`, `ToolsHub`, `MobileSectionFab`, `DocumentLabelReviewPanel`/`DocumentTagQualityPanel`/`DocumentIndexRepairPanel` and their label helpers (`tagQualityTone`, `labelTierTone`, `documentLabelTypeOptions`) all remain in `ClinicalDashboard.tsx`.
+**Deferred admin surfaces: DONE (2026-07-06).** `DocumentDrawer` + the label panels/helpers had already landed via #250/#251 (`document-admin.tsx`, wired). The remaining half-wired state was finished on `claude/dashboard-decomp-final`: `ToolsHub` + `MobileSectionFab` cut over to `dashboard-nav.tsx` and `SettingsDialog` (+ its 7 `Settings*` helpers) to `settings-dialog.tsx`. **Both #250 sibling files had drifted from the live monolith** (settings-dialog.tsx predated the auth-email sign-in flow; dashboard-nav.tsx had stale colour tokens and prop lists) and were regenerated verbatim from the current monolith blocks before wiring — reusable lesson: an orphaned prepared module is stale the moment the monolith copy keeps evolving; always re-diff before cutover. `global-mockup-search-shell.tsx` now imports `SettingsDialog` from the module. The dead `document-admin/` **directory** (shadowed by the live `document-admin.tsx` file in module resolution, imported by nothing) was deleted. Monolith: 4,373 → ~3,450 lines (orchestrator + data/state hooks + small render/stream helpers). Live-surface `data-testid`/`aria-label` corpus verified byte-identical across both moves.
 
 ## Phase 4 - Release maturity
 
diff --git a/src/components/ClinicalDashboard.tsx b/src/components/ClinicalDashboard.tsx
index 868b63df5e..af65e0f6cb 100644
--- a/src/components/ClinicalDashboard.tsx
+++ b/src/components/ClinicalDashboard.tsx
@@ -4,72 +4,43 @@ import { useRouter, useSearchParams } from "next/navigation";
 import dynamic from "next/dynamic";
 import {
   AlertCircle,
-  Bell,
   BookOpen,
   ChevronDown,
-  ChevronRight,
-  CircleUserRound,
   Clock3,
   ExternalLink,
   FileImage,
   FileText,
   FolderOpen,
-  Globe2,
-  HelpCircle,
   Heart,
-  Keyboard,
   ListChecks,
   Loader2,
-  LogOut,
-  Mail,
-  LockKeyhole,
-  Palette,
-  PanelTop,
   Quote,
   RefreshCw,
   Search,
-  Settings as SettingsIcon,
   ShieldAlert,
-  ShieldCheck,
-  SlidersHorizontal,
-  Sparkles,
-  Stethoscope,
   UploadCloud,
-  UserRound,
   WifiOff,
   Wrench,
   X,
 } from "lucide-react";
-import { type CSSProperties, type FormEvent, useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { type CSSProperties, useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { type DocumentDeleteResult } from "@/components/DocumentManagementActions";
-import { useDismissableLayer } from "@/components/use-dismissable-layer";
 import { extractSafetyFindings } from "@/lib/clinical-safety";
 import { readLocalProjectIdentity, unsafeLocalProjectMessage } from "@/lib/local-project-identity";
 import { isDeployedClinicalKb } from "@/lib/deployed-app";
 import { isLocalNoAuthMode, publicUploadsEnabled } from "@/lib/env";
-import {
-  appBackdrop,
-  answerSurface,
-  cn,
-  fieldControlWithIcon,
-  fieldIcon,
-  floatingControl,
-  primaryControl,
-  textMuted,
-  toneSuccess,
-  toneWarning,
-} from "@/components/ui-primitives";
+import { appBackdrop, answerSurface, cn, textMuted, toneSuccess, toneWarning } from "@/components/ui-primitives";
 import { useAuthSession } from "@/lib/supabase/client";
-import { Sheet } from "@/components/ui/sheet";
 import { AccountSetupDialog } from "@/components/clinical-dashboard/account-setup-dialog";
 import { StagedAnswerResultSurface } from "@/components/clinical-dashboard/answer-result-surface";
 import { CrossModeLinksSection } from "@/components/clinical-dashboard/cross-mode-links";
 import { RelatedDocumentsPanel } from "@/components/clinical-dashboard/document-results";
 import { AuthPanel } from "@/components/clinical-dashboard/auth-panel";
+import { buildMobileSectionFabState, MobileSectionFab, ToolsHub } from "@/components/clinical-dashboard/dashboard-nav";
+import { SettingsDialog } from "@/components/clinical-dashboard/settings-dialog";
 import { useSidebarCollapsed } from "@/components/clinical-dashboard/use-sidebar-collapsed";
 import { useTheme } from "@/components/clinical-dashboard/use-theme";
 import {
-  type SidebarIdentity,
   deriveSidebarIdentity,
   ClinicalDesktopSidebar,
   ClinicalMobileSidebar,
@@ -516,923 +487,6 @@ type LibraryHealthTarget = "documents" | "setup" | "indexing" | "failures";
 type IndexingMonitorFilter = "all" | "active" | "failed";
 type UploadIndexingTab = "setup" | "upload" | "jobs" | "quality";
 
-export function SettingsDialog({
-  open,
-  onClose,
-  identity,
-  theme,
-  onToggleTheme,
-  onSignOut,
-  onOpenGuide,
-}: {
-  open: boolean;
-  onClose: () => void;
-  identity: SidebarIdentity;
-  theme: "light" | "dark";
-  onToggleTheme: () => void;
-  onSignOut: () => void;
-  onOpenGuide: () => void;
-}) {
-  const closeButtonRef = useRef<HTMLButtonElement | null>(null);
-  const settingsEmailInputRef = useRef<HTMLInputElement | null>(null);
-  const currentThemeLabel = theme === "dark" ? "Dark" : "Light";
-  const auth = useAuthSession();
-  const [settingsEmail, setSettingsEmail] = useState("");
-  const [emailEntryOpen, setEmailEntryOpen] = useState(false);
-  const [settingsEmailAttempted, setSettingsEmailAttempted] = useState(false);
-  const [accountNotice, setAccountNotice] = useState<string | null>(null);
-  const settingsAuthBusy = auth.status === "loading";
-  const signedOutAccount = !identity.signedIn;
-
-  async function submitSettingsEmail(event: FormEvent<HTMLFormElement>) {
-    event.preventDefault();
-    if (!settingsEmail.trim()) return;
-    setAccountNotice(null);
-    setSettingsEmailAttempted(true);
-    await auth.signInWithEmail(settingsEmail.trim());
-  }
-
-  function openSettingsEmailEntry() {
-    setEmailEntryOpen(true);
-    setAccountNotice(null);
-  }
-
-  function chooseSettingsProvider(provider: string) {
-    setAccountNotice(`${provider} sign-in is a placeholder for now. Continue with email to use this workspace.`);
-  }
-
-  useEffect(() => {
-    if (!emailEntryOpen) return;
-    const focusFrame = window.requestAnimationFrame(() => {
-      settingsEmailInputRef.current?.focus({ preventScroll: true });
-    });
-    return () => window.cancelAnimationFrame(focusFrame);
-  }, [emailEntryOpen]);
-
-  const settingSections = [
-    {
-      title: "Account",
-      rows: [
-        { icon: UserRound, label: "Profile", value: identity.displayName },
-        { icon: Stethoscope, label: "Clinical role", value: "Consultant psychiatrist" },
-      ],
-    },
-    {
-      title: "Clinical defaults",
-      rows: [
-        { icon: Globe2, label: "Jurisdiction", value: "Western Australia", active: true },
-        { icon: CircleUserRound, label: "Default population", value: "Adults" },
-        { icon: SlidersHorizontal, label: "Answer style", value: "Conservative" },
-      ],
-    },
-    {
-      title: "App preferences",
-      rows: [
-        {
-          icon: Palette,
-          label: "Appearance",
-          value: currentThemeLabel,
-          onClick: onToggleTheme,
-          actionLabel: `Switch to ${theme === "dark" ? "light" : "dark"} mode`,
-        },
-        { icon: SettingsIcon, label: "Interface density", value: "Comfortable" },
-      ],
-    },
-  ];
-  const navItems = [
-    { icon: SettingsIcon, label: "General" },
-    { icon: Stethoscope, label: "Clinical defaults" },
-    { icon: Sparkles, label: "Personalisation" },
-    { icon: Bell, label: "Notifications" },
-    { icon: LockKeyhole, label: "Security" },
-    { icon: CircleUserRound, label: "Account", active: true },
-    { icon: Keyboard, label: "Keyboard" },
-    {
-      icon: HelpCircle,
-      label: "Help & About",
-      onClick: () => {
-        onClose();
-        onOpenGuide();
-      },
-    },
-  ];
-
-  const closeButton = (
-    <button
-      ref={closeButtonRef}
-      type="button"
-      onClick={onClose}
-      aria-label="Close settings"
-      className="absolute right-2.5 top-[max(0.45rem,env(safe-area-inset-top))] z-10 grid h-9 w-9 place-items-center rounded-full text-[color:var(--text-muted)] transition hover:bg-[color:var(--surface)] hover:text-[color:var(--text-heading)] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[color:var(--focus)] lg:left-4 lg:right-auto lg:top-4 lg:h-10 lg:w-10"
-    >
-      <X className="h-4.5 w-4.5" />
-    </button>
-  );
-
-  return (
-    <Sheet
-      open={open}
-      onClose={onClose}
-      closeLabel="Close settings"
-      labelledBy="account-settings-title"
-      initialFocusRef={closeButtonRef}
-      mobilePlacement="fullscreen"
-      contentClassName="w-full max-w-none border-[color:var(--border-lux)] bg-[color:var(--background)] font-sans shadow-none lg:max-w-[900px] lg:bg-[color:var(--surface-lux)] lg:shadow-[var(--shadow-lux)]"
-      bodyClassName="p-0"
-    >
-      <div className="relative grid h-dvh max-h-dvh min-h-0 overflow-hidden lg:h-auto lg:max-h-[min(86dvh,820px)] lg:grid-cols-[250px_minmax(0,1fr)]">
-        {closeButton}
-        <aside className="hidden border-r border-[color:var(--border-lux)] bg-[color:var(--surface)]/72 px-4 pb-5 pt-16 lg:flex lg:flex-col">
-          <nav aria-label="Settings sections" className="grid gap-1.5">
-            {navItems.map((item) => {
-              const Icon = item.icon;
-              const active = item.active;
-              return (
-                <button
-                  key={item.label}
-                  type="button"
-                  onClick={item.onClick}
-                  aria-current={active ? "page" : undefined}
-                  className={cn(
-                    "flex min-h-10 items-center gap-3 rounded-lg px-3 text-sm font-medium leading-5 transition focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[color:var(--focus)]",
-                    active
-                      ? "bg-[color:var(--surface-lux)] text-[color:var(--clinical-accent)] shadow-[var(--shadow-inset)] ring-1 ring-[color:var(--clinical-accent)]/10"
-                      : "text-[color:var(--text-muted)] hover:bg-[color:var(--surface-lux)]/80 hover:text-[color:var(--text-heading)]",
-                  )}
-                >
-                  <Icon className="h-4 w-4 shrink-0" />
-                  <span>{item.label}</span>
-                </button>
-              );
-            })}
-          </nav>
-        </aside>
-
-        <div className="mx-auto min-h-0 w-full max-w-[460px] overflow-y-auto bg-[color:var(--background)] px-4 pb-[calc(0.75rem+env(safe-area-inset-bottom))] pt-[max(2.45rem,calc(0.7rem+env(safe-area-inset-top)))] polished-scroll sm:px-5 lg:mx-0 lg:max-w-none lg:bg-transparent lg:px-7 lg:pb-7 lg:pt-6">
-          <div className="mb-2 flex items-center justify-between gap-4 lg:mb-5">
-            <div className="min-w-0">
-              <h2
-                id="account-settings-title"
-                className="truncate text-lg leading-normal font-semibold tracking-normal text-[color:var(--text-heading)] sm:text-xl lg:text-[1.45rem] lg:leading-8"
-              >
-                Account &amp; app
-              </h2>
-            </div>
-            <span className="hidden min-h-7 shrink-0 items-center rounded-full border border-[color:var(--border-lux)] bg-[color:var(--surface)] px-3 text-xs font-semibold leading-none text-[color:var(--text-muted)] shadow-[var(--shadow-inset)] lg:inline-flex">
-              Clinician account
-            </span>
-          </div>
-
-          <section className="rounded-[1.35rem] border border-[color:var(--border-lux)] bg-[color:var(--surface-lux)] p-3.5 shadow-[0_12px_30px_rgba(0,0,0,0.06),var(--shadow-inset)] dark:shadow-[0_18px_40px_rgba(0,0,0,0.32),var(--shadow-inset)] lg:rounded-xl lg:bg-[color:var(--surface)] lg:p-4 lg:shadow-[var(--shadow-inset)]">
-            <h3 className="mb-3 px-0.5 text-base-minus font-semibold leading-5 text-[color:var(--text-heading)]">
-              Clinical Guide account
-            </h3>
-            <div className="flex items-center gap-3 lg:gap-3">
-              <span
-                className={cn(
-                  "relative grid h-12 w-12 shrink-0 place-items-center rounded-full text-sm font-bold leading-none ring-1 lg:h-12 lg:w-12",
-                  signedOutAccount
-                    ? "bg-[color:var(--surface-inset)] text-[color:var(--text-muted)] ring-[color:var(--border)]"
-                    : "bg-[color:var(--clinical-accent-soft)] text-[color:var(--clinical-accent)] ring-[color:var(--clinical-accent)]/10",
-                )}
-              >
-                {signedOutAccount ? <UserRound className="h-5 w-5" /> : identity.initials}
-                {identity.signedIn ? (
-                  <span className="absolute bottom-0.5 right-0.5 h-3 w-3 rounded-full border-2 border-[color:var(--surface)] bg-[color:var(--success)]" />
-                ) : null}
-              </span>
-              <div className="min-w-0 flex-1">
-                <p className="truncate text-base font-semibold leading-6 text-[color:var(--text-heading)]">
-                  {identity.displayName}
-                </p>
-                <p className="text-sm font-medium leading-5 text-[color:var(--text-muted)]">
-                  {signedOutAccount ? "Sign in or create an account" : "Consultant psychiatrist, Western Australia"}
-                </p>
-              </div>
-              {signedOutAccount ? (
-                <div className="hidden w-[220px] shrink-0 grid-cols-1 gap-2 lg:grid">
-                  <button
-                    type="button"
-                    onClick={openSettingsEmailEntry}
-                    className={cn(primaryControl, "min-h-10 whitespace-nowrap px-3 text-sm leading-none")}
-                  >
-                    Create account
-                  </button>
-                  <button
-                    type="button"
-                    onClick={openSettingsEmailEntry}
-                    className={cn(floatingControl, "min-h-10 whitespace-nowrap px-3 text-sm leading-none")}
-                  >
-                    Sign in
-                  </button>
-                </div>
-              ) : (
-                <div className="hidden shrink-0 items-center gap-2 lg:flex">
-                  <SettingsChip label="Private" />
-                  <SettingsChip label="No PHI" />
-                </div>
-              )}
-            </div>
-
-            {signedOutAccount ? (
-              <div className="mt-4 grid gap-3">
-                <div className="grid grid-cols-2 gap-2 lg:hidden">
-                  <button
-                    type="button"
-                    onClick={openSettingsEmailEntry}
-                    className={cn(primaryControl, "min-h-10 whitespace-nowrap px-2.5 text-sm leading-none")}
-                  >
-                    Create account
-                  </button>
-                  <button
-                    type="button"
-                    onClick={openSettingsEmailEntry}
-                    className={cn(floatingControl, "min-h-10 whitespace-nowrap px-2.5 text-sm leading-none")}
-                  >
-                    Sign in
-                  </button>
-                </div>
-
-                {emailEntryOpen ? (
-                  <form
-                    onSubmit={submitSettingsEmail}
-                    className="grid gap-2 rounded-lg border border-[color:var(--border)] bg-[color:var(--surface-raised)] p-3 shadow-[var(--shadow-inset)]"
-                  >
-                    <label className="block">
-                      <span className="mb-1.5 block text-xs font-semibold text-[color:var(--text-muted)]">
-                        Email address
-                      </span>
-                      <div className="relative">
-                        <Mail className={fieldIcon} />
-                        <input
-                          ref={settingsEmailInputRef}
-                          type="email"
-                          value={settingsEmail}
-                          onChange={(event) => setSettingsEmail(event.target.value)}
-                          placeholder="you@clinic.example"
-                          className={fieldControlWithIcon}
-                        />
-                      </div>
-                    </label>
-                    <button
-                      type="submit"
-                      disabled={settingsAuthBusy || !settingsEmail.trim() || !auth.isConfigured}
-                      className={cn(primaryControl, "w-full")}
-                    >
-                      {settingsAuthBusy ? <Loader2 className="h-4 w-4 animate-spin" /> : <Mail className="h-4 w-4" />}
-                      Continue with email
-                    </button>
-                  </form>
-                ) : null}
-
-                <div className="flex items-center gap-3 text-xs font-medium text-[color:var(--text-soft)]">
-                  <span className="h-px flex-1 bg-[color:var(--border)]" />
-                  <span>or continue with</span>
-                  <span className="h-px flex-1 bg-[color:var(--border)]" />
-                </div>
-
-                <div className="grid gap-2">
-                  <SettingsProviderRow provider="Apple" onClick={() => chooseSettingsProvider("Apple")} />
-                  <SettingsProviderRow provider="Google" onClick={() => chooseSettingsProvider("Google")} />
-                  <SettingsProviderRow provider="Microsoft" onClick={() => chooseSettingsProvider("Microsoft")} />
-                  <SettingsProviderRow provider="email" onClick={openSettingsEmailEntry} />
-                </div>
-
-                <p className="flex items-start gap-2 rounded-lg bg-[color:var(--surface-subtle)] px-3 py-2 text-xs font-medium leading-5 text-[color:var(--text-muted)]">
-                  <LockKeyhole className="mt-0.5 h-3.5 w-3.5 shrink-0 text-[color:var(--text-soft)]" />
-                  Accounts save preferences and search history. Do not enter PHI.
-                </p>
-
-                {(accountNotice || !auth.isConfigured || (settingsEmailAttempted && auth.error)) && (
-                  <p
-                    role="alert"
-                    className="rounded-lg border border-[color:var(--border)] bg-[color:var(--surface-inset)] p-3 text-xs font-medium leading-5 text-[color:var(--text-muted)]"
-                  >
-                    {accountNotice ??
-                      (settingsEmailAttempted ? auth.error : null) ??
-                      "Supabase browser authentication is not configured for account sign-in."}
-                  </p>
-                )}
-              </div>
-            ) : (
-              <SettingsClinicalContextStrip />
-            )}
-          </section>
-
-          <div className={cn("hidden lg:mt-4 lg:grid-cols-3 lg:gap-3", signedOutAccount ? "lg:hidden" : "lg:grid")}>
-            <SettingsSummaryTile icon={UserRound} label="Profile" value={identity.displayName} />
-            <SettingsSummaryTile icon={Stethoscope} label="Clinical setup" value="WA, adults" emphasized />
-            <SettingsSummaryTile icon={PanelTop} label="Default view" value="Ask" />
-          </div>
-
-          <section className="mt-3.5 grid gap-3 lg:mt-4 lg:rounded-xl lg:border lg:border-[color:var(--border-lux)] lg:bg-[color:var(--surface)] lg:px-5 lg:py-4 lg:shadow-[var(--shadow-inset)]">
-            <div className="grid gap-3 lg:gap-4">
-              {settingSections.map((section) => (
-                <div key={section.title} className="min-w-0">
-                  <h3 className="mb-1 px-1 text-xs leading-normal font-semibold tracking-normal text-[color:var(--text-muted)] lg:mb-1.5 lg:text-sm-minus lg:text-[color:var(--text-heading)]">
-                    {section.title}
-                  </h3>
-                  <div className="overflow-hidden rounded-[1.1rem] border border-[color:var(--border-lux)] bg-[color:var(--surface-lux)] shadow-[0_8px_22px_rgba(0,0,0,0.04),var(--shadow-inset)] dark:shadow-[0_12px_26px_rgba(0,0,0,0.24),var(--shadow-inset)] lg:rounded-none lg:border-0 lg:bg-transparent lg:shadow-none">
-                    {section.rows.map((row) => (
-                      <SettingsRow key={`${section.title}-${row.label}`} {...row} />
-                    ))}
-                    {section.title === "Account" && identity.signedIn ? (
-                      <SettingsRow
-                        icon={LogOut}
-                        label="Sign out"
-                        value=""
-                        onClick={() => {
-                          onSignOut();
-                          onClose();
-                        }}
-                        actionLabel="Sign out"
-                      />
-                    ) : null}
-                  </div>
-                </div>
-              ))}
-            </div>
-            <SettingsHelpFooter
-              onClick={() => {
-                onClose();
-                onOpenGuide();
-              }}
-            />
-          </section>
-        </div>
-      </div>
-    </Sheet>
-  );
-}
-
-function SettingsChip({ label }: { label: string }) {
-  return (
-    <span className="inline-flex min-h-6 items-center rounded-full border border-[color:var(--clinical-accent)]/18 bg-[color:var(--clinical-accent-soft)] px-2.5 text-2xs font-semibold leading-none text-[color:var(--clinical-accent)] lg:min-h-7 lg:px-3 lg:text-xs">
-      {label}
-    </span>
-  );
-}
-
-function SettingsProviderRow({
-  provider,
-  onClick,
-}: {
-  provider: "Apple" | "Google" | "Microsoft" | "email";
-  onClick: () => void;
-}) {
-  const label = provider === "email" ? "Use email instead" : provider;
-
-  return (
-    <button
-      type="button"
-      onClick={onClick}
-      className="flex min-h-12 w-full items-center gap-3 rounded-lg border border-[color:var(--border)] bg-[color:var(--surface-raised)] px-3 text-left text-sm font-semibold text-[color:var(--text-heading)] shadow-[var(--shadow-inset)] transition hover:border-[color:var(--border-strong)] hover:bg-[color:var(--surface-subtle)] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[color:var(--focus)]"
-    >
-      {provider === "email" ? (
-        <span className="grid h-7 w-7 shrink-0 place-items-center rounded-lg border border-[color:var(--border)] bg-[color:var(--surface)] text-[color:var(--text-muted)] shadow-[var(--shadow-inset)]">
-          <Mail className="h-4 w-4" />
-        </span>
-      ) : (
-        <SettingsProviderMark provider={provider} />
-      )}
-      <span className="min-w-0 flex-1 truncate">{label}</span>
-      <ChevronRight className="h-4 w-4 shrink-0 text-[color:var(--text-soft)]" />
-    </button>
-  );
-}
-
-function SettingsProviderMark({ provider }: { provider: "Apple" | "Google" | "Microsoft" }) {
-  if (provider === "Microsoft") {
-    return (
-      <span
-        className="grid h-7 w-7 shrink-0 grid-cols-2 gap-0.5 rounded-lg border border-[color:var(--border)] bg-[color:var(--surface)] p-1 shadow-[var(--shadow-inset)]"
-        aria-hidden="true"
-      >
-        <span className="bg-[#f25022]" />
-        <span className="bg-[#7fba00]" />
-        <span className="bg-[#00a4ef]" />
-        <span className="bg-[#ffb900]" />
-      </span>
-    );
-  }
-
-  return (
-    <span
-      aria-hidden="true"
-      className={cn(
-        "grid h-7 w-7 shrink-0 place-items-center rounded-lg border border-[color:var(--border)] bg-[color:var(--surface)] text-base font-bold leading-none shadow-[var(--shadow-inset)]",
-        provider === "Apple" ? "text-[color:var(--text-heading)]" : "text-[#4285f4]",
-      )}
-    >
-      {provider === "Apple" ? "A" : "G"}
-    </span>
-  );
-}
-
-function SettingsClinicalContextStrip() {
-  return (
-    <div className="mt-2.5 flex min-h-8 items-center gap-2 rounded-full border border-[color:var(--clinical-accent)]/14 bg-[color:var(--clinical-accent-soft)]/60 px-3 text-xs font-semibold leading-none text-[color:var(--clinical-accent)] lg:hidden">
-      <ShieldCheck className="h-3.5 w-3.5 shrink-0" />
-      <span className="min-w-0 truncate">
-        Private<span className="hidden min-[360px]:inline"> workspace</span>{" "}
-        <span className="px-1 text-[color:var(--text-soft)]">·</span> WA{" "}
-        <span className="px-1 text-[color:var(--text-soft)]">·</span> No PHI
-      </span>
-    </div>
-  );
-}
-
-function SettingsSummaryTile({
-  icon: Icon,
-  label,
-  value,
-  emphasized = false,
-}: {
-  icon: typeof UserRound;
-  label: string;
-  value: string;
-  emphasized?: boolean;
-}) {
-  return (
-    <div
-      className={cn(
-        "min-w-0 rounded-2xl border p-2 shadow-[var(--shadow-inset)] lg:rounded-xl lg:p-3",
-        emphasized
-          ? "border-[color:var(--clinical-accent)]/26 bg-[color:var(--clinical-accent-soft)]/72"
-          : "border-[color:var(--border-lux)] bg-[color:var(--surface)]",
-      )}
-    >
-      <div className="flex min-w-0 flex-col items-center justify-center gap-1 text-center lg:min-h-[44px] lg:flex-row lg:justify-start lg:gap-2.5 lg:text-left">
-        <span
-          className={cn(
-            "grid h-8 w-8 shrink-0 place-items-center rounded-xl border shadow-[var(--shadow-inset)] lg:rounded-lg",
-            emphasized
-              ? "border-[color:var(--clinical-accent)] bg-[color:var(--clinical-accent)] text-[color:var(--clinical-accent-contrast)]"
-              : "border-[color:var(--border)] bg-[color:var(--surface-lux)] text-[color:var(--text-muted)]",
-          )}
-        >
-          <Icon className="h-4 w-4" />
-        </span>
-        <span className="min-w-0">
-          <span className="block truncate text-3xs font-semibold leading-3 text-[color:var(--text-muted)] lg:text-xs lg:leading-4">
-            {label}
-          </span>
-          <span className="block truncate text-xs font-semibold leading-4 text-[color:var(--text-heading)] lg:text-sm-minus">
-            {value}
-          </span>
-        </span>
-      </div>
-    </div>
-  );
-}
-
-function SettingsRow({
-  icon: Icon,
-  label,
-  value,
-  active = false,
-  onClick,
-  actionLabel,
-}: {
-  icon: typeof UserRound;
-  label: string;
-  value: string;
-  active?: boolean;
-  onClick?: () => void;
-  actionLabel?: string;
-}) {
-  const content = (
-    <>
-      <span
-        className={cn(
-          "grid h-7 w-7 shrink-0 place-items-center rounded-full transition sm:h-8 sm:w-8 lg:rounded-lg lg:border lg:shadow-[var(--shadow-inset)]",
-          active
-            ? "bg-[color:var(--clinical-accent)] text-[color:var(--clinical-accent-contrast)] shadow-[0_7px_16px_color-mix(in_srgb,var(--clinical-accent)_24%,transparent)] lg:border-[color:var(--clinical-accent)]"
-            : "bg-transparent text-[color:var(--text-muted)] lg:border-[color:var(--border)] lg:bg-[color:var(--surface-lux)]",
-        )}
-      >
-        <Icon className="h-3.5 w-3.5 sm:h-4 sm:w-4" />
-      </span>
-      <span className="min-w-0 flex-1 min-[360px]:flex min-[360px]:items-center min-[360px]:justify-between min-[360px]:gap-3">
-        <span className="block truncate text-sm font-semibold leading-5 text-[color:var(--text-heading)]">{label}</span>
-        {value ? (
-          <span className="mt-0.5 block max-w-full truncate text-sm-minus font-medium leading-5 text-[color:var(--text-muted)] min-[360px]:mt-0 min-[360px]:max-w-[50%] min-[360px]:text-right sm:max-w-[58%] sm:text-sm sm:text-[color:var(--text)] lg:max-w-[52%] lg:text-sm-minus">
-            {value}
-          </span>
-        ) : null}
-      </span>
-      <ChevronDown className="-rotate-90 h-3.5 w-3.5 shrink-0 text-[color:var(--text-soft)] lg:h-4 lg:w-4" />
-    </>
-  );
-
-  const className =
-    "flex min-h-[50px] w-full items-center gap-2.5 border-b border-[color:var(--border)]/70 px-3 py-1.5 text-left last:border-b-0 transition hover:bg-[color:var(--surface)] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-[-2px] focus-visible:outline-[color:var(--focus)] sm:min-h-[54px] sm:gap-3 sm:px-3.5 sm:py-2 lg:min-h-10 lg:gap-3 lg:px-0 lg:py-0 lg:hover:bg-[color:var(--surface-lux)]/55";
-  const testId = `settings-row-${label
-    .toLowerCase()
-    .replace(/[^a-z0-9]+/g, "-")
-    .replace(/(^-|-$)/g, "")}`;
-
-  if (onClick) {
-    return (
-      <button
-        type="button"
-        onClick={onClick}
-        aria-label={actionLabel ?? label}
-        className={className}
-        data-testid={testId}
-      >
-        {content}
-      </button>
-    );
-  }
-
-  return (
-    <div className={className} data-testid={testId}>
-      {content}
-    </div>
-  );
-}
-
-function SettingsHelpFooter({ onClick }: { onClick: () => void }) {
-  return (
-    <div className="px-1 pt-0.5 lg:hidden">
-      <button
-        type="button"
-        onClick={onClick}
-        className="flex min-h-11 w-full items-center justify-center gap-2 rounded-full text-sm-minus font-semibold text-[color:var(--text-muted)] transition hover:bg-[color:var(--surface-lux)] hover:text-[color:var(--text-heading)] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[color:var(--focus)]"
-        data-testid="settings-row-guide-help"
-      >
-        <BookOpen className="h-4 w-4" />
-        <span>Guide &amp; help</span>
-        <ChevronDown className="-rotate-90 h-3.5 w-3.5 text-[color:var(--text-soft)]" />
-      </button>
-    </div>
-  );
-}
-
-function ToolsHub({ query, desktopComposerSlotId }: { query: string; desktopComposerSlotId?: string }) {
-  return <ApplicationsLauncherWorkspace query={query} desktopComposerSlotId={desktopComposerSlotId} />;
-}
-
-type MobileSectionFabItem = {
-  label: string;
-  description: string;
-  icon: typeof FileText;
-  href: (typeof navigationHashes)[number];
-  count: number | null;
-  empty?: boolean;
-};
-
-type MobileSectionFabTone = "neutral" | "ready" | "warning" | "empty";
-
-type MobileSectionFabState = {
-  statusLabel: string;
-  statusTone: MobileSectionFabTone;
-  nextStep: string;
-  badgeLabel: string | null;
-  badgeTone: MobileSectionFabTone;
-};
-
-function mobileSectionItemLabel(item: MobileSectionFabItem) {
-  if (item.count === null) return item.label;
-  return `${item.label}, ${item.count} item${item.count === 1 ? "" : "s"}`;
-}
-
-function fabToneClassName(tone: MobileSectionFabTone) {
-  if (tone === "ready") {
-    return "border-[color:var(--success)]/25 bg-[color:var(--success-soft)] text-[color:var(--success)]";
-  }
-  if (tone === "warning") {
-    return "border-[color:var(--warning)]/25 bg-[color:var(--warning-soft)] text-[color:var(--warning)]";
-  }
-  if (tone === "empty") {
-    return "border-[color:var(--border)] bg-[color:var(--surface-subtle)] text-[color:var(--text-muted)]";
-  }
-  return "border-[color:var(--clinical-accent)]/20 bg-[color:var(--clinical-accent-soft)] text-[color:var(--clinical-accent)]";
-}
-
-function buildMobileSectionFabState({
-  hasAnswer,
-  searchMode,
-  sourceCount,
-  quoteCount,
-  weakEvidence,
-  governanceWarningCount,
-}: {
-  hasAnswer: boolean;
-  searchMode: AppModeId;
-  sourceCount: number;
-  quoteCount: number;
-  weakEvidence: boolean;
-  governanceWarningCount: number;
-}): MobileSectionFabState {
-  const modeSearch = appModeSearchConfig(searchMode);
-  if (!hasAnswer) {
-    if (modeSearch.resultKind === "tools") {
-      return {
-        statusLabel: "Tools",
-        statusTone: "neutral",
-        nextStep: "Launch a clinical tool",
-        badgeLabel: null,
-        badgeTone: "neutral",
-      };
-    }
-    if (modeSearch.resultKind === "differentials") {
-      return {
-        statusLabel: "Diffs",
-        statusTone: "neutral",
-        nextStep: modeSearch.nextStep,
-        badgeLabel: null,
-        badgeTone: "neutral",
-      };
-    }
-    return {
-      statusLabel:
-        modeSearch.resultKind === "documents" || modeSearch.resultKind === "forms"
-          ? modeSearch.statusLabel
-          : "No answer yet",
-      statusTone: "empty",
-      nextStep: modeSearch.nextStep,
-      badgeLabel: modeSearch.badgeLabel,
-      badgeTone: "empty",
-    };
-  }
-
-  if (weakEvidence) {
-    return {
-      statusLabel: "Weak support",
-      statusTone: "warning",
-      nextStep: "Verify source before using",
-      badgeLabel: "!",
-      badgeTone: "warning",
-    };
-  }
-
-  if (governanceWarningCount > 0) {
-    return {
-      statusLabel: "Needs source check",
-      statusTone: "warning",
-      nextStep: `${governanceWarningCount} source warning${governanceWarningCount === 1 ? "" : "s"}`,
-      badgeLabel: "!",
-      badgeTone: "warning",
-    };
-  }
-
-  if (quoteCount > 0) {
-    return {
-      statusLabel: "Ready to verify",
-      statusTone: "ready",
-      nextStep: "Next: review exact quotes",
-      badgeLabel: String(quoteCount),
-      badgeTone: "ready",
-    };
-  }
-
-  if (sourceCount > 0) {
-    return {
-      statusLabel: "Ready to verify",
-      statusTone: "ready",
-      nextStep: "Next: verify sources",
-      badgeLabel: String(sourceCount),
-      badgeTone: "ready",
-    };
-  }
-
-  return {
-    statusLabel: "Answer ready",
-    statusTone: "neutral",
-    nextStep: "Review answer structure",
-    badgeLabel: null,
-    badgeTone: "neutral",
-  };
-}
-
-function MobileSectionFab({
-  items,
-  activeHash,
-  state,
-  hidden = false,
-  onNavigate,
-}: {
-  items: readonly MobileSectionFabItem[];
-  activeHash: string;
-  state: MobileSectionFabState;
-  hidden?: boolean;
-  onNavigate: (href: MobileSectionFabItem["href"]) => void;
-}) {
-  const [open, setOpen] = useState(false);
-  const [active, setActive] = useState(false);
-  const buttonRef = useRef<HTMLButtonElement>(null);
-  const panelRef = useRef<HTMLElement | null>(null);
-  const panelId = "mobile-section-fab-menu";
-  const labelId = "mobile-section-fab-label";
-  const activeItem = items.find((item) => item.href === activeHash) ?? items[0];
-  const ActiveIcon = activeItem.icon;
-  const activeItemLabel = mobileSectionItemLabel(activeItem);
-
-  const closeMenu = useCallback((options: { restoreFocus?: boolean } = {}) => {
-    setOpen(false);
-    if (options.restoreFocus ?? true) {
-      window.requestAnimationFrame(() => buttonRef.current?.focus());
-    }
-  }, []);
-  const dismissMobileSectionMenu = useCallback(() => closeMenu(), [closeMenu]);
-
-  useDismissableLayer({
-    enabled: open,
-    refs: [buttonRef, panelRef],
-    restoreFocusRef: buttonRef,
-    onDismiss: dismissMobileSectionMenu,
-  });
-
-  useEffect(() => {
-    const mediaQuery = window.matchMedia(mobileSectionFabMediaQuery);
-    const syncActivation = () => {
-      const matches = mediaQuery.matches;
-      setActive(matches);
-      if (!matches) closeMenu({ restoreFocus: false });
-    };
-
-    const frame = window.requestAnimationFrame(syncActivation);
-    mediaQuery.addEventListener("change", syncActivation);
-    return () => {
-      window.cancelAnimationFrame(frame);
-      mediaQuery.removeEventListener("change", syncActivation);
-    };
-  }, [closeMenu]);
-
-  useEffect(() => {
-    if (!open) return;
-    const closeForRouteChange = () => closeMenu({ restoreFocus: false });
-    window.addEventListener("hashchange", closeForRouteChange);
-    return () => window.removeEventListener("hashchange", closeForRouteChange);
-  }, [closeMenu, open]);
-
-  useEffect(() => {
-    if (!hidden) return;
-    const frame = window.requestAnimationFrame(() => closeMenu({ restoreFocus: false }));
-    return () => window.cancelAnimationFrame(frame);
-  }, [closeMenu, hidden]);
-
-  if (hidden || !active) return null;
-
-  return (
-    <div data-testid="mobile-section-fab">
-      {open ? (
-        <div
-          aria-hidden="true"
-          className="fixed inset-0 z-30 bg-transparent"
-          onPointerDown={(event) => {
-            if (event.target === event.currentTarget) closeMenu();
-          }}
-        />
-      ) : null}
-
-      <button
-        ref={buttonRef}
-        type="button"
-        data-testid="mobile-section-fab-button"
-        aria-label={open ? "Close answer section menu" : `Open answer section menu, current section ${activeItemLabel}`}
-        aria-expanded={open}
-        aria-controls={panelId}
-        className={cn(
-          "fixed z-40 grid h-14 w-14 place-items-center rounded-full border border-[color:var(--command)] bg-[color:var(--command)] text-[color:var(--command-contrast)] shadow-[var(--shadow-elevated)] transition motion-safe:duration-150 hover:-translate-y-0.5 hover:bg-[color:var(--command-hover)] active:translate-y-px",
-          open && "bg-[color:var(--command-hover)]",
-        )}
-        style={{
-          right: "max(0.75rem, env(safe-area-inset-right))",
-          bottom: "max(0.75rem, env(safe-area-inset-bottom))",
-        }}
-        onClick={() => setOpen((current) => !current)}
-      >
-        {open ? <X className="h-6 w-6" /> : <ActiveIcon className="h-6 w-6" />}
-        {(state.badgeLabel ?? (activeItem.count !== null ? String(activeItem.count) : null)) ? (
-          <span
-            aria-hidden="true"
-            className={cn(
-              "absolute right-0 top-0 grid min-h-5 min-w-5 translate-x-1/4 -translate-y-1/4 place-items-center rounded-full border px-1 text-3xs font-bold leading-4 shadow-[var(--shadow-tight)]",
-              fabToneClassName(state.badgeTone),
-            )}
-          >
-            {state.badgeLabel ?? activeItem.count}
-          </span>
-        ) : null}
-      </button>
-
-      <section
-        ref={panelRef}
-        id={panelId}
-        data-testid="mobile-section-fab-menu"
-        role="region"
-        aria-labelledby={labelId}
-        aria-hidden={!open}
-        inert={!open}
-        hidden={!open}
-        className="fixed z-40 overflow-hidden rounded-lg border border-[color:var(--border-lux)] bg-[color:var(--surface-lux)] text-[color:var(--text)] shadow-[var(--shadow-lux)] ring-1 ring-[color:var(--border-strong)]/20 backdrop-blur-md dark:ring-[color:var(--border-strong)]/10"
-        style={{
-          right: "max(0.75rem, env(safe-area-inset-right))",
-          bottom: "calc(max(0.75rem, env(safe-area-inset-bottom)) + 4.5rem)",
-          maxHeight: "min(25rem, calc(100dvh - 7rem))",
-          width: "min(20rem, calc(100vw - 1.5rem))",
-        }}
-        onPointerDown={(event) => event.stopPropagation()}
-      >
-        <div className="border-b border-[color:var(--border)] bg-[color:var(--surface-raised)] px-3 py-2.5 shadow-[var(--shadow-inset)]">
-          <span
-            aria-hidden="true"
-            className="mx-auto mb-2 block h-1 w-9 rounded-full bg-[color:var(--border-strong)]/70"
-          />
-          <div className="grid grid-cols-[minmax(0,1fr)_auto] items-center gap-2">
-            <div className="min-w-0">
-              <p id={labelId} className="text-2xs font-bold uppercase tracking-[0.08em] text-[color:var(--text-soft)]">
-                Answer navigator
-              </p>
-              <p className="mt-0.5 truncate text-sm font-semibold text-[color:var(--text-heading)]">
-                Current: {activeItem.label}
-              </p>
-            </div>
-            <span
-              data-testid="mobile-section-fab-status"
-              className={cn("rounded-full border px-2 py-1 text-2xs font-bold", fabToneClassName(state.statusTone))}
-            >
-              {state.statusLabel}
-            </span>
-          </div>
-          <p
-            data-testid="mobile-section-fab-next-step"
-            className="mt-2 rounded-md border border-[color:var(--border)] bg-[color:var(--surface)] px-2 py-1.5 text-xs font-semibold text-[color:var(--text-muted)] shadow-[var(--shadow-inset)]"
-          >
-            {state.nextStep}
-          </p>
-        </div>
-
-        <div className="polished-scroll grid max-h-[min(17rem,calc(100dvh-14rem))] gap-1 overflow-y-auto overscroll-contain p-2">
-          {items.map((item) => {
-            const Icon = item.icon;
-            const active = activeHash === item.href;
-            return (
-              <a
-                key={item.href}
-                href={item.href}
-                aria-label={mobileSectionItemLabel(item)}
-                aria-current={active ? "page" : undefined}
-                onClick={(event) => {
-                  event.preventDefault();
-                  onNavigate(item.href);
-                  closeMenu();
-                }}
-                className={cn(
-                  "relative grid min-h-[58px] grid-cols-[38px_minmax(0,1fr)_auto] items-center gap-2 rounded-lg border border-transparent py-1.5 pl-3 pr-2 text-sm font-semibold text-[color:var(--text-muted)] transition hover:border-[color:var(--border)] hover:bg-[color:var(--surface-subtle)] hover:text-[color:var(--text)]",
-                  item.empty && !active && "opacity-75",
-                  active &&
-                    "border-[color:var(--clinical-accent)]/25 bg-[color:var(--clinical-accent-soft)] text-[color:var(--clinical-accent)] shadow-[var(--shadow-inset)]",
-                )}
-              >
-                <span
-                  aria-hidden="true"
-                  className={cn(
-                    "absolute bottom-2 left-1 top-2 w-1 rounded-full bg-transparent",
-                    active && "bg-[color:var(--clinical-accent)]",
-                  )}
-                />
-                <span
-                  aria-hidden="true"
-                  className={cn(
-                    "grid h-9 w-9 place-items-center rounded-lg border border-[color:var(--border-lux)] bg-[color:var(--surface-raised)] text-[color:var(--text-muted)] shadow-[var(--shadow-inset)]",
-                    item.empty && !active && "bg-[color:var(--surface-subtle)]",
-                    active &&
-                      "border-[color:var(--clinical-accent)]/25 bg-[color:var(--surface)] text-[color:var(--clinical-accent)]",
-                  )}
-                >
-                  <Icon className="h-4.5 w-4.5" />
-                </span>
-                <span className="min-w-0">
-                  <span className="block truncate">{item.label}</span>
-                  <span className="mt-0.5 block truncate text-2xs font-semibold text-[color:var(--text-soft)]">
-                    {item.description}
-                  </span>
-                </span>
-                {item.count !== null ? (
-                  <span
-                    className={cn(
-                      "min-w-6 rounded-full border border-[color:var(--border)] bg-[color:var(--surface-raised)] px-1.5 text-center text-2xs font-bold leading-5 text-[color:var(--text)] shadow-[var(--shadow-inset)]",
-                      item.empty && "text-[color:var(--text-muted)]",
-                      active &&
-                        "border-[color:var(--clinical-accent)]/20 bg-[color:var(--surface)] text-[color:var(--clinical-accent)]",
-                    )}
-                  >
-                    {item.count}
-                  </span>
-                ) : null}
-              </a>
-            );
-          })}
-        </div>
-      </section>
-    </div>
-  );
-}
-
 function answerReferencesDocument(answer: RagAnswer | null, documentId: string) {
   if (!answer) return false;
   return (
diff --git a/src/components/clinical-dashboard/dashboard-nav.tsx b/src/components/clinical-dashboard/dashboard-nav.tsx
index fcbdcb0e5a..56b0114788 100644
--- a/src/components/clinical-dashboard/dashboard-nav.tsx
+++ b/src/components/clinical-dashboard/dashboard-nav.tsx
@@ -50,7 +50,7 @@ function fabToneClassName(tone: MobileSectionFabTone) {
   if (tone === "empty") {
     return "border-[color:var(--border)] bg-[color:var(--surface-subtle)] text-[color:var(--text-muted)]";
   }
-  return "border-[color:var(--primary)]/20 bg-[color:var(--primary-soft)] text-[color:var(--primary-strong)]";
+  return "border-[color:var(--clinical-accent)]/20 bg-[color:var(--clinical-accent-soft)] text-[color:var(--clinical-accent)]";
 }
 
 export function buildMobileSectionFabState({
@@ -327,14 +327,14 @@ export function MobileSectionFab({
                   "relative grid min-h-[58px] grid-cols-[38px_minmax(0,1fr)_auto] items-center gap-2 rounded-lg border border-transparent py-1.5 pl-3 pr-2 text-sm font-semibold text-[color:var(--text-muted)] transition hover:border-[color:var(--border)] hover:bg-[color:var(--surface-subtle)] hover:text-[color:var(--text)]",
                   item.empty && !active && "opacity-75",
                   active &&
-                    "border-[color:var(--primary)]/25 bg-[color:var(--primary-soft)] text-[color:var(--primary-strong)] shadow-[var(--shadow-inset)]",
+                    "border-[color:var(--clinical-accent)]/25 bg-[color:var(--clinical-accent-soft)] text-[color:var(--clinical-accent)] shadow-[var(--shadow-inset)]",
                 )}
               >
                 <span
                   aria-hidden="true"
                   className={cn(
                     "absolute bottom-2 left-1 top-2 w-1 rounded-full bg-transparent",
-                    active && "bg-[color:var(--primary)]",
+                    active && "bg-[color:var(--clinical-accent)]",
                   )}
                 />
                 <span
@@ -343,7 +343,7 @@ export function MobileSectionFab({
                     "grid h-9 w-9 place-items-center rounded-lg border border-[color:var(--border-lux)] bg-[color:var(--surface-raised)] text-[color:var(--text-muted)] shadow-[var(--shadow-inset)]",
                     item.empty && !active && "bg-[color:var(--surface-subtle)]",
                     active &&
-                      "border-[color:var(--primary)]/25 bg-[color:var(--surface)] text-[color:var(--primary-strong)]",
+                      "border-[color:var(--clinical-accent)]/25 bg-[color:var(--surface)] text-[color:var(--clinical-accent)]",
                   )}
                 >
                   <Icon className="h-4.5 w-4.5" />
@@ -360,7 +360,7 @@ export function MobileSectionFab({
                       "min-w-6 rounded-full border border-[color:var(--border)] bg-[color:var(--surface-raised)] px-1.5 text-center text-2xs font-bold leading-5 text-[color:var(--text)] shadow-[var(--shadow-inset)]",
                       item.empty && "text-[color:var(--text-muted)]",
                       active &&
-                        "border-[color:var(--primary)]/20 bg-[color:var(--surface)] text-[color:var(--primary-strong)]",
+                        "border-[color:var(--clinical-accent)]/20 bg-[color:var(--surface)] text-[color:var(--clinical-accent)]",
                     )}
                   >
                     {item.count}
diff --git a/src/components/clinical-dashboard/document-admin/document-drawer.tsx b/src/components/clinical-dashboard/document-admin/document-drawer.tsx
deleted file mode 100644
index 7fadae1240..0000000000
--- a/src/components/clinical-dashboard/document-admin/document-drawer.tsx
+++ /dev/null
@@ -1,1049 +0,0 @@
-"use client";
-
-import Link from "next/link";
-import { useMemo, useState } from "react";
-import {
-  ChevronDown,
-  ClipboardCheck,
-  ExternalLink,
-  FileText,
-  Loader2,
-  Plus,
-  RefreshCw,
-  Search,
-  ShieldAlert,
-  Sparkles,
-  Tag,
-} from "lucide-react";
-import { type DocumentPagination } from "@/components/ClinicalDashboard";
-import { DocumentManagementActions, type DocumentDeleteResult } from "@/components/DocumentManagementActions";
-import {
-  DocumentOrganizationBadges,
-  documentDisplayTitle,
-  documentOrganizationProfile,
-} from "@/components/DocumentOrganizationBadges";
-import { DocumentTagCloud } from "@/components/DocumentTagCloud";
-import { SafeBoldText } from "@/components/SafeBoldText";
-import { StatusBadge } from "@/components/clinical-dashboard/badges";
-import {
-  cn,
-  EmptyState,
-  fieldControlPlain,
-  fieldControlWithIcon,
-  fieldIcon,
-  floatingControl,
-  iconTilePremium,
-  metadataPill,
-  panelSubtle,
-  primaryControl,
-  sourceCard,
-  SourceProvenance,
-  SourceStatusBadge,
-  textMuted,
-  toneSuccess,
-  toneWarning,
-} from "@/components/ui-primitives";
-import {
-  reviewDocumentTagQuality,
-  tagSearchText,
-  type SmartDocumentTag,
-  type SmartDocumentTagQualityIssueKind,
-} from "@/lib/document-tags";
-import type { ClinicalDocument, DocumentLabelType } from "@/lib/types";
-import { emptyStates } from "@/lib/ui-copy";
-import {
-  documentLabelTypeOptions,
-  labelTierTone,
-  labelTypeDisplay,
-  normalizedLabelReviewRow,
-  tagQualityLabel,
-  tagQualityTone,
-  type LabelReviewMutationBody,
-} from "./label-helpers";
-
-function DocumentLabelReviewPanel({
-  documents,
-  canManage,
-  onMutateLabel,
-}: {
-  documents: ClinicalDocument[];
-  canManage: boolean;
-  onMutateLabel: (documentId: string, method: "POST" | "PATCH", body: LabelReviewMutationBody) => Promise<boolean>;
-}) {
-  const [busyAction, setBusyAction] = useState<string | null>(null);
-  const [overrideDrafts, setOverrideDrafts] = useState<Record<string, { label: string; labelType: DocumentLabelType }>>(
-    {},
-  );
-
-  const items = useMemo(() => {
-    return documents
-      .map((document) => {
-        const rows = (document.labels ?? [])
-          .map((label) => normalizedLabelReviewRow(label))
-          .filter((row): row is NonNullable<ReturnType<typeof normalizedLabelReviewRow>> => Boolean(row));
-        const visible = rows.filter((row) => row.reviewStatus !== "hidden" && row.tier !== "ranking");
-        const ranking = rows.filter((row) => row.reviewStatus !== "hidden" && row.tier === "ranking");
-        const hidden = rows.filter((row) => row.reviewStatus === "hidden");
-        const needsReview = rows.some((row) => row.reviewStatus === "new" && row.source === "generated");
-        return { document, rows, visible, ranking, hidden, needsReview };
-      })
-      .filter((item) => item.rows.length)
-      .sort((a, b) => Number(b.needsReview) - Number(a.needsReview) || b.ranking.length - a.ranking.length)
-      .slice(0, 8);
-  }, [documents]);
-
-  if (!items.length) return null;
-
-  async function mutate(documentId: string, method: "POST" | "PATCH", body: LabelReviewMutationBody, actionId: string) {
-    setBusyAction(actionId);
-    try {
-      return await onMutateLabel(documentId, method, body);
-    } finally {
-      setBusyAction(null);
-    }
-  }
-
-  function draftFor(documentId: string) {
-    return overrideDrafts[documentId] ?? { label: "", labelType: "topic" as DocumentLabelType };
-  }
-
-  function setDraft(documentId: string, next: { label: string; labelType: DocumentLabelType }) {
-    setOverrideDrafts((current) => ({ ...current, [documentId]: next }));
-  }
-
-  return (
-    <details className={cn(sourceCard, "group p-3")}>
-      <summary className="flex min-h-[42px] cursor-pointer list-none items-center justify-between gap-3">
-        <span className="flex min-w-0 items-center gap-2">
-          <span className={cn(iconTilePremium, "h-8 w-8")}>
-            <ClipboardCheck className="h-4 w-4" />
-          </span>
-          <span className="min-w-0">
-            <span className="block text-sm font-semibold text-[color:var(--text)]">Label review</span>
-            <span className={cn("block truncate text-xs", textMuted)}>
-              Visible labels, ranking labels, hidden labels, confidence, and manual overrides
-            </span>
-          </span>
-        </span>
-        <ChevronDown className="h-4 w-4 shrink-0 text-[color:var(--text-muted)] transition group-open:rotate-180" />
-      </summary>
-      <div className="mt-3 grid gap-3 border-t border-[color:var(--border)] pt-3">
-        {items.map((item) => {
-          const draft = draftFor(item.document.id);
-          return (
-            <article
-              key={item.document.id}
-              className="grid gap-3 rounded-lg border border-[color:var(--border)] bg-[color:var(--surface-subtle)] p-3"
-            >
-              <div className="flex flex-wrap items-start justify-between gap-2">
-                <div className="min-w-0">
-                  <Link
-                    href={`/documents/${item.document.id}`}
-                    className="line-clamp-2 text-sm font-semibold text-[color:var(--text)] transition hover:text-[color:var(--primary)]"
-                  >
-                    {documentDisplayTitle(item.document)}
-                  </Link>
-                  <p className={cn("mt-1 text-2xs font-semibold", textMuted)}>
-                    {item.visible.length} visible · {item.ranking.length} ranking · {item.hidden.length} hidden
-                  </p>
-                </div>
-                {item.needsReview ? (
-                  <span className={cn(metadataPill, toneWarning, "min-h-7 text-2xs")}>Needs review</span>
-                ) : (
-                  <span className={cn(metadataPill, toneSuccess, "min-h-7 text-2xs")}>Reviewed</span>
-                )}
-              </div>
-
-              {(
-                [
-                  { title: "Visible", rows: item.visible },
-                  { title: "Ranking", rows: item.ranking },
-                  { title: "Hidden", rows: item.hidden },
-                ] satisfies Array<{ title: string; rows: typeof item.rows }>
-              ).map(({ title, rows: labelRows }) => {
-                if (!labelRows.length) return null;
-                return (
-                  <section key={title} className="grid gap-1.5">
-                    <p className="text-3xs font-bold uppercase tracking-[0.08em] text-[color:var(--text-soft)]">
-                      {title}
-                    </p>
-                    <div className="grid gap-1.5">
-                      {labelRows.slice(0, 8).map((label) => (
-                        <div
-                          key={label.id}
-                          className="grid gap-2 rounded-md border border-[color:var(--border)] bg-[color:var(--surface)] p-2 sm:grid-cols-[minmax(0,1fr)_auto] sm:items-center"
-                        >
-                          <div className="min-w-0">
-                            <div className="flex flex-wrap items-center gap-1.5">
-                              <span className="truncate text-xs font-semibold text-[color:var(--text)]">
-                                {label.displayLabel}
-                              </span>
-                              <span className={cn(metadataPill, labelTierTone[label.tier], "min-h-6 text-3xs")}>
-                                {label.tier}
-                              </span>
-                              <span className={cn(metadataPill, "min-h-6 text-3xs")}>
-                                {labelTypeDisplay(label.labelType)}
-                              </span>
-                            </div>
-                            <p className={cn("mt-1 text-2xs font-semibold", textMuted)}>
-                              {label.source} · {Math.round(label.confidence * 100)}% · {label.reviewStatus}
-                            </p>
-                          </div>
-                          <div className="flex flex-wrap gap-1.5">
-                            {label.reviewStatus === "hidden" ? (
-                              <button
-                                type="button"
-                                disabled={!canManage || busyAction !== null}
-                                onClick={() =>
-                                  void mutate(
-                                    item.document.id,
-                                    "PATCH",
-                                    { labelId: label.id, action: "restore" },
-                                    `restore:${label.id}`,
-                                  )
-                                }
-                                className={cn(floatingControl, "min-h-8 px-2 text-2xs")}
-                              >
-                                Restore
-                              </button>
-                            ) : (
-                              <>
-                                <button
-                                  type="button"
-                                  disabled={!canManage || busyAction !== null || label.reviewStatus === "approved"}
-                                  onClick={() =>
-                                    void mutate(
-                                      item.document.id,
-                                      "PATCH",
-                                      { labelId: label.id, action: "approve" },
-                                      `approve:${label.id}`,
-                                    )
-                                  }
-                                  className={cn(floatingControl, "min-h-8 px-2 text-2xs")}
-                                >
-                                  Approve
-                                </button>
-                                <button
-                                  type="button"
-                                  disabled={!canManage || busyAction !== null}
-                                  onClick={() =>
-                                    void mutate(
-                                      item.document.id,
-                                      "PATCH",
-                                      { labelId: label.id, action: "hide" },
-                                      `hide:${label.id}`,
-                                    )
-                                  }
-                                  className={cn(floatingControl, "min-h-8 px-2 text-2xs text-[color:var(--danger)]")}
-                                >
-                                  Hide
-                                </button>
-                              </>
-                            )}
-                          </div>
-                        </div>
-                      ))}
-                    </div>
-                  </section>
-                );
-              })}
-
-              <form
-                className="grid gap-2 border-t border-[color:var(--border)] pt-3 sm:grid-cols-[minmax(0,1fr)_10rem_auto]"
-                onSubmit={(event) => {
-                  event.preventDefault();
-                  const trimmed = draft.label.trim();
-                  if (!trimmed) return;
-                  void mutate(
-                    item.document.id,
-                    "POST",
-                    { label: trimmed, label_type: draft.labelType },
-                    `override:${item.document.id}`,
-                  ).then((ok) => {
-                    if (ok) setDraft(item.document.id, { label: "", labelType: draft.labelType });
-                  });
-                }}
-              >
-                <input
-                  value={draft.label}
-                  onChange={(event) => setDraft(item.document.id, { ...draft, label: event.target.value })}
-                  disabled={!canManage || busyAction !== null}
-                  placeholder="Manual override label"
-                  aria-label="Manual override label"
-                  className={fieldControlPlain}
-                />
-                <select
-                  value={draft.labelType}
-                  onChange={(event) =>
-                    setDraft(item.document.id, { ...draft, labelType: event.target.value as DocumentLabelType })
-                  }
-                  disabled={!canManage || busyAction !== null}
-                  aria-label="Manual override label type"
-                  className={fieldControlPlain}
-                >
-                  {documentLabelTypeOptions.map((option) => (
-                    <option key={option.value} value={option.value}>
-                      {option.label}
-                    </option>
-                  ))}
-                </select>
-                <button
-                  type="submit"
-                  disabled={!canManage || busyAction !== null || !draft.label.trim()}
-                  className={cn(primaryControl, "justify-center text-xs")}
-                >
-                  {busyAction === `override:${item.document.id}` ? (
-                    <Loader2 className="h-4 w-4 animate-spin" />
-                  ) : (
-                    <Plus className="h-4 w-4" />
-                  )}
-                  Override
-                </button>
-              </form>
-            </article>
-          );
-        })}
-      </div>
-    </details>
-  );
-}
-
-function DocumentTagQualityPanel({ documents }: { documents: ClinicalDocument[] }) {
-  const issues = useMemo(() => reviewDocumentTagQuality(documents), [documents]);
-  const counts = issues.reduce<Record<SmartDocumentTagQualityIssueKind, number>>(
-    (current, issue) => ({ ...current, [issue.kind]: current[issue.kind] + 1 }),
-    { noisy: 0, duplicate: 0, low_confidence: 0, overused: 0 },
-  );
-
-  return (
-    <details className={cn(panelSubtle, "group p-3")}>
-      <summary className="flex cursor-pointer list-none items-center justify-between gap-3">
-        <span className="flex min-w-0 items-center gap-2">
-          <span className={cn(iconTilePremium, "h-8 w-8")}>
-            <Tag className="h-4 w-4" />
-          </span>
-          <span className="min-w-0">
-            <span className="block text-sm font-semibold text-[color:var(--text)]">Tag quality review</span>
-            <span className={cn("block truncate text-xs", textMuted)}>
-              {issues.length
-                ? `${issues.length} issue${issues.length === 1 ? "" : "s"} across loaded documents`
-                : "No obvious tag cleanup issues in loaded documents"}
-            </span>
-          </span>
-        </span>
-        <ChevronDown className="h-4 w-4 shrink-0 text-[color:var(--text-muted)] transition group-open:rotate-180" />
-      </summary>
-      <div className="mt-3 space-y-3">
-        <div className="flex flex-wrap gap-1.5">
-          {(Object.keys(counts) as SmartDocumentTagQualityIssueKind[]).map((kind) => (
-            <span key={kind} className={cn(metadataPill, "min-h-7 px-2 text-2xs", tagQualityTone[kind])}>
-              {tagQualityLabel(kind)}: {counts[kind]}
-            </span>
-          ))}
-        </div>
-        {issues.length ? (
-          <div className="grid gap-2">
-            {issues.slice(0, 12).map((issue, index) => (
-              <div
-                key={`${issue.kind}:${issue.label}:${index}`}
-                className="rounded-lg border border-[color:var(--border)] bg-[color:var(--surface)] p-3"
-              >
-                <div className="flex flex-wrap items-center gap-2">
-                  <span className={cn(metadataPill, "min-h-6 px-2 text-3xs", tagQualityTone[issue.kind])}>
-                    {tagQualityLabel(issue.kind)}
-                  </span>
-                  <p className="min-w-0 truncate text-sm font-semibold text-[color:var(--text)]">{issue.label}</p>
-                  {issue.count > 1 ? (
-                    <span className={cn("text-2xs font-semibold", textMuted)}>{issue.count} hits</span>
-                  ) : null}
-                </div>
-                <p className={cn("mt-1 text-xs leading-5", textMuted)}>{issue.reason}</p>
-                {issue.examples.length || issue.documentTitles.length ? (
-                  <p className={cn("mt-1 truncate text-2xs font-semibold", textMuted)}>
-                    {[
-                      issue.examples.length ? `examples: ${issue.examples.join(", ")}` : "",
-                      issue.documentTitles.length ? `docs: ${issue.documentTitles.join(", ")}` : "",
-                    ]
-                      .filter(Boolean)
-                      .join(" · ")}
-                  </p>
-                ) : null}
-              </div>
-            ))}
-          </div>
-        ) : (
-          <p className={cn("text-sm", textMuted)}>Loaded tags are clean enough for the current smart-tag rules.</p>
-        )}
-      </div>
-    </details>
-  );
-}
-
-function DocumentIndexRepairPanel({ documents }: { documents: ClinicalDocument[] }) {
-  const items = useMemo(() => {
-    return documents
-      .map((document) => {
-        const metadata = document.metadata && typeof document.metadata === "object" ? document.metadata : {};
-        const score = Number((metadata as Record<string, unknown>).index_quality_score ?? 1);
-        const issues = Array.isArray((metadata as Record<string, unknown>).index_quality_issues)
-          ? ((metadata as Record<string, unknown>).index_quality_issues as unknown[]).map(String)
-          : [];
-        const sectionCount = Number((metadata as Record<string, unknown>).section_count ?? 0);
-        const memoryCardCount = Number((metadata as Record<string, unknown>).memory_card_count ?? 0);
-        const extractionQuality = String((metadata as Record<string, unknown>).extraction_quality ?? "unknown");
-        const needsRepair =
-          score < 0.72 ||
-          issues.length > 0 ||
-          sectionCount === 0 ||
-          memoryCardCount === 0 ||
-          extractionQuality === "poor" ||
-          extractionQuality === "partial";
-        return { document, score, issues, sectionCount, memoryCardCount, extractionQuality, needsRepair };
-      })
-      .filter((item) => item.needsRepair)
-      .sort((a, b) => a.score - b.score || b.issues.length - a.issues.length)
-      .slice(0, 10);
-  }, [documents]);
-
-  if (!items.length) return null;
-
-  return (
-    <details className={cn(sourceCard, "p-3")}>
-      <summary className="flex min-h-[42px] cursor-pointer list-none items-center justify-between gap-3">
-        <span className="flex min-w-0 items-center gap-2">
-          <span className={cn(iconTilePremium, "h-8 w-8")}>
-            <ShieldAlert className="h-4 w-4" />
-          </span>
-          <span className="min-w-0">
-            <span className="block text-sm font-semibold text-[color:var(--text)]">Index repair queue</span>
-            <span className={cn("block truncate text-xs", textMuted)}>
-              {items.length} loaded document{items.length === 1 ? "" : "s"} need quality review or reindexing
-            </span>
-          </span>
-        </span>
-        <ChevronDown className="h-4 w-4 shrink-0 text-[color:var(--text-muted)] transition group-open:rotate-180" />
-      </summary>
-      <div className="mt-3 grid gap-2 border-t border-[color:var(--border)] pt-3">
-        {items.map((item) => (
-          <article
-            key={item.document.id}
-            className="rounded-md border border-[color:var(--border)] bg-[color:var(--surface-subtle)] p-2"
-          >
-            <div className="flex flex-wrap items-center justify-between gap-2">
-              <p className="min-w-0 truncate text-sm font-semibold text-[color:var(--text)]">{item.document.title}</p>
-              <span className={cn(metadataPill, "nums text-2xs")}>
-                index {Number.isFinite(item.score) ? item.score.toFixed(2) : "n/a"}
-              </span>
-            </div>
-            <div className="mt-2 flex flex-wrap gap-1.5">
-              <span className={cn(metadataPill, "text-2xs")}>extraction:{item.extractionQuality}</span>
-              <span className={cn(metadataPill, "text-2xs")}>sections:{item.sectionCount}</span>
-              <span className={cn(metadataPill, "text-2xs")}>memory:{item.memoryCardCount}</span>
-              {item.issues.slice(0, 4).map((issue) => (
-                <span key={issue} className={cn(metadataPill, "text-2xs")}>
-                  {issue}
-                </span>
-              ))}
-            </div>
-          </article>
-        ))}
-      </div>
-    </details>
-  );
-}
-
-export function DocumentDrawer({
-  documents,
-  pagination,
-  loadingMoreDocuments,
-  mode,
-  selectedDocumentIds,
-  statusFilter,
-  onToggleScope,
-  onLoadMoreDocuments,
-  onDocumentRenamed,
-  onDocumentDeleted,
-  onBulkReindex,
-  onBulkAssignCollection,
-  onBulkMetadataUpdate,
-  bulkActionStatus,
-  bulkActionBusy,
-  canManageDocuments,
-  onTagSearch,
-  onMutateLabel,
-}: {
-  documents: ClinicalDocument[];
-  pagination: DocumentPagination | null;
-  loadingMoreDocuments: boolean;
-  mode: DocumentDrawerMode;
-  selectedDocumentIds: string[];
-  statusFilter: DocumentDrawerStatusFilter;
-  onToggleScope: (documentId: string) => void;
-  onLoadMoreDocuments: () => void;
-  onDocumentRenamed: (document: ClinicalDocument) => void;
-  onDocumentDeleted: (result: DocumentDeleteResult) => void;
-  onBulkReindex: (mode: "enrichment" | "full" | "retry_failed") => void;
-  onBulkAssignCollection: (collection: string) => void;
-  onBulkMetadataUpdate: (metadata: Record<string, unknown>) => void;
-  bulkActionStatus: string | null;
-  bulkActionBusy: boolean;
-  canManageDocuments: boolean;
-  onTagSearch: (tag: SmartDocumentTag) => void;
-  onMutateLabel: (documentId: string, method: "POST" | "PATCH", body: LabelReviewMutationBody) => Promise<boolean>;
-}) {
-  const [filter, setFilter] = useState("");
-  const [selectedType, setSelectedType] = useState<string>("all");
-  const [selectedSite, setSelectedSite] = useState<string>("all");
-  const [selectedTopic, setSelectedTopic] = useState<string>("all");
-  const [selectedPopulation, setSelectedPopulation] = useState<string>("all");
-  const [showNeedsReviewOnly, setShowNeedsReviewOnly] = useState<boolean>(false);
-
-  const [collectionDraft, setCollectionDraft] = useState("");
-  const [metadataDraft, setMetadataDraft] = useState({
-    sourceStatus: "",
-    validationStatus: "",
-    extractionQuality: "",
-    reviewDate: "",
-    publicationDate: "",
-    jurisdiction: "",
-    sourceType: "",
-    category: "",
-  });
-
-  const allTypes = useMemo(() => {
-    const types = new Set<string>();
-    for (const doc of documents) {
-      const typeLabel = doc.labels?.find((l) => l.label_type === "document_type" && l.confidence >= 0.5)?.label;
-      if (typeLabel) types.add(typeLabel);
-      const profile = documentOrganizationProfile(doc);
-      if (profile?.document_type?.label && profile.document_type.label !== "unknown") {
-        types.add(profile.document_type.label);
-      }
-    }
-    return Array.from(types).sort();
-  }, [documents]);
-
-  const allSites = useMemo(() => {
-    const sites = new Set<string>();
-    for (const doc of documents) {
-      const siteLabels = doc.labels?.filter((l) => l.label_type === "site" && l.confidence >= 0.5) ?? [];
-      for (const l of siteLabels) sites.add(l.label);
-      const profile = documentOrganizationProfile(doc);
-      if (profile?.site?.label) sites.add(profile.site.label);
-    }
-    return Array.from(sites).sort();
-  }, [documents]);
-
-  const allTopics = useMemo(() => {
-    const topics = new Set<string>();
-    for (const doc of documents) {
-      const topicLabels =
-        doc.labels?.filter((l) => (l.label_type === "topic" || l.label_type === "custom") && l.confidence >= 0.5) ?? [];
-      for (const l of topicLabels) topics.add(l.label);
-      const profile = documentOrganizationProfile(doc);
-      if (profile?.secondary_facets?.topic) {
-        for (const t of profile.secondary_facets.topic) topics.add(t);
-      }
-    }
-    return Array.from(topics).sort();
-  }, [documents]);
-
-  const allPopulations = useMemo(() => {
-    const populations = new Set<string>();
-    for (const doc of documents) {
-      const popLabels = doc.labels?.filter((l) => l.label_type === "population" && l.confidence >= 0.5) ?? [];
-      for (const l of popLabels) populations.add(l.label);
-      const profile = documentOrganizationProfile(doc);
-      if (profile?.secondary_facets?.population) {
-        for (const p of profile.secondary_facets.population) populations.add(p);
-      }
-    }
-    return Array.from(populations).sort();
-  }, [documents]);
-
-  const isAdminMode = mode === "admin" && canManageDocuments;
-  const modeLabel =
-    mode === "recent"
-      ? "Recent documents"
-      : mode === "source"
-        ? "Source PDFs"
-        : mode === "admin"
-          ? statusFilterLabel(statusFilter)
-          : "Source library";
-  const modeSummary =
-    mode === "recent"
-      ? "Recently updated indexed sources."
-      : mode === "source"
-        ? "PDF source documents ready to open."
-        : mode === "admin"
-          ? "Document maintenance and indexing tools."
-          : "Search and open indexed clinical sources.";
-  const filterValue = filter.toLowerCase();
-
-  const filtered = documents
-    .filter((document) => {
-      if (!documentStatusMatchesFilter(document, statusFilter)) return false;
-      if (mode === "source") {
-        const typeText = `${document.file_type} ${document.file_name}`.toLowerCase();
-        if (!typeText.includes("pdf")) return false;
-      }
-
-      // Filter by Type
-      if (selectedType !== "all") {
-        const typeLabel = document.labels?.find((l) => l.label_type === "document_type" && l.confidence >= 0.5)?.label;
-        const profile = documentOrganizationProfile(document);
-        const hasTypeMatch = typeLabel === selectedType || profile?.document_type?.label === selectedType;
-        if (!hasTypeMatch) return false;
-      }
-
-      // Filter by Site
-      if (selectedSite !== "all") {
-        const siteLabels = document.labels?.filter((l) => l.label_type === "site" && l.confidence >= 0.5) ?? [];
-        const profile = documentOrganizationProfile(document);
-        const hasSiteMatch = siteLabels.some((l) => l.label === selectedSite) || profile?.site?.label === selectedSite;
-        if (!hasSiteMatch) return false;
-      }
-
-      // Filter by Topic
-      if (selectedTopic !== "all") {
-        const topicLabels =
-          document.labels?.filter(
-            (l) => (l.label_type === "topic" || l.label_type === "custom") && l.confidence >= 0.5,
-          ) ?? [];
-        const profile = documentOrganizationProfile(document);
-        const hasTopicMatch =
-          topicLabels.some((l) => l.label === selectedTopic) ||
-          profile?.secondary_facets?.topic?.includes(selectedTopic);
-        if (!hasTopicMatch) return false;
-      }
-
-      // Filter by Population
-      if (selectedPopulation !== "all") {
-        const popLabels = document.labels?.filter((l) => l.label_type === "population" && l.confidence >= 0.5) ?? [];
-        const profile = documentOrganizationProfile(document);
-        const hasPopMatch =
-          popLabels.some((l) => l.label === selectedPopulation) ||
-          profile?.secondary_facets?.population?.includes(selectedPopulation);
-        if (!hasPopMatch) return false;
-      }
-
-      // Filter by Needs Review
-      if (showNeedsReviewOnly) {
-        const profile = documentOrganizationProfile(document);
-        if (profile?.review_status !== "needs_review") return false;
-      }
-
-      const labelText = tagSearchText(document);
-      const summaryText = document.summary?.summary ?? "";
-      const haystack = `${document.title} ${document.file_name} ${labelText} ${summaryText}`.toLowerCase();
-      return haystack.includes(filterValue);
-    })
-    .sort((left, right) => {
-      if (mode !== "recent") return 0;
-      return new Date(right.updated_at).getTime() - new Date(left.updated_at).getTime();
-    });
-
-  return (
-    <div className="space-y-3">
-      <div className={cn(panelSubtle, "flex flex-wrap items-center justify-between gap-2 p-3")}>
-        <div>
-          <p className="text-sm font-semibold text-[color:var(--text)]">{modeLabel}</p>
-          <p className={cn("text-xs", textMuted)}>
-            {modeSummary} {filtered.length} matching document{filtered.length === 1 ? "" : "s"}.
-          </p>
-        </div>
-      </div>
-      <label className="relative block">
-        <Search className={fieldIcon} />
-        <input
-          value={filter}
-          onChange={(event) => setFilter(event.target.value)}
-          placeholder={mode === "source" ? "Find a source PDF" : "Find a document"}
-          className={fieldControlWithIcon}
-        />
-      </label>
-
-      {/* Dynamic Browse Library Filters */}
-      <div className="grid grid-cols-2 gap-2 sm:grid-cols-4">
-        <div>
-          <label
-            htmlFor="browse-filter-type"
-            className="text-3xs font-bold uppercase tracking-wider text-[color:var(--text-soft)]"
-          >
-            Type
-          </label>
-          <select
-            id="browse-filter-type"
-            value={selectedType}
-            onChange={(e) => setSelectedType(e.target.value)}
-            className="w-full mt-1 px-2.5 py-1.5 text-xs rounded-lg border border-[color:var(--border)] bg-[color:var(--surface)] text-[color:var(--text)] focus:border-[color:var(--primary)] focus:outline-none"
-            aria-label="Filter by document type"
-          >
-            <option value="all">All Types</option>
-            {allTypes.map((t) => (
-              <option key={t} value={t}>
-                {t.charAt(0).toUpperCase() + t.slice(1)}
-              </option>
-            ))}
-          </select>
-        </div>
-        <div>
-          <label
-            htmlFor="browse-filter-site"
-            className="text-3xs font-bold uppercase tracking-wider text-[color:var(--text-soft)]"
-          >
-            Site
-          </label>
-          <select
-            id="browse-filter-site"
-            value={selectedSite}
-            onChange={(e) => setSelectedSite(e.target.value)}
-            className="w-full mt-1 px-2.5 py-1.5 text-xs rounded-lg border border-[color:var(--border)] bg-[color:var(--surface)] text-[color:var(--text)] focus:border-[color:var(--primary)] focus:outline-none"
-            aria-label="Filter by site"
-          >
-            <option value="all">All Sites</option>
-            {allSites.map((s) => (
-              <option key={s} value={s}>
-                {s}
-              </option>
-            ))}
-          </select>
-        </div>
-        <div>
-          <label
-            htmlFor="browse-filter-topic"
-            className="text-3xs font-bold uppercase tracking-wider text-[color:var(--text-soft)]"
-          >
-            Topic
-          </label>
-          <select
-            id="browse-filter-topic"
-            value={selectedTopic}
-            onChange={(e) => setSelectedTopic(e.target.value)}
-            className="w-full mt-1 px-2.5 py-1.5 text-xs rounded-lg border border-[color:var(--border)] bg-[color:var(--surface)] text-[color:var(--text)] focus:border-[color:var(--primary)] focus:outline-none"
-            aria-label="Filter by topic"
-          >
-            <option value="all">All Topics</option>
-            {allTopics.map((t) => (
-              <option key={t} value={t}>
-                {t}
-              </option>
-            ))}
-          </select>
-        </div>
-        <div>
-          <label
-            htmlFor="browse-filter-population"
-            className="text-3xs font-bold uppercase tracking-wider text-[color:var(--text-soft)]"
-          >
-            Population
-          </label>
-          <select
-            id="browse-filter-population"
-            value={selectedPopulation}
-            onChange={(e) => setSelectedPopulation(e.target.value)}
-            className="w-full mt-1 px-2.5 py-1.5 text-xs rounded-lg border border-[color:var(--border)] bg-[color:var(--surface)] text-[color:var(--text)] focus:border-[color:var(--primary)] focus:outline-none"
-            aria-label="Filter by population"
-          >
-            <option value="all">All Populations</option>
-            {allPopulations.map((p) => (
-              <option key={p} value={p}>
-                {p}
-              </option>
-            ))}
-          </select>
-        </div>
-      </div>
-
-      {/* Admin Queue Toggle */}
-      {isAdminMode ? (
-        <div className="flex items-center gap-2 py-1">
-          <input
-            type="checkbox"
-            id="needs-review-filter"
-            checked={showNeedsReviewOnly}
-            onChange={(e) => setShowNeedsReviewOnly(e.target.checked)}
-            className="rounded border-[color:var(--border)] text-[color:var(--primary)] focus:ring-[color:var(--primary)] h-4 w-4"
-          />
-          <label
-            htmlFor="needs-review-filter"
-            className="text-xs font-semibold text-[color:var(--text-soft)] cursor-pointer select-none"
-          >
-            Show &quot;Needs review&quot; queue only
-          </label>
-        </div>
-      ) : null}
-      {pagination && pagination.total > documents.length ? (
-        <p className={cn("text-xs", textMuted)}>
-          Showing {documents.length} of {pagination.total} documents. Load more to manage older files.
-        </p>
-      ) : null}
-      {isAdminMode ? (
-        <DocumentLabelReviewPanel documents={documents} canManage={canManageDocuments} onMutateLabel={onMutateLabel} />
-      ) : null}
-      {isAdminMode ? <DocumentTagQualityPanel documents={documents} /> : null}
-      {isAdminMode ? <DocumentIndexRepairPanel documents={documents} /> : null}
-      {isAdminMode && selectedDocumentIds.length ? (
-        <div className={cn(panelSubtle, "space-y-3 p-3")}>
-          <div className="flex flex-wrap items-center justify-between gap-2">
-            <div>
-              <p className="text-sm font-semibold text-[color:var(--text)]">
-                {selectedDocumentIds.length} selected document{selectedDocumentIds.length === 1 ? "" : "s"}
-              </p>
-              <p className={cn("text-xs", textMuted)}>Bulk actions apply only to explicitly selected documents.</p>
-            </div>
-            <div className="flex flex-wrap gap-2">
-              <button
-                type="button"
-                disabled={!canManageDocuments || bulkActionBusy}
-                onClick={() => onBulkReindex("enrichment")}
-                className={cn(floatingControl, "px-3 text-xs")}
-              >
-                {bulkActionBusy ? <Loader2 className="h-4 w-4 animate-spin" /> : <Sparkles className="h-4 w-4" />}
-                Regenerate summaries
-              </button>
-              <button
-                type="button"
-                disabled={!canManageDocuments || bulkActionBusy}
-                onClick={() => onBulkReindex("full")}
-                className={cn(floatingControl, "px-3 text-xs")}
-              >
-                <RefreshCw className="h-4 w-4" />
-                Full reindex
-              </button>
-              <button
-                type="button"
-                disabled={!canManageDocuments || bulkActionBusy}
-                onClick={() => onBulkReindex("retry_failed")}
-                className={cn(floatingControl, "px-3 text-xs")}
-              >
-                <RefreshCw className="h-4 w-4" />
-                Retry failed
-              </button>
-            </div>
-          </div>
-          <div className="grid gap-2 sm:grid-cols-[minmax(0,1fr)_auto]">
-            <input
-              value={collectionDraft}
-              onChange={(event) => setCollectionDraft(event.target.value)}
-              placeholder="Collection name for selected documents"
-              aria-label="Collection name for selected documents"
-              className={fieldControlPlain}
-            />
-            <button
-              type="button"
-              disabled={!canManageDocuments || bulkActionBusy || !collectionDraft.trim()}
-              onClick={() => onBulkAssignCollection(collectionDraft)}
-              className={cn(primaryControl, "justify-center")}
-            >
-              Assign collection
-            </button>
-          </div>
-          <details className="rounded-lg border border-[color:var(--border)] bg-[color:var(--surface)] p-3">
-            <summary className="cursor-pointer text-sm font-semibold text-[color:var(--text)]">
-              Bulk metadata editor
-            </summary>
-            <div className="mt-3 grid gap-2 sm:grid-cols-2 lg:grid-cols-4">
-              <select
-                value={metadataDraft.sourceStatus}
-                onChange={(event) => setMetadataDraft((current) => ({ ...current, sourceStatus: event.target.value }))}
-                aria-label="Bulk edit source status"
-                className={fieldControlPlain}
-              >
-                <option value="">Source status unchanged</option>
-                <option value="current">Current</option>
-                <option value="review_due">Review due</option>
-                <option value="outdated">Outdated</option>
-                <option value="unknown">Unknown</option>
-              </select>
-              <select
-                value={metadataDraft.validationStatus}
-                onChange={(event) =>
-                  setMetadataDraft((current) => ({ ...current, validationStatus: event.target.value }))
-                }
-                aria-label="Bulk edit validation status"
-                className={fieldControlPlain}
-              >
-                <option value="">Validation unchanged</option>
-                <option value="unverified">Unverified</option>
-                <option value="locally_reviewed">Locally reviewed</option>
-                <option value="approved">Approved</option>
-              </select>
-              <select
-                value={metadataDraft.extractionQuality}
-                onChange={(event) =>
-                  setMetadataDraft((current) => ({ ...current, extractionQuality: event.target.value }))
-                }
-                aria-label="Bulk edit extraction quality"
-                className={fieldControlPlain}
-              >
-                <option value="">Extraction unchanged</option>
-                <option value="good">Good</option>
-                <option value="partial">Partial</option>
-                <option value="poor">Poor</option>
-                <option value="unknown">Unknown</option>
-              </select>
-              <input
-                type="date"
-                value={metadataDraft.reviewDate}
-                onChange={(event) => setMetadataDraft((current) => ({ ...current, reviewDate: event.target.value }))}
-                className={fieldControlPlain}
-                aria-label="Bulk review date"
-              />
-              <input
-                type="date"
-                value={metadataDraft.publicationDate}
-                onChange={(event) =>
-                  setMetadataDraft((current) => ({ ...current, publicationDate: event.target.value }))
-                }
-                className={fieldControlPlain}
-                aria-label="Bulk publication date"
-              />
-              <input
-                value={metadataDraft.jurisdiction}
-                onChange={(event) => setMetadataDraft((current) => ({ ...current, jurisdiction: event.target.value }))}
-                placeholder="Jurisdiction/locality"
-                aria-label="Bulk edit jurisdiction/locality"
-                className={fieldControlPlain}
-              />
-              <input
-                value={metadataDraft.sourceType}
-                onChange={(event) => setMetadataDraft((current) => ({ ...current, sourceType: event.target.value }))}
-                placeholder="Source type"
-                aria-label="Bulk edit source type"
-                className={fieldControlPlain}
-              />
-              <input
-                value={metadataDraft.category}
-                onChange={(event) => setMetadataDraft((current) => ({ ...current, category: event.target.value }))}
-                placeholder="Category"
-                aria-label="Bulk edit category"
-                className={fieldControlPlain}
-              />
-            </div>
-            <button
-              type="button"
-              disabled={!canManageDocuments || bulkActionBusy}
-              onClick={() => {
-                const metadata = Object.fromEntries(
-                  Object.entries(metadataDraft).filter(([, value]) => String(value).trim()),
-                );
-                onBulkMetadataUpdate(metadata);
-              }}
-              className={cn(primaryControl, "mt-3 justify-center")}
-            >
-              Apply metadata to selected
-            </button>
-          </details>
-          {bulkActionStatus ? <p className={cn("text-xs font-semibold", textMuted)}>{bulkActionStatus}</p> : null}
-        </div>
-      ) : null}
-      <div className="divide-y divide-[color:var(--border)] overflow-hidden rounded-lg border border-[color:var(--border)] bg-[color:var(--surface)]">
-        {filtered.length === 0 ? (
-          <EmptyState
-            icon={FileText}
-            title={documents.length === 0 ? emptyStates.documentsNoneIndexed.title : emptyStates.documentsNoMatch.title}
-            body={
-              documents.length === 0
-                ? "Upload a guideline to start indexing."
-                : "Try another document title or file name."
-            }
-          />
-        ) : (
-          filtered.slice(0, 12).map((document) => {
-            const selected = selectedDocumentIds.includes(document.id);
-            return (
-              <div key={document.id} className="grid gap-3 p-4 sm:grid-cols-[minmax(0,1fr)_auto] sm:items-center">
-                <div className="min-w-0">
-                  <Link
-                    href={`/documents/${document.id}`}
-                    className="flex min-h-11 min-w-0 items-center gap-2 text-sm font-semibold text-[color:var(--text)] transition hover:text-[color:var(--primary)]"
-                  >
-                    <span className="truncate">{documentDisplayTitle(document)}</span>
-                    <ExternalLink className="h-3.5 w-3.5 shrink-0 text-[color:var(--text-soft)]" />
-                  </Link>
-                  <DocumentOrganizationBadges document={document} compact className="mt-1" />
-                  <p className={cn("mt-1 truncate text-xs", textMuted)}>
-                    {document.page_count} pages · {document.chunk_count} chunks · {document.image_count} images
-                  </p>
-                  {document.summary?.summary && (
-                    <p className={cn("mt-2 line-clamp-2 text-sm-minus leading-5", textMuted)}>
-                      <SafeBoldText text={document.summary.summary} />
-                    </p>
-                  )}
-                  <DocumentTagCloud
-                    labels={document.labels}
-                    query={filter}
-                    limit={5}
-                    compact
-                    className="mt-2"
-                    onTagClick={onTagSearch}
-                  />
-                  <SourceProvenance metadata={document.metadata} />
-                </div>
-                <div className="flex flex-wrap items-center gap-2">
-                  <StatusBadge status={document.status} />
-                  <SourceStatusBadge metadata={document.metadata} />
-                  {isAdminMode ? (
-                    <DocumentManagementActions
-                      document={document}
-                      disabled={!canManageDocuments}
-                      onRenamed={onDocumentRenamed}
-                      onDeleted={onDocumentDeleted}
-                    />
-                  ) : null}
-                  <button
-                    type="button"
-                    onClick={() => onToggleScope(document.id)}
-                    className={cn(
-                      "inline-flex min-h-11 items-center rounded-lg border px-3 text-xs font-semibold transition",
-                      selected
-                        ? "border-[color:var(--primary)]/35 bg-[color:var(--primary-soft)] text-[color:var(--primary)]"
-                        : "border-[color:var(--border)] bg-[color:var(--surface)] text-[color:var(--text-muted)] hover:bg-[color:var(--surface-subtle)]",
-                    )}
-                  >
-                    {selected ? "In scope" : "Add scope"}
-                  </button>
-                </div>
-              </div>
-            );
-          })
-        )}
-      </div>
-      {pagination?.hasMore ? (
-        <button
-          type="button"
-          onClick={onLoadMoreDocuments}
-          disabled={loadingMoreDocuments}
-          className={cn(floatingControl, "w-full justify-center")}
-        >
-          {loadingMoreDocuments ? <Loader2 className="h-4 w-4 animate-spin" /> : <ChevronDown className="h-4 w-4" />}
-          Load more documents
-        </button>
-      ) : null}
-    </div>
-  );
-}
-
-export type DocumentDrawerMode = "recent" | "library" | "source" | "admin";
-export type DocumentDrawerStatusFilter = "all" | "indexed" | "indexing" | "failed";
-
-function documentStatusMatchesFilter(document: ClinicalDocument, filter: DocumentDrawerStatusFilter) {
-  if (filter === "all") return true;
-  if (filter === "indexed") return document.status === "indexed";
-  if (filter === "indexing") return document.status === "queued" || document.status === "processing";
-  return document.status === "failed";
-}
-
-function statusFilterLabel(filter: DocumentDrawerStatusFilter) {
-  if (filter === "indexed") return "Indexed documents";
-  if (filter === "indexing") return "Indexing documents";
-  if (filter === "failed") return "Failed documents";
-  return "All documents";
-}
-
-export function DrawerGroupLabel({ title }: { title: string }) {
-  return (
-    <p className="px-1 pt-1 text-2xs font-bold uppercase tracking-[0.1em] text-[color:var(--text-muted)]">{title}</p>
-  );
-}
diff --git a/src/components/clinical-dashboard/document-admin/index.ts b/src/components/clinical-dashboard/document-admin/index.ts
deleted file mode 100644
index 9f1e7f29dc..0000000000
--- a/src/components/clinical-dashboard/document-admin/index.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-export { DocumentDrawer, DrawerGroupLabel } from "./document-drawer";
-export type { DocumentDrawerMode, DocumentDrawerStatusFilter } from "./document-drawer";
-export type { LabelReviewMutationBody } from "./label-helpers";
diff --git a/src/components/clinical-dashboard/document-admin/label-helpers.ts b/src/components/clinical-dashboard/document-admin/label-helpers.ts
deleted file mode 100644
index 098d743962..0000000000
--- a/src/components/clinical-dashboard/document-admin/label-helpers.ts
+++ /dev/null
@@ -1,76 +0,0 @@
-"use client";
-
-import {
-  documentLabelReviewStatus,
-  documentLabelTier,
-  formatDocumentLabelDisplay,
-  normalizeDocumentLabelForStorage,
-} from "@/lib/document-tags";
-import type { DocumentLabel, DocumentLabelType } from "@/lib/types";
-import type { SmartDocumentTagQualityIssueKind, SmartDocumentTagTier } from "@/lib/document-tags";
-import { toneDanger, toneInfo, toneNeutral, toneSuccess, toneWarning } from "@/components/ui-primitives";
-
-export const tagQualityTone: Record<SmartDocumentTagQualityIssueKind, string> = {
-  noisy: toneDanger,
-  duplicate: toneWarning,
-  low_confidence: toneInfo,
-  overused: toneNeutral,
-};
-
-export const labelTierTone: Record<SmartDocumentTagTier, string> = {
-  primary: toneSuccess,
-  secondary: toneNeutral,
-  ranking: toneInfo,
-};
-
-export const documentLabelTypeOptions: Array<{ value: DocumentLabelType; label: string }> = [
-  { value: "site", label: "Site" },
-  { value: "topic", label: "Topic" },
-  { value: "document_type", label: "Document type" },
-  { value: "medication", label: "Medication" },
-  { value: "risk", label: "Risk" },
-  { value: "setting", label: "Setting" },
-  { value: "workflow", label: "Workflow" },
-  { value: "population", label: "Population" },
-  { value: "service", label: "Service" },
-  { value: "clinical_action", label: "Clinical action" },
-  { value: "care_phase", label: "Care phase" },
-  { value: "document_intent", label: "Document intent" },
-  { value: "content_feature", label: "Content feature" },
-  { value: "custom", label: "Manual" },
-];
-
-export function tagQualityLabel(kind: SmartDocumentTagQualityIssueKind) {
-  if (kind === "low_confidence") return "low confidence";
-  return kind;
-}
-
-export function normalizedLabelReviewRow(label: DocumentLabel) {
-  const normalized = normalizeDocumentLabelForStorage(label);
-  const fallbackLabelType = documentLabelTypeOptions.some((option) => option.value === label.label_type)
-    ? label.label_type
-    : "custom";
-  const labelType = normalized?.label_type ?? fallbackLabelType;
-  const labelText = normalized?.label ?? label.label?.trim() ?? "";
-  const tier: SmartDocumentTagTier = normalized
-    ? documentLabelTier(normalized.label, normalized.label_type)
-    : "secondary";
-  const reviewStatus = documentLabelReviewStatus(label);
-  return {
-    id: label.id,
-    label: labelText,
-    displayLabel: labelText ? formatDocumentLabelDisplay(labelText, labelType) : "Unreviewed label",
-    labelType,
-    tier,
-    reviewStatus,
-    source: label.source,
-    confidence: normalized?.confidence ?? label.confidence ?? 0,
-  };
-}
-
-export function labelTypeDisplay(value: DocumentLabelType) {
-  return documentLabelTypeOptions.find((option) => option.value === value)?.label ?? value.replaceAll("_", " ");
-}
-
-export type LabelReviewMutationBody =
-  { labelId: string; action: "approve" | "hide" | "restore" } | { label: string; label_type: DocumentLabelType };
diff --git a/src/components/clinical-dashboard/global-mockup-search-shell.tsx b/src/components/clinical-dashboard/global-mockup-search-shell.tsx
index ced7037dac..517481006b 100644
--- a/src/components/clinical-dashboard/global-mockup-search-shell.tsx
+++ b/src/components/clinical-dashboard/global-mockup-search-shell.tsx
@@ -5,8 +5,9 @@ import { Suspense, type CSSProperties, type ReactNode, useEffect, useMemo, useRe
 
 import { ClinicalDashboard } from "@/components/clinical-dashboard";
 import { AccountSetupDialog } from "@/components/clinical-dashboard/account-setup-dialog";
-import { recentQueryStorageKey, SettingsDialog } from "@/components/ClinicalDashboard";
+import { recentQueryStorageKey } from "@/components/ClinicalDashboard";
 import { SearchCommandProvider } from "@/components/clinical-dashboard/search-command-context";
+import { SettingsDialog } from "@/components/clinical-dashboard/settings-dialog";
 import {
   ClinicalDesktopSidebar,
   ClinicalMobileSidebar,
diff --git a/src/components/clinical-dashboard/settings-dialog.tsx b/src/components/clinical-dashboard/settings-dialog.tsx
index 14595d83e3..e3e6a78a34 100644
--- a/src/components/clinical-dashboard/settings-dialog.tsx
+++ b/src/components/clinical-dashboard/settings-dialog.tsx
@@ -1,16 +1,19 @@
 "use client";
 
-import { useRef } from "react";
+import { type FormEvent, useEffect, useRef, useState } from "react";
 import {
   Bell,
   BookOpen,
   ChevronDown,
+  ChevronRight,
   CircleUserRound,
   Globe2,
   HelpCircle,
   Keyboard,
+  Loader2,
   LockKeyhole,
   LogOut,
+  Mail,
   Palette,
   PanelTop,
   Settings as SettingsIcon,
@@ -23,8 +26,9 @@ import {
 } from "lucide-react";
 
 import { type SidebarIdentity } from "@/components/clinical-dashboard/ClinicalSidebar";
-import { cn } from "@/components/ui-primitives";
+import { cn, fieldControlWithIcon, fieldIcon, floatingControl, primaryControl } from "@/components/ui-primitives";
 import { Sheet } from "@/components/ui/sheet";
+import { useAuthSession } from "@/lib/supabase/client";
 
 export function SettingsDialog({
   open,
@@ -44,7 +48,41 @@ export function SettingsDialog({
   onOpenGuide: () => void;
 }) {
   const closeButtonRef = useRef<HTMLButtonElement | null>(null);
+  const settingsEmailInputRef = useRef<HTMLInputElement | null>(null);
   const currentThemeLabel = theme === "dark" ? "Dark" : "Light";
+  const auth = useAuthSession();
+  const [settingsEmail, setSettingsEmail] = useState("");
+  const [emailEntryOpen, setEmailEntryOpen] = useState(false);
+  const [settingsEmailAttempted, setSettingsEmailAttempted] = useState(false);
+  const [accountNotice, setAccountNotice] = useState<string | null>(null);
+  const settingsAuthBusy = auth.status === "loading";
+  const signedOutAccount = !identity.signedIn;
+
+  async function submitSettingsEmail(event: FormEvent<HTMLFormElement>) {
+    event.preventDefault();
+    if (!settingsEmail.trim()) return;
+    setAccountNotice(null);
+    setSettingsEmailAttempted(true);
+    await auth.signInWithEmail(settingsEmail.trim());
+  }
+
+  function openSettingsEmailEntry() {
+    setEmailEntryOpen(true);
+    setAccountNotice(null);
+  }
+
+  function chooseSettingsProvider(provider: string) {
+    setAccountNotice(`${provider} sign-in is a placeholder for now. Continue with email to use this workspace.`);
+  }
+
+  useEffect(() => {
+    if (!emailEntryOpen) return;
+    const focusFrame = window.requestAnimationFrame(() => {
+      settingsEmailInputRef.current?.focus({ preventScroll: true });
+    });
+    return () => window.cancelAnimationFrame(focusFrame);
+  }, [emailEntryOpen]);
+
   const settingSections = [
     {
       title: "Account",
@@ -144,12 +182,12 @@ export function SettingsDialog({
           </nav>
         </aside>
 
-        <div className="mx-auto min-h-0 w-full max-w-[460px] overflow-y-auto px-4 pb-[calc(0.75rem+env(safe-area-inset-bottom))] pt-[max(2.45rem,calc(0.7rem+env(safe-area-inset-top)))] polished-scroll sm:px-5 lg:mx-0 lg:max-w-none lg:px-7 lg:pb-7 lg:pt-6">
+        <div className="mx-auto min-h-0 w-full max-w-[460px] overflow-y-auto bg-[color:var(--background)] px-4 pb-[calc(0.75rem+env(safe-area-inset-bottom))] pt-[max(2.45rem,calc(0.7rem+env(safe-area-inset-top)))] polished-scroll sm:px-5 lg:mx-0 lg:max-w-none lg:bg-transparent lg:px-7 lg:pb-7 lg:pt-6">
           <div className="mb-2 flex items-center justify-between gap-4 lg:mb-5">
             <div className="min-w-0">
               <h2
                 id="account-settings-title"
-                className="truncate text-lg font-semibold tracking-normal text-[color:var(--text-heading)] sm:text-xl lg:text-[1.45rem] lg:leading-8"
+                className="truncate text-lg leading-normal font-semibold tracking-normal text-[color:var(--text-heading)] sm:text-xl lg:text-[1.45rem] lg:leading-8"
               >
                 Account &amp; app
               </h2>
@@ -159,34 +197,143 @@ export function SettingsDialog({
             </span>
           </div>
 
-          <section className="rounded-[1.35rem] border border-[color:var(--border-lux)] bg-[linear-gradient(180deg,color-mix(in_srgb,var(--surface-lux)_96%,transparent_4%)_0%,color-mix(in_srgb,var(--surface-lux)_88%,var(--background))_100%)] p-3.5 shadow-[0_12px_30px_rgba(0,0,0,0.06),var(--shadow-inset)] dark:shadow-[0_18px_40px_rgba(0,0,0,0.32),var(--shadow-inset)] lg:rounded-xl lg:bg-[color:var(--surface)] lg:p-3.5 lg:shadow-[var(--shadow-inset)]">
+          <section className="rounded-[1.35rem] border border-[color:var(--border-lux)] bg-[color:var(--surface-lux)] p-3.5 shadow-[0_12px_30px_rgba(0,0,0,0.06),var(--shadow-inset)] dark:shadow-[0_18px_40px_rgba(0,0,0,0.32),var(--shadow-inset)] lg:rounded-xl lg:bg-[color:var(--surface)] lg:p-4 lg:shadow-[var(--shadow-inset)]">
+            <h3 className="mb-3 px-0.5 text-base-minus font-semibold leading-5 text-[color:var(--text-heading)]">
+              Clinical Guide account
+            </h3>
             <div className="flex items-center gap-3 lg:gap-3">
-              <span className="relative grid h-11 w-11 shrink-0 place-items-center rounded-full bg-[color:var(--clinical-accent-soft)] text-sm font-bold leading-none text-[color:var(--clinical-accent)] ring-1 ring-[color:var(--clinical-accent)]/10 lg:h-11 lg:w-11">
-                {identity.initials}
+              <span
+                className={cn(
+                  "relative grid h-12 w-12 shrink-0 place-items-center rounded-full text-sm font-bold leading-none ring-1 lg:h-12 lg:w-12",
+                  signedOutAccount
+                    ? "bg-[color:var(--surface-inset)] text-[color:var(--text-muted)] ring-[color:var(--border)]"
+                    : "bg-[color:var(--clinical-accent-soft)] text-[color:var(--clinical-accent)] ring-[color:var(--clinical-accent)]/10",
+                )}
+              >
+                {signedOutAccount ? <UserRound className="h-5 w-5" /> : identity.initials}
                 {identity.signedIn ? (
                   <span className="absolute bottom-0.5 right-0.5 h-3 w-3 rounded-full border-2 border-[color:var(--surface)] bg-[color:var(--success)]" />
                 ) : null}
               </span>
               <div className="min-w-0 flex-1">
-                <p className="mb-0.5 text-2xs font-semibold leading-4 text-[color:var(--clinical-accent)] lg:hidden">
-                  Clinical context
-                </p>
-                <p className="truncate text-base-minus font-semibold leading-5 text-[color:var(--text-heading)] lg:text-base-minus">
+                <p className="truncate text-base font-semibold leading-6 text-[color:var(--text-heading)]">
                   {identity.displayName}
                 </p>
-                <p className="text-xs font-medium leading-4 text-[color:var(--text-muted)] lg:truncate lg:text-sm-minus lg:leading-5">
-                  Consultant psychiatrist, Western Australia
+                <p className="text-sm font-medium leading-5 text-[color:var(--text-muted)]">
+                  {signedOutAccount ? "Sign in or create an account" : "Consultant psychiatrist, Western Australia"}
                 </p>
               </div>
-              <div className="hidden shrink-0 items-center gap-2 lg:flex">
-                <SettingsChip label="Private" />
-                <SettingsChip label="No PHI" />
-              </div>
+              {signedOutAccount ? (
+                <div className="hidden w-[220px] shrink-0 grid-cols-1 gap-2 lg:grid">
+                  <button
+                    type="button"
+                    onClick={openSettingsEmailEntry}
+                    className={cn(primaryControl, "min-h-10 whitespace-nowrap px-3 text-sm leading-none")}
+                  >
+                    Create account
+                  </button>
+                  <button
+                    type="button"
+                    onClick={openSettingsEmailEntry}
+                    className={cn(floatingControl, "min-h-10 whitespace-nowrap px-3 text-sm leading-none")}
+                  >
+                    Sign in
+                  </button>
+                </div>
+              ) : (
+                <div className="hidden shrink-0 items-center gap-2 lg:flex">
+                  <SettingsChip label="Private" />
+                  <SettingsChip label="No PHI" />
+                </div>
+              )}
             </div>
-            <SettingsClinicalContextStrip />
+
+            {signedOutAccount ? (
+              <div className="mt-4 grid gap-3">
+                <div className="grid grid-cols-2 gap-2 lg:hidden">
+                  <button
+                    type="button"
+                    onClick={openSettingsEmailEntry}
+                    className={cn(primaryControl, "min-h-10 whitespace-nowrap px-2.5 text-sm leading-none")}
+                  >
+                    Create account
+                  </button>
+                  <button
+                    type="button"
+                    onClick={openSettingsEmailEntry}
+                    className={cn(floatingControl, "min-h-10 whitespace-nowrap px-2.5 text-sm leading-none")}
+                  >
+                    Sign in
+                  </button>
+                </div>
+
+                {emailEntryOpen ? (
+                  <form
+                    onSubmit={submitSettingsEmail}
+                    className="grid gap-2 rounded-lg border border-[color:var(--border)] bg-[color:var(--surface-raised)] p-3 shadow-[var(--shadow-inset)]"
+                  >
+                    <label className="block">
+                      <span className="mb-1.5 block text-xs font-semibold text-[color:var(--text-muted)]">
+                        Email address
+                      </span>
+                      <div className="relative">
+                        <Mail className={fieldIcon} />
+                        <input
+                          ref={settingsEmailInputRef}
+                          type="email"
+                          value={settingsEmail}
+                          onChange={(event) => setSettingsEmail(event.target.value)}
+                          placeholder="you@clinic.example"
+                          className={fieldControlWithIcon}
+                        />
+                      </div>
+                    </label>
+                    <button
+                      type="submit"
+                      disabled={settingsAuthBusy || !settingsEmail.trim() || !auth.isConfigured}
+                      className={cn(primaryControl, "w-full")}
+                    >
+                      {settingsAuthBusy ? <Loader2 className="h-4 w-4 animate-spin" /> : <Mail className="h-4 w-4" />}
+                      Continue with email
+                    </button>
+                  </form>
+                ) : null}
+
+                <div className="flex items-center gap-3 text-xs font-medium text-[color:var(--text-soft)]">
+                  <span className="h-px flex-1 bg-[color:var(--border)]" />
+                  <span>or continue with</span>
+                  <span className="h-px flex-1 bg-[color:var(--border)]" />
+                </div>
+
+                <div className="grid gap-2">
+                  <SettingsProviderRow provider="Apple" onClick={() => chooseSettingsProvider("Apple")} />
+                  <SettingsProviderRow provider="Google" onClick={() => chooseSettingsProvider("Google")} />
+                  <SettingsProviderRow provider="Microsoft" onClick={() => chooseSettingsProvider("Microsoft")} />
+                  <SettingsProviderRow provider="email" onClick={openSettingsEmailEntry} />
+                </div>
+
+                <p className="flex items-start gap-2 rounded-lg bg-[color:var(--surface-subtle)] px-3 py-2 text-xs font-medium leading-5 text-[color:var(--text-muted)]">
+                  <LockKeyhole className="mt-0.5 h-3.5 w-3.5 shrink-0 text-[color:var(--text-soft)]" />
+                  Accounts save preferences and search history. Do not enter PHI.
+                </p>
+
+                {(accountNotice || !auth.isConfigured || (settingsEmailAttempted && auth.error)) && (
+                  <p
+                    role="alert"
+                    className="rounded-lg border border-[color:var(--border)] bg-[color:var(--surface-inset)] p-3 text-xs font-medium leading-5 text-[color:var(--text-muted)]"
+                  >
+                    {accountNotice ??
+                      (settingsEmailAttempted ? auth.error : null) ??
+                      "Supabase browser authentication is not configured for account sign-in."}
+                  </p>
+                )}
+              </div>
+            ) : (
+              <SettingsClinicalContextStrip />
+            )}
           </section>
 
-          <div className="hidden lg:mt-4 lg:grid lg:grid-cols-3 lg:gap-3">
+          <div className={cn("hidden lg:mt-4 lg:grid-cols-3 lg:gap-3", signedOutAccount ? "lg:hidden" : "lg:grid")}>
             <SettingsSummaryTile icon={UserRound} label="Profile" value={identity.displayName} />
             <SettingsSummaryTile icon={Stethoscope} label="Clinical setup" value="WA, adults" emphasized />
             <SettingsSummaryTile icon={PanelTop} label="Default view" value="Ask" />
@@ -240,6 +387,62 @@ function SettingsChip({ label }: { label: string }) {
   );
 }
 
+function SettingsProviderRow({
+  provider,
+  onClick,
+}: {
+  provider: "Apple" | "Google" | "Microsoft" | "email";
+  onClick: () => void;
+}) {
+  const label = provider === "email" ? "Use email instead" : provider;
+
+  return (
+    <button
+      type="button"
+      onClick={onClick}
+      className="flex min-h-12 w-full items-center gap-3 rounded-lg border border-[color:var(--border)] bg-[color:var(--surface-raised)] px-3 text-left text-sm font-semibold text-[color:var(--text-heading)] shadow-[var(--shadow-inset)] transition hover:border-[color:var(--border-strong)] hover:bg-[color:var(--surface-subtle)] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[color:var(--focus)]"
+    >
+      {provider === "email" ? (
+        <span className="grid h-7 w-7 shrink-0 place-items-center rounded-lg border border-[color:var(--border)] bg-[color:var(--surface)] text-[color:var(--text-muted)] shadow-[var(--shadow-inset)]">
+          <Mail className="h-4 w-4" />
+        </span>
+      ) : (
+        <SettingsProviderMark provider={provider} />
+      )}
+      <span className="min-w-0 flex-1 truncate">{label}</span>
+      <ChevronRight className="h-4 w-4 shrink-0 text-[color:var(--text-soft)]" />
+    </button>
+  );
+}
+
+function SettingsProviderMark({ provider }: { provider: "Apple" | "Google" | "Microsoft" }) {
+  if (provider === "Microsoft") {
+    return (
+      <span
+        className="grid h-7 w-7 shrink-0 grid-cols-2 gap-0.5 rounded-lg border border-[color:var(--border)] bg-[color:var(--surface)] p-1 shadow-[var(--shadow-inset)]"
+        aria-hidden="true"
+      >
+        <span className="bg-[#f25022]" />
+        <span className="bg-[#7fba00]" />
+        <span className="bg-[#00a4ef]" />
+        <span className="bg-[#ffb900]" />
+      </span>
+    );
+  }
+
+  return (
+    <span
+      aria-hidden="true"
+      className={cn(
+        "grid h-7 w-7 shrink-0 place-items-center rounded-lg border border-[color:var(--border)] bg-[color:var(--surface)] text-base font-bold leading-none shadow-[var(--shadow-inset)]",
+        provider === "Apple" ? "text-[color:var(--text-heading)]" : "text-[#4285f4]",
+      )}
+    >
+      {provider === "Apple" ? "A" : "G"}
+    </span>
+  );
+}
+
 function SettingsClinicalContextStrip() {
   return (
     <div className="mt-2.5 flex min-h-8 items-center gap-2 rounded-full border border-[color:var(--clinical-accent)]/14 bg-[color:var(--clinical-accent-soft)]/60 px-3 text-xs font-semibold leading-none text-[color:var(--clinical-accent)] lg:hidden">
@@ -273,12 +476,12 @@ function SettingsSummaryTile({
           : "border-[color:var(--border-lux)] bg-[color:var(--surface)]",
       )}
     >
-      <div className="flex min-w-0 flex-col items-center justify-center gap-1 text-center lg:min-h-11 lg:flex-row lg:justify-start lg:gap-2.5 lg:text-left">
+      <div className="flex min-w-0 flex-col items-center justify-center gap-1 text-center lg:min-h-[44px] lg:flex-row lg:justify-start lg:gap-2.5 lg:text-left">
         <span
           className={cn(
             "grid h-8 w-8 shrink-0 place-items-center rounded-xl border shadow-[var(--shadow-inset)] lg:rounded-lg",
             emphasized
-              ? "border-[color:var(--clinical-accent)] bg-[color:var(--clinical-accent)] text-[color:var(--primary-contrast)]"
+              ? "border-[color:var(--clinical-accent)] bg-[color:var(--clinical-accent)] text-[color:var(--clinical-accent-contrast)]"
               : "border-[color:var(--border)] bg-[color:var(--surface-lux)] text-[color:var(--text-muted)]",
           )}
         >
@@ -318,7 +521,7 @@ function SettingsRow({
         className={cn(
           "grid h-7 w-7 shrink-0 place-items-center rounded-full transition sm:h-8 sm:w-8 lg:rounded-lg lg:border lg:shadow-[var(--shadow-inset)]",
           active
-            ? "bg-[color:var(--clinical-accent)] text-[color:var(--primary-contrast)] shadow-[0_7px_16px_color-mix(in_srgb,var(--clinical-accent)_24%,transparent)] lg:border-[color:var(--clinical-accent)]"
+            ? "bg-[color:var(--clinical-accent)] text-[color:var(--clinical-accent-contrast)] shadow-[0_7px_16px_color-mix(in_srgb,var(--clinical-accent)_24%,transparent)] lg:border-[color:var(--clinical-accent)]"
             : "bg-transparent text-[color:var(--text-muted)] lg:border-[color:var(--border)] lg:bg-[color:var(--surface-lux)]",
         )}
       >