@bendyline/docblocks-react 2.7.7 → 2.7.8

package/dist/index.js

@@ -1,9 +1,12 @@
+import {
+  createSpeechInputProvider
+} from "./chunk-QXBV3G6T.js";
 import {
   ProgressivePlayer
 } from "./chunk-BZRYQENB.js";
 import {
   useConfirmDialog
-} from "./chunk-KBUHWZCF.js";
+} from "./chunk-YX275NPE.js";
 import {
   BackupIcon,
   FolderIcon,
@@ -18,9 +21,6 @@ import {
   SplitViewIcon,
   WorkspaceIcon
 } from "./chunk-KHQ44ZFA.js";
-import {
-  createSpeechInputProvider
-} from "./chunk-BNKIPCXO.js";
 import {
   sharedDocumentFilename
 } from "./chunk-SPUPWCSI.js";
@@ -51,13 +51,13 @@ import {
 } from "./chunk-KWG6UP5O.js";
 import {
   runExport
-} from "./chunk-7CSBRAMT.js";
+} from "./chunk-F7TR5EKX.js";
 import {
   createImageSaveOutput
 } from "./chunk-UONFWKJ7.js";
 import {
   buildExportFilename
-} from "./chunk-5O5YTOXG.js";
+} from "./chunk-5YMULR6A.js";
 import {
   createLocalProofingIgnoreStore
 } from "./chunk-DUKTAKB4.js";
@@ -71,23 +71,34 @@ import {
   DEFAULT_WRITE_CANVAS_PREFERENCES,
   InterfaceFontSettings,
   ProofingSettingsControls,
+  SIDEBAR_COLLAPSE_THRESHOLD,
+  SIDEBAR_WIDTH_DEFAULT,
+  SIDEBAR_WIDTH_MAX,
+  SIDEBAR_WIDTH_MIN,
   SettingsDialog,
   ThemeSettings,
   WRITE_CANVAS_FONT_SCHEMES,
   WorkspaceSettingsControls,
   WriteCanvasSettingsControls,
+  classifyFormFactor,
+  formFactorDataAttributes,
+  formatModelSize,
+  isInstalledDisplayMode,
   loadAccentColor,
   loadInterfaceFont,
   loadProofingPreferences,
   loadThemePreference,
   loadWriteCanvasPreferences,
+  resolveLayoutMode,
   resolveWriteCanvasFonts,
   saveAccentColor,
   saveInterfaceFont,
   saveProofingPreferences,
   saveThemePreference,
-  saveWriteCanvasPreferences
-} from "./chunk-7HBKKXRV.js";
+  saveWriteCanvasPreferences,
+  useMediaQuery
+} from "./chunk-TN7BY5N3.js";
+import "./chunk-OW6JWRAA.js";
 import "./chunk-TBLZBNQF.js";
 import {
   FindButton,
@@ -101,17 +112,17 @@ import {
   matchShortcut,
   shortcutLabel
 } from "./chunk-ACQF63SB.js";
-import "./chunk-T2PA7QEF.js";
+import "./chunk-BGA5UVKL.js";
 import {
   buildIssueReportUrl,
   displayBuildDate,
   localDateStamp,
   openExternalUrl
-} from "./chunk-N7AKLJPY.js";
+} from "./chunk-CXLXGFG2.js";
 import "./chunk-K4I3NJFL.js";
 import {
   ExportDialog
-} from "./chunk-G63YXKBC.js";
+} from "./chunk-WDNE5TI3.js";
 import "./chunk-H3BK5MK6.js";
 import {
   DEFAULT_OPTIONS,
@@ -120,7 +131,7 @@ import {
 import {
   Dialog,
   dismissTopmostDialog
-} from "./chunk-VJPGZCFS.js";
+} from "./chunk-UYJCL6OW.js";
 
 // src/FileExplorer/FileExplorer.tsx
 import { useCallback as useCallback5, useEffect as useEffect5, useMemo, useRef as useRef5, useState as useState4 } from "react";
@@ -3805,9 +3816,9 @@ async function prepareHostLifecycle(session, request) {
 
 // src/DocBlocksShell/DocBlocksShell.tsx
 import {
-  useState as useState24,
+  useState as useState25,
   useCallback as useCallback19,
-  useEffect as useEffect30,
+  useEffect as useEffect31,
   useLayoutEffect as useLayoutEffect4,
   useRef as useRef21,
   useMemo as useMemo6,
@@ -3839,7 +3850,7 @@ import {
 import { createMediaProviderFromContainer } from "@bendyline/squisq/storage";
 import {
   getDocBlocksHost,
-  getHostEnvironment as getHostEnvironment2,
+  getHostEnvironment as getHostEnvironment3,
   hasDocBlocksHost,
   hostSupports as hostSupports3,
   maybeGetDocBlocksHost as maybeGetDocBlocksHost5
@@ -3863,26 +3874,306 @@ import {
 } from "@bendyline/docblocks/workspace";
 
 // src/AppMenu/AppMenu.tsx
-import { useState as useState8, useCallback as useCallback9, useRef as useRef9, useEffect as useEffect9 } from "react";
+import { useState as useState9, useCallback as useCallback9, useRef as useRef9, useEffect as useEffect10 } from "react";
 import {
-  getHostEnvironment
+  getHostEnvironment as getHostEnvironment2
 } from "@bendyline/docblocks/host";
 
-// src/Settings/SpeechSettings.tsx
-import { useCallback as useCallback7, useEffect as useEffect7, useId as useId2, useRef as useRef7, useState as useState6 } from "react";
-
-// src/Speech/format.ts
-function formatModelSize(bytes) {
-  const gigabytes = bytes / 1024 ** 3;
-  if (gigabytes >= 0.95) return `${gigabytes.toFixed(1)} GB`;
-  return `${Math.max(1, Math.round(bytes / 1024 ** 2))} MB`;
-}
+// src/Settings/AppSettingsDialog.tsx
+import { useEffect as useEffect9, useState as useState8 } from "react";
+import {
+  getHostEnvironment
+} from "@bendyline/docblocks/host";
 
 // src/Settings/SpeechSettings.tsx
+import { useId as useId2 } from "react";
 import { Fragment as Fragment4, jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
 function readinessSentence(readiness, ready) {
   return readiness.state === "ready" ? ready : readiness.reason ?? "";
 }
+function DictationSettingsControls({ session }) {
+  const { status, catalog, preferences, update } = session;
+  const error = sectionError(session.failure, "stt");
+  if (!status || !catalog || !preferences) {
+    return /* @__PURE__ */ jsx7(SpeechSectionFallback, { legend: "Dictation", error });
+  }
+  const sttModels = catalog.models.filter((model) => model.kind === "stt");
+  const installedStt = sttModels.filter((model) => model.installed);
+  const appBytes = appModelBytes(sttModels);
+  return /* @__PURE__ */ jsxs6("fieldset", { className: "db-settings-fieldset", children: [
+    /* @__PURE__ */ jsx7("legend", { className: "db-settings-legend", children: "Dictation" }),
+    /* @__PURE__ */ jsxs6("p", { className: "db-settings-hint", children: [
+      "Dictation runs on this computer; your voice never leaves it. Models download only when you choose.",
+      appBytes > 0 ? ` Dictation models are using ${formatModelSize(appBytes)}.` : ""
+    ] }),
+    /* @__PURE__ */ jsx7(SpeechErrorNotice, { error }),
+    /* @__PURE__ */ jsx7("p", { className: "db-settings-hint", role: "status", "aria-live": "polite", children: readinessSentence(status.stt, "Ready. Use the microphone button in the toolbar.") }),
+    installedStt.length > 1 && /* @__PURE__ */ jsxs6("label", { className: "db-settings-select", children: [
+      /* @__PURE__ */ jsx7("span", { className: "db-settings-select-header", children: "Dictation model" }),
+      /* @__PURE__ */ jsxs6(
+        "select",
+        {
+          className: "db-settings-select-input",
+          value: preferences.sttModel ?? "",
+          onChange: (event) => void update({ sttModel: event.currentTarget.value || null }),
+          children: [
+            /* @__PURE__ */ jsx7("option", { value: "", children: "Recommended" }),
+            installedStt.map((model) => /* @__PURE__ */ jsx7("option", { value: model.id, children: model.label }, model.id))
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx7("ul", { className: "db-settings-speech-models", children: sttModels.map((model) => /* @__PURE__ */ jsx7(SpeechModelRow, { model, session }, model.id)) })
+  ] });
+}
+function NarrationSettingsControls({ session }) {
+  const speedId = useId2();
+  const { status, catalog, preferences, previewing, update } = session;
+  const error = sectionError(session.failure, "tts");
+  if (!status || !catalog || !preferences) {
+    return /* @__PURE__ */ jsx7(SpeechSectionFallback, { legend: "Narration", error });
+  }
+  const ttsModel = catalog.models.find((model) => model.kind === "tts") ?? null;
+  const appBytes = ttsModel ? appModelBytes([ttsModel]) : 0;
+  return /* @__PURE__ */ jsxs6("fieldset", { className: "db-settings-fieldset", children: [
+    /* @__PURE__ */ jsx7("legend", { className: "db-settings-legend", children: "Narration" }),
+    /* @__PURE__ */ jsxs6("p", { className: "db-settings-hint", children: [
+      "Narration runs on this computer; your documents never leave it. Voices download only when you choose.",
+      appBytes > 0 ? ` Narration voices are using ${formatModelSize(appBytes)}.` : ""
+    ] }),
+    /* @__PURE__ */ jsx7(SpeechErrorNotice, { error }),
+    ttsModel ? /* @__PURE__ */ jsxs6(Fragment4, { children: [
+      /* @__PURE__ */ jsx7("p", { className: "db-settings-hint", role: "status", "aria-live": "polite", children: readinessSentence(status.tts, "Ready to read documents aloud.") }),
+      /* @__PURE__ */ jsx7("ul", { className: "db-settings-speech-models", children: /* @__PURE__ */ jsx7(SpeechModelRow, { model: ttsModel, session }) })
+    ] }) : /* @__PURE__ */ jsx7("p", { className: "db-settings-hint", children: "Narration is not available on this computer." }),
+    ttsModel?.installed && /* @__PURE__ */ jsxs6(Fragment4, { children: [
+      /* @__PURE__ */ jsxs6("label", { className: "db-settings-select", children: [
+        /* @__PURE__ */ jsx7("span", { className: "db-settings-select-header", children: "Voice" }),
+        /* @__PURE__ */ jsx7(
+          "select",
+          {
+            className: "db-settings-select-input",
+            value: preferences.voice ?? catalog.voices[0]?.id ?? "",
+            onChange: (event) => void update({ voice: event.currentTarget.value }),
+            children: catalog.voices.map((voice) => /* @__PURE__ */ jsxs6("option", { value: voice.id, children: [
+              voice.label,
+              " (",
+              voice.language === "en-GB" ? "UK" : "US",
+              voice.gender ? ` ${voice.gender}` : "",
+              ")"
+            ] }, voice.id))
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs6("label", { className: "db-settings-select", htmlFor: speedId, children: [
+        /* @__PURE__ */ jsxs6("span", { className: "db-settings-select-header", children: [
+          "Speed: ",
+          preferences.speed.toFixed(2),
+          "\xD7"
+        ] }),
+        /* @__PURE__ */ jsx7(
+          "input",
+          {
+            id: speedId,
+            type: "range",
+            min: 0.5,
+            max: 2,
+            step: 0.05,
+            value: preferences.speed,
+            onChange: (event) => session.setSpeedDraft(Number(event.currentTarget.value)),
+            onPointerUp: (event) => void update({ speed: Number(event.currentTarget.value) }),
+            onKeyUp: (event) => void update({ speed: Number(event.currentTarget.value) })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx7(
+        "button",
+        {
+          type: "button",
+          className: "db-settings-action db-settings-action--secondary",
+          onClick: () => previewing ? session.stopPreview() : session.startPreview(),
+          children: previewing ? "Stop preview" : "Preview voice"
+        }
+      )
+    ] })
+  ] });
+}
+function SpeechModelRow({
+  model,
+  session
+}) {
+  const { installing } = session;
+  const busy = installing?.id === model.id;
+  const progress = busy ? installing.progress : null;
+  const percent = progress && progress.totalBytes ? Math.round(progress.receivedBytes / progress.totalBytes * 100) : null;
+  return /* @__PURE__ */ jsxs6("li", { className: "db-settings-speech-model", children: [
+    /* @__PURE__ */ jsxs6("div", { className: "db-settings-speech-model-text", children: [
+      /* @__PURE__ */ jsxs6("span", { className: "db-settings-speech-model-name", children: [
+        model.label,
+        model.recommended ? " (recommended)" : ""
+      ] }),
+      /* @__PURE__ */ jsxs6("span", { className: "db-settings-hint", children: [
+        model.description,
+        " ",
+        formatModelSize(model.downloadBytes),
+        " \xB7",
+        " ",
+        /* @__PURE__ */ jsx7("a", { href: model.licenseUrl, target: "_blank", rel: "noreferrer", children: model.license }),
+        model.source === "shared" ? " \xB7 Available from Gezel, no download needed" : model.sharedStorage ? " \xB7 Shared speech storage" : "",
+        model.updateRequired ? " \xB7 Update required" : ""
+      ] })
+    ] }),
+    busy ? /* @__PURE__ */ jsxs6("div", { className: "db-settings-ai-download-progress", role: "status", children: [
+      /* @__PURE__ */ jsx7(
+        "progress",
+        {
+          max: 100,
+          value: percent ?? void 0,
+          "aria-label": `${model.label} download progress`
+        }
+      ),
+      /* @__PURE__ */ jsx7("span", { children: progress?.phase === "verifying" ? "Verifying\u2026" : percent === null ? "Starting\u2026" : `${percent}%` }),
+      /* @__PURE__ */ jsx7(
+        "button",
+        {
+          type: "button",
+          className: "db-settings-action db-settings-action--secondary",
+          onClick: session.cancelInstall,
+          children: "Cancel"
+        }
+      )
+    ] }) : model.source === "app" ? /* @__PURE__ */ jsx7(
+      "button",
+      {
+        type: "button",
+        className: "db-settings-action db-settings-action--secondary",
+        disabled: installing !== null,
+        onClick: () => void session.remove(model),
+        children: "Remove"
+      }
+    ) : model.installed ? null : /* @__PURE__ */ jsxs6(Fragment4, { children: [
+      /* @__PURE__ */ jsx7(
+        "button",
+        {
+          type: "button",
+          className: "db-settings-action",
+          disabled: installing !== null,
+          onClick: () => void session.install(model),
+          children: model.updateRequired ? "Update" : "Download"
+        }
+      ),
+      model.updateRequired && /* @__PURE__ */ jsx7(
+        "button",
+        {
+          type: "button",
+          className: "db-settings-action db-settings-action--secondary",
+          disabled: installing !== null,
+          onClick: () => void session.remove(model),
+          children: "Remove"
+        }
+      )
+    ] })
+  ] });
+}
+function sectionError(failure, kind) {
+  return failure && (failure.kind === void 0 || failure.kind === kind) ? failure.error : null;
+}
+function appModelBytes(models) {
+  return models.filter((model) => model.source === "app").reduce((sum, model) => sum + model.downloadBytes, 0);
+}
+function SpeechSectionFallback({ legend, error }) {
+  if (!error) return null;
+  return /* @__PURE__ */ jsxs6("fieldset", { className: "db-settings-fieldset", children: [
+    /* @__PURE__ */ jsx7("legend", { className: "db-settings-legend", children: legend }),
+    /* @__PURE__ */ jsx7(SpeechErrorNotice, { error })
+  ] });
+}
+function SpeechErrorNotice({ error }) {
+  if (!error) return null;
+  return /* @__PURE__ */ jsx7("p", { className: "db-settings-hint db-settings-ai-error", role: "alert", children: error.message });
+}
+
+// src/Settings/TraySettings.tsx
+import { useCallback as useCallback7, useEffect as useEffect7, useRef as useRef7, useState as useState6 } from "react";
+import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
+function trayPlace(platform) {
+  switch (platform) {
+    case "darwin":
+      return { legend: "Menu bar", label: "Show DocBlocks in the menu bar" };
+    case "win32":
+      return {
+        legend: "Notification area",
+        label: "Show DocBlocks in the notification area"
+      };
+    default:
+      return { legend: "System tray", label: "Show DocBlocks in the system tray" };
+  }
+}
+function TraySettingsControls({ menu, platform }) {
+  const [enabled, setEnabled] = useState6(null);
+  const [saving, setSaving] = useState6(false);
+  const [failure, setFailure] = useState6(null);
+  const mounted = useRef7(true);
+  useEffect7(() => {
+    mounted.current = true;
+    const read2 = menu.getTrayEnabled;
+    if (read2) {
+      read2.call(menu).then(
+        (value) => {
+          if (mounted.current) setEnabled(value);
+        },
+        () => {
+          if (mounted.current) setFailure("DocBlocks could not read this setting.");
+        }
+      );
+    }
+    return () => {
+      mounted.current = false;
+    };
+  }, [menu]);
+  const change = useCallback7(
+    async (next) => {
+      const write2 = menu.setTrayEnabled;
+      if (!write2) return;
+      setSaving(true);
+      setFailure(null);
+      setEnabled(next);
+      try {
+        const saved = await write2.call(menu, next);
+        if (mounted.current) setEnabled(saved);
+      } catch {
+        if (mounted.current) {
+          setEnabled(!next);
+          setFailure("DocBlocks could not change this setting. Try again.");
+        }
+      } finally {
+        if (mounted.current) setSaving(false);
+      }
+    },
+    [menu]
+  );
+  const place = trayPlace(platform);
+  return /* @__PURE__ */ jsxs7("fieldset", { className: "db-settings-fieldset", children: [
+    /* @__PURE__ */ jsx8("legend", { className: "db-settings-legend", children: place.legend }),
+    /* @__PURE__ */ jsxs7("label", { className: "db-settings-checkbox", children: [
+      /* @__PURE__ */ jsx8(
+        "input",
+        {
+          type: "checkbox",
+          checked: enabled === true,
+          disabled: enabled === null || saving,
+          onChange: (event) => void change(event.currentTarget.checked)
+        }
+      ),
+      place.label
+    ] }),
+    /* @__PURE__ */ jsx8("p", { className: "db-settings-hint", children: "One click to a new document, a folder, or any document you have pinned." }),
+    failure && /* @__PURE__ */ jsx8("p", { className: "db-settings-hint db-settings-ai-error", role: "alert", children: failure })
+  ] });
+}
+
+// src/Settings/useSpeechSettings.ts
+import { useCallback as useCallback8, useEffect as useEffect8, useRef as useRef8, useState as useState7 } from "react";
 var PREVIEW_TEXT = "This is how I sound when I read your documents aloud.";
 function unreachable(cause) {
   const detail = cause instanceof Error ? cause.message : void 0;
@@ -3892,37 +4183,36 @@ function unreachable(cause) {
     ...detail ? { detail } : {}
   };
 }
-function SpeechSettingsControls({ speech }) {
-  const [status, setStatus] = useState6(null);
-  const [catalog, setCatalog] = useState6(null);
-  const [preferences, setPreferences] = useState6(null);
-  const [installing, setInstalling] = useState6(null);
-  const [failure, setFailure] = useState6(null);
-  const [previewing, setPreviewing] = useState6(false);
-  const mounted = useRef7(true);
-  const installHandle = useRef7(null);
-  const preview = useRef7(null);
-  const dictationModelId = useId2();
-  const voiceId = useId2();
-  const speedId = useId2();
-  const refresh = useCallback7(async () => {
+function useSpeechSettings(speech) {
+  const [status, setStatus] = useState7(null);
+  const [catalog, setCatalog] = useState7(null);
+  const [preferences, setPreferences] = useState7(null);
+  const [installing, setInstalling] = useState7(null);
+  const [failure, setFailure] = useState7(null);
+  const [previewing, setPreviewing] = useState7(false);
+  const mounted = useRef8(true);
+  const installHandle = useRef8(null);
+  const preview = useRef8(null);
+  const refresh = useCallback8(async () => {
+    if (!speech) return;
     try {
       const [nextStatus, nextCatalog] = await Promise.all([speech.status(), speech.catalog()]);
       if (!mounted.current) return;
       setStatus(nextStatus);
       if (nextCatalog.ok) setCatalog(nextCatalog.value);
-      else setFailure(nextCatalog.error);
+      else setFailure({ error: nextCatalog.error });
     } catch (cause) {
-      if (mounted.current) setFailure(unreachable(cause));
+      if (mounted.current) setFailure({ error: unreachable(cause) });
     }
   }, [speech]);
-  const stopPreview = useCallback7(() => {
+  const stopPreview = useCallback8(() => {
     preview.current?.handle.cancel();
     preview.current?.player.dispose();
     preview.current = null;
     setPreviewing(false);
   }, []);
-  useEffect7(() => {
+  useEffect8(() => {
+    if (!speech) return;
     mounted.current = true;
     const unsubscribe = speech.onStatus((next) => {
       if (!mounted.current) return;
@@ -3937,7 +4227,7 @@ function SpeechSettingsControls({ speech }) {
         if (mounted.current) setPreferences(initial);
       },
       (cause) => {
-        if (mounted.current) setFailure(unreachable(cause));
+        if (mounted.current) setFailure({ error: unreachable(cause) });
       }
     );
     return () => {
@@ -3948,8 +4238,9 @@ function SpeechSettingsControls({ speech }) {
       unsubscribe();
     };
   }, [refresh, speech]);
-  const install = useCallback7(
+  const install = useCallback8(
     async (model) => {
+      if (!speech) return;
       setFailure(null);
       setInstalling({ id: model.id, progress: null });
       const handle = speech.installModel(model.id, (progress) => {
@@ -3959,7 +4250,9 @@ function SpeechSettingsControls({ speech }) {
       try {
         const result = await handle.done;
         if (!mounted.current) return;
-        if (!result.ok && result.error.code !== "cancelled") setFailure(result.error);
+        if (!result.ok && result.error.code !== "cancelled") {
+          setFailure({ error: result.error, kind: model.kind });
+        }
         await refresh();
       } finally {
         if (installHandle.current === handle) installHandle.current = null;
@@ -3968,18 +4261,21 @@ function SpeechSettingsControls({ speech }) {
     },
     [refresh, speech]
   );
-  const remove = useCallback7(
+  const cancelInstall = useCallback8(() => installHandle.current?.cancel(), []);
+  const remove = useCallback8(
     async (model) => {
+      if (!speech) return;
       setFailure(null);
       const result = await speech.removeModel(model.id);
       if (!mounted.current) return;
-      if (!result.ok) setFailure(result.error);
+      if (!result.ok) setFailure({ error: result.error, kind: model.kind });
       await refresh();
     },
     [refresh, speech]
   );
-  const update = useCallback7(
+  const update = useCallback8(
     async (patch) => {
+      if (!speech) return;
       try {
         const next = await speech.setPreferences(patch);
         if (mounted.current) setPreferences(next);
@@ -3988,8 +4284,11 @@ function SpeechSettingsControls({ speech }) {
     },
     [speech]
   );
-  const startPreview = useCallback7(() => {
-    const synthesize = speech.synthesize;
+  const setSpeedDraft = useCallback8((speed) => {
+    setPreferences((current) => current ? { ...current, speed } : current);
+  }, []);
+  const startPreview = useCallback8(() => {
+    const synthesize = speech?.synthesize;
     if (!synthesize) return;
     stopPreview();
     const player = ProgressivePlayer.create(() => void 0);
@@ -4007,271 +4306,241 @@ function SpeechSettingsControls({ speech }) {
     preview.current = { handle, player };
     void handle.done.then((result) => {
       if (!mounted.current || preview.current?.handle !== handle) return;
-      if (!result.ok && result.error.code !== "cancelled") setFailure(result.error);
+      if (!result.ok && result.error.code !== "cancelled") {
+        setFailure({ error: result.error, kind: "tts" });
+      }
       setPreviewing(false);
     });
   }, [speech, stopPreview]);
-  if (!status || !catalog || !preferences) {
-    if (!failure) return null;
-    return /* @__PURE__ */ jsxs6("fieldset", { className: "db-settings-fieldset", children: [
-      /* @__PURE__ */ jsx7("legend", { className: "db-settings-legend", children: "Speech" }),
-      /* @__PURE__ */ jsx7("p", { className: "db-settings-hint db-settings-ai-error", role: "alert", children: failure.message })
-    ] });
+  if (!speech) return null;
+  return {
+    speech,
+    status,
+    catalog,
+    preferences,
+    installing,
+    failure,
+    previewing,
+    install,
+    cancelInstall,
+    remove,
+    update,
+    setSpeedDraft,
+    startPreview,
+    stopPreview
+  };
+}
+
+// src/Settings/AppSettingsDialog.tsx
+import { Fragment as Fragment5, jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
+function formatBytes(bytes) {
+  if (!Number.isFinite(bytes) || bytes < 0) return "\u2014";
+  let value = bytes;
+  let unit = "B";
+  for (const next of ["KB", "MB", "GB", "TB"]) {
+    if (value < 1024) break;
+    value /= 1024;
+    unit = next;
   }
-  const sttModels = catalog.models.filter((model) => model.kind === "stt");
-  const ttsModel = catalog.models.find((model) => model.kind === "tts") ?? null;
-  const installedStt = sttModels.filter((model) => model.installed);
-  const appBytes = catalog.models.filter((model) => model.source === "app").reduce((sum, model) => sum + model.downloadBytes, 0);
-  const modelRow = (model) => {
-    const busy = installing?.id === model.id;
-    const progress = busy ? installing.progress : null;
-    const percent = progress && progress.totalBytes ? Math.round(progress.receivedBytes / progress.totalBytes * 100) : null;
-    return /* @__PURE__ */ jsxs6("li", { className: "db-settings-speech-model", children: [
-      /* @__PURE__ */ jsxs6("div", { className: "db-settings-speech-model-text", children: [
-        /* @__PURE__ */ jsxs6("span", { className: "db-settings-speech-model-name", children: [
-          model.label,
-          model.recommended ? " (recommended)" : ""
-        ] }),
-        /* @__PURE__ */ jsxs6("span", { className: "db-settings-hint", children: [
-          model.description,
-          " ",
-          formatModelSize(model.downloadBytes),
-          " \xB7",
-          " ",
-          /* @__PURE__ */ jsx7("a", { href: model.licenseUrl, target: "_blank", rel: "noreferrer", children: model.license }),
-          model.source === "shared" ? " \xB7 Available from Gezel, no download needed" : model.sharedStorage ? " \xB7 Shared speech storage" : "",
-          model.updateRequired ? " \xB7 Update required" : ""
-        ] })
-      ] }),
-      busy ? /* @__PURE__ */ jsxs6("div", { className: "db-settings-ai-download-progress", role: "status", children: [
-        /* @__PURE__ */ jsx7(
-          "progress",
+  return `${value >= 100 || unit === "B" ? Math.round(value) : value.toFixed(1)} ${unit}`;
+}
+function AppSettingsDialog({
+  onClose,
+  section,
+  onSectionChange,
+  themePreference,
+  onThemeChange,
+  accentColor,
+  onAccentColorChange,
+  interfaceFont,
+  onInterfaceFontChange,
+  writeCanvasSettings,
+  onWriteCanvasSettingsChange,
+  proofingPreferences,
+  onProofingPreferencesChange,
+  ai,
+  speech,
+  tray,
+  getStorageEstimate,
+  storagePersistent,
+  onKeepBrowserData,
+  requestingPersistentStorage = false,
+  versioningPreference,
+  onVersioningPreferenceChange,
+  onOpenWorkspaceSettings
+}) {
+  const speechSession = useSpeechSettings(speech);
+  const [storageEstimate, setStorageEstimate] = useState8(null);
+  useEffect9(() => {
+    if (!getStorageEstimate) return;
+    let cancelled = false;
+    getStorageEstimate().then((estimate) => {
+      if (!cancelled) setStorageEstimate(estimate);
+    }).catch(() => {
+      if (!cancelled) setStorageEstimate(null);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [getStorageEstimate]);
+  const sections = [
+    {
+      id: "appearance",
+      label: "Appearance",
+      content: /* @__PURE__ */ jsxs8(Fragment5, { children: [
+        /* @__PURE__ */ jsx9(
+          ThemeSettings,
           {
-            max: 100,
-            value: percent ?? void 0,
-            "aria-label": `${model.label} download progress`
+            value: themePreference,
+            onChange: (preference) => onThemeChange?.(preference)
           }
         ),
-        /* @__PURE__ */ jsx7("span", { children: progress?.phase === "verifying" ? "Verifying\u2026" : percent === null ? "Starting\u2026" : `${percent}%` }),
-        /* @__PURE__ */ jsx7(
-          "button",
+        /* @__PURE__ */ jsx9(
+          AccentColorSettings,
           {
-            type: "button",
-            className: "db-settings-action db-settings-action--secondary",
-            onClick: () => installHandle.current?.cancel(),
-            children: "Cancel"
+            value: accentColor,
+            onChange: (color) => onAccentColorChange?.(color)
           }
-        )
-      ] }) : model.source === "app" ? /* @__PURE__ */ jsx7(
-        "button",
-        {
-          type: "button",
-          className: "db-settings-action db-settings-action--secondary",
-          disabled: installing !== null,
-          onClick: () => void remove(model),
-          children: "Remove"
-        }
-      ) : model.installed ? null : /* @__PURE__ */ jsxs6(Fragment4, { children: [
-        /* @__PURE__ */ jsx7(
-          "button",
+        ),
+        /* @__PURE__ */ jsx9(
+          InterfaceFontSettings,
           {
-            type: "button",
-            className: "db-settings-action",
-            disabled: installing !== null,
-            onClick: () => void install(model),
-            children: model.updateRequired ? "Update" : "Download"
+            value: interfaceFont,
+            onChange: (font) => onInterfaceFontChange?.(font)
           }
         ),
-        model.updateRequired && /* @__PURE__ */ jsx7(
-          "button",
+        /* @__PURE__ */ jsx9(
+          WriteCanvasSettingsControls,
           {
-            type: "button",
-            className: "db-settings-action db-settings-action--secondary",
-            disabled: installing !== null,
-            onClick: () => void remove(model),
-            children: "Remove"
+            value: writeCanvasSettings,
+            onChange: (settings) => onWriteCanvasSettingsChange?.(settings)
           }
-        )
-      ] })
-    ] }, model.id);
-  };
-  return /* @__PURE__ */ jsxs6("fieldset", { className: "db-settings-fieldset", children: [
-    /* @__PURE__ */ jsx7("legend", { className: "db-settings-legend", children: "Speech" }),
-    /* @__PURE__ */ jsxs6("p", { className: "db-settings-hint", children: [
-      "Dictation and narration run on this computer; your voice and documents never leave it. Models download only when you choose.",
-      appBytes > 0 ? ` Speech models are using ${formatModelSize(appBytes)}.` : ""
-    ] }),
-    failure && /* @__PURE__ */ jsx7("p", { className: "db-settings-hint db-settings-ai-error", role: "alert", children: failure.message }),
-    speech.transcribe && /* @__PURE__ */ jsxs6("section", { className: "db-settings-speech-section", "aria-labelledby": dictationModelId, children: [
-      /* @__PURE__ */ jsx7("h4", { className: "db-settings-subheading", id: dictationModelId, children: "Dictation" }),
-      /* @__PURE__ */ jsx7("p", { className: "db-settings-hint", role: "status", "aria-live": "polite", children: readinessSentence(status.stt, "Ready. Use the microphone button in the toolbar.") }),
-      installedStt.length > 1 && /* @__PURE__ */ jsxs6("label", { className: "db-settings-select", children: [
-        /* @__PURE__ */ jsx7("span", { className: "db-settings-select-header", children: "Dictation model" }),
-        /* @__PURE__ */ jsxs6(
-          "select",
+        ),
+        /* @__PURE__ */ jsx9(
+          ProofingSettingsControls,
           {
-            className: "db-settings-select-input",
-            value: preferences.sttModel ?? "",
-            onChange: (event) => void update({ sttModel: event.currentTarget.value || null }),
-            children: [
-              /* @__PURE__ */ jsx7("option", { value: "", children: "Recommended" }),
-              installedStt.map((model) => /* @__PURE__ */ jsx7("option", { value: model.id, children: model.label }, model.id))
-            ]
+            value: proofingPreferences,
+            onChange: (settings) => onProofingPreferencesChange?.(settings)
           }
         )
-      ] }),
-      /* @__PURE__ */ jsx7("ul", { className: "db-settings-speech-models", children: sttModels.map(modelRow) })
-    ] }),
-    speech.synthesize && ttsModel && /* @__PURE__ */ jsxs6("section", { className: "db-settings-speech-section", "aria-labelledby": voiceId, children: [
-      /* @__PURE__ */ jsx7("h4", { className: "db-settings-subheading", id: voiceId, children: "Narration" }),
-      /* @__PURE__ */ jsx7("p", { className: "db-settings-hint", role: "status", "aria-live": "polite", children: readinessSentence(status.tts, "Ready to read documents aloud.") }),
-      /* @__PURE__ */ jsx7("ul", { className: "db-settings-speech-models", children: modelRow(ttsModel) }),
-      ttsModel.installed && /* @__PURE__ */ jsxs6(Fragment4, { children: [
-        /* @__PURE__ */ jsxs6("label", { className: "db-settings-select", children: [
-          /* @__PURE__ */ jsx7("span", { className: "db-settings-select-header", children: "Voice" }),
-          /* @__PURE__ */ jsx7(
-            "select",
+      ] })
+    }
+  ];
+  if (ai) {
+    sections.push({ id: "ai", label: "AI", content: /* @__PURE__ */ jsx9(AiSettingsControls, { ai }) });
+  }
+  if (speechSession?.speech.transcribe) {
+    sections.push({
+      id: "dictation",
+      label: "Dictation",
+      content: /* @__PURE__ */ jsx9(DictationSettingsControls, { session: speechSession })
+    });
+  }
+  if (speechSession?.speech.synthesize) {
+    sections.push({
+      id: "narration",
+      label: "Narration",
+      content: /* @__PURE__ */ jsx9(NarrationSettingsControls, { session: speechSession })
+    });
+  }
+  if (tray || getStorageEstimate || onVersioningPreferenceChange) {
+    sections.push({
+      id: "device",
+      label: "Device integration",
+      content: /* @__PURE__ */ jsxs8(Fragment5, { children: [
+        tray && /* @__PURE__ */ jsx9(TraySettingsControls, { menu: tray, platform: getHostEnvironment()?.platform }),
+        getStorageEstimate && /* @__PURE__ */ jsxs8("fieldset", { className: "db-settings-fieldset", children: [
+          /* @__PURE__ */ jsx9("legend", { className: "db-settings-legend", children: "Storage" }),
+          /* @__PURE__ */ jsx9("p", { className: "db-settings-hint", children: storageEstimate ? `DocBlocks documents and app data are using ${formatBytes(
+            storageEstimate.usage
+          )} of the ${formatBytes(
+            storageEstimate.quota
+          )} this browser allows for the site.` : "Storage usage is not available in this browser." }),
+          storagePersistent !== void 0 && /* @__PURE__ */ jsx9("p", { className: "db-settings-hint", children: storagePersistent ? "Protected from routine browser cleanup on this device." : "Browsers may clear site data under storage pressure unless protection is granted." }),
+          onKeepBrowserData && /* @__PURE__ */ jsx9(
+            "button",
             {
-              className: "db-settings-select-input",
-              value: preferences.voice ?? catalog.voices[0]?.id ?? "",
-              onChange: (event) => void update({ voice: event.currentTarget.value }),
-              children: catalog.voices.map((voice) => /* @__PURE__ */ jsxs6("option", { value: voice.id, children: [
-                voice.label,
-                " (",
-                voice.language === "en-GB" ? "UK" : "US",
-                voice.gender ? ` ${voice.gender}` : "",
-                ")"
-              ] }, voice.id))
+              type: "button",
+              className: "db-settings-action",
+              disabled: requestingPersistentStorage,
+              onClick: onKeepBrowserData,
+              children: requestingPersistentStorage ? "Requesting storage protection\u2026" : "Protect data from browser cleanup"
             }
           )
         ] }),
-        /* @__PURE__ */ jsxs6("label", { className: "db-settings-select", htmlFor: speedId, children: [
-          /* @__PURE__ */ jsxs6("span", { className: "db-settings-select-header", children: [
-            "Speed: ",
-            preferences.speed.toFixed(2),
-            "\xD7"
+        onVersioningPreferenceChange && /* @__PURE__ */ jsxs8("fieldset", { className: "db-settings-fieldset", children: [
+          /* @__PURE__ */ jsx9("legend", { className: "db-settings-legend", children: "Version history" }),
+          /* @__PURE__ */ jsxs8("p", { className: "db-settings-hint", children: [
+            "When on, DocBlocks keeps prior revisions of each document inside a sibling",
+            " ",
+            /* @__PURE__ */ jsx9("code", { children: "<name>_files/.versions/" }),
+            " folder. Individual workspaces can override this default in their own settings."
           ] }),
-          /* @__PURE__ */ jsx7(
-            "input",
+          /* @__PURE__ */ jsxs8("label", { className: "db-settings-radio", children: [
+            /* @__PURE__ */ jsx9(
+              "input",
+              {
+                type: "radio",
+                name: "versioning",
+                value: "on",
+                checked: versioningPreference === "on",
+                onChange: () => onVersioningPreferenceChange("on")
+              }
+            ),
+            "On for all workspaces"
+          ] }),
+          /* @__PURE__ */ jsxs8("label", { className: "db-settings-radio", children: [
+            /* @__PURE__ */ jsx9(
+              "input",
+              {
+                type: "radio",
+                name: "versioning",
+                value: "browser-only",
+                checked: versioningPreference === "browser-only",
+                onChange: () => onVersioningPreferenceChange("browser-only")
+              }
+            ),
+            "On in browser workspaces, off for local folders"
+          ] }),
+          /* @__PURE__ */ jsxs8("label", { className: "db-settings-radio", children: [
+            /* @__PURE__ */ jsx9(
+              "input",
+              {
+                type: "radio",
+                name: "versioning",
+                value: "off",
+                checked: versioningPreference === "off",
+                onChange: () => onVersioningPreferenceChange("off")
+              }
+            ),
+            "Off for all workspaces"
+          ] }),
+          onOpenWorkspaceSettings && /* @__PURE__ */ jsx9(
+            "button",
             {
-              id: speedId,
-              type: "range",
-              min: 0.5,
-              max: 2,
-              step: 0.05,
-              value: preferences.speed,
-              onChange: (event) => setPreferences({ ...preferences, speed: Number(event.currentTarget.value) }),
-              onPointerUp: (event) => void update({ speed: Number(event.currentTarget.value) }),
-              onKeyUp: (event) => void update({ speed: Number(event.currentTarget.value) })
+              type: "button",
+              className: "db-git-secondary-btn db-settings-link-btn",
+              onClick: onOpenWorkspaceSettings,
+              children: "This workspace\u2019s settings\u2026"
             }
           )
-        ] }),
-        /* @__PURE__ */ jsx7(
-          "button",
-          {
-            type: "button",
-            className: "db-settings-action db-settings-action--secondary",
-            onClick: () => previewing ? stopPreview() : startPreview(),
-            children: previewing ? "Stop preview" : "Preview voice"
-          }
-        )
+        ] })
       ] })
-    ] })
-  ] });
-}
-
-// src/Settings/TraySettings.tsx
-import { useCallback as useCallback8, useEffect as useEffect8, useRef as useRef8, useState as useState7 } from "react";
-import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
-function trayPlace(platform) {
-  switch (platform) {
-    case "darwin":
-      return { legend: "Menu bar", label: "Show DocBlocks in the menu bar" };
-    case "win32":
-      return {
-        legend: "Notification area",
-        label: "Show DocBlocks in the notification area"
-      };
-    default:
-      return { legend: "System tray", label: "Show DocBlocks in the system tray" };
+    });
   }
-}
-function TraySettingsControls({ menu, platform }) {
-  const [enabled, setEnabled] = useState7(null);
-  const [saving, setSaving] = useState7(false);
-  const [failure, setFailure] = useState7(null);
-  const mounted = useRef8(true);
-  useEffect8(() => {
-    mounted.current = true;
-    const read2 = menu.getTrayEnabled;
-    if (read2) {
-      read2.call(menu).then(
-        (value) => {
-          if (mounted.current) setEnabled(value);
-        },
-        () => {
-          if (mounted.current) setFailure("DocBlocks could not read this setting.");
-        }
-      );
-    }
-    return () => {
-      mounted.current = false;
-    };
-  }, [menu]);
-  const change = useCallback8(
-    async (next) => {
-      const write2 = menu.setTrayEnabled;
-      if (!write2) return;
-      setSaving(true);
-      setFailure(null);
-      setEnabled(next);
-      try {
-        const saved = await write2.call(menu, next);
-        if (mounted.current) setEnabled(saved);
-      } catch {
-        if (mounted.current) {
-          setEnabled(!next);
-          setFailure("DocBlocks could not change this setting. Try again.");
-        }
-      } finally {
-        if (mounted.current) setSaving(false);
-      }
-    },
-    [menu]
+  return /* @__PURE__ */ jsx9(
+    SettingsDialog,
+    {
+      onClose,
+      sections,
+      section,
+      onSectionChange
+    }
   );
-  const place = trayPlace(platform);
-  return /* @__PURE__ */ jsxs7("fieldset", { className: "db-settings-fieldset", children: [
-    /* @__PURE__ */ jsx8("legend", { className: "db-settings-legend", children: place.legend }),
-    /* @__PURE__ */ jsxs7("label", { className: "db-settings-checkbox", children: [
-      /* @__PURE__ */ jsx8(
-        "input",
-        {
-          type: "checkbox",
-          checked: enabled === true,
-          disabled: enabled === null || saving,
-          onChange: (event) => void change(event.currentTarget.checked)
-        }
-      ),
-      place.label
-    ] }),
-    /* @__PURE__ */ jsx8("p", { className: "db-settings-hint", children: "One click to a new document, a folder, or any document you have pinned." }),
-    failure && /* @__PURE__ */ jsx8("p", { className: "db-settings-hint db-settings-ai-error", role: "alert", children: failure })
-  ] });
 }
 
 // src/AppMenu/AppMenu.tsx
-import { Fragment as Fragment5, jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
-function formatBytes(bytes) {
-  if (!Number.isFinite(bytes) || bytes < 0) return "\u2014";
-  let value = bytes;
-  let unit = "B";
-  for (const next of ["KB", "MB", "GB", "TB"]) {
-    if (value < 1024) break;
-    value /= 1024;
-    unit = next;
-  }
-  return `${value >= 100 || unit === "B" ? Math.round(value) : value.toFixed(1)} ${unit}`;
-}
+import { Fragment as Fragment6, jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
 var DOCUMENTATION_URL = "https://docblocks.com/docs/";
 var MORE_INFORMATION_URLS = Object.freeze({
   electron: "https://docblocks.com/desktop/",
@@ -4306,33 +4575,24 @@ function AppMenu({
   ai,
   speech,
   tray,
-  settingsRequest = 0
+  settingsRequest = 0,
+  settingsRequestSection
 }) {
-  const [isOpen, setIsOpen] = useState8(false);
-  const [showAbout, setShowAbout] = useState8(false);
-  const [showSettings, setShowSettings] = useState8(false);
-  useEffect9(() => {
-    if (settingsRequest > 0) setShowSettings(true);
-  }, [settingsRequest]);
-  const [requestingPersistentStorage, setRequestingPersistentStorage] = useState8(false);
-  const surface = getHostEnvironment()?.surface ?? "web";
+  const [isOpen, setIsOpen] = useState9(false);
+  const [showAbout, setShowAbout] = useState9(false);
+  const [showSettings, setShowSettings] = useState9(false);
+  const [settingsSection, setSettingsSection] = useState9("appearance");
+  useEffect10(() => {
+    if (settingsRequest <= 0) return;
+    if (settingsRequestSection) setSettingsSection(settingsRequestSection);
+    setShowSettings(true);
+  }, [settingsRequest, settingsRequestSection]);
+  const [requestingPersistentStorage, setRequestingPersistentStorage] = useState9(false);
+  const surface = getHostEnvironment2()?.surface ?? "web";
   const moreInformationUrl = MORE_INFORMATION_URLS[surface] ?? MORE_INFORMATION_URLS.web;
   const containerRef = useRef9(null);
   const { menuRef, triggerRef, handleMenuKeyDown, handleTriggerKeyDown, closeMenu } = useMenuKeyboard(isOpen, setIsOpen);
-  const [storageEstimate, setStorageEstimate] = useState8(null);
-  useEffect9(() => {
-    if (!showSettings || !getStorageEstimate) return;
-    let cancelled = false;
-    getStorageEstimate().then((estimate) => {
-      if (!cancelled) setStorageEstimate(estimate);
-    }).catch(() => {
-      if (!cancelled) setStorageEstimate(null);
-    });
-    return () => {
-      cancelled = true;
-    };
-  }, [showSettings, getStorageEstimate]);
-  useEffect9(() => {
+  useEffect10(() => {
     if (!isOpen) return;
     function handleOutsideClick(e) {
       if (containerRef.current && !containerRef.current.contains(e.target)) {
@@ -4359,9 +4619,9 @@ function AppMenu({
       setRequestingPersistentStorage(false);
     }
   }, [onKeepBrowserData, requestingPersistentStorage]);
-  return /* @__PURE__ */ jsxs8(Fragment5, { children: [
-    /* @__PURE__ */ jsxs8("div", { ref: containerRef, className: "db-app-menu", children: [
-      /* @__PURE__ */ jsxs8(
+  return /* @__PURE__ */ jsxs9(Fragment6, { children: [
+    /* @__PURE__ */ jsxs9("div", { ref: containerRef, className: "db-app-menu", children: [
+      /* @__PURE__ */ jsxs9(
         "button",
         {
           ref: triggerRef,
@@ -4371,8 +4631,8 @@ function AppMenu({
           "aria-expanded": isOpen,
           "aria-haspopup": "menu",
           children: [
-            logoUrl ? /* @__PURE__ */ jsxs8(Fragment5, { children: [
-              /* @__PURE__ */ jsx9(
+            logoUrl ? /* @__PURE__ */ jsxs9(Fragment6, { children: [
+              /* @__PURE__ */ jsx10(
                 "img",
                 {
                   src: logoUrl,
@@ -4382,7 +4642,7 @@ function AppMenu({
                   height: 242
                 }
               ),
-              logoDarkUrl && /* @__PURE__ */ jsx9(
+              logoDarkUrl && /* @__PURE__ */ jsx10(
                 "img",
                 {
                   src: logoDarkUrl,
@@ -4392,8 +4652,8 @@ function AppMenu({
                   height: 242
                 }
               )
-            ] }) : /* @__PURE__ */ jsx9("span", { className: "db-app-menu-label", children: "docblocks" }),
-            /* @__PURE__ */ jsx9(
+            ] }) : /* @__PURE__ */ jsx10("span", { className: "db-app-menu-label", children: "docblocks" }),
+            /* @__PURE__ */ jsx10(
               "span",
               {
                 className: `db-app-menu-caret${isOpen ? " db-app-menu-caret--open" : ""}`,
@@ -4403,7 +4663,7 @@ function AppMenu({
           ]
         }
       ),
-      isOpen && /* @__PURE__ */ jsxs8(
+      isOpen && /* @__PURE__ */ jsxs9(
         "div",
         {
           ref: menuRef,
@@ -4411,7 +4671,7 @@ function AppMenu({
           role: "menu",
           onKeyDown: handleMenuKeyDown,
           children: [
-            /* @__PURE__ */ jsx9(
+            /* @__PURE__ */ jsx10(
               "button",
               {
                 className: "db-app-menu-item",
@@ -4421,7 +4681,7 @@ function AppMenu({
                 children: "Settings"
               }
             ),
-            onInstallApp && /* @__PURE__ */ jsx9(
+            onInstallApp && /* @__PURE__ */ jsx10(
               "button",
               {
                 className: "db-app-menu-item",
@@ -4431,8 +4691,8 @@ function AppMenu({
                 children: "Install DocBlocks\u2026"
               }
             ),
-            (onDownloadAllWorkspaces || onRestoreBackup || onKeepBrowserData) && /* @__PURE__ */ jsx9("div", { className: "db-app-menu-divider" }),
-            onDownloadAllWorkspaces && /* @__PURE__ */ jsx9(
+            (onDownloadAllWorkspaces || onRestoreBackup || onKeepBrowserData) && /* @__PURE__ */ jsx10("div", { className: "db-app-menu-divider" }),
+            onDownloadAllWorkspaces && /* @__PURE__ */ jsx10(
               "button",
               {
                 className: "db-app-menu-item",
@@ -4442,7 +4702,7 @@ function AppMenu({
                 children: "Back up all workspaces"
               }
             ),
-            onRestoreBackup && /* @__PURE__ */ jsx9(
+            onRestoreBackup && /* @__PURE__ */ jsx10(
               "button",
               {
                 className: "db-app-menu-item",
@@ -4452,7 +4712,7 @@ function AppMenu({
                 children: "Restore backup\u2026"
               }
             ),
-            onKeepBrowserData && /* @__PURE__ */ jsx9(
+            onKeepBrowserData && /* @__PURE__ */ jsx10(
               "button",
               {
                 className: "db-app-menu-item",
@@ -4462,8 +4722,8 @@ function AppMenu({
                 children: "Protect data from browser cleanup"
               }
             ),
-            /* @__PURE__ */ jsx9("div", { className: "db-app-menu-divider" }),
-            onShowKeyboardShortcuts && /* @__PURE__ */ jsxs8(
+            /* @__PURE__ */ jsx10("div", { className: "db-app-menu-divider" }),
+            onShowKeyboardShortcuts && /* @__PURE__ */ jsxs9(
               "button",
               {
                 className: "db-app-menu-item db-app-menu-item--with-shortcut",
@@ -4473,11 +4733,11 @@ function AppMenu({
                 onClick: () => handleAction(onShowKeyboardShortcuts),
                 children: [
                   "Keyboard shortcuts",
-                  /* @__PURE__ */ jsx9("span", { className: "db-app-menu-shortcut", "aria-hidden": "true", children: "F1" })
+                  /* @__PURE__ */ jsx10("span", { className: "db-app-menu-shortcut", "aria-hidden": "true", children: "F1" })
                 ]
               }
             ),
-            /* @__PURE__ */ jsx9(
+            /* @__PURE__ */ jsx10(
               "a",
               {
                 className: "db-app-menu-item",
@@ -4490,7 +4750,7 @@ function AppMenu({
                 children: "Documentation"
               }
             ),
-            /* @__PURE__ */ jsx9(
+            /* @__PURE__ */ jsx10(
               "button",
               {
                 className: "db-app-menu-item",
@@ -4504,157 +4764,69 @@ function AppMenu({
         }
       )
     ] }),
-    showSettings && /* @__PURE__ */ jsxs8(SettingsDialog, { onClose: () => setShowSettings(false), children: [
-      /* @__PURE__ */ jsx9(
-        ThemeSettings,
-        {
-          value: themePreference,
-          onChange: (preference) => onThemeChange?.(preference)
-        }
-      ),
-      /* @__PURE__ */ jsx9(
-        AccentColorSettings,
-        {
-          value: accentColor,
-          onChange: (color) => onAccentColorChange?.(color)
-        }
-      ),
-      /* @__PURE__ */ jsx9(
-        InterfaceFontSettings,
-        {
-          value: interfaceFont,
-          onChange: (font) => onInterfaceFontChange?.(font)
-        }
-      ),
-      /* @__PURE__ */ jsx9(
-        WriteCanvasSettingsControls,
-        {
-          value: writeCanvasSettings,
-          onChange: (settings) => onWriteCanvasSettingsChange?.(settings)
-        }
-      ),
-      /* @__PURE__ */ jsx9(
-        ProofingSettingsControls,
-        {
-          value: proofingPreferences,
-          onChange: (settings) => onProofingPreferencesChange?.(settings)
-        }
-      ),
-      ai && /* @__PURE__ */ jsx9(AiSettingsControls, { ai }),
-      speech && /* @__PURE__ */ jsx9(SpeechSettingsControls, { speech }),
-      tray && /* @__PURE__ */ jsx9(TraySettingsControls, { menu: tray, platform: getHostEnvironment()?.platform }),
-      getStorageEstimate && /* @__PURE__ */ jsxs8("fieldset", { className: "db-settings-fieldset", children: [
-        /* @__PURE__ */ jsx9("legend", { className: "db-settings-legend", children: "Storage" }),
-        /* @__PURE__ */ jsx9("p", { className: "db-settings-hint", children: storageEstimate ? `DocBlocks documents and app data are using ${formatBytes(
-          storageEstimate.usage
-        )} of the ${formatBytes(
-          storageEstimate.quota
-        )} this browser allows for the site.` : "Storage usage is not available in this browser." }),
-        storagePersistent !== void 0 && /* @__PURE__ */ jsx9("p", { className: "db-settings-hint", children: storagePersistent ? "Protected from routine browser cleanup on this device." : "Browsers may clear site data under storage pressure unless protection is granted." }),
-        onKeepBrowserData && /* @__PURE__ */ jsx9(
-          "button",
-          {
-            type: "button",
-            className: "db-settings-action",
-            disabled: requestingPersistentStorage,
-            onClick: () => void handleKeepBrowserDataFromSettings(),
-            children: requestingPersistentStorage ? "Requesting storage protection\u2026" : "Protect data from browser cleanup"
-          }
-        )
-      ] }),
-      onVersioningPreferenceChange && /* @__PURE__ */ jsxs8("fieldset", { className: "db-settings-fieldset", children: [
-        /* @__PURE__ */ jsx9("legend", { className: "db-settings-legend", children: "Version history" }),
-        /* @__PURE__ */ jsxs8("p", { className: "db-settings-hint", children: [
-          "When on, DocBlocks keeps prior revisions of each document inside a sibling",
-          " ",
-          /* @__PURE__ */ jsx9("code", { children: "<name>_files/.versions/" }),
-          " folder. Individual workspaces can override this default in their own settings."
-        ] }),
-        /* @__PURE__ */ jsxs8("label", { className: "db-settings-radio", children: [
-          /* @__PURE__ */ jsx9(
-            "input",
-            {
-              type: "radio",
-              name: "versioning",
-              value: "on",
-              checked: versioningPreference === "on",
-              onChange: () => onVersioningPreferenceChange("on")
-            }
-          ),
-          "On for all workspaces"
-        ] }),
-        /* @__PURE__ */ jsxs8("label", { className: "db-settings-radio", children: [
-          /* @__PURE__ */ jsx9(
-            "input",
-            {
-              type: "radio",
-              name: "versioning",
-              value: "browser-only",
-              checked: versioningPreference === "browser-only",
-              onChange: () => onVersioningPreferenceChange("browser-only")
-            }
-          ),
-          "On in browser workspaces, off for local folders"
-        ] }),
-        /* @__PURE__ */ jsxs8("label", { className: "db-settings-radio", children: [
-          /* @__PURE__ */ jsx9(
-            "input",
-            {
-              type: "radio",
-              name: "versioning",
-              value: "off",
-              checked: versioningPreference === "off",
-              onChange: () => onVersioningPreferenceChange("off")
-            }
-          ),
-          "Off for all workspaces"
-        ] }),
-        onOpenWorkspaceSettings && /* @__PURE__ */ jsx9(
-          "button",
-          {
-            type: "button",
-            className: "db-git-secondary-btn db-settings-link-btn",
-            onClick: () => {
-              setShowSettings(false);
-              onOpenWorkspaceSettings();
-            },
-            children: "This workspace\u2019s settings\u2026"
-          }
-        )
-      ] })
-    ] }),
-    showAbout && /* @__PURE__ */ jsxs8(Dialog, { title: "About DocBlocks", onClose: () => setShowAbout(false), children: [
-      /* @__PURE__ */ jsxs8("p", { children: [
-        /* @__PURE__ */ jsx9("strong", { children: "DocBlocks" }),
+    showSettings && /* @__PURE__ */ jsx10(
+      AppSettingsDialog,
+      {
+        onClose: () => setShowSettings(false),
+        section: settingsSection,
+        onSectionChange: setSettingsSection,
+        themePreference,
+        onThemeChange,
+        accentColor,
+        onAccentColorChange,
+        interfaceFont,
+        onInterfaceFontChange,
+        writeCanvasSettings,
+        onWriteCanvasSettingsChange,
+        proofingPreferences,
+        onProofingPreferencesChange,
+        ai,
+        speech,
+        tray,
+        getStorageEstimate,
+        storagePersistent,
+        onKeepBrowserData: onKeepBrowserData ? () => void handleKeepBrowserDataFromSettings() : void 0,
+        requestingPersistentStorage,
+        versioningPreference,
+        onVersioningPreferenceChange,
+        onOpenWorkspaceSettings: onOpenWorkspaceSettings ? () => {
+          setShowSettings(false);
+          onOpenWorkspaceSettings();
+        } : void 0
+      }
+    ),
+    showAbout && /* @__PURE__ */ jsxs9(Dialog, { title: "About DocBlocks", onClose: () => setShowAbout(false), children: [
+      /* @__PURE__ */ jsxs9("p", { children: [
+        /* @__PURE__ */ jsx10("strong", { children: "DocBlocks" }),
         " is a local-first Markdown document editor. Your files stay under your control."
       ] }),
-      appVersion && /* @__PURE__ */ jsxs8("p", { className: "db-about-version", children: [
-        /* @__PURE__ */ jsx9("span", { children: "Version" }),
-        /* @__PURE__ */ jsx9("code", { "aria-label": `DocBlocks version ${appVersion}`, children: appVersion })
+      appVersion && /* @__PURE__ */ jsxs9("p", { className: "db-about-version", children: [
+        /* @__PURE__ */ jsx10("span", { children: "Version" }),
+        /* @__PURE__ */ jsx10("code", { "aria-label": `DocBlocks version ${appVersion}`, children: appVersion })
       ] }),
-      appBuildDate && /* @__PURE__ */ jsxs8("p", { className: "db-about-version", children: [
-        /* @__PURE__ */ jsx9("span", { children: "Build" }),
-        /* @__PURE__ */ jsx9("time", { dateTime: appBuildDate, children: displayBuildDate(appBuildDate) })
+      appBuildDate && /* @__PURE__ */ jsxs9("p", { className: "db-about-version", children: [
+        /* @__PURE__ */ jsx10("span", { children: "Build" }),
+        /* @__PURE__ */ jsx10("time", { dateTime: appBuildDate, children: displayBuildDate(appBuildDate) })
       ] }),
-      /* @__PURE__ */ jsxs8("p", { children: [
+      /* @__PURE__ */ jsxs9("p", { children: [
         "Built with",
         " ",
-        /* @__PURE__ */ jsx9("a", { href: "https://github.com/bendyline/squisq", target: "_blank", rel: "noopener noreferrer", children: "squisq" }),
+        /* @__PURE__ */ jsx10("a", { href: "https://github.com/bendyline/squisq", target: "_blank", rel: "noopener noreferrer", children: "squisq" }),
         " ",
         "by",
         " ",
-        /* @__PURE__ */ jsx9("a", { href: "https://bendyline.com", target: "_blank", rel: "noopener noreferrer", children: "Bendyline" }),
+        /* @__PURE__ */ jsx10("a", { href: "https://bendyline.com", target: "_blank", rel: "noopener noreferrer", children: "Bendyline" }),
         "."
       ] }),
-      surface === "web" && /* @__PURE__ */ jsxs8("p", { children: [
+      surface === "web" && /* @__PURE__ */ jsxs9("p", { children: [
         "See our free desktop apps at",
         " ",
-        /* @__PURE__ */ jsx9("a", { href: MORE_INFORMATION_URLS.electron, target: "_blank", rel: "noopener noreferrer", children: "docblocks.com/desktop" }),
+        /* @__PURE__ */ jsx10("a", { href: MORE_INFORMATION_URLS.electron, target: "_blank", rel: "noopener noreferrer", children: "docblocks.com/desktop" }),
         "."
       ] }),
-      /* @__PURE__ */ jsxs8("p", { className: "db-dialog-links", children: [
-        /* @__PURE__ */ jsx9("a", { href: moreInformationUrl, target: "_blank", rel: "noopener noreferrer", children: "More information..." }),
-        /* @__PURE__ */ jsx9(
+      /* @__PURE__ */ jsxs9("p", { className: "db-dialog-links", children: [
+        /* @__PURE__ */ jsx10("a", { href: moreInformationUrl, target: "_blank", rel: "noopener noreferrer", children: "More information..." }),
+        /* @__PURE__ */ jsx10(
           "a",
           {
             href: "https://github.com/bendyline/docblocks",
@@ -4663,7 +4835,7 @@ function AppMenu({
             children: "GitHub"
           }
         ),
-        /* @__PURE__ */ jsx9(
+        /* @__PURE__ */ jsx10(
           "a",
           {
             href: "https://github.com/bendyline/docblocks/releases",
@@ -4672,7 +4844,7 @@ function AppMenu({
             children: "Release notes"
           }
         ),
-        /* @__PURE__ */ jsx9(
+        /* @__PURE__ */ jsx10(
           "a",
           {
             href: "https://github.com/bendyline/docblocks/issues",
@@ -4681,7 +4853,7 @@ function AppMenu({
             children: "Support"
           }
         ),
-        /* @__PURE__ */ jsx9(
+        /* @__PURE__ */ jsx10(
           "a",
           {
             href: "https://github.com/bendyline/docblocks/blob/main/LICENSE",
@@ -4690,7 +4862,7 @@ function AppMenu({
             children: "License (MIT)"
           }
         ),
-        /* @__PURE__ */ jsx9(
+        /* @__PURE__ */ jsx10(
           "a",
           {
             href: "https://github.com/bendyline/docblocks/blob/main/NOTICE.md",
@@ -4758,18 +4930,18 @@ async function restoreBrowserBackup(file) {
 }
 
 // src/WorkspacePicker/WorkspaceSettingsButton.tsx
-import { useState as useState9, useCallback as useCallback10, useRef as useRef10, useEffect as useEffect10 } from "react";
-import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
+import { useState as useState10, useCallback as useCallback10, useRef as useRef10, useEffect as useEffect11 } from "react";
+import { jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
 function WorkspaceSettingsButton({
   onSettings,
   onRename,
   onDownload,
   onRemove
 }) {
-  const [isOpen, setIsOpen] = useState9(false);
+  const [isOpen, setIsOpen] = useState10(false);
   const containerRef = useRef10(null);
   const { menuRef, triggerRef, handleMenuKeyDown, handleTriggerKeyDown, closeMenu } = useMenuKeyboard(isOpen, setIsOpen);
-  useEffect10(() => {
+  useEffect11(() => {
     if (!isOpen) return;
     function handleOutsideClick(e) {
       if (containerRef.current && !containerRef.current.contains(e.target)) {
@@ -4786,8 +4958,8 @@ function WorkspaceSettingsButton({
     },
     [closeMenu]
   );
-  return /* @__PURE__ */ jsxs9("div", { ref: containerRef, className: "db-ws-settings", children: [
-    /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsxs10("div", { ref: containerRef, className: "db-ws-settings", children: [
+    /* @__PURE__ */ jsx11(
       "button",
       {
         ref: triggerRef,
@@ -4798,10 +4970,10 @@ function WorkspaceSettingsButton({
         "aria-haspopup": "menu",
         "aria-label": "Workspace settings",
         title: "Workspace settings",
-        children: /* @__PURE__ */ jsx10(WorkspaceIcon, {})
+        children: /* @__PURE__ */ jsx11(WorkspaceIcon, {})
       }
     ),
-    isOpen && /* @__PURE__ */ jsxs9(
+    isOpen && /* @__PURE__ */ jsxs10(
       "div",
       {
         ref: menuRef,
@@ -4809,7 +4981,7 @@ function WorkspaceSettingsButton({
         role: "menu",
         onKeyDown: handleMenuKeyDown,
         children: [
-          /* @__PURE__ */ jsx10(
+          /* @__PURE__ */ jsx11(
             "button",
             {
               className: "db-ws-settings-item",
@@ -4819,7 +4991,7 @@ function WorkspaceSettingsButton({
               children: "Workspace settings\u2026"
             }
           ),
-          /* @__PURE__ */ jsx10(
+          /* @__PURE__ */ jsx11(
             "button",
             {
               className: "db-ws-settings-item",
@@ -4829,7 +5001,7 @@ function WorkspaceSettingsButton({
               children: "Rename workspace"
             }
           ),
-          /* @__PURE__ */ jsx10(
+          /* @__PURE__ */ jsx11(
             "button",
             {
               className: "db-ws-settings-item",
@@ -4839,8 +5011,8 @@ function WorkspaceSettingsButton({
               children: "Back up this workspace"
             }
           ),
-          /* @__PURE__ */ jsx10("div", { className: "db-ws-settings-divider" }),
-          /* @__PURE__ */ jsx10(
+          /* @__PURE__ */ jsx11("div", { className: "db-ws-settings-divider" }),
+          /* @__PURE__ */ jsx11(
             "button",
             {
               className: "db-ws-settings-item db-ws-settings-item--danger",
@@ -4857,7 +5029,7 @@ function WorkspaceSettingsButton({
 }
 
 // src/WorkspacePicker/WorkspaceSettingsDialog.tsx
-import { useEffect as useEffect11, useMemo as useMemo2, useState as useState10 } from "react";
+import { useEffect as useEffect12, useMemo as useMemo2, useState as useState11 } from "react";
 import { getThemeSummaries } from "@bendyline/squisq/schemas";
 import {
   diffWorkspaceSettings,
@@ -4911,7 +5083,7 @@ function resolveVersioningEnabled(workspace, globalPref, workspaceSettings) {
 }
 
 // src/WorkspacePicker/WorkspaceSettingsDialog.tsx
-import { Fragment as Fragment6, jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
 var VERSIONING_LABELS = {
   on: "on",
   "browser-only": "on for browser workspaces, off for local folders",
@@ -4960,15 +5132,15 @@ function WorkspaceSettingsDialog({
 }) {
   const writable = isWorkspaceSettingsWritable(settings);
   const base = settings.settings;
-  const [draft, setDraft] = useState10(
+  const [draft, setDraft] = useState11(
     () => initialDraft(workspace, settings.settings)
   );
-  const [touched, setTouched] = useState10(false);
-  useEffect11(() => {
+  const [touched, setTouched] = useState11(false);
+  useEffect12(() => {
     if (!touched) setDraft(initialDraft(workspace, settings.settings));
   }, [settings.settings, touched, workspace]);
-  const [saving, setSaving] = useState10(false);
-  const [saveError, setSaveError] = useState10(null);
+  const [saving, setSaving] = useState11(false);
+  const [saveError, setSaveError] = useState11(null);
   const themes = useMemo2(() => getThemeSummaries(), []);
   const patch = useMemo2(() => diffWorkspaceSettings(base, draft), [base, draft]);
   const validation = useMemo2(() => tryApplyWorkspaceSettingsPatch(base, patch), [base, patch]);
@@ -4993,16 +5165,16 @@ function WorkspaceSettingsDialog({
     }
   };
   const notice = settings.status === "loading" ? "Loading workspace settings\u2026" : writable ? null : settings.message ?? "These workspace settings cannot be changed here.";
-  return /* @__PURE__ */ jsxs10(
+  return /* @__PURE__ */ jsxs11(
     Dialog,
     {
       title: "Workspace settings",
       size: "wide",
       onClose,
       closeOnBackdrop: !changed,
-      footer: writable ? /* @__PURE__ */ jsxs10(Fragment6, { children: [
-        /* @__PURE__ */ jsx11("button", { type: "button", className: "db-git-secondary-btn", onClick: onClose, children: "Cancel" }),
-        /* @__PURE__ */ jsx11(
+      footer: writable ? /* @__PURE__ */ jsxs11(Fragment7, { children: [
+        /* @__PURE__ */ jsx12("button", { type: "button", className: "db-git-secondary-btn", onClick: onClose, children: "Cancel" }),
+        /* @__PURE__ */ jsx12(
           "button",
           {
             type: "button",
@@ -5012,19 +5184,19 @@ function WorkspaceSettingsDialog({
             children: saving ? "Saving\u2026" : "Save"
           }
         )
-      ] }) : /* @__PURE__ */ jsx11("button", { type: "button", className: "db-git-secondary-btn", onClick: onClose, children: "Close" }),
+      ] }) : /* @__PURE__ */ jsx12("button", { type: "button", className: "db-git-secondary-btn", onClick: onClose, children: "Close" }),
       children: [
-        /* @__PURE__ */ jsxs10("p", { className: "db-settings-hint", children: [
-          /* @__PURE__ */ jsx11("strong", { children: workspace.name }),
+        /* @__PURE__ */ jsxs11("p", { className: "db-settings-hint", children: [
+          /* @__PURE__ */ jsx12("strong", { children: workspace.name }),
           " \xB7",
           " ",
           isLocal ? "Local folder workspace" : "Browser workspace",
           " \xB7 saved in",
           " ",
-          /* @__PURE__ */ jsx11("code", { children: ".docblocks/workspace.json" })
+          /* @__PURE__ */ jsx12("code", { children: ".docblocks/workspace.json" })
         ] }),
-        notice && /* @__PURE__ */ jsx11("p", { className: "db-settings-status db-settings-status--warning", role: "status", children: notice }),
-        /* @__PURE__ */ jsx11(
+        notice && /* @__PURE__ */ jsx12("p", { className: "db-settings-status db-settings-status--warning", role: "status", children: notice }),
+        /* @__PURE__ */ jsx12(
           WorkspaceSettingsControls,
           {
             value: draft,
@@ -5041,14 +5213,14 @@ function WorkspaceSettingsDialog({
             regenerating: outputsStatus.state === "running"
           }
         ),
-        (saveError || !validation.ok && changed) && /* @__PURE__ */ jsx11("p", { className: "db-settings-status db-settings-status--warning", role: "alert", children: saveError ?? (!validation.ok ? validation.message : null) })
+        (saveError || !validation.ok && changed) && /* @__PURE__ */ jsx12("p", { className: "db-settings-status db-settings-status--warning", role: "alert", children: saveError ?? (!validation.ok ? validation.message : null) })
       ]
     }
   );
 }
 
 // src/WorkspaceSettings/useWorkspaceSettings.ts
-import { useCallback as useCallback11, useEffect as useEffect12, useRef as useRef11, useState as useState11 } from "react";
+import { useCallback as useCallback11, useEffect as useEffect13, useRef as useRef11, useState as useState12 } from "react";
 import { maybeGetDocBlocksHost } from "@bendyline/docblocks/host";
 import { getFileSystemProviderV2 as getFileSystemProviderV24 } from "@bendyline/docblocks/filesystem";
 import {
@@ -5063,13 +5235,13 @@ function sameState(left, right) {
 }
 function useWorkspaceSettings(provider, enabled) {
   const providerV2 = provider && enabled ? getFileSystemProviderV24(provider) : null;
-  const [state, setState] = useState11(
+  const [state, setState] = useState12(
     providerV2 ? LOADING_WORKSPACE_SETTINGS : UNAVAILABLE_WORKSPACE_SETTINGS
   );
   const stateRef = useRef11(state);
   stateRef.current = state;
   const generationRef = useRef11(0);
-  const [refreshKey, setRefreshKey] = useState11(0);
+  const [refreshKey, setRefreshKey] = useState12(0);
   const refresh = useCallback11(() => setRefreshKey((key) => key + 1), []);
   const providerRef = useRef11(providerV2);
   if (providerRef.current !== providerV2) {
@@ -5079,7 +5251,7 @@ function useWorkspaceSettings(provider, enabled) {
     stateRef.current = reset;
     setState(reset);
   }
-  useEffect12(() => {
+  useEffect13(() => {
     if (!providerV2) return;
     const generation = generationRef.current;
     let cancelled = false;
@@ -5094,7 +5266,7 @@ function useWorkspaceSettings(provider, enabled) {
       cancelled = true;
     };
   }, [providerV2, refreshKey]);
-  useEffect12(() => {
+  useEffect13(() => {
     if (!providerV2) return;
     window.addEventListener("focus", refresh);
     const stopResume = maybeGetDocBlocksHost()?.lifecycle?.onResume?.(refresh);
@@ -5130,7 +5302,7 @@ function useWorkspaceSettings(provider, enabled) {
 }
 
 // src/WorkspaceSettings/useWorkspaceOutputs.ts
-import { useEffect as useEffect13, useState as useState12, useSyncExternalStore as useSyncExternalStore2 } from "react";
+import { useEffect as useEffect14, useState as useState13, useSyncExternalStore as useSyncExternalStore2 } from "react";
 import { getFileSystemProviderV2 as getFileSystemProviderV25 } from "@bendyline/docblocks/filesystem";
 import {
   createWorkspaceOutputsScheduler,
@@ -5154,8 +5326,8 @@ var noSubscription = () => () => void 0;
 var idleStatus = () => IDLE_WORKSPACE_OUTPUTS_STATUS;
 function useWorkspaceOutputs(provider, workspaceId, settings, enabled) {
   const providerV2 = provider && enabled ? getFileSystemProviderV25(provider) : null;
-  const [scheduler, setScheduler] = useState12(null);
-  useEffect13(() => {
+  const [scheduler, setScheduler] = useState13(null);
+  useEffect14(() => {
     if (!providerV2 || !workspaceId) {
       setScheduler(null);
       return;
@@ -5176,7 +5348,7 @@ function useWorkspaceOutputs(provider, workspaceId, settings, enabled) {
       next.dispose();
     };
   }, [providerV2, workspaceId]);
-  useEffect13(() => {
+  useEffect14(() => {
     scheduler?.updateSettings(settings);
   }, [scheduler, settings]);
   const status = useSyncExternalStore2(
@@ -5211,22 +5383,22 @@ async function assertNotGeneratedCatalog(provider, path) {
 }
 
 // src/WorkspaceSettings/GeneratedFileView.tsx
-import { Fragment as Fragment7, jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx13, jsxs as jsxs12 } from "react/jsx-runtime";
 function GeneratedFileNotice({ kind, onOpenSettings, onBack }) {
-  return /* @__PURE__ */ jsxs11("div", { className: "db-generated-file-notice", role: "note", children: [
-    onBack && /* @__PURE__ */ jsx12("button", { type: "button", className: "db-generated-file-back", onClick: onBack, children: "Back to files" }),
-    /* @__PURE__ */ jsxs11("span", { className: "db-generated-file-notice-text", children: [
-      /* @__PURE__ */ jsx12("strong", { children: "Generated by DocBlocks \xB7 read-only." }),
+  return /* @__PURE__ */ jsxs12("div", { className: "db-generated-file-notice", role: "note", children: [
+    onBack && /* @__PURE__ */ jsx13("button", { type: "button", className: "db-generated-file-back", onClick: onBack, children: "Back to files" }),
+    /* @__PURE__ */ jsxs12("span", { className: "db-generated-file-notice-text", children: [
+      /* @__PURE__ */ jsx13("strong", { children: "Generated by DocBlocks \xB7 read-only." }),
       " ",
       kind === "catalog-html" ? "This catalog page is rebuilt from the documents in this folder as you save." : "This catalog data is rebuilt from the documents in this folder as you save."
     ] }),
-    onOpenSettings && /* @__PURE__ */ jsx12("button", { type: "button", className: "db-git-secondary-btn", onClick: onOpenSettings, children: "Catalog settings\u2026" })
+    onOpenSettings && /* @__PURE__ */ jsx13("button", { type: "button", className: "db-git-secondary-btn", onClick: onOpenSettings, children: "Catalog settings\u2026" })
   ] });
 }
 function GeneratedCatalogPage({ html, fileName, ...notice }) {
-  return /* @__PURE__ */ jsxs11("div", { className: "db-generated-file", children: [
-    /* @__PURE__ */ jsx12(GeneratedFileNotice, { kind: "catalog-html", ...notice }),
-    /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsxs12("div", { className: "db-generated-file", children: [
+    /* @__PURE__ */ jsx13(GeneratedFileNotice, { kind: "catalog-html", ...notice }),
+    /* @__PURE__ */ jsx13(
       "iframe",
       {
         className: "db-generated-file-preview",
@@ -5239,10 +5411,10 @@ function GeneratedCatalogPage({ html, fileName, ...notice }) {
   ] });
 }
 function GeneratedFileFrame({ kind, children, ...notice }) {
-  if (!kind) return /* @__PURE__ */ jsx12(Fragment7, { children });
-  return /* @__PURE__ */ jsxs11("div", { className: "db-generated-file", children: [
-    /* @__PURE__ */ jsx12(GeneratedFileNotice, { kind, ...notice }),
-    /* @__PURE__ */ jsx12("div", { className: "db-generated-file-body", children })
+  if (!kind) return /* @__PURE__ */ jsx13(Fragment8, { children });
+  return /* @__PURE__ */ jsxs12("div", { className: "db-generated-file", children: [
+    /* @__PURE__ */ jsx13(GeneratedFileNotice, { kind, ...notice }),
+    /* @__PURE__ */ jsx13("div", { className: "db-generated-file-body", children })
   ] });
 }
 
@@ -5254,14 +5426,14 @@ import {
 } from "@bendyline/docblocks/workspace-settings";
 
 // src/hooks/useDocumentSession.ts
-import { useState as useState13, useSyncExternalStore as useSyncExternalStore3 } from "react";
+import { useState as useState14, useSyncExternalStore as useSyncExternalStore3 } from "react";
 import {
   DocumentRecoveryJournal,
   DocumentSession,
   getDefaultDocumentRecoveryStorage
 } from "@bendyline/docblocks/document";
 function useDocumentSession(autoSaveDelayMs = 500) {
-  const [session] = useState13(
+  const [session] = useState14(
     () => new DocumentSession({
       autoSaveDelayMs,
       recoveryJournal: new DocumentRecoveryJournal(getDefaultDocumentRecoveryStorage())
@@ -5277,14 +5449,14 @@ function useDocumentSession(autoSaveDelayMs = 500) {
 
 // src/Export/DeferredExportToolbarControls.tsx
 import { lazy, Suspense } from "react";
-import { jsx as jsx13 } from "react/jsx-runtime";
+import { jsx as jsx14 } from "react/jsx-runtime";
 var ExportToolbarControlsImplementation = lazy(
-  () => import("./ExportToolbarControls-2XY2CKGH.js").then((module) => ({
+  () => import("./ExportToolbarControls-ZOYH4I36.js").then((module) => ({
     default: module.ExportToolbarControls
   }))
 );
 function ExportToolbarControls(props) {
-  return /* @__PURE__ */ jsx13(Suspense, { fallback: null, children: /* @__PURE__ */ jsx13(ExportToolbarControlsImplementation, { ...props }) });
+  return /* @__PURE__ */ jsx14(Suspense, { fallback: null, children: /* @__PURE__ */ jsx14(ExportToolbarControlsImplementation, { ...props }) });
 }
 
 // src/Export/host-export-save.ts
@@ -5324,17 +5496,17 @@ async function saveBlobToHost(exports, documentId, blob, filename, grantId) {
 }
 
 // src/Git/useGit.ts
-import { useCallback as useCallback13, useEffect as useEffect15, useMemo as useMemo3, useRef as useRef13, useState as useState15 } from "react";
+import { useCallback as useCallback13, useEffect as useEffect16, useMemo as useMemo3, useRef as useRef13, useState as useState16 } from "react";
 import { maybeGetDocBlocksHost as maybeGetDocBlocksHost2 } from "@bendyline/docblocks/host";
 
 // src/Git/useGitStatus.ts
-import { useCallback as useCallback12, useEffect as useEffect14, useRef as useRef12, useState as useState14 } from "react";
+import { useCallback as useCallback12, useEffect as useEffect15, useRef as useRef12, useState as useState15 } from "react";
 var SCHEDULE_REFRESH_MS = 1500;
 function statusKey(status) {
   return JSON.stringify(status);
 }
 function useGitStatus(gitApi, repositoryId, enabled) {
-  const [status, setStatus] = useState14(null);
+  const [status, setStatus] = useState15(null);
   const lastKeyRef = useRef12(null);
   const timerRef = useRef12(null);
   const generationRef = useRef12(0);
@@ -5344,7 +5516,7 @@ function useGitStatus(gitApi, repositoryId, enabled) {
     lastKeyRef.current = key;
     setStatus(next);
   }, []);
-  useEffect14(() => {
+  useEffect15(() => {
     generationRef.current += 1;
     if (timerRef.current) {
       clearTimeout(timerRef.current);
@@ -5383,7 +5555,7 @@ function useGitStatus(gitApi, repositoryId, enabled) {
       refresh();
     }, SCHEDULE_REFRESH_MS);
   }, [refresh]);
-  useEffect14(() => {
+  useEffect15(() => {
     return () => {
       if (timerRef.current) clearTimeout(timerRef.current);
     };
@@ -5409,8 +5581,8 @@ function useGit(provider, requestedWorkspaceId, theme, onWorkingTreeChanged) {
   const host = maybeGetDocBlocksHost2();
   const gitApi = host?.git ?? null;
   const workspaceId = gitApi ? requestedWorkspaceId : null;
-  const [capabilities, setCapabilities] = useState15(null);
-  useEffect15(() => {
+  const [capabilities, setCapabilities] = useState16(null);
+  useEffect16(() => {
     if (!gitApi) return;
     let cancelled = false;
     let timer = null;
@@ -5436,9 +5608,9 @@ function useGit(provider, requestedWorkspaceId, theme, onWorkingTreeChanged) {
     };
   }, [gitApi]);
   const available = gitApi !== null && capabilities?.gitAvailable === true;
-  const [repo, setRepo] = useState15(null);
-  const [remoteWeb, setRemoteWeb] = useState15(null);
-  const [pendingGrant, setPendingGrant] = useState15(null);
+  const [repo, setRepo] = useState16(null);
+  const [remoteWeb, setRemoteWeb] = useState16(null);
+  const [pendingGrant, setPendingGrant] = useState16(null);
   const loadRemote = useCallback13(
     (repositoryId2, isCancelled) => {
       if (!gitApi) return;
@@ -5453,7 +5625,7 @@ function useGit(provider, requestedWorkspaceId, theme, onWorkingTreeChanged) {
     },
     [gitApi]
   );
-  useEffect15(() => {
+  useEffect16(() => {
     setRepo(null);
     setRemoteWeb(null);
     setPendingGrant(null);
@@ -5479,7 +5651,7 @@ function useGit(provider, requestedWorkspaceId, theme, onWorkingTreeChanged) {
       cancelled = true;
     };
   }, [gitApi, workspaceId, available, loadRemote]);
-  const [grantBusy, setGrantBusy] = useState15(false);
+  const [grantBusy, setGrantBusy] = useState16(false);
   const enableExpandedRepo = useCallback13(
     async (opts) => {
       if (!gitApi || !workspaceId) return false;
@@ -5501,9 +5673,9 @@ function useGit(provider, requestedWorkspaceId, theme, onWorkingTreeChanged) {
   const isRepo = repositoryId !== null;
   const { status, refresh, scheduleRefresh } = useGitStatus(gitApi, repositoryId, isRepo);
   const badges = useMemo3(() => buildBadgeMap(status?.changes ?? []), [status]);
-  const [busy, setBusy] = useState15(null);
-  const [lastResult, setLastResult] = useState15(null);
-  const [dialog, setDialog] = useState15({ kind: "none" });
+  const [busy, setBusy] = useState16(null);
+  const [lastResult, setLastResult] = useState16(null);
+  const [dialog, setDialog] = useState16({ kind: "none" });
   const openDialog = useCallback13((next) => {
     setLastResult(null);
     setDialog(next);
@@ -5524,11 +5696,11 @@ function useGit(provider, requestedWorkspaceId, theme, onWorkingTreeChanged) {
     []
   );
   const statusRef = useRef13(status);
-  useEffect15(() => {
+  useEffect16(() => {
     statusRef.current = status;
   }, [status]);
   const workingTreeChangedRef = useRef13(onWorkingTreeChanged);
-  useEffect15(() => {
+  useEffect16(() => {
     workingTreeChangedRef.current = onWorkingTreeChanged;
   }, [onWorkingTreeChanged]);
   const runAction = useCallback13(
@@ -5739,7 +5911,7 @@ function retainFileSystemProvider(provider) {
 }
 
 // src/DocBlocksShell/document-title.ts
-import { useEffect as useEffect16 } from "react";
+import { useEffect as useEffect17 } from "react";
 var APP_TITLE = "DocBlocks";
 var INSTALLED_DISPLAY_QUERIES = [
   "(display-mode: window-controls-overlay)",
@@ -5763,7 +5935,7 @@ function titleForSelectedFile(selectedFile, homeDocumentTitle = APP_TITLE, homeD
   return includeAppName ? `${name} - ${APP_TITLE}` : name;
 }
 function useDocumentTitle(selectedFile, homeDocumentTitle, homeDocumentPath) {
-  useEffect16(() => {
+  useEffect17(() => {
     if (typeof document === "undefined") return;
     const displayQueries = typeof globalThis.matchMedia === "function" ? INSTALLED_DISPLAY_QUERIES.map((query) => globalThis.matchMedia(query)) : [];
     const updateTitle = () => {
@@ -6087,13 +6259,13 @@ function summariseImport(result) {
 }
 
 // src/components/usePromptDialog.ts
-import React2, { useCallback as useCallback15, useEffect as useEffect18, useRef as useRef15, useState as useState17 } from "react";
+import React2, { useCallback as useCallback15, useEffect as useEffect19, useRef as useRef15, useState as useState18 } from "react";
 
 // src/components/PromptDialog.tsx
-import { useCallback as useCallback14, useEffect as useEffect17, useId as useId3, useRef as useRef14, useState as useState16 } from "react";
-import { Fragment as Fragment8, jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
+import { useCallback as useCallback14, useEffect as useEffect18, useId as useId3, useRef as useRef14, useState as useState17 } from "react";
+import { Fragment as Fragment9, jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
 function PromptDialog({ request, onSettle }) {
-  const [value, setValue] = useState16(request.initialValue ?? "");
+  const [value, setValue] = useState17(request.initialValue ?? "");
   const inputRef = useRef14(null);
   const inputId = useId3();
   const cancel = useCallback14(() => onSettle(null), [onSettle]);
@@ -6102,22 +6274,22 @@ function PromptDialog({ request, onSettle }) {
     onSettle(value);
   }, [onSettle, value]);
   const initialSelection = request.initialSelection;
-  useEffect17(() => {
+  useEffect18(() => {
     const input = inputRef.current;
     if (!input) return;
     if (initialSelection) input.setSelectionRange(initialSelection[0], initialSelection[1]);
     else input.select();
   }, []);
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx15(
     Dialog,
     {
       title: request.title,
       onClose: cancel,
       initialFocusRef: inputRef,
       closeOnBackdrop: false,
-      footer: /* @__PURE__ */ jsxs12(Fragment8, { children: [
-        /* @__PURE__ */ jsx14("button", { type: "button", className: "db-git-secondary-btn", onClick: cancel, children: "Cancel" }),
-        /* @__PURE__ */ jsx14(
+      footer: /* @__PURE__ */ jsxs13(Fragment9, { children: [
+        /* @__PURE__ */ jsx15("button", { type: "button", className: "db-git-secondary-btn", onClick: cancel, children: "Cancel" }),
+        /* @__PURE__ */ jsx15(
           "button",
           {
             type: "button",
@@ -6128,9 +6300,9 @@ function PromptDialog({ request, onSettle }) {
           }
         )
       ] }),
-      children: /* @__PURE__ */ jsxs12("div", { className: "db-git-form-row", children: [
-        /* @__PURE__ */ jsx14("label", { className: "db-git-form-label", htmlFor: inputId, children: request.label }),
-        /* @__PURE__ */ jsx14(
+      children: /* @__PURE__ */ jsxs13("div", { className: "db-git-form-row", children: [
+        /* @__PURE__ */ jsx15("label", { className: "db-git-form-label", htmlFor: inputId, children: request.label }),
+        /* @__PURE__ */ jsx15(
           "input",
           {
             id: inputId,
@@ -6153,7 +6325,7 @@ function PromptDialog({ request, onSettle }) {
 
 // src/components/usePromptDialog.ts
 function usePromptDialog() {
-  const [pending, setPending] = useState17(null);
+  const [pending, setPending] = useState18(null);
   const pendingRef = useRef15(null);
   const nextIdRef = useRef15(0);
   const settlePending = useCallback15((value) => {
@@ -6172,7 +6344,7 @@ function usePromptDialog() {
     }),
     [settlePending]
   );
-  useEffect18(() => {
+  useEffect19(() => {
     return () => settlePending(null);
   }, [settlePending]);
   const promptDialog = pending ? React2.createElement(PromptDialog, {
@@ -6185,14 +6357,14 @@ function usePromptDialog() {
 }
 
 // src/components/NewDocumentDialog.tsx
-import { useCallback as useCallback16, useEffect as useEffect19, useId as useId4, useRef as useRef16, useState as useState18 } from "react";
-import { Fragment as Fragment9, jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
+import { useCallback as useCallback16, useEffect as useEffect20, useId as useId4, useRef as useRef16, useState as useState19 } from "react";
+import { Fragment as Fragment10, jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
 function NewDocumentDialog({
   onSettle,
   initialFormat = "markdown"
 }) {
-  const [name, setName] = useState18("Untitled");
-  const [format, setFormat] = useState18(initialFormat);
+  const [name, setName] = useState19("Untitled");
+  const [format, setFormat] = useState19(initialFormat);
   const inputRef = useRef16(null);
   const nameId = useId4();
   const formatId = useId4();
@@ -6203,19 +6375,19 @@ function NewDocumentDialog({
   const submit = useCallback16(() => {
     if (filename) onSettle({ filename, format });
   }, [filename, format, onSettle]);
-  useEffect19(() => {
+  useEffect20(() => {
     inputRef.current?.select();
   }, []);
-  return /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsx16(
     Dialog,
     {
       title: "New document",
       onClose: cancel,
       initialFocusRef: inputRef,
       closeOnBackdrop: false,
-      footer: /* @__PURE__ */ jsxs13(Fragment9, { children: [
-        /* @__PURE__ */ jsx15("button", { type: "button", className: "db-git-secondary-btn", onClick: cancel, children: "Cancel" }),
-        /* @__PURE__ */ jsx15(
+      footer: /* @__PURE__ */ jsxs14(Fragment10, { children: [
+        /* @__PURE__ */ jsx16("button", { type: "button", className: "db-git-secondary-btn", onClick: cancel, children: "Cancel" }),
+        /* @__PURE__ */ jsx16(
           "button",
           {
             type: "button",
@@ -6226,9 +6398,9 @@ function NewDocumentDialog({
           }
         )
       ] }),
-      children: /* @__PURE__ */ jsxs13("div", { className: "db-new-document-fields", children: [
-        /* @__PURE__ */ jsx15("label", { className: "db-git-form-label", htmlFor: nameId, children: "Document name" }),
-        /* @__PURE__ */ jsx15(
+      children: /* @__PURE__ */ jsxs14("div", { className: "db-new-document-fields", children: [
+        /* @__PURE__ */ jsx16("label", { className: "db-git-form-label", htmlFor: nameId, children: "Document name" }),
+        /* @__PURE__ */ jsx16(
           "input",
           {
             id: nameId,
@@ -6244,8 +6416,8 @@ function NewDocumentDialog({
             }
           }
         ),
-        /* @__PURE__ */ jsx15("label", { className: "db-git-form-label", htmlFor: formatId, children: "Type" }),
-        /* @__PURE__ */ jsx15(
+        /* @__PURE__ */ jsx16("label", { className: "db-git-form-label", htmlFor: formatId, children: "Type" }),
+        /* @__PURE__ */ jsx16(
           "select",
           {
             id: formatId,
@@ -6253,10 +6425,10 @@ function NewDocumentDialog({
             "aria-describedby": hint ? hintId : void 0,
             value: format,
             onChange: (e) => setFormat(e.target.value),
-            children: /* @__PURE__ */ jsx15(NewFileFormatOptions, {})
+            children: /* @__PURE__ */ jsx16(NewFileFormatOptions, {})
           }
         ),
-        hint && /* @__PURE__ */ jsx15("p", { id: hintId, className: "db-new-document-hint", children: hint })
+        hint && /* @__PURE__ */ jsx16("p", { id: hintId, className: "db-new-document-hint", children: hint })
       ] })
     }
   );
@@ -6264,7 +6436,7 @@ function NewDocumentDialog({
 
 // src/DocBlocksShell/EditorErrorBoundary.tsx
 import { Component } from "react";
-import { jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs15 } from "react/jsx-runtime";
 var EditorErrorBoundary = class extends Component {
   constructor() {
     super(...arguments);
@@ -6279,11 +6451,11 @@ var EditorErrorBoundary = class extends Component {
   render() {
     const { error } = this.state;
     if (!error) return this.props.children;
-    return /* @__PURE__ */ jsx16("div", { className: "db-shell-empty db-shell-empty--workspace", role: "alert", children: /* @__PURE__ */ jsxs14("div", { className: "db-workspace-empty-content", children: [
-      /* @__PURE__ */ jsx16("h1", { children: "This document couldn\u2019t be displayed" }),
-      /* @__PURE__ */ jsx16("p", { children: "The editor ran into a problem drawing it. The document itself is unaffected." }),
-      /* @__PURE__ */ jsx16("div", { className: "db-workspace-empty-actions", children: /* @__PURE__ */ jsx16("button", { type: "button", onClick: () => this.setState({ error: null }), children: "Try again" }) }),
-      /* @__PURE__ */ jsx16("p", { className: "db-workspace-empty-hint", children: error.message })
+    return /* @__PURE__ */ jsx17("div", { className: "db-shell-empty db-shell-empty--workspace", role: "alert", children: /* @__PURE__ */ jsxs15("div", { className: "db-workspace-empty-content", children: [
+      /* @__PURE__ */ jsx17("h1", { children: "This document couldn\u2019t be displayed" }),
+      /* @__PURE__ */ jsx17("p", { children: "The editor ran into a problem drawing it. The document itself is unaffected." }),
+      /* @__PURE__ */ jsx17("div", { className: "db-workspace-empty-actions", children: /* @__PURE__ */ jsx17("button", { type: "button", onClick: () => this.setState({ error: null }), children: "Try again" }) }),
+      /* @__PURE__ */ jsx17("p", { className: "db-workspace-empty-hint", children: error.message })
     ] }) });
   }
 };
@@ -6400,81 +6572,6 @@ function loadLastState(storage = localStorage) {
   }
 }
 
-// src/layout/form-factor.ts
-var DB_BREAKPOINTS = Object.freeze({
-  /** Inclusive upper bound for phones and narrow slivers. */
-  compactMax: 720,
-  /** Inclusive upper bound for tablet-portrait and half-screen laptops. */
-  mediumMax: 1023,
-  /** Inclusive upper bound for tablet-landscape and laptops. */
-  expandedMax: 1439,
-  /**
-   * Largest short edge still considered a phone. Orientation-independent on
-   * purpose: a phone turned sideways is 844x390, which is `medium` by width but
-   * is obviously not a tablet. The widest phone short edge in circulation is
-   * around 430px; the narrowest tablet short edge is the iPad mini's 744px, so
-   * 520 sits in open space between them.
-   */
-  phoneMaxShortEdge: 520
-});
-var SIDEBAR_WIDTH_DEFAULT = 320;
-var SIDEBAR_WIDTH_MIN = 320;
-var SIDEBAR_WIDTH_MAX = 600;
-var SIDEBAR_COLLAPSE_THRESHOLD = SIDEBAR_WIDTH_MIN;
-var DB_LAYOUT_MINIMA = Object.freeze({
-  /**
-   * Narrower than this, an editor pane beside the sidebar is not worth the
-   * split. Paired with `SIDEBAR_WIDTH_MIN` to derive `splitPaneAllowed`.
-   */
-  editorMinWidth: 480
-});
-var SPLIT_PANE_MIN_WIDTH = SIDEBAR_WIDTH_MIN + DB_LAYOUT_MINIMA.editorMinWidth;
-function classifyWidth(width) {
-  if (width <= DB_BREAKPOINTS.compactMax) return "compact";
-  if (width <= DB_BREAKPOINTS.mediumMax) return "medium";
-  if (width <= DB_BREAKPOINTS.expandedMax) return "expanded";
-  return "wide";
-}
-function classifyFormFactor(input) {
-  const widthClass = classifyWidth(input.width);
-  const orientation = input.height >= input.width ? "portrait" : "landscape";
-  let formFactor;
-  if (input.pointer === "fine") {
-    formFactor = "desktop";
-  } else if (Math.min(input.width, input.height) <= DB_BREAKPOINTS.phoneMaxShortEdge) {
-    formFactor = "phone";
-  } else {
-    formFactor = orientation === "portrait" ? "tablet-portrait" : "tablet-landscape";
-  }
-  return {
-    ...input,
-    widthClass,
-    orientation,
-    formFactor,
-    splitPaneAllowed: input.width >= SPLIT_PANE_MIN_WIDTH
-  };
-}
-function resolveLayoutMode(formFactor, preference) {
-  if (!formFactor.splitPaneAllowed) return "single-pane";
-  if (preference === "collapsed") return "single-pane";
-  if (preference === "pinned") return "split-pane";
-  if (formFactor.widthClass === "expanded" || formFactor.widthClass === "wide") {
-    return "split-pane";
-  }
-  if (formFactor.pointer === "fine") return "split-pane";
-  return "single-pane";
-}
-function formFactorDataAttributes(formFactor, layoutMode) {
-  return Object.freeze({
-    "data-db-width": formFactor.widthClass,
-    "data-db-form-factor": formFactor.formFactor,
-    "data-db-pointer": formFactor.pointer,
-    "data-db-hover": formFactor.hover,
-    "data-db-orientation": formFactor.orientation,
-    "data-db-layout": layoutMode
-  });
-}
-
 // src/DocBlocksShell/shell-preferences.ts
 var WELCOME_GATEWAY_KEY = "docblocks:welcomeGatewayDismissed";
 var SIDEBAR_WIDTH_KEY = "docblocks:sidebarWidth";
@@ -6573,34 +6670,6 @@ function saveViewPreferences(preferences) {
 
 // src/layout/useFormFactor.ts
 import { useEffect as useEffect21, useMemo as useMemo4, useState as useState20 } from "react";
-
-// src/layout/useMediaQuery.ts
-import { useEffect as useEffect20, useState as useState19 } from "react";
-var INSTALLED_DISPLAY_QUERIES2 = [
-  "(display-mode: window-controls-overlay)",
-  "(display-mode: standalone)"
-];
-function matchesMediaQuery(query) {
-  if (typeof globalThis.matchMedia !== "function") return false;
-  return globalThis.matchMedia(query).matches;
-}
-function isInstalledDisplayMode() {
-  return INSTALLED_DISPLAY_QUERIES2.some(matchesMediaQuery);
-}
-function useMediaQuery(query) {
-  const [matches, setMatches] = useState19(() => matchesMediaQuery(query));
-  useEffect20(() => {
-    if (typeof globalThis.matchMedia !== "function") return;
-    const list = globalThis.matchMedia(query);
-    const update = () => setMatches(list.matches);
-    update();
-    list.addEventListener("change", update);
-    return () => list.removeEventListener("change", update);
-  }, [query]);
-  return matches;
-}
-
-// src/layout/useFormFactor.ts
 var COARSE_POINTER_QUERY = "(pointer: coarse)";
 var ANY_HOVER_QUERY = "(any-hover: hover)";
 function initialSize() {
@@ -6947,9 +7016,101 @@ function useShellShortcuts(handlers, layoutMode) {
   }, [layoutMode]);
 }
 
+// src/DocBlocksShell/DocumentConflictBanner.tsx
+import { useEffect as useEffect29, useState as useState22 } from "react";
+
+// src/DocBlocksShell/conflict-summary.ts
+var SECOND_MS = 1e3;
+var MINUTE_MS2 = 60 * SECOND_MS;
+var HOUR_MS2 = 60 * MINUTE_MS2;
+var DAY_MS2 = 24 * HOUR_MS2;
+var shortDateFormatter2 = new Intl.DateTimeFormat(void 0, { month: "short", day: "numeric" });
+function plural2(value, unit) {
+  return `${value.toLocaleString()} ${unit}${value === 1 ? "" : "s"}`;
+}
+function describeAge(timestamp, now) {
+  const elapsed = now - timestamp;
+  if (elapsed < -MINUTE_MS2) return null;
+  if (elapsed < 10 * SECOND_MS) return "just now";
+  if (elapsed < MINUTE_MS2) return `${Math.floor(elapsed / (10 * SECOND_MS)) * 10} seconds ago`;
+  if (elapsed < HOUR_MS2) return `${plural2(Math.floor(elapsed / MINUTE_MS2), "minute")} ago`;
+  if (elapsed < DAY_MS2) return `${plural2(Math.floor(elapsed / HOUR_MS2), "hour")} ago`;
+  if (elapsed < 2 * DAY_MS2) return "yesterday";
+  if (elapsed < 7 * DAY_MS2) return `${plural2(Math.floor(elapsed / DAY_MS2), "day")} ago`;
+  return `on ${shortDateFormatter2.format(new Date(timestamp))}`;
+}
+function describeVersion(label, content, verb, at, now) {
+  const age = at === void 0 ? null : describeAge(at, now);
+  const size = plural2(Array.from(content).length, "character");
+  return `${label}: ${size}${age ? `, ${verb} ${age}` : ""}.`;
+}
+function localVersionTime(conflict) {
+  return conflict.localEditedAt ?? conflict.recoveredDraftCapturedAt;
+}
+function describeConflictVersions(conflict, savedAt, now) {
+  const local = describeVersion(
+    conflict.recoveredDraft ? "Recovery draft" : "Your version",
+    conflict.localContent,
+    "edited",
+    localVersionTime(conflict),
+    now
+  );
+  const saved = conflict.externalContent === null ? "The saved file was deleted." : describeVersion("Saved file", conflict.externalContent, "updated", savedAt, now);
+  return `${local} ${saved}`;
+}
+
+// src/DocBlocksShell/DocumentConflictBanner.tsx
+import { jsx as jsx18, jsxs as jsxs16 } from "react/jsx-runtime";
+function DocumentConflictBanner({
+  conflict,
+  readSavedFile,
+  onCompare,
+  onDismiss
+}) {
+  const [savedAt, setSavedAt] = useState22(void 0);
+  const [now, setNow] = useState22(() => Date.now());
+  useEffect29(() => {
+    let disposed = false;
+    setSavedAt(void 0);
+    if (conflict.externalContent === null) return;
+    void readSavedFile().then(
+      (file) => {
+        if (disposed || !file?.lastModified || file.content !== conflict.externalContent) return;
+        const parsed = Date.parse(file.lastModified);
+        if (Number.isFinite(parsed)) setSavedAt(parsed);
+      },
+      () => {
+      }
+    );
+    return () => {
+      disposed = true;
+    };
+  }, [readSavedFile, conflict.targetKey, conflict.externalContent, conflict.externalVersion]);
+  const localAt = localVersionTime(conflict);
+  useEffect29(() => {
+    if (localAt === void 0 && savedAt === void 0) return;
+    const newest = Math.max(localAt ?? 0, savedAt ?? 0);
+    const timer = setTimeout(
+      () => setNow(Date.now()),
+      Date.now() - newest < MINUTE_MS2 ? 5e3 : 3e4
+    );
+    return () => clearTimeout(timer);
+  }, [now, localAt, savedAt]);
+  return /* @__PURE__ */ jsxs16("div", { className: "db-document-conflict", children: [
+    /* @__PURE__ */ jsxs16("div", { className: "db-document-conflict-text", children: [
+      /* @__PURE__ */ jsx18("span", { role: "alert", children: conflict.recoveredDraft ? "A recovery draft from a previous session differs from the saved file. The saved file may be newer. Choose which version to use." : "This document changed outside DocBlocks. Your unsaved version is still intact." }),
+      /* @__PURE__ */ jsx18("span", { className: "db-document-conflict-details", children: describeConflictVersions(conflict, savedAt, now) })
+    ] }),
+    /* @__PURE__ */ jsxs16("div", { className: "db-document-conflict-actions", children: [
+      /* @__PURE__ */ jsx18("button", { type: "button", onClick: onCompare, children: "Compare versions" }),
+      /* @__PURE__ */ jsx18("button", { type: "button", onClick: onDismiss, children: "Dismiss" })
+    ] })
+  ] });
+}
+
 // src/DocBlocksShell/UpdateAvailableNotice.tsx
-import { useState as useState22 } from "react";
-import { Fragment as Fragment10, jsx as jsx17, jsxs as jsxs15 } from "react/jsx-runtime";
+import { useState as useState23 } from "react";
+import { Fragment as Fragment11, jsx as jsx19, jsxs as jsxs17 } from "react/jsx-runtime";
 var UPDATE_PROMPT_ID = "db-update-available-prompt";
 function UpdateAvailableNotice({
   available,
@@ -6957,12 +7118,12 @@ function UpdateAvailableNotice({
   blocked = false,
   statusBarVisible
 }) {
-  const [promptOpen, setPromptOpen] = useState22(false);
-  const [applying, setApplying] = useState22(false);
+  const [promptOpen, setPromptOpen] = useState23(false);
+  const [applying, setApplying] = useState23(false);
   if (!available || !onApplyUpdate) return null;
   const promptVisible = promptOpen && !blocked;
-  return /* @__PURE__ */ jsxs15(Fragment10, { children: [
-    /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsxs17(Fragment11, { children: [
+    /* @__PURE__ */ jsx19(
       "button",
       {
         type: "button",
@@ -6976,16 +7137,16 @@ function UpdateAvailableNotice({
         children: "Update available"
       }
     ),
-    promptVisible && /* @__PURE__ */ jsxs15(
+    promptVisible && /* @__PURE__ */ jsxs17(
       "div",
       {
         id: UPDATE_PROMPT_ID,
         className: `db-update-banner${statusBarVisible ? "" : " db-update-banner--floating"}`,
         role: "alert",
         children: [
-          /* @__PURE__ */ jsx17("span", { children: "A new version of DocBlocks is available. Reload to update the editor and site pages." }),
-          /* @__PURE__ */ jsxs15("div", { className: "db-update-banner-actions", children: [
-            /* @__PURE__ */ jsx17(
+          /* @__PURE__ */ jsx19("span", { children: "A new version of DocBlocks is available. Reload to update the editor and site pages." }),
+          /* @__PURE__ */ jsxs17("div", { className: "db-update-banner-actions", children: [
+            /* @__PURE__ */ jsx19(
               "button",
               {
                 type: "button",
@@ -6997,7 +7158,7 @@ function UpdateAvailableNotice({
                 children: applying ? "Updating\u2026" : "Reload"
               }
             ),
-            /* @__PURE__ */ jsx17("button", { type: "button", onClick: () => setPromptOpen(false), disabled: applying, children: "Later" })
+            /* @__PURE__ */ jsx19("button", { type: "button", onClick: () => setPromptOpen(false), disabled: applying, children: "Later" })
           ] })
         ]
       }
@@ -7006,7 +7167,7 @@ function UpdateAvailableNotice({
 }
 
 // src/DocBlocksShell/WelcomeScreen.tsx
-import { jsx as jsx18, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs18 } from "react/jsx-runtime";
 var WELCOME_HEADLINE = "The Markdown editor that turns one file into anything.";
 var WELCOME_SUMMARY = "Write the way you normally would, then share the same file as a PDF, a Word document, a slide deck, or a video.";
 var WELCOME_PRIVACY_NOTE = "No account, and your documents stay on this device.";
@@ -7017,8 +7178,8 @@ function WelcomeScreen({
   onDismiss,
   offerApps = false
 }) {
-  return /* @__PURE__ */ jsxs16("section", { className: "db-welcome-gateway", "aria-labelledby": "db-welcome-gateway-title", children: [
-    /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsxs18("section", { className: "db-welcome-gateway", "aria-labelledby": "db-welcome-gateway-title", children: [
+    /* @__PURE__ */ jsx20(
       "button",
       {
         type: "button",
@@ -7029,16 +7190,16 @@ function WelcomeScreen({
         children: "\xD7"
       }
     ),
-    /* @__PURE__ */ jsxs16("div", { className: "db-welcome-gateway-body", children: [
-      /* @__PURE__ */ jsxs16("div", { className: "db-welcome-gateway-copy", children: [
-        /* @__PURE__ */ jsx18("p", { className: "db-welcome-gateway-eyebrow", children: "Welcome to DocBlocks" }),
-        /* @__PURE__ */ jsx18("h1", { id: "db-welcome-gateway-title", children: WELCOME_HEADLINE }),
-        /* @__PURE__ */ jsx18("p", { children: WELCOME_SUMMARY }),
-        /* @__PURE__ */ jsx18("p", { className: "db-welcome-gateway-note", children: WELCOME_PRIVACY_NOTE }),
-        /* @__PURE__ */ jsxs16("div", { className: "db-welcome-gateway-actions", children: [
-          /* @__PURE__ */ jsx18("button", { type: "button", className: "db-welcome-gateway-primary", onClick: onCreateDocument, children: "Create a document" }),
-          /* @__PURE__ */ jsx18("button", { type: "button", className: "db-welcome-gateway-cta", onClick: onTour, children: "Tour the welcome document" }),
-          offerApps && /* @__PURE__ */ jsx18(
+    /* @__PURE__ */ jsxs18("div", { className: "db-welcome-gateway-body", children: [
+      /* @__PURE__ */ jsxs18("div", { className: "db-welcome-gateway-copy", children: [
+        /* @__PURE__ */ jsx20("p", { className: "db-welcome-gateway-eyebrow", children: "Welcome to DocBlocks" }),
+        /* @__PURE__ */ jsx20("h1", { id: "db-welcome-gateway-title", children: WELCOME_HEADLINE }),
+        /* @__PURE__ */ jsx20("p", { children: WELCOME_SUMMARY }),
+        /* @__PURE__ */ jsx20("p", { className: "db-welcome-gateway-note", children: WELCOME_PRIVACY_NOTE }),
+        /* @__PURE__ */ jsxs18("div", { className: "db-welcome-gateway-actions", children: [
+          /* @__PURE__ */ jsx20("button", { type: "button", className: "db-welcome-gateway-primary", onClick: onCreateDocument, children: "Create a document" }),
+          /* @__PURE__ */ jsx20("button", { type: "button", className: "db-welcome-gateway-cta", onClick: onTour, children: "Tour the welcome document" }),
+          offerApps && /* @__PURE__ */ jsx20(
             "a",
             {
               className: "db-welcome-gateway-apps",
@@ -7050,55 +7211,55 @@ function WelcomeScreen({
           )
         ] })
       ] }),
-      /* @__PURE__ */ jsx18(WelcomeLoop, {})
+      /* @__PURE__ */ jsx20(WelcomeLoop, {})
     ] })
   ] });
 }
 function WelcomeLoop() {
-  return /* @__PURE__ */ jsxs16("div", { className: "db-welcome-loop", "aria-hidden": "true", children: [
-    /* @__PURE__ */ jsxs16("div", { className: "db-welcome-loop-source", children: [
-      /* @__PURE__ */ jsx18("span", { className: "db-welcome-loop-file", children: "Lisbon.md" }),
-      /* @__PURE__ */ jsxs16("code", { children: [
-        /* @__PURE__ */ jsx18("span", { className: "db-welcome-loop-mark", children: "# " }),
+  return /* @__PURE__ */ jsxs18("div", { className: "db-welcome-loop", "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsxs18("div", { className: "db-welcome-loop-source", children: [
+      /* @__PURE__ */ jsx20("span", { className: "db-welcome-loop-file", children: "Lisbon.md" }),
+      /* @__PURE__ */ jsxs18("code", { children: [
+        /* @__PURE__ */ jsx20("span", { className: "db-welcome-loop-mark", children: "# " }),
         "Lisbon in three days",
         "\n",
         "Trams, tiles, and pastries.",
         "\n\n",
-        /* @__PURE__ */ jsx18("span", { className: "db-welcome-loop-mark", children: "## " }),
+        /* @__PURE__ */ jsx20("span", { className: "db-welcome-loop-mark", children: "## " }),
         "Day one",
         "\n",
-        /* @__PURE__ */ jsx18("span", { className: "db-welcome-loop-mark", children: "- " }),
+        /* @__PURE__ */ jsx20("span", { className: "db-welcome-loop-mark", children: "- " }),
         "Ride Tram 28",
         "\n",
-        /* @__PURE__ */ jsx18("span", { className: "db-welcome-loop-mark", children: "- " }),
+        /* @__PURE__ */ jsx20("span", { className: "db-welcome-loop-mark", children: "- " }),
         "Sunset at Gra\xE7a"
       ] })
     ] }),
-    /* @__PURE__ */ jsx18("div", { className: "db-welcome-loop-arrow", children: "\u2192" }),
-    /* @__PURE__ */ jsxs16("div", { className: "db-welcome-loop-stage", children: [
-      /* @__PURE__ */ jsxs16("div", { className: "db-welcome-loop-frame db-welcome-loop-frame--page", children: [
-        /* @__PURE__ */ jsx18("strong", { children: "Lisbon in three days" }),
-        /* @__PURE__ */ jsx18("span", { children: "Trams, tiles, and pastries." }),
-        /* @__PURE__ */ jsx18("em", { children: "Day one" }),
-        /* @__PURE__ */ jsx18("span", { children: "\u2022 Ride Tram 28" }),
-        /* @__PURE__ */ jsx18("span", { children: "\u2022 Sunset at Gra\xE7a" })
+    /* @__PURE__ */ jsx20("div", { className: "db-welcome-loop-arrow", children: "\u2192" }),
+    /* @__PURE__ */ jsxs18("div", { className: "db-welcome-loop-stage", children: [
+      /* @__PURE__ */ jsxs18("div", { className: "db-welcome-loop-frame db-welcome-loop-frame--page", children: [
+        /* @__PURE__ */ jsx20("strong", { children: "Lisbon in three days" }),
+        /* @__PURE__ */ jsx20("span", { children: "Trams, tiles, and pastries." }),
+        /* @__PURE__ */ jsx20("em", { children: "Day one" }),
+        /* @__PURE__ */ jsx20("span", { children: "\u2022 Ride Tram 28" }),
+        /* @__PURE__ */ jsx20("span", { children: "\u2022 Sunset at Gra\xE7a" })
       ] }),
-      /* @__PURE__ */ jsxs16("div", { className: "db-welcome-loop-frame db-welcome-loop-frame--slide", children: [
-        /* @__PURE__ */ jsx18("strong", { children: "Lisbon in three days" }),
-        /* @__PURE__ */ jsx18("span", { children: "Trams, tiles, and pastries." })
+      /* @__PURE__ */ jsxs18("div", { className: "db-welcome-loop-frame db-welcome-loop-frame--slide", children: [
+        /* @__PURE__ */ jsx20("strong", { children: "Lisbon in three days" }),
+        /* @__PURE__ */ jsx20("span", { children: "Trams, tiles, and pastries." })
       ] }),
-      /* @__PURE__ */ jsxs16("div", { className: "db-welcome-loop-frame db-welcome-loop-frame--video", children: [
-        /* @__PURE__ */ jsx18("em", { children: "Day one" }),
-        /* @__PURE__ */ jsx18("span", { children: "\u2022 Ride Tram 28" }),
-        /* @__PURE__ */ jsx18("span", { children: "\u2022 Sunset at Gra\xE7a" }),
-        /* @__PURE__ */ jsx18("i", { className: "db-welcome-loop-play", children: "\u25B6" }),
-        /* @__PURE__ */ jsx18("i", { className: "db-welcome-loop-progress" })
+      /* @__PURE__ */ jsxs18("div", { className: "db-welcome-loop-frame db-welcome-loop-frame--video", children: [
+        /* @__PURE__ */ jsx20("em", { children: "Day one" }),
+        /* @__PURE__ */ jsx20("span", { children: "\u2022 Ride Tram 28" }),
+        /* @__PURE__ */ jsx20("span", { children: "\u2022 Sunset at Gra\xE7a" }),
+        /* @__PURE__ */ jsx20("i", { className: "db-welcome-loop-play", children: "\u25B6" }),
+        /* @__PURE__ */ jsx20("i", { className: "db-welcome-loop-progress" })
       ] })
     ] }),
-    /* @__PURE__ */ jsxs16("ol", { className: "db-welcome-loop-labels", children: [
-      /* @__PURE__ */ jsx18("li", { children: "PDF" }),
-      /* @__PURE__ */ jsx18("li", { children: "Slides" }),
-      /* @__PURE__ */ jsx18("li", { children: "Video" })
+    /* @__PURE__ */ jsxs18("ol", { className: "db-welcome-loop-labels", children: [
+      /* @__PURE__ */ jsx20("li", { children: "PDF" }),
+      /* @__PURE__ */ jsx20("li", { children: "Slides" }),
+      /* @__PURE__ */ jsx20("li", { children: "Video" })
     ] })
   ] });
 }
@@ -7166,7 +7327,7 @@ function useDocumentLinkProvider(index, selectedFile, ensureIndex) {
 }
 
 // src/WorkspaceIndex/useWorkspaceIndex.ts
-import { useCallback as useCallback18, useEffect as useEffect29, useMemo as useMemo5, useRef as useRef20, useState as useState23, useSyncExternalStore as useSyncExternalStore4 } from "react";
+import { useCallback as useCallback18, useEffect as useEffect30, useMemo as useMemo5, useRef as useRef20, useState as useState24, useSyncExternalStore as useSyncExternalStore4 } from "react";
 import { getFileSystemProviderV2 as getFileSystemProviderV29 } from "@bendyline/docblocks/filesystem";
 import { maybeGetDocBlocksHost as maybeGetDocBlocksHost3 } from "@bendyline/docblocks/host";
 var IDLE_WORKSPACE_INDEX_STATUS = Object.freeze({
@@ -7198,9 +7359,9 @@ function whenIdle(callback) {
 }
 function useWorkspaceIndex(provider, workspaceId, mode = "eager") {
   const providerV2 = provider && mode !== "off" ? getFileSystemProviderV29(provider) : null;
-  const [index, setIndex] = useState23(null);
+  const [index, setIndex] = useState24(null);
   const startRequestedRef = useRef20(false);
-  useEffect29(() => {
+  useEffect30(() => {
     setIndex(null);
     startRequestedRef.current = false;
     if (!providerV2 || !workspaceId) return;
@@ -7222,7 +7383,7 @@ function useWorkspaceIndex(provider, workspaceId, mode = "eager") {
       created?.dispose();
     };
   }, [providerV2, workspaceId, mode]);
-  useEffect29(() => {
+  useEffect30(() => {
     if (!index) return;
     const refresh = () => index.refresh();
     const onVisibilityChange = () => {
@@ -7598,7 +7759,7 @@ var WELCOME_DOCUMENT_CONTENT = welcomeDocumentContent({
 });
 
 // src/DocBlocksShell/DocBlocksShell.tsx
-import { Fragment as Fragment11, jsx as jsx19, jsxs as jsxs17 } from "react/jsx-runtime";
+import { Fragment as Fragment12, jsx as jsx21, jsxs as jsxs19 } from "react/jsx-runtime";
 var editorShellModulePromise = null;
 function loadEditorShell() {
   editorShellModulePromise ?? (editorShellModulePromise = (async () => {
@@ -7610,13 +7771,13 @@ function loadEditorShell() {
   return editorShellModulePromise;
 }
 var EditorShell = lazy2(loadEditorShell);
-var DocumentConflictDialog = lazy2(() => import("./DocumentConflictDialog-DZ2BV2IH.js"));
-var GitUI = lazy2(() => import("./GitUI-F3CNBURE.js").then((m) => ({ default: m.GitUI })));
+var DocumentConflictDialog = lazy2(() => import("./DocumentConflictDialog-4R4QMKBT.js"));
+var GitUI = lazy2(() => import("./GitUI-3FANM7I3.js").then((m) => ({ default: m.GitUI })));
 var QuickOpenDialog = lazy2(
-  () => import("./QuickOpenDialog-3QEX7RZG.js").then((m) => ({ default: m.QuickOpenDialog }))
+  () => import("./QuickOpenDialog-U2FWCEPA.js").then((m) => ({ default: m.QuickOpenDialog }))
 );
 var KeyboardShortcutsDialog = lazy2(
-  () => import("./KeyboardShortcutsDialog-HVKDFP5Z.js").then((m) => ({ default: m.KeyboardShortcutsDialog }))
+  () => import("./KeyboardShortcutsDialog-7XJTDIX2.js").then((m) => ({ default: m.KeyboardShortcutsDialog }))
 );
 var WorkspaceSearchPanel = lazy2(
   () => import("./WorkspaceSearchPanel-MEBBTK7F.js").then((m) => ({
@@ -7630,37 +7791,42 @@ var GitToolbarControl = lazy2(
   () => import("./GitToolbarControl-B7KG4MFP.js").then((m) => ({ default: m.GitToolbarControl }))
 );
 var AiToolbarControl = lazy2(
-  () => import("./AiEditorAssistant-4B2PFFOT.js").then((module) => ({
+  () => import("./AiEditorAssistant-ANYGVG7P.js").then((module) => ({
     default: module.AiToolbarControl
   }))
 );
 var PresentationMaker = lazy2(
-  () => import("./PresentationMaker-VYQKNL3L.js").then((module) => ({
+  () => import("./PresentationMaker-COLTVMTS.js").then((module) => ({
     default: module.PresentationMaker
   }))
 );
 var AiReviewPanel = lazy2(
-  () => import("./AiEditorAssistant-4B2PFFOT.js").then((module) => ({
+  () => import("./AiEditorAssistant-ANYGVG7P.js").then((module) => ({
     default: module.AiReviewPanel
   }))
 );
 var AiIllustratePanel = lazy2(
-  () => import("./AiDiagrams-7KBAOXPB.js").then((module) => ({
+  () => import("./AiDiagrams-2IKKSBAU.js").then((module) => ({
     default: module.AiIllustratePanel
   }))
 );
+var AiImagePanel = lazy2(
+  () => import("./AiImagePanel-OXWEFOBC.js").then((module) => ({
+    default: module.AiImagePanel
+  }))
+);
 var TextFromNarration = lazy2(
-  () => import("./TextFromNarration-ME6FAYWO.js").then((module) => ({
+  () => import("./TextFromNarration-6BYTUKVZ.js").then((module) => ({
     default: module.TextFromNarration
   }))
 );
 var SpeechToolbarControl = lazy2(
-  () => import("./SpeechToolbarControl-E6OSJGHL.js").then((module) => ({
+  () => import("./SpeechToolbarControl-BZW6IVZM.js").then((module) => ({
     default: module.SpeechToolbarControl
   }))
 );
 var SpeechMenuBridge = lazy2(
-  () => import("./SpeechToolbarControl-E6OSJGHL.js").then((module) => ({
+  () => import("./SpeechToolbarControl-BZW6IVZM.js").then((module) => ({
     default: module.SpeechMenuBridge
   }))
 );
@@ -7738,10 +7904,10 @@ function isMemoryWorkspaceProvider(provider) {
   return typeof candidate.captureContents === "function" && typeof candidate.replaceContents === "function" && typeof candidate.treeVersion === "number";
 }
 function useOsTheme() {
-  const [dark, setDark] = useState24(
+  const [dark, setDark] = useState25(
     () => typeof window !== "undefined" && window.matchMedia("(prefers-color-scheme: dark)").matches
   );
-  useEffect30(() => {
+  useEffect31(() => {
     const mq = window.matchMedia("(prefers-color-scheme: dark)");
     const handler = (e) => setDark(e.matches);
     mq.addEventListener("change", handler);
@@ -7927,7 +8093,7 @@ async function createHostProviderFromWorkspace(ws) {
 var DESKTOP_TOOLBAR_WRAP_WIDTH = 900;
 var WEB_TOOLBAR_WRAP_WIDTH = 700;
 function FolderGlyph() {
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx21(
     "svg",
     {
       viewBox: "0 0 24 24",
@@ -7936,12 +8102,12 @@ function FolderGlyph() {
       strokeWidth: "1.5",
       strokeLinejoin: "round",
       "aria-hidden": "true",
-      children: /* @__PURE__ */ jsx19("path", { d: "M3 7a1 1 0 0 1 1-1h5l2 2h9a1 1 0 0 1 1 1v9a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V7z" })
+      children: /* @__PURE__ */ jsx21("path", { d: "M3 7a1 1 0 0 1 1-1h5l2 2h9a1 1 0 0 1 1 1v9a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V7z" })
     }
   );
 }
 function FileGlyph() {
-  return /* @__PURE__ */ jsxs17(
+  return /* @__PURE__ */ jsxs19(
     "svg",
     {
       viewBox: "0 0 24 24",
@@ -7951,14 +8117,14 @@ function FileGlyph() {
       strokeLinejoin: "round",
       "aria-hidden": "true",
       children: [
-        /* @__PURE__ */ jsx19("path", { d: "M6 3h8l5 5v12a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1z" }),
-        /* @__PURE__ */ jsx19("path", { d: "M14 3v5h5" })
+        /* @__PURE__ */ jsx21("path", { d: "M6 3h8l5 5v12a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1z" }),
+        /* @__PURE__ */ jsx21("path", { d: "M14 3v5h5" })
       ]
     }
   );
 }
 function CollapseSidebarGlyph() {
-  return /* @__PURE__ */ jsxs17(
+  return /* @__PURE__ */ jsxs19(
     "svg",
     {
       viewBox: "0 0 64 64",
@@ -7969,9 +8135,9 @@ function CollapseSidebarGlyph() {
       strokeLinejoin: "round",
       "aria-hidden": "true",
       children: [
-        /* @__PURE__ */ jsx19("rect", { x: "7", y: "10", width: "50", height: "44", rx: "6" }),
-        /* @__PURE__ */ jsx19("path", { d: "M24 10v44" }),
-        /* @__PURE__ */ jsx19("path", { d: "m17 25-7 7 7 7" })
+        /* @__PURE__ */ jsx21("rect", { x: "7", y: "10", width: "50", height: "44", rx: "6" }),
+        /* @__PURE__ */ jsx21("path", { d: "M24 10v44" }),
+        /* @__PURE__ */ jsx21("path", { d: "m17 25-7 7 7 7" })
       ]
     }
   );
@@ -8008,10 +8174,10 @@ function DocBlocksShell({
   offlineReady = false
 }) {
   const osTheme = useOsTheme();
-  const [themePreference, setThemePreference] = useState24(loadThemePreference);
-  const [accentColor, setAccentColor] = useState24(loadAccentColor);
-  const [interfaceFont, setInterfaceFont] = useState24(loadInterfaceFont);
-  const [writeCanvasSettings, setWriteCanvasSettings] = useState24(
+  const [themePreference, setThemePreference] = useState25(loadThemePreference);
+  const [accentColor, setAccentColor] = useState25(loadAccentColor);
+  const [interfaceFont, setInterfaceFont] = useState25(loadInterfaceFont);
+  const [writeCanvasSettings, setWriteCanvasSettings] = useState25(
     loadWriteCanvasPreferences
   );
   const editorWriteCanvasSettings = useMemo6(
@@ -8026,17 +8192,24 @@ function DocBlocksShell({
   const ai = hostSupports3("aiAssist") ? maybeGetDocBlocksHost5()?.ai : void 0;
   const speech = hostSupports3("speechModelManagement") ? maybeGetDocBlocksHost5()?.speech : void 0;
   const trayMenu = hostSupports3("trayIcon") ? maybeGetDocBlocksHost5()?.menu : void 0;
-  const [settingsRequest, setSettingsRequest] = useState24(0);
-  const openSettings = useCallback19(() => setSettingsRequest((count) => count + 1), []);
+  const [settingsRequest, setSettingsRequest] = useState25({ count: 0 });
+  const openDictationSettings = useCallback19(
+    () => setSettingsRequest(({ count }) => ({ count: count + 1, section: "dictation" })),
+    []
+  );
+  const openNarrationSettings = useCallback19(
+    () => setSettingsRequest(({ count }) => ({ count: count + 1, section: "narration" })),
+    []
+  );
   const speechInput = useMemo6(
-    () => speech && hostSupports3("speechInput") ? createSpeechInputProvider(speech, { onRequestSetup: openSettings }) : null,
-    [speech, openSettings]
+    () => speech && hostSupports3("speechInput") ? createSpeechInputProvider(speech, { onRequestSetup: openDictationSettings }) : null,
+    [speech, openDictationSettings]
   );
   const handleThemeChange = useCallback19((pref) => {
     setThemePreference(pref);
     saveThemePreference(pref);
   }, []);
-  useEffect30(() => {
+  useEffect31(() => {
     if (hostSupports3("ownsWindowChrome") || typeof document === "undefined") return;
     const metas = document.querySelectorAll('meta[name="theme-color"]');
     metas.forEach((meta) => {
@@ -8051,19 +8224,19 @@ function DocBlocksShell({
     setWriteCanvasSettings(settings);
     saveWriteCanvasPreferences(settings);
   }, []);
-  const [proofingPreferences, setProofingPreferences] = useState24(loadProofingPreferences);
+  const [proofingPreferences, setProofingPreferences] = useState25(loadProofingPreferences);
   const handleProofingPreferencesChange = useCallback19((settings) => {
     setProofingPreferences(settings);
     saveProofingPreferences(settings);
   }, []);
-  const [viewPreferences, setViewPreferences] = useState24(loadViewPreferences);
+  const [viewPreferences, setViewPreferences] = useState25(loadViewPreferences);
   const handleViewPreferencesChange = useCallback19((prefs) => {
     setViewPreferences(prefs);
     saveViewPreferences(prefs);
   }, []);
   const shellRef = useRef21(null);
   const formFactor = useFormFactor(shellRef);
-  const [sidebarPreference, setSidebarPreference] = useState24(loadSidebarPreference);
+  const [sidebarPreference, setSidebarPreference] = useState25(loadSidebarPreference);
   const layoutMode = resolveLayoutMode(formFactor, sidebarPreference);
   const singlePane = layoutMode === "single-pane";
   const updateSidebarPreference = useCallback19((preference) => {
@@ -8071,21 +8244,21 @@ function DocBlocksShell({
     saveSidebarPreference(preference);
   }, []);
   const defaultPreviewViewportPreset = useResponsivePreviewViewportPreset();
-  const [mobileShowEditor, setMobileShowEditor] = useState24(
+  const [mobileShowEditor, setMobileShowEditor] = useState25(
     () => singlePane && isWelcomeGatewayDismissed()
   );
-  useEffect30(() => {
+  useEffect31(() => {
     if (singlePane) void loadEditorShell();
   }, [singlePane]);
   useFormFactorAttributes(shellRef, formFactor, layoutMode, !mobileShowEditor);
   useInterfaceFontAttribute(interfaceFont);
   useKeyboardInset(formFactor.pointer === "coarse");
   const drawerOpen = singlePane && !mobileShowEditor;
-  const [sidebarWidth, setSidebarWidth] = useState24(loadSidebarWidth);
+  const [sidebarWidth, setSidebarWidth] = useState25(loadSidebarWidth);
   const canRestoreSplitView = sidebarPreference === "collapsed" && formFactor.splitPaneAllowed;
   const editorAreaRef = useRef21(null);
-  const [desktopToolbarWrapped, setDesktopToolbarWrapped] = useState24(false);
-  useEffect30(() => {
+  const [desktopToolbarWrapped, setDesktopToolbarWrapped] = useState25(false);
+  useEffect31(() => {
     const editorArea = editorAreaRef.current;
     if (!editorArea || singlePane) {
       setDesktopToolbarWrapped(false);
@@ -8105,7 +8278,7 @@ function DocBlocksShell({
     return () => observer.disconnect();
   }, [singlePane]);
   const showBrowserStorageWarning = hostSupports3("browserOriginStorage");
-  const hostEnvironment = getHostEnvironment2();
+  const hostEnvironment = getHostEnvironment3();
   const desktopApp = hostEnvironment?.surface === "electron";
   const appVersion = hostEnvironment ? `${hostEnvironment.appVersion} ${hostEnvironment.surfaceLabel}` : issueReportVersion ?? "web";
   const issueReportUrl = buildIssueReportUrl({
@@ -8113,8 +8286,8 @@ function DocBlocksShell({
     version: appVersion,
     userAgent: typeof navigator === "undefined" ? "" : navigator.userAgent
   });
-  const [browserStoragePersistent, setBrowserStoragePersistent] = useState24(false);
-  const [saveToast, setSaveToast] = useState24(null);
+  const [browserStoragePersistent, setBrowserStoragePersistent] = useState25(false);
+  const [saveToast, setSaveToast] = useState25(null);
   const saveToastTimerRef = useRef21(null);
   const showToast = useCallback19((kind, message) => {
     setSaveToast({ kind, message });
@@ -8122,7 +8295,7 @@ function DocBlocksShell({
     saveToastTimerRef.current = setTimeout(() => setSaveToast(null), 3e3);
   }, []);
   const { prompt: promptForText, promptDialog } = usePromptDialog();
-  const [newDocumentDialogOpen, setNewDocumentDialogOpen] = useState24(false);
+  const [newDocumentDialogOpen, setNewDocumentDialogOpen] = useState25(false);
   const { confirm: confirmAction, acknowledge, confirmDialog } = useConfirmDialog();
   const confirmDeleteEntry = useCallback19(
     (message) => confirmAction({
@@ -8133,7 +8306,7 @@ function DocBlocksShell({
     }),
     [confirmAction]
   );
-  const [installPromptEvent, setInstallPromptEvent] = useState24(
+  const [installPromptEvent, setInstallPromptEvent] = useState25(
     null
   );
   const panesRef = useRef21(null);
@@ -8203,12 +8376,12 @@ function DocBlocksShell({
     },
     [sidebarWidth, updateSidebarPreference]
   );
-  const [provider, setProvider] = useState24(null);
-  const [workspaceStartupError, setWorkspaceStartupError] = useState24(null);
+  const [provider, setProvider] = useState25(null);
+  const [workspaceStartupError, setWorkspaceStartupError] = useState25(null);
   const workspaceStarting = provider === null && workspaceStartupError === null;
-  const [activeWorkspaceId, setActiveWorkspaceId] = useState24(null);
-  const [defaultNewFileFormat, setDefaultNewFileFormat] = useState24(DEFAULT_NEW_FILE_FORMAT);
-  useEffect30(() => {
+  const [activeWorkspaceId, setActiveWorkspaceId] = useState25(null);
+  const [defaultNewFileFormat, setDefaultNewFileFormat] = useState25(DEFAULT_NEW_FILE_FORMAT);
+  useEffect31(() => {
     setDefaultNewFileFormat(loadLastNewFileFormat(activeWorkspaceId));
   }, [activeWorkspaceId]);
   const rememberNewFileFormat = useCallback19(
@@ -8220,19 +8393,19 @@ function DocBlocksShell({
     },
     [activeWorkspaceId]
   );
-  const [activeWorkspaceDescriptor, setActiveWorkspaceDescriptor] = useState24(null);
+  const [activeWorkspaceDescriptor, setActiveWorkspaceDescriptor] = useState25(null);
   const defaultProofingIgnoreStore = useMemo6(
     () => createLocalProofingIgnoreStore(() => activeWorkspaceId),
     [activeWorkspaceId]
   );
   const effectiveProofingIgnoreStore = proofingIgnoreStore === void 0 ? defaultProofingIgnoreStore : proofingIgnoreStore;
-  useEffect30(() => {
+  useEffect31(() => {
     if (!provider || getTransientWorkspace2(provider.id)) return;
     const providerV2 = getFileSystemProviderV211(provider);
     return providerV2 ? retainFileSystemProvider(providerV2) : void 0;
   }, [provider]);
-  const [descriptorRefreshKey, setDescriptorRefreshKey] = useState24(0);
-  useEffect30(() => {
+  const [descriptorRefreshKey, setDescriptorRefreshKey] = useState25(0);
+  useEffect31(() => {
     let cancelled = false;
     if (!activeWorkspaceId) {
       setActiveWorkspaceDescriptor(null);
@@ -8245,12 +8418,12 @@ function DocBlocksShell({
       cancelled = true;
     };
   }, [activeWorkspaceId, descriptorRefreshKey]);
-  const [pinnedDocuments, setPinnedDocuments] = useState24(loadPinnedDocuments);
-  const [pinnedDocumentAvailability, setPinnedDocumentAvailability] = useState24(() => /* @__PURE__ */ new Map());
-  useEffect30(() => {
+  const [pinnedDocuments, setPinnedDocuments] = useState25(loadPinnedDocuments);
+  const [pinnedDocumentAvailability, setPinnedDocumentAvailability] = useState25(() => /* @__PURE__ */ new Map());
+  useEffect31(() => {
     savePinnedDocuments(pinnedDocuments);
   }, [pinnedDocuments]);
-  useEffect30(() => {
+  useEffect31(() => {
     const menu = maybeGetDocBlocksHost5()?.menu;
     if (!hostSupports3("pinnedDocumentMirror") || !menu) return;
     menu.setPinnedDocuments(
@@ -8280,7 +8453,7 @@ function DocBlocksShell({
     })),
     [pinnedDocumentAvailability, pinnedDocuments]
   );
-  useEffect30(() => {
+  useEffect31(() => {
     if (!provider || !activeWorkspaceId) return;
     const activePins = pinnedDocuments.filter(
       (document2) => document2.workspaceId === activeWorkspaceId
@@ -8330,10 +8503,10 @@ function DocBlocksShell({
       void subscription?.dispose();
     };
   }, [activeWorkspaceId, pinnedDocuments, provider, setPinnedAvailability]);
-  const [transientMoveDestinations, setTransientMoveDestinations] = useState24(
+  const [transientMoveDestinations, setTransientMoveDestinations] = useState25(
     []
   );
-  useEffect30(() => {
+  useEffect31(() => {
     if (activeWorkspaceDescriptor?.type !== "transient") {
       setTransientMoveDestinations([]);
       return;
@@ -8398,8 +8571,8 @@ function DocBlocksShell({
     workspaceOutputsSchedulerRef.current?.notify();
     workspaceIndexRef.current?.refresh({ force: true });
   };
-  const [workspaceSettingsOpen, setWorkspaceSettingsOpen] = useState24(false);
-  const [versioningPreference, setVersioningPreference] = useState24(loadVersioningPreference);
+  const [workspaceSettingsOpen, setWorkspaceSettingsOpen] = useState25(false);
+  const [versioningPreference, setVersioningPreference] = useState25(loadVersioningPreference);
   const handleVersioningPreferenceChange = useCallback19((pref) => {
     setVersioningPreference(pref);
     saveVersioningPreference(pref);
@@ -8434,16 +8607,16 @@ function DocBlocksShell({
   const handleRegenerateWorkspaceOutputs = useCallback19(() => {
     void workspaceOutputsSchedulerRef.current?.regenerate({ force: true });
   }, []);
-  const [selectedFile, setSelectedFile] = useState24(null);
-  const [selectedSourceFile, setSelectedSourceFile] = useState24(null);
-  const [selectedOutsideIn, setSelectedOutsideIn] = useState24(null);
-  const [selectedOutsideInEditingEnabled, setSelectedOutsideInEditingEnabled] = useState24(false);
-  const [selectedImage, setSelectedImage] = useState24(void 0);
-  const [selectedManagedOutput, setSelectedManagedOutput] = useState24(void 0);
-  const [findMode, setFindMode] = useState24(false);
+  const [selectedFile, setSelectedFile] = useState25(null);
+  const [selectedSourceFile, setSelectedSourceFile] = useState25(null);
+  const [selectedOutsideIn, setSelectedOutsideIn] = useState25(null);
+  const [selectedOutsideInEditingEnabled, setSelectedOutsideInEditingEnabled] = useState25(false);
+  const [selectedImage, setSelectedImage] = useState25(void 0);
+  const [selectedManagedOutput, setSelectedManagedOutput] = useState25(void 0);
+  const [findMode, setFindMode] = useState25(false);
   const findModeRef = useRef21(findMode);
   findModeRef.current = findMode;
-  useEffect30(() => {
+  useEffect31(() => {
     setFindMode(false);
   }, [selectedFile]);
   const openFind = useCallback19(() => {
@@ -8455,14 +8628,14 @@ function DocBlocksShell({
   }, []);
   const findShortcut = useMemo6(findShortcutLabel, []);
   const searchShortcut = useMemo6(() => shortcutLabel("workspace-search", isApplePlatform()), []);
-  const [quickOpenOpen, setQuickOpenOpen] = useState24(false);
-  const [shortcutsOpen, setShortcutsOpen] = useState24(false);
+  const [quickOpenOpen, setQuickOpenOpen] = useState25(false);
+  const [shortcutsOpen, setShortcutsOpen] = useState25(false);
   const openKeyboardShortcuts = useCallback19(() => setShortcutsOpen(true), []);
-  const [quickOpenFocusRequest, setQuickOpenFocusRequest] = useState24(0);
-  const [sidebarView, setSidebarView] = useState24("files");
-  const [searchMounted, setSearchMounted] = useState24(false);
-  const [searchFocusRequest, setSearchFocusRequest] = useState24(0);
-  useEffect30(() => {
+  const [quickOpenFocusRequest, setQuickOpenFocusRequest] = useState25(0);
+  const [sidebarView, setSidebarView] = useState25("files");
+  const [searchMounted, setSearchMounted] = useState25(false);
+  const [searchFocusRequest, setSearchFocusRequest] = useState25(0);
+  useEffect31(() => {
     if (!activeWorkspaceId || !selectedFile) return;
     if (getTransientWorkspace2(activeWorkspaceId) === null) {
       recordRecentDocument(activeWorkspaceId, selectedFile);
@@ -8504,7 +8677,7 @@ function DocBlocksShell({
     }
     return URL.createObjectURL(new Blob([selectedImage.data], { type: selectedImage.mimeType }));
   }, [selectedImage]);
-  useEffect30(
+  useEffect31(
     () => () => {
       if (selectedImageUrl) URL.revokeObjectURL(selectedImageUrl);
     },
@@ -8550,8 +8723,8 @@ function DocBlocksShell({
     () => hostSupports3("exportDestinations") && exportDestinationAdapter ? createImageSaveOutput(exportDestinationAdapter) : void 0,
     [exportDestinationAdapter]
   );
-  const [selectedFolder, setSelectedFolder] = useState24(null);
-  const [folderEntries, setFolderEntries] = useState24([]);
+  const [selectedFolder, setSelectedFolder] = useState25(null);
+  const [folderEntries, setFolderEntries] = useState25([]);
   const visibleFolderEntries = useMemo6(
     () => filterVisibleFileEntries(folderEntries),
     [folderEntries]
@@ -8565,8 +8738,8 @@ function DocBlocksShell({
     } : null,
     [documentSnapshot.frozen, documentSnapshot.generation, documentSnapshot.targetKey]
   );
-  const [editorGeneration, setEditorGeneration] = useState24(documentSnapshot.generation);
-  useEffect30(() => {
+  const [editorGeneration, setEditorGeneration] = useState25(documentSnapshot.generation);
+  useEffect31(() => {
     const sync = () => setEditorGeneration(documentSession.getSnapshot().generation);
     const unsubscribe = documentSession.subscribe(sync);
     sync();
@@ -8575,7 +8748,7 @@ function DocBlocksShell({
     };
   }, [documentSession]);
   const editorGenerationSettled = editorGeneration === documentSnapshot.generation;
-  useEffect30(() => {
+  useEffect31(() => {
     setOutsideInPdfWorker(pdfWorkerSrc2);
   }, [pdfWorkerSrc2]);
   const editorKey = String(editorGeneration);
@@ -8583,21 +8756,21 @@ function DocBlocksShell({
     void editorKey;
     return pickEmptyDocumentPrompt();
   }, [editorKey]);
-  const [explorerKey, setExplorerKey] = useState24(0);
+  const [explorerKey, setExplorerKey] = useState25(0);
   const workspaceOutputsResult = workspaceOutputs.status.result;
-  useEffect30(() => {
+  useEffect31(() => {
     if (!workspaceOutputsResult?.outputs.some((output) => output.created)) return;
     if (provider && getFileSystemProviderV211(provider)?.capabilities.watch) return;
     setExplorerKey((key) => key + 1);
   }, [provider, workspaceOutputsResult]);
-  const [fileExplorerSortMode, setFileExplorerSortMode] = useState24(loadFileExplorerSortMode);
+  const [fileExplorerSortMode, setFileExplorerSortMode] = useState25(loadFileExplorerSortMode);
   const handleFileExplorerSortModeChange = useCallback19((mode) => {
     setFileExplorerSortMode(mode);
     saveFileExplorerSortMode(mode);
   }, []);
-  const [initialView, setInitialView] = useState24("wysiwyg");
-  const [initialSharedMode, setInitialSharedMode] = useState24(null);
-  const [showWelcomeGateway, setShowWelcomeGateway] = useState24(false);
+  const [initialView, setInitialView] = useState25("wysiwyg");
+  const [initialSharedMode, setInitialSharedMode] = useState25(null);
+  const [showWelcomeGateway, setShowWelcomeGateway] = useState25(false);
   const welcomeScreenShown = showWelcomeGateway && !singlePane;
   const welcomeCoveredRef = useRef21(null);
   useInert(welcomeCoveredRef, welcomeScreenShown);
@@ -8607,7 +8780,7 @@ function DocBlocksShell({
       return false;
     });
   }, []);
-  const [aiPanel, setAiPanel] = useState24(null);
+  const [aiPanel, setAiPanel] = useState25(null);
   const navigationRequestRef = useRef21(0);
   const workspaceAuthorityBarrier = useMemo6(() => new WorkspaceAuthorityBarrier(), []);
   const preparedCloseRequestRef = useRef21(null);
@@ -8796,12 +8969,12 @@ function DocBlocksShell({
     [afterWorkspaceCommit, gitScheduleRefresh]
   );
   const mediaContainerRef = useRef21(null);
-  const [mediaProvider, setMediaProvider] = useState24(null);
-  const [mediaProviderScope, setMediaProviderScope] = useState24(null);
+  const [mediaProvider, setMediaProvider] = useState25(null);
+  const [mediaProviderScope, setMediaProviderScope] = useState25(null);
   const mediaProviderCurrent = mediaProviderScope !== null && mediaProviderScope.provider === provider && mediaProviderScope.file === selectedFile && mediaProviderScope.outsideIn === selectedOutsideIn;
-  const [mediaEpoch, setMediaEpoch] = useState24(0);
+  const [mediaEpoch, setMediaEpoch] = useState25(0);
   const versionsContainerRef = useRef21(null);
-  const [versionsContainer, setVersionsContainer] = useState24(null);
+  const [versionsContainer, setVersionsContainer] = useState25(null);
   const pushHash = useCallback19((wsId, filePath) => {
     const hash = buildHash(wsId, filePath);
     if (window.location.hash !== hash) {
@@ -9025,17 +9198,17 @@ function DocBlocksShell({
   startupOpenSharedDocumentRef.current = openSharedDocument;
   const startupSeedWelcomeFileRef = useRef21(seedWelcomeFile);
   startupSeedWelcomeFileRef.current = seedWelcomeFile;
-  const [focusAfterWelcome, setFocusAfterWelcome] = useState24(false);
+  const [focusAfterWelcome, setFocusAfterWelcome] = useState25(false);
   const handleTourWelcome = useCallback19(() => {
     closeWelcomeGateway();
     setFocusAfterWelcome(true);
   }, [closeWelcomeGateway]);
-  useEffect30(() => {
+  useEffect31(() => {
     if (!focusAfterWelcome || welcomeScreenShown) return;
     setFocusAfterWelcome(false);
     editorAreaRef.current?.querySelector('[contenteditable="true"]')?.focus({ preventScroll: true });
   }, [focusAfterWelcome, welcomeScreenShown]);
-  useEffect30(() => {
+  useEffect31(() => {
     const requestId = ++navigationRequestRef.current;
     let cancelled = false;
     const isCurrent = () => !cancelled && requestId === navigationRequestRef.current;
@@ -9247,7 +9420,7 @@ function DocBlocksShell({
       if (navigationRequestRef.current === requestId) navigationRequestRef.current += 1;
     };
   }, [pushHash, workspaceAuthorityBarrier]);
-  useEffect30(() => {
+  useEffect31(() => {
     const onPopState = () => {
       const requestedHash = window.location.hash;
       const restoreCurrentHash = () => {
@@ -9289,7 +9462,7 @@ function DocBlocksShell({
     window.addEventListener("popstate", onPopState);
     return () => window.removeEventListener("popstate", onPopState);
   }, [activeWorkspaceId, openFromIds, openSharedDocument, selectedFile, showToast]);
-  useEffect30(() => {
+  useEffect31(() => {
     if (!showBrowserStorageWarning || typeof navigator === "undefined") return;
     const storage = navigator.storage;
     if (!storage || typeof storage.persisted !== "function") return;
@@ -9302,7 +9475,7 @@ function DocBlocksShell({
       cancelled = true;
     };
   }, [showBrowserStorageWarning]);
-  useEffect30(() => {
+  useEffect31(() => {
     if (hasDocBlocksHost() || typeof window === "undefined") return;
     const onBeforeInstallPrompt = (e) => {
       e.preventDefault();
@@ -9335,7 +9508,7 @@ function DocBlocksShell({
     } catch {
     }
   }, [installPromptEvent]);
-  useEffect30(() => {
+  useEffect31(() => {
     const handler = (e) => {
       const target = e.target.closest?.("[data-view]");
       if (target) {
@@ -9351,12 +9524,18 @@ function DocBlocksShell({
     window.addEventListener("click", handler, true);
     return () => window.removeEventListener("click", handler, true);
   }, [activeWorkspaceId, selectedFile, closeWelcomeGateway]);
+  const [dismissedConflictKey, setDismissedConflictKey] = useState25(null);
+  const conflictTargetKey = documentSnapshot.conflict?.targetKey ?? null;
+  useEffect31(() => {
+    if (conflictTargetKey === null) setDismissedConflictKey(null);
+  }, [conflictTargetKey]);
   const saveActiveDocument = useCallback19(() => {
     void (async () => {
       try {
         await documentSession.flush("manual");
         showToast("success", "Saved. You\u2019re all set.");
       } catch (error) {
+        if (error instanceof DocumentSessionConflictError) setDismissedConflictKey(null);
         showToast(
           "error",
           isQuotaExceededError(error) ? "Could not save -- browser storage is full. Free up space or back up your work." : error instanceof Error ? error.message : "Could not save this document."
@@ -9364,22 +9543,22 @@ function DocBlocksShell({
       }
     })();
   }, [documentSession, showToast]);
-  useEffect30(() => {
+  useEffect31(() => {
     return () => {
       if (saveToastTimerRef.current) clearTimeout(saveToastTimerRef.current);
     };
   }, []);
-  const [offlineReadyToast, setOfflineReadyToast] = useState24(false);
+  const [offlineReadyToast, setOfflineReadyToast] = useState25(false);
   const offlineReadyAnnouncedRef = useRef21(false);
-  useEffect30(() => {
+  useEffect31(() => {
     if (!offlineReady || offlineReadyAnnouncedRef.current) return;
     offlineReadyAnnouncedRef.current = true;
     setOfflineReadyToast(true);
     const timer = setTimeout(() => setOfflineReadyToast(false), 3e3);
     return () => clearTimeout(timer);
   }, [offlineReady]);
-  const [storageFull, setStorageFull] = useState24(false);
-  useEffect30(() => {
+  const [storageFull, setStorageFull] = useState25(false);
+  useEffect31(() => {
     if (documentSnapshot.error && isQuotaExceededError(documentSnapshot.error)) {
       setStorageFull(true);
     } else if (documentSnapshot.status === "saved") {
@@ -9387,7 +9566,7 @@ function DocBlocksShell({
     }
   }, [documentSnapshot.error, documentSnapshot.status]);
   const autoPersistRequestedRef = useRef21(false);
-  useEffect30(() => {
+  useEffect31(() => {
     if (!showBrowserStorageWarning || browserStoragePersistent) return;
     if (autoPersistRequestedRef.current) return;
     if (documentSnapshot.status !== "saved") return;
@@ -9441,8 +9620,8 @@ function DocBlocksShell({
       mp.dispose();
     };
   }, [provider, selectedFile, selectedOutsideIn, mediaEpoch]);
-  const [mediaEditRenders, setMediaEditRenders] = useState24(null);
-  useEffect30(() => {
+  const [mediaEditRenders, setMediaEditRenders] = useState25(null);
+  useEffect31(() => {
     setMediaEditRenders(null);
     if (!mediaProvider) return;
     let manager = null;
@@ -9466,7 +9645,7 @@ function DocBlocksShell({
     selectedSourceFile ?? selectedFile,
     workspaceIndex.ensure
   );
-  useEffect30(() => {
+  useEffect31(() => {
     const ref = versioningRef;
     if (!ref) return;
     const assign = (mgr2) => {
@@ -9490,7 +9669,7 @@ function DocBlocksShell({
       (output) => output.status === "written" && sameProviderPath(output.path, selectedFile)
     ) ? workspaceOutputsResult : null;
   }, [selectedFile, selectedManagedOutput, workspaceOutputsResult]);
-  useEffect30(() => {
+  useEffect31(() => {
     if (!provider) return;
     const providerV2 = getFileSystemProviderV211(provider);
     const lifecycle = maybeGetDocBlocksHost5()?.lifecycle;
@@ -9581,6 +9760,7 @@ function DocBlocksShell({
         if (!transitioned || requestId !== navigationRequestRef.current) return false;
         return true;
       } catch (error) {
+        if (error instanceof DocumentSessionConflictError) setDismissedConflictKey(null);
         showToast(
           "error",
           error instanceof Error ? "DocBlocks could not save this document: " + error.message : "DocBlocks could not save this document."
@@ -9590,7 +9770,7 @@ function DocBlocksShell({
     },
     [documentSession, showToast]
   );
-  const [showConflictComparison, setShowConflictComparison] = useState24(false);
+  const [showConflictComparison, setShowConflictComparison] = useState25(false);
   const readConflictFile = useCallback19(async () => {
     const path = selectedSourceFile ?? selectedFile;
     if (!provider || !path || activeWorkspaceId && getTransientWorkspace2(activeWorkspaceId)) {
@@ -9637,7 +9817,7 @@ function DocBlocksShell({
       return false;
     }
   }, [documentSession]);
-  useEffect30(() => {
+  useEffect31(() => {
     const needsWarning = ["dirty", "saving", "error", "conflict"].includes(documentSnapshot.status);
     if (!documentSnapshot.targetKey) return;
     const flushBestEffort = () => {
@@ -9663,7 +9843,7 @@ function DocBlocksShell({
       document.removeEventListener("visibilitychange", onVisibilityChange);
     };
   }, [documentSession, documentSnapshot.status, documentSnapshot.targetKey]);
-  useEffect30(() => {
+  useEffect31(() => {
     const lifecycle = maybeGetDocBlocksHost5()?.lifecycle;
     if (!hostSupports3("guardedClose") || !lifecycle) return;
     const stopPrepare = lifecycle.onPrepareClose(async (request) => {
@@ -10321,7 +10501,7 @@ function DocBlocksShell({
     ]
   );
   useShellShortcuts(shortcutHandlers, layoutMode);
-  useEffect30(
+  useEffect31(
     () => maybeGetDocBlocksHost5()?.lifecycle?.onBack?.(() => {
       if (dismissTopmostDialog()) return true;
       const escape = new KeyboardEvent("keydown", {
@@ -10344,7 +10524,7 @@ function DocBlocksShell({
     [singlePane, mobileShowEditor]
   );
   const actionNewHandledRef = useRef21(false);
-  useEffect30(() => {
+  useEffect31(() => {
     if (!provider || actionNewHandledRef.current) return;
     if (typeof window === "undefined") return;
     const params = new URLSearchParams(window.location.search);
@@ -10381,7 +10561,7 @@ function DocBlocksShell({
       );
     });
   }, [nativeWorkspaceId, showToast]);
-  useEffect30(() => {
+  useEffect31(() => {
     const host = maybeGetDocBlocksHost5();
     if (!hostSupports3("menuCommands") || !host?.onMenuCommand) return;
     return host.onMenuCommand((cmd) => {
@@ -10439,7 +10619,7 @@ function DocBlocksShell({
           break;
         case "help:about":
           void (async () => {
-            const version = await host.updater?.getVersion() ?? getHostEnvironment2()?.appVersion ?? "unknown";
+            const version = await host.updater?.getVersion() ?? getHostEnvironment3()?.appVersion ?? "unknown";
             await acknowledge({ title: "About DocBlocks", message: `DocBlocks ${version}` });
           })();
           break;
@@ -11284,7 +11464,7 @@ function DocBlocksShell({
     },
     [adoptTransientWorkspace]
   );
-  useEffect30(() => {
+  useEffect31(() => {
     const host = maybeGetDocBlocksHost5();
     if (!hostSupports3("openRequests") || !host) return;
     return host.onOpenRequest((req) => {
@@ -11351,7 +11531,7 @@ function DocBlocksShell({
     },
     [adoptTransientWorkspace]
   );
-  useEffect30(() => {
+  useEffect31(() => {
     if (hostSupports3("openRequests") || typeof window === "undefined") return;
     const launchQueue = window.launchQueue;
     if (!launchQueue) return;
@@ -11608,7 +11788,7 @@ function DocBlocksShell({
       transitionAwayFromDocument
     ]
   );
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx21(
     "div",
     {
       ref: shellRef,
@@ -11617,10 +11797,10 @@ function DocBlocksShell({
       "data-accent": accentColor,
       "data-interface-font": interfaceFont === "fixed" ? "fixed" : void 0,
       "data-document-status": documentSnapshot.status,
-      children: /* @__PURE__ */ jsxs17(GitContext.Provider, { value: git, children: [
+      children: /* @__PURE__ */ jsxs19(GitContext.Provider, { value: git, children: [
         promptDialog,
         confirmDialog,
-        quickOpenOpen && activeWorkspaceId && /* @__PURE__ */ jsx19(Suspense2, { fallback: null, children: /* @__PURE__ */ jsx19(
+        quickOpenOpen && activeWorkspaceId && /* @__PURE__ */ jsx21(Suspense2, { fallback: null, children: /* @__PURE__ */ jsx21(
           QuickOpenDialog,
           {
             index: workspaceIndex.index,
@@ -11634,8 +11814,8 @@ function DocBlocksShell({
             onClose: () => setQuickOpenOpen(false)
           }
         ) }),
-        shortcutsOpen && /* @__PURE__ */ jsx19(Suspense2, { fallback: null, children: /* @__PURE__ */ jsx19(KeyboardShortcutsDialog, { onClose: () => setShortcutsOpen(false) }) }),
-        newDocumentDialogOpen && /* @__PURE__ */ jsx19(
+        shortcutsOpen && /* @__PURE__ */ jsx21(Suspense2, { fallback: null, children: /* @__PURE__ */ jsx21(KeyboardShortcutsDialog, { onClose: () => setShortcutsOpen(false) }) }),
+        newDocumentDialogOpen && /* @__PURE__ */ jsx21(
           NewDocumentDialog,
           {
             initialFormat: defaultNewFileFormat,
@@ -11645,8 +11825,8 @@ function DocBlocksShell({
             }
           }
         ),
-        workspaceStartupError && /* @__PURE__ */ jsx19("div", { className: "db-save-toast db-save-toast--error", role: "alert", "aria-live": "assertive", children: workspaceStartupError }),
-        saveToast && /* @__PURE__ */ jsx19(
+        workspaceStartupError && /* @__PURE__ */ jsx21("div", { className: "db-save-toast db-save-toast--error", role: "alert", "aria-live": "assertive", children: workspaceStartupError }),
+        saveToast && /* @__PURE__ */ jsx21(
           "div",
           {
             className: "db-save-toast db-save-toast--" + saveToast.kind,
@@ -11655,29 +11835,38 @@ function DocBlocksShell({
             children: saveToast.message
           }
         ),
-        offlineReadyToast && !saveToast && /* @__PURE__ */ jsx19("div", { className: "db-save-toast db-save-toast--success", role: "status", "aria-live": "polite", children: "DocBlocks is ready to work offline." }),
-        documentSnapshot.conflict && /* @__PURE__ */ jsxs17("div", { className: "db-document-conflict", role: "alert", children: [
-          /* @__PURE__ */ jsx19("span", { children: documentSnapshot.conflict.recoveredDraft ? "A recovery draft from a previous session differs from the saved file. The saved file may be newer. Choose which version to use." : "This document changed outside DocBlocks. Your unsaved version is still intact." }),
-          /* @__PURE__ */ jsx19("div", { className: "db-document-conflict-actions", children: /* @__PURE__ */ jsx19("button", { type: "button", onClick: () => setShowConflictComparison(true), children: "Compare versions" }) })
-        ] }),
-        documentSnapshot.conflict && showConflictComparison && /* @__PURE__ */ jsx19(Suspense2, { fallback: /* @__PURE__ */ jsx19("div", { role: "status", children: "Loading version comparison\u2026" }), children: /* @__PURE__ */ jsx19(
+        offlineReadyToast && !saveToast && /* @__PURE__ */ jsx21("div", { className: "db-save-toast db-save-toast--success", role: "status", "aria-live": "polite", children: "DocBlocks is ready to work offline." }),
+        documentSnapshot.conflict && documentSnapshot.conflict.targetKey !== dismissedConflictKey && /* @__PURE__ */ jsx21(
+          DocumentConflictBanner,
+          {
+            conflict: documentSnapshot.conflict,
+            readSavedFile: readConflictFile,
+            onCompare: () => setShowConflictComparison(true),
+            onDismiss: () => setDismissedConflictKey(conflictTargetKey)
+          }
+        ),
+        documentSnapshot.conflict && showConflictComparison && /* @__PURE__ */ jsx21(Suspense2, { fallback: /* @__PURE__ */ jsx21("div", { role: "status", children: "Loading version comparison\u2026" }), children: /* @__PURE__ */ jsx21(
           DocumentConflictDialog,
           {
             conflict: documentSnapshot.conflict,
+            fileName: selectedSourceFile ?? selectedFile ?? "",
+            theme: resolvedTheme,
+            defaultThemeId: workspaceDefaultThemeId,
+            mediaProvider: mediaProviderCurrent ? mediaProvider : null,
             readSavedFile: readConflictFile,
             onUseLocal: handleKeepLocalDocument,
             onUseSaved: handleUseExternalDocument,
             onClose: () => setShowConflictComparison(false)
           }
         ) }),
-        storageFull && !documentSnapshot.conflict && /* @__PURE__ */ jsxs17("div", { className: "db-storage-full-banner", role: "alert", children: [
-          /* @__PURE__ */ jsx19("span", { children: "Browser storage is full -- changes can\u2019t be saved. Free up space or back up your work now." }),
-          /* @__PURE__ */ jsxs17("div", { className: "db-storage-full-banner-actions", children: [
-            /* @__PURE__ */ jsx19("button", { type: "button", onClick: () => void handleDownloadAllWorkspaces(), children: "Back up all workspaces" }),
-            /* @__PURE__ */ jsx19("button", { type: "button", onClick: () => setStorageFull(false), children: "Dismiss" })
+        storageFull && !documentSnapshot.conflict && /* @__PURE__ */ jsxs19("div", { className: "db-storage-full-banner", role: "alert", children: [
+          /* @__PURE__ */ jsx21("span", { children: "Browser storage is full -- changes can\u2019t be saved. Free up space or back up your work now." }),
+          /* @__PURE__ */ jsxs19("div", { className: "db-storage-full-banner-actions", children: [
+            /* @__PURE__ */ jsx21("button", { type: "button", onClick: () => void handleDownloadAllWorkspaces(), children: "Back up all workspaces" }),
+            /* @__PURE__ */ jsx21("button", { type: "button", onClick: () => setStorageFull(false), children: "Dismiss" })
           ] })
         ] }),
-        workspaceSettingsOpen && activeWorkspaceDescriptor && /* @__PURE__ */ jsx19(
+        workspaceSettingsOpen && activeWorkspaceDescriptor && /* @__PURE__ */ jsx21(
           WorkspaceSettingsDialog,
           {
             workspace: activeWorkspaceDescriptor,
@@ -11690,8 +11879,8 @@ function DocBlocksShell({
             onClose: () => setWorkspaceSettingsOpen(false)
           }
         ),
-        /* @__PURE__ */ jsxs17("div", { className: "db-shell-panes", ref: panesRef, children: [
-          /* @__PURE__ */ jsxs17(
+        /* @__PURE__ */ jsxs19("div", { className: "db-shell-panes", ref: panesRef, children: [
+          /* @__PURE__ */ jsxs19(
             "aside",
             {
               ref: sidebarRef,
@@ -11699,8 +11888,8 @@ function DocBlocksShell({
               "aria-label": "Workspace and files",
               style: singlePane ? void 0 : { width: `${sidebarWidth}px` },
               children: [
-                /* @__PURE__ */ jsxs17("div", { className: "db-shell-sidebar-header", children: [
-                  /* @__PURE__ */ jsx19(
+                /* @__PURE__ */ jsxs19("div", { className: "db-shell-sidebar-header", children: [
+                  /* @__PURE__ */ jsx21(
                     AppMenu,
                     {
                       logoUrl,
@@ -11733,10 +11922,11 @@ function DocBlocksShell({
                       ai,
                       speech,
                       tray: trayMenu,
-                      settingsRequest
+                      settingsRequest: settingsRequest.count,
+                      settingsRequestSection: settingsRequest.section
                     }
                   ),
-                  /* @__PURE__ */ jsx19(
+                  /* @__PURE__ */ jsx21(
                     "input",
                     {
                       ref: restoreInputRef,
@@ -11751,7 +11941,7 @@ function DocBlocksShell({
                       }
                     }
                   ),
-                  /* @__PURE__ */ jsx19(
+                  /* @__PURE__ */ jsx21(
                     WorkspacePicker,
                     {
                       activeWorkspaceId,
@@ -11763,7 +11953,7 @@ function DocBlocksShell({
                       onRemoveWorkspace: (workspace) => void handleRemoveWorkspace(workspace.id)
                     }
                   ),
-                  /* @__PURE__ */ jsx19(
+                  /* @__PURE__ */ jsx21(
                     WorkspaceSettingsButton,
                     {
                       onSettings: handleOpenWorkspaceSettings,
@@ -11774,26 +11964,26 @@ function DocBlocksShell({
                       }
                     }
                   ),
-                  canRestoreSplitView && /* @__PURE__ */ jsx19(
+                  canRestoreSplitView && /* @__PURE__ */ jsx21(
                     "button",
                     {
                       className: "db-restore-split",
                       onClick: () => updateSidebarPreference("pinned"),
                       "aria-label": "Restore split view",
                       title: "Restore split view",
-                      children: /* @__PURE__ */ jsx19(SplitViewIcon, {})
+                      children: /* @__PURE__ */ jsx21(SplitViewIcon, {})
                     }
                   ),
-                  /* @__PURE__ */ jsx19("span", { className: "db-window-drag-grip", "aria-hidden": true })
+                  /* @__PURE__ */ jsx21("span", { className: "db-window-drag-grip", "aria-hidden": true })
                 ] }),
-                git.available && /* @__PURE__ */ jsx19(Suspense2, { fallback: null, children: /* @__PURE__ */ jsx19(
+                git.available && /* @__PURE__ */ jsx21(Suspense2, { fallback: null, children: /* @__PURE__ */ jsx21(
                   GitUI,
                   {
                     onOpenFile: (path) => void handleSelect(path, "file"),
                     onWorkspaceCloned: handleWorkspaceCloned
                   }
                 ) }),
-                /* @__PURE__ */ jsx19(
+                /* @__PURE__ */ jsx21(
                   FileExplorer,
                   {
                     loading: workspaceStarting,
@@ -11828,7 +12018,7 @@ function DocBlocksShell({
                   },
                   explorerKey
                 ),
-                searchMounted && /* @__PURE__ */ jsx19(Suspense2, { fallback: null, children: /* @__PURE__ */ jsx19(
+                searchMounted && /* @__PURE__ */ jsx21(Suspense2, { fallback: null, children: /* @__PURE__ */ jsx21(
                   WorkspaceSearchPanel,
                   {
                     index: workspaceIndex.index,
@@ -11839,17 +12029,17 @@ function DocBlocksShell({
                     onShowFiles: () => setSidebarView("files")
                   }
                 ) }),
-                singlePane && showWelcomeGateway && /* @__PURE__ */ jsxs17("section", { className: "db-mobile-first-run", "aria-labelledby": "db-mobile-first-run-title", children: [
-                  /* @__PURE__ */ jsx19("p", { className: "db-mobile-first-run-eyebrow", children: "Local-first Markdown editor" }),
-                  /* @__PURE__ */ jsx19("h1", { id: "db-mobile-first-run-title", children: "Welcome to DocBlocks" }),
-                  /* @__PURE__ */ jsxs17("p", { children: [
+                singlePane && showWelcomeGateway && /* @__PURE__ */ jsxs19("section", { className: "db-mobile-first-run", "aria-labelledby": "db-mobile-first-run-title", children: [
+                  /* @__PURE__ */ jsx21("p", { className: "db-mobile-first-run-eyebrow", children: "Local-first Markdown editor" }),
+                  /* @__PURE__ */ jsx21("h1", { id: "db-mobile-first-run-title", children: "Welcome to DocBlocks" }),
+                  /* @__PURE__ */ jsxs19("p", { children: [
                     WELCOME_SUMMARY,
                     " ",
                     WELCOME_PRIVACY_NOTE
                   ] }),
-                  /* @__PURE__ */ jsxs17("div", { className: "db-mobile-first-run-actions", children: [
-                    /* @__PURE__ */ jsx19("button", { type: "button", onClick: () => void handleNewFile(), children: "Create a document" }),
-                    /* @__PURE__ */ jsx19(
+                  /* @__PURE__ */ jsxs19("div", { className: "db-mobile-first-run-actions", children: [
+                    /* @__PURE__ */ jsx21("button", { type: "button", onClick: () => void handleNewFile(), children: "Create a document" }),
+                    /* @__PURE__ */ jsx21(
                       "button",
                       {
                         type: "button",
@@ -11863,14 +12053,14 @@ function DocBlocksShell({
                     )
                   ] })
                 ] }),
-                git.available && git.pendingGrant && /* @__PURE__ */ jsx19(Suspense2, { fallback: null, children: /* @__PURE__ */ jsx19(GitGrantNotice, {}) }),
-                /* @__PURE__ */ jsxs17("div", { className: "db-shell-sidebar-footer", children: [
-                  /* @__PURE__ */ jsx19("a", { href: "https://docblocks.com/docs/", target: "_blank", rel: "noopener noreferrer", children: "Docs" }),
-                  /* @__PURE__ */ jsx19("span", { className: "db-shell-sidebar-footer-separator", "aria-hidden": "true", children: "\u2022" }),
-                  /* @__PURE__ */ jsx19("a", { href: "https://docblocks.com/terms/", target: "_blank", rel: "noopener noreferrer", children: "Terms" }),
-                  /* @__PURE__ */ jsx19("span", { className: "db-shell-sidebar-footer-separator", "aria-hidden": "true", children: "\u2022" }),
-                  /* @__PURE__ */ jsx19("a", { href: issueReportUrl, target: "_blank", rel: "noopener noreferrer", children: "Report issue" }),
-                  showBrowserStorageWarning && /* @__PURE__ */ jsx19(Fragment11, { children: /* @__PURE__ */ jsxs17(
+                git.available && git.pendingGrant && /* @__PURE__ */ jsx21(Suspense2, { fallback: null, children: /* @__PURE__ */ jsx21(GitGrantNotice, {}) }),
+                /* @__PURE__ */ jsxs19("div", { className: "db-shell-sidebar-footer", children: [
+                  /* @__PURE__ */ jsx21("a", { href: "https://docblocks.com/docs/", target: "_blank", rel: "noopener noreferrer", children: "Docs" }),
+                  /* @__PURE__ */ jsx21("span", { className: "db-shell-sidebar-footer-separator", "aria-hidden": "true", children: "\u2022" }),
+                  /* @__PURE__ */ jsx21("a", { href: "https://docblocks.com/terms/", target: "_blank", rel: "noopener noreferrer", children: "Terms" }),
+                  /* @__PURE__ */ jsx21("span", { className: "db-shell-sidebar-footer-separator", "aria-hidden": "true", children: "\u2022" }),
+                  /* @__PURE__ */ jsx21("a", { href: issueReportUrl, target: "_blank", rel: "noopener noreferrer", children: "Report issue" }),
+                  showBrowserStorageWarning && /* @__PURE__ */ jsx21(Fragment12, { children: /* @__PURE__ */ jsxs19(
                     "button",
                     {
                       type: "button",
@@ -11879,20 +12069,20 @@ function DocBlocksShell({
                       "aria-label": "Back up all workspaces",
                       title: "Browsers can clear site data. Download a backup of every workspace.",
                       children: [
-                        /* @__PURE__ */ jsx19(BackupIcon, {}),
+                        /* @__PURE__ */ jsx21(BackupIcon, {}),
                         "Back up"
                       ]
                     }
                   ) })
                 ] }),
-                /* @__PURE__ */ jsxs17("div", { className: "db-sidebar-collapse-preview", "aria-hidden": "true", children: [
-                  /* @__PURE__ */ jsx19("span", { className: "db-sidebar-collapse-preview-icon", children: /* @__PURE__ */ jsx19(CollapseSidebarGlyph, {}) }),
-                  /* @__PURE__ */ jsx19("span", { className: "db-sidebar-collapse-preview-label", children: "Release to hide files" })
+                /* @__PURE__ */ jsxs19("div", { className: "db-sidebar-collapse-preview", "aria-hidden": "true", children: [
+                  /* @__PURE__ */ jsx21("span", { className: "db-sidebar-collapse-preview-icon", children: /* @__PURE__ */ jsx21(CollapseSidebarGlyph, {}) }),
+                  /* @__PURE__ */ jsx21("span", { className: "db-sidebar-collapse-preview-label", children: "Release to hide files" })
                 ] })
               ]
             }
           ),
-          !singlePane && /* @__PURE__ */ jsx19(
+          !singlePane && /* @__PURE__ */ jsx21(
             "div",
             {
               className: "db-shell-sidebar-resizer",
@@ -11902,7 +12092,7 @@ function DocBlocksShell({
               onPointerDown: handleResizerPointerDown
             }
           ),
-          singlePane && /* @__PURE__ */ jsx19(
+          singlePane && /* @__PURE__ */ jsx21(
             "div",
             {
               className: "db-shell-scrim",
@@ -11910,7 +12100,7 @@ function DocBlocksShell({
               onPointerDown: () => setMobileShowEditor(true)
             }
           ),
-          /* @__PURE__ */ jsxs17(
+          /* @__PURE__ */ jsxs19(
             "main",
             {
               ref: editorAreaRef,
@@ -11921,8 +12111,8 @@ function DocBlocksShell({
                 editorDropActive ? "db-shell-editor-area--drop-active" : ""
               ].filter(Boolean).join(" "),
               children: [
-                /* @__PURE__ */ jsxs17("div", { ref: welcomeCoveredRef, className: "db-shell-editor-content", children: [
-                  selectedFile && mediaProvider ? /* @__PURE__ */ jsx19(Fragment11, { children: selectedManagedOutput === "catalog-html" ? /* @__PURE__ */ jsx19(
+                /* @__PURE__ */ jsxs19("div", { ref: welcomeCoveredRef, className: "db-shell-editor-content", children: [
+                  selectedFile && mediaProvider ? /* @__PURE__ */ jsx21(Fragment12, { children: selectedManagedOutput === "catalog-html" ? /* @__PURE__ */ jsx21(
                     GeneratedCatalogPage,
                     {
                       html: editorContent,
@@ -11930,17 +12120,17 @@ function DocBlocksShell({
                       onOpenSettings: activeWorkspaceDescriptor ? handleOpenWorkspaceSettings : void 0,
                       onBack: singlePane ? openDrawer : void 0
                     }
-                  ) : /* @__PURE__ */ jsx19(
+                  ) : /* @__PURE__ */ jsx21(
                     GeneratedFileFrame,
                     {
                       kind: selectedManagedOutput,
                       onOpenSettings: activeWorkspaceDescriptor ? handleOpenWorkspaceSettings : void 0,
                       onBack: singlePane ? openDrawer : void 0,
-                      children: /* @__PURE__ */ jsx19(
+                      children: /* @__PURE__ */ jsx21(
                         Suspense2,
                         {
-                          fallback: /* @__PURE__ */ jsx19("div", { className: "db-shell-empty", role: "status", children: "Loading your document\u2026" }),
-                          children: editorGenerationSettled && mediaProviderCurrent && /* @__PURE__ */ jsx19(EditorErrorBoundary, { resetKey: `${selectedFile}-${editorKey}`, children: /* @__PURE__ */ jsx19(
+                          fallback: /* @__PURE__ */ jsx21("div", { className: "db-shell-empty", role: "status", children: "Loading your document\u2026" }),
+                          children: editorGenerationSettled && mediaProviderCurrent && /* @__PURE__ */ jsx21(EditorErrorBoundary, { resetKey: `${selectedFile}-${editorKey}`, children: /* @__PURE__ */ jsx21(
                             EditorShell,
                             {
                               initialMarkdown: editorContent,
@@ -11991,19 +12181,19 @@ function DocBlocksShell({
                               versioningAutoSaveIdleMs,
                               onSaveVersion,
                               statusBarSlotRight,
-                              sidePanelSlot: ai && aiPanel && selectedImage === void 0 && (selectedOutsideIn === null || selectedOutsideInEditingEnabled) ? /* @__PURE__ */ jsx19(Suspense2, { fallback: null, children: aiPanel === "review" ? /* @__PURE__ */ jsx19(AiReviewPanel, { ai, onClose: () => setAiPanel(null) }) : /* @__PURE__ */ jsx19(AiIllustratePanel, { ai, onClose: () => setAiPanel(null) }) }) : void 0,
-                              toolbarSlotLeft: singlePane ? /* @__PURE__ */ jsx19(
+                              sidePanelSlot: ai && aiPanel && selectedImage === void 0 && (selectedOutsideIn === null || selectedOutsideInEditingEnabled) ? /* @__PURE__ */ jsx21(Suspense2, { fallback: null, children: aiPanel === "review" ? /* @__PURE__ */ jsx21(AiReviewPanel, { ai, onClose: () => setAiPanel(null) }) : aiPanel === "images" ? /* @__PURE__ */ jsx21(AiImagePanel, { ai, onClose: () => setAiPanel(null) }) : /* @__PURE__ */ jsx21(AiIllustratePanel, { ai, onClose: () => setAiPanel(null) }) }) : void 0,
+                              toolbarSlotLeft: singlePane ? /* @__PURE__ */ jsx21(
                                 "button",
                                 {
                                   className: "db-mobile-back",
                                   onClick: () => setMobileShowEditor(false),
                                   "aria-label": "Show file list",
-                                  children: /* @__PURE__ */ jsx19("span", { className: "db-mobile-files-icon", children: /* @__PURE__ */ jsx19(FolderGlyph, {}) })
+                                  children: /* @__PURE__ */ jsx21("span", { className: "db-mobile-files-icon", children: /* @__PURE__ */ jsx21(FolderGlyph, {}) })
                                 }
                               ) : void 0,
-                              summarizationDesigner: selectedImage === void 0 && selectedManagedOutput === void 0 && (selectedOutsideIn === null || selectedOutsideInEditingEnabled) ? (onClose) => /* @__PURE__ */ jsx19(Suspense2, { fallback: null, children: /* @__PURE__ */ jsx19(PresentationMaker, { ai: ai ?? void 0, onClose }) }) : void 0,
-                              toolbarSlotRight: /* @__PURE__ */ jsxs17(Fragment11, { children: [
-                                canFind && /* @__PURE__ */ jsx19(
+                              summarizationDesigner: selectedImage === void 0 && selectedManagedOutput === void 0 && (selectedOutsideIn === null || selectedOutsideInEditingEnabled) ? (onClose) => /* @__PURE__ */ jsx21(Suspense2, { fallback: null, children: /* @__PURE__ */ jsx21(PresentationMaker, { ai: ai ?? void 0, onClose }) }) : void 0,
+                              toolbarSlotRight: /* @__PURE__ */ jsxs19(Fragment12, { children: [
+                                canFind && /* @__PURE__ */ jsx21(
                                   FindButton,
                                   {
                                     active: findMode,
@@ -12011,7 +12201,7 @@ function DocBlocksShell({
                                     shortcutLabel: findShortcut
                                   }
                                 ),
-                                ai && /* @__PURE__ */ jsx19(Suspense2, { fallback: null, children: /* @__PURE__ */ jsx19(
+                                ai && /* @__PURE__ */ jsx21(Suspense2, { fallback: null, children: /* @__PURE__ */ jsx21(
                                   AiToolbarControl,
                                   {
                                     ai,
@@ -12020,38 +12210,38 @@ function DocBlocksShell({
                                     onOpenPanel: setAiPanel
                                   }
                                 ) }),
-                                speech && /* @__PURE__ */ jsxs17(Suspense2, { fallback: null, children: [
-                                  /* @__PURE__ */ jsx19(
+                                speech && /* @__PURE__ */ jsxs19(Suspense2, { fallback: null, children: [
+                                  /* @__PURE__ */ jsx21(
                                     TextFromNarration,
                                     {
                                       speech,
                                       ai: ai ?? void 0,
                                       allowRecording,
                                       readOnly: selectedImage !== void 0 || selectedManagedOutput !== void 0 || selectedOutsideIn !== null && !selectedOutsideInEditingEnabled,
-                                      onOpenSettings: openSettings
+                                      onOpenSettings: openDictationSettings
                                     }
                                   ),
-                                  hostSupports3("speechOutput") ? /* @__PURE__ */ jsx19(
+                                  hostSupports3("speechOutput") ? /* @__PURE__ */ jsx21(
                                     SpeechToolbarControl,
                                     {
                                       speech,
-                                      onOpenSettings: openSettings,
+                                      onOpenSettings: openNarrationSettings,
                                       readOnly: selectedImage !== void 0 || selectedOutsideIn !== null && !selectedOutsideInEditingEnabled
                                     }
-                                  ) : /* @__PURE__ */ jsx19(SpeechMenuBridge, {})
+                                  ) : /* @__PURE__ */ jsx21(SpeechMenuBridge, {})
                                 ] }),
-                                canRestoreSplitView && /* @__PURE__ */ jsx19(
+                                canRestoreSplitView && /* @__PURE__ */ jsx21(
                                   "button",
                                   {
                                     className: "db-restore-split",
                                     onClick: () => updateSidebarPreference("pinned"),
                                     "aria-label": "Restore split view",
                                     title: "Restore split view",
-                                    children: /* @__PURE__ */ jsx19(SplitViewIcon, {})
+                                    children: /* @__PURE__ */ jsx21(SplitViewIcon, {})
                                   }
                                 ),
-                                git.repo && /* @__PURE__ */ jsx19(Suspense2, { fallback: null, children: /* @__PURE__ */ jsx19(GitToolbarControl, { selectedFile }) }),
-                                /* @__PURE__ */ jsx19(
+                                git.repo && /* @__PURE__ */ jsx21(Suspense2, { fallback: null, children: /* @__PURE__ */ jsx21(GitToolbarControl, { selectedFile }) }),
+                                /* @__PURE__ */ jsx21(
                                   ExportToolbarControls,
                                   {
                                     selectedFile,
@@ -12075,39 +12265,39 @@ function DocBlocksShell({
                         }
                       )
                     }
-                  ) }) : selectedFolder ? /* @__PURE__ */ jsxs17("div", { className: "db-folder-view", children: [
-                    singlePane && /* @__PURE__ */ jsxs17("button", { className: "db-mobile-back", onClick: () => setMobileShowEditor(false), children: [
-                      /* @__PURE__ */ jsx19("span", { className: "db-mobile-files-icon", children: /* @__PURE__ */ jsx19(FolderGlyph, {}) }),
+                  ) }) : selectedFolder ? /* @__PURE__ */ jsxs19("div", { className: "db-folder-view", children: [
+                    singlePane && /* @__PURE__ */ jsxs19("button", { className: "db-mobile-back", onClick: () => setMobileShowEditor(false), children: [
+                      /* @__PURE__ */ jsx21("span", { className: "db-mobile-files-icon", children: /* @__PURE__ */ jsx21(FolderGlyph, {}) }),
                       "Back to files"
                     ] }),
-                    /* @__PURE__ */ jsxs17("div", { className: "db-folder-view-header", children: [
-                      /* @__PURE__ */ jsx19("span", { className: "db-folder-view-icon", children: /* @__PURE__ */ jsx19(FolderGlyph, {}) }),
-                      /* @__PURE__ */ jsx19("span", { className: "db-folder-view-path", children: selectedFolder })
+                    /* @__PURE__ */ jsxs19("div", { className: "db-folder-view-header", children: [
+                      /* @__PURE__ */ jsx21("span", { className: "db-folder-view-icon", children: /* @__PURE__ */ jsx21(FolderGlyph, {}) }),
+                      /* @__PURE__ */ jsx21("span", { className: "db-folder-view-path", children: selectedFolder })
                     ] }),
-                    visibleFolderEntries.length === 0 ? /* @__PURE__ */ jsx19("p", { className: "db-folder-view-empty", children: "This folder is empty." }) : /* @__PURE__ */ jsx19("ul", { className: "db-folder-view-list", children: visibleFolderEntries.map((entry) => /* @__PURE__ */ jsxs17(
+                    visibleFolderEntries.length === 0 ? /* @__PURE__ */ jsx21("p", { className: "db-folder-view-empty", children: "This folder is empty." }) : /* @__PURE__ */ jsx21("ul", { className: "db-folder-view-list", children: visibleFolderEntries.map((entry) => /* @__PURE__ */ jsxs19(
                       "li",
                       {
                         className: "db-folder-view-item",
                         onClick: () => handleSelect(entry.path, entry.kind),
                         children: [
-                          /* @__PURE__ */ jsx19("span", { className: "db-folder-view-item-icon", children: entry.kind === "directory" ? /* @__PURE__ */ jsx19(FolderGlyph, {}) : /* @__PURE__ */ jsx19(FileGlyph, {}) }),
+                          /* @__PURE__ */ jsx21("span", { className: "db-folder-view-item-icon", children: entry.kind === "directory" ? /* @__PURE__ */ jsx21(FolderGlyph, {}) : /* @__PURE__ */ jsx21(FileGlyph, {}) }),
                           entry.name
                         ]
                       },
                       entry.path
                     )) })
-                  ] }) : /* @__PURE__ */ jsxs17("div", { className: "db-shell-empty db-shell-empty--workspace", children: [
-                    singlePane && /* @__PURE__ */ jsxs17("button", { className: "db-mobile-back", onClick: () => setMobileShowEditor(false), children: [
-                      /* @__PURE__ */ jsx19("span", { className: "db-mobile-files-icon", children: /* @__PURE__ */ jsx19(FolderGlyph, {}) }),
+                  ] }) : /* @__PURE__ */ jsxs19("div", { className: "db-shell-empty db-shell-empty--workspace", children: [
+                    singlePane && /* @__PURE__ */ jsxs19("button", { className: "db-mobile-back", onClick: () => setMobileShowEditor(false), children: [
+                      /* @__PURE__ */ jsx21("span", { className: "db-mobile-files-icon", children: /* @__PURE__ */ jsx21(FolderGlyph, {}) }),
                       "Back to files"
                     ] }),
-                    /* @__PURE__ */ jsxs17("div", { className: "db-workspace-empty-content", children: [
-                      /* @__PURE__ */ jsx19("span", { className: "db-workspace-empty-icon", "aria-hidden": "true", children: /* @__PURE__ */ jsx19(FileGlyph, {}) }),
-                      /* @__PURE__ */ jsx19("h1", { children: activeWorkspaceDescriptor?.name ?? "Workspace" }),
-                      /* @__PURE__ */ jsx19("p", { children: "Choose a Markdown document from the sidebar, or create a new one." }),
-                      /* @__PURE__ */ jsxs17("div", { className: "db-workspace-empty-actions", children: [
-                        /* @__PURE__ */ jsx19("button", { type: "button", onClick: () => void handleNewFile(), children: "New document" }),
-                        /* @__PURE__ */ jsx19(
+                    /* @__PURE__ */ jsxs19("div", { className: "db-workspace-empty-content", children: [
+                      /* @__PURE__ */ jsx21("span", { className: "db-workspace-empty-icon", "aria-hidden": "true", children: /* @__PURE__ */ jsx21(FileGlyph, {}) }),
+                      /* @__PURE__ */ jsx21("h1", { children: activeWorkspaceDescriptor?.name ?? "Workspace" }),
+                      /* @__PURE__ */ jsx21("p", { children: "Choose a Markdown document from the sidebar, or create a new one." }),
+                      /* @__PURE__ */ jsxs19("div", { className: "db-workspace-empty-actions", children: [
+                        /* @__PURE__ */ jsx21("button", { type: "button", onClick: () => void handleNewFile(), children: "New document" }),
+                        /* @__PURE__ */ jsx21(
                           "button",
                           {
                             type: "button",
@@ -12116,7 +12306,7 @@ function DocBlocksShell({
                             children: "New folder"
                           }
                         ),
-                        (hostSupports3("workspaceFolderPicker") || typeof globalThis.showDirectoryPicker === "function") && /* @__PURE__ */ jsx19(
+                        (hostSupports3("workspaceFolderPicker") || typeof globalThis.showDirectoryPicker === "function") && /* @__PURE__ */ jsx21(
                           "button",
                           {
                             type: "button",
@@ -12126,10 +12316,10 @@ function DocBlocksShell({
                           }
                         )
                       ] }),
-                      showBrowserStorageWarning && /* @__PURE__ */ jsx19("p", { className: "db-workspace-empty-hint", children: "Use the sidebar backup action to keep a portable copy of this workspace." })
+                      showBrowserStorageWarning && /* @__PURE__ */ jsx21("p", { className: "db-workspace-empty-hint", children: "Use the sidebar backup action to keep a portable copy of this workspace." })
                     ] })
                   ] }),
-                  /* @__PURE__ */ jsx19(
+                  /* @__PURE__ */ jsx21(
                     UpdateAvailableNotice,
                     {
                       available: updateAvailable,
@@ -12139,7 +12329,7 @@ function DocBlocksShell({
                     }
                   )
                 ] }),
-                welcomeScreenShown && /* @__PURE__ */ jsx19(
+                welcomeScreenShown && /* @__PURE__ */ jsx21(
                   WelcomeScreen,
                   {
                     onCreateDocument: handleNewFile,