@bendyline/docblocks-react 2.7.0 → 2.7.2

package/dist/index.js

@@ -1,4 +1,5 @@
 import {
+  BackupIcon,
   FolderIcon,
   MoreIcon,
   NewFileIcon,
@@ -10,7 +11,7 @@ import {
   SortByNameIcon,
   SplitViewIcon,
   WorkspaceIcon
-} from "./chunk-EA4BO6E4.js";
+} from "./chunk-DICE7VBJ.js";
 import {
   useConfirmDialog
 } from "./chunk-6B7G33D5.js";
@@ -22,7 +23,7 @@ import {
 } from "./chunk-2IYBBFQX.js";
 import {
   sharedDocumentFilename
-} from "./chunk-YS4HVWIO.js";
+} from "./chunk-SPUPWCSI.js";
 import {
   createBrowserSaveAsAdapter
 } from "./chunk-UMEDHMT7.js";
@@ -39,7 +40,7 @@ import {
 } from "./chunk-6E635KCJ.js";
 import {
   useMenuKeyboard
-} from "./chunk-MRUK56JS.js";
+} from "./chunk-GMA4KGGO.js";
 import {
   displayFileName,
   renameDraft,
@@ -50,13 +51,13 @@ import {
 } from "./chunk-KWG6UP5O.js";
 import {
   runExport
-} from "./chunk-BCQZTWE5.js";
+} from "./chunk-HRWEGPTY.js";
 import {
   createImageSaveOutput
 } from "./chunk-UONFWKJ7.js";
 import {
   buildExportFilename
-} from "./chunk-UG4G7PJ4.js";
+} from "./chunk-5O5YTOXG.js";
 import {
   createLocalProofingIgnoreStore
 } from "./chunk-DUKTAKB4.js";
@@ -86,28 +87,30 @@ import {
   saveProofingPreferences,
   saveThemePreference,
   saveWriteCanvasPreferences
-} from "./chunk-Q5ZVP5LV.js";
+} from "./chunk-BLUEZG7T.js";
 import {
   FindButton,
-  findShortcutLabel,
   focusFindInput,
-  isApplePlatform,
-  matchShortcut,
   pickEmptyDocumentPrompt,
-  shortcutLabel,
   useResponsivePreviewViewportPreset
-} from "./chunk-G4MFB3IO.js";
-import "./chunk-MMOTEQK6.js";
-import "./chunk-5OZBGIIT.js";
+} from "./chunk-VG434562.js";
+import {
+  findShortcutLabel,
+  isApplePlatform,
+  matchShortcut,
+  shortcutLabel
+} from "./chunk-K7XJDJUJ.js";
+import "./chunk-SSB43524.js";
+import "./chunk-NAH52736.js";
 import "./chunk-K4I3NJFL.js";
 import {
   ExportDialog
-} from "./chunk-SGQKTKDX.js";
+} from "./chunk-Y5OE3HJC.js";
 import "./chunk-YBEYTVU2.js";
 import {
   DEFAULT_OPTIONS,
   loadLastExportOptions
-} from "./chunk-X437UAF7.js";
+} from "./chunk-6MSHXQNB.js";
 import {
   Dialog,
   dismissTopmostDialog
@@ -1765,8 +1768,19 @@ import {
 } from "@bendyline/docblocks/workspace-settings";
 var UPDATE_FROM_MARKDOWN_KEY = "squisq-updatefrommarkdown";
 var HTML_OUTPUT_KEY = "squisq-html-output";
+var pdfWorkerSrc = null;
+var configuredPdfWorkerSrc = null;
+function setOutsideInPdfWorker(src) {
+  pdfWorkerSrc = src ?? null;
+}
 async function loadOutsideInModule() {
-  return await import("@bendyline/squisq-formats/outside-in");
+  const outsideIn = await import("@bendyline/squisq-formats/outside-in");
+  if (pdfWorkerSrc && pdfWorkerSrc !== configuredPdfWorkerSrc) {
+    const { configurePdfWorker } = await import("@bendyline/squisq-formats/pdf");
+    configurePdfWorker(pdfWorkerSrc);
+    configuredPdfWorkerSrc = pdfWorkerSrc;
+  }
+  return outsideIn;
 }
 async function readOutsideInMetadata(source) {
   const { readOutsideInMetadata: readMetadata } = await loadOutsideInModule();
@@ -2357,6 +2371,17 @@ function newFileName(name, format) {
   const stem = name.trim().replace(SELECTABLE_FILE_EXTENSION, "");
   return stem ? `${stem}${NEW_FILE_EXTENSIONS[format]}` : null;
 }
+var SAVED_AS = {
+  docx: "Word document",
+  xlsx: "Excel workbook",
+  pdf: "PDF",
+  "web-interactive": "web page",
+  "web-static": "web page"
+};
+function newFileFormatHint(format) {
+  if (format === "markdown") return null;
+  return `You write in Markdown; each save updates the ${SAVED_AS[format]}.`;
+}
 function newFileHtmlOutput(format) {
   if (format === "web-static") return "static";
   if (format === "web-interactive") return "interactive";
@@ -2367,13 +2392,11 @@ function newFileHtmlOutput(format) {
 import { Fragment as Fragment2, jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
 function NewFileFormatOptions() {
   return /* @__PURE__ */ jsxs3(Fragment2, { children: [
-    /* @__PURE__ */ jsxs3("optgroup", { label: "Document", children: [
-      /* @__PURE__ */ jsx4("option", { value: "markdown", children: "Markdown (.md)" }),
+    /* @__PURE__ */ jsx4("option", { value: "markdown", children: "Markdown (.md)" }),
+    /* @__PURE__ */ jsxs3("optgroup", { label: "Written in Markdown, saved as", children: [
       /* @__PURE__ */ jsx4("option", { value: "docx", children: "Word document (.docx)" }),
       /* @__PURE__ */ jsx4("option", { value: "xlsx", children: "Excel workbook (.xlsx)" }),
-      /* @__PURE__ */ jsx4("option", { value: "pdf", children: "PDF document (.pdf)" })
-    ] }),
-    /* @__PURE__ */ jsxs3("optgroup", { label: "Web page", children: [
+      /* @__PURE__ */ jsx4("option", { value: "pdf", children: "PDF (.pdf)" }),
       /* @__PURE__ */ jsx4("option", { value: "web-interactive", children: "Web page \u2014 Interactive (.html)" }),
       /* @__PURE__ */ jsx4("option", { value: "web-static", children: "Web page \u2014 Static (.html)" })
     ] })
@@ -2384,6 +2407,7 @@ function NewFileFormatOptions() {
 import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
 var INTERNAL_DRAG_TYPE = "application/x-docblocks-entry";
 var NEW_ITEM_ERROR_ID = "db-new-item-error";
+var NEW_ITEM_HINT_ID = "db-new-item-hint";
 function normalisePath2(path) {
   return parseWorkspacePath4(path);
 }
@@ -3105,6 +3129,7 @@ function FileExplorer({
                     {
                       className: "db-new-item-format",
                       "aria-label": "New file type",
+                      "aria-describedby": newFileFormatHint(newFileFormat) ? NEW_ITEM_HINT_ID : void 0,
                       value: newFileFormat,
                       disabled: newItemCreationPending,
                       onChange: (event) => {
@@ -3119,6 +3144,7 @@ function FileExplorer({
               ]
             }
           ),
+          newItemType === "file" && newFileFormatHint(newFileFormat) && /* @__PURE__ */ jsx5("p", { id: NEW_ITEM_HINT_ID, className: "db-new-item-hint", children: newFileFormatHint(newFileFormat) }),
           newItemError && /* @__PURE__ */ jsx5("div", { id: NEW_ITEM_ERROR_ID, className: "db-tree-error", role: "alert", children: newItemError })
         ] }),
         moveError && /* @__PURE__ */ jsx5("div", { className: "db-tree-error", role: "alert", children: moveError }),
@@ -3636,7 +3662,16 @@ async function prepareHostLifecycle(session, request) {
 }
 
 // src/DocBlocksShell/DocBlocksShell.tsx
-import { useState as useState23, useCallback as useCallback18, useEffect as useEffect29, useRef as useRef18, useMemo as useMemo6, lazy as lazy2, Suspense as Suspense2 } from "react";
+import {
+  useState as useState23,
+  useCallback as useCallback18,
+  useEffect as useEffect29,
+  useLayoutEffect as useLayoutEffect4,
+  useRef as useRef19,
+  useMemo as useMemo6,
+  lazy as lazy2,
+  Suspense as Suspense2
+} from "react";
 import {
   DocumentVersionManager
 } from "@bendyline/squisq/versions";
@@ -3703,6 +3738,14 @@ function readinessSentence(readiness, ready) {
   return readiness.state === "ready" ? ready : readiness.reason ?? "";
 }
 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;
+  return {
+    code: "unknown",
+    message: "DocBlocks could not check speech on this computer.",
+    ...detail ? { detail } : {}
+  };
+}
 function SpeechSettingsControls({ speech }) {
   const [status, setStatus] = useState6(null);
   const [catalog, setCatalog] = useState6(null);
@@ -3717,11 +3760,15 @@ function SpeechSettingsControls({ speech }) {
   const voiceId = useId2();
   const speedId = useId2();
   const refresh = useCallback7(async () => {
-    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);
+    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);
+    } catch (cause) {
+      if (mounted.current) setFailure(unreachable(cause));
+    }
   }, [speech]);
   const stopPreview = useCallback7(() => {
     preview.current?.handle.cancel();
@@ -3739,9 +3786,14 @@ function SpeechSettingsControls({ speech }) {
       });
     });
     void refresh();
-    void speech.getPreferences().then((initial) => {
-      if (mounted.current) setPreferences(initial);
-    });
+    void speech.getPreferences().then(
+      (initial) => {
+        if (mounted.current) setPreferences(initial);
+      },
+      (cause) => {
+        if (mounted.current) setFailure(unreachable(cause));
+      }
+    );
     return () => {
       mounted.current = false;
       installHandle.current?.cancel();
@@ -3813,7 +3865,13 @@ function SpeechSettingsControls({ speech }) {
       setPreviewing(false);
     });
   }, [speech, stopPreview]);
-  if (!status || !catalog || !preferences) return null;
+  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 })
+    ] });
+  }
   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);
@@ -3976,6 +4034,17 @@ function SpeechSettingsControls({ speech }) {
   ] });
 }
 
+// src/local-date.ts
+function localDateStamp(date) {
+  const pad = (value) => String(value).padStart(2, "0");
+  return `${date.getFullYear()}-${pad(date.getMonth() + 1)}-${pad(date.getDate())}`;
+}
+function displayBuildDate(value) {
+  if (/^\d{4}-\d{2}-\d{2}$/.test(value)) return value;
+  const instant = new Date(value);
+  return Number.isNaN(instant.getTime()) ? value : localDateStamp(instant);
+}
+
 // src/AppMenu/AppMenu.tsx
 import { Fragment as Fragment5, jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
 function formatBytes(bytes) {
@@ -3989,6 +4058,7 @@ function formatBytes(bytes) {
   }
   return `${value >= 100 || unit === "B" ? Math.round(value) : value.toFixed(1)} ${unit}`;
 }
+var DOCUMENTATION_URL = "https://docblocks.com/docs/";
 var MORE_INFORMATION_URLS = Object.freeze({
   electron: "https://docblocks.com/desktop/",
   capacitor: "https://docblocks.com/web/",
@@ -3996,9 +4066,10 @@ var MORE_INFORMATION_URLS = Object.freeze({
 });
 function AppMenu({
   logoUrl,
+  logoDarkUrl,
   themePreference = "auto",
   onThemeChange,
-  accentColor = "brown",
+  accentColor = "rust",
   onAccentColorChange,
   interfaceFont = "system",
   onInterfaceFontChange,
@@ -4010,6 +4081,7 @@ function AppMenu({
   onVersioningPreferenceChange,
   onOpenWorkspaceSettings,
   onDownloadAllWorkspaces,
+  onShowKeyboardShortcuts,
   onKeepBrowserData,
   onInstallApp,
   getStorageEstimate,
@@ -4055,7 +4127,7 @@ function AppMenu({
   }, [closeMenu, isOpen]);
   const handleAction = useCallback8(
     (action) => {
-      closeMenu(false);
+      closeMenu(true);
       action();
     },
     [closeMenu]
@@ -4082,16 +4154,28 @@ function AppMenu({
           "aria-expanded": isOpen,
           "aria-haspopup": "menu",
           children: [
-            logoUrl ? /* @__PURE__ */ jsx8(
-              "img",
-              {
-                src: logoUrl,
-                alt: "DocBlocks",
-                className: "db-app-menu-logo",
-                width: 1266,
-                height: 544
-              }
-            ) : /* @__PURE__ */ jsx8("span", { className: "db-app-menu-label", children: "docblocks" }),
+            logoUrl ? /* @__PURE__ */ jsxs7(Fragment5, { children: [
+              /* @__PURE__ */ jsx8(
+                "img",
+                {
+                  src: logoUrl,
+                  alt: "DocBlocks",
+                  className: `db-app-menu-logo ${logoDarkUrl ? "db-app-menu-logo--light" : "db-app-menu-logo--invert"}`,
+                  width: 557,
+                  height: 242
+                }
+              ),
+              logoDarkUrl && /* @__PURE__ */ jsx8(
+                "img",
+                {
+                  src: logoDarkUrl,
+                  alt: "DocBlocks",
+                  className: "db-app-menu-logo db-app-menu-logo--dark",
+                  width: 557,
+                  height: 242
+                }
+              )
+            ] }) : /* @__PURE__ */ jsx8("span", { className: "db-app-menu-label", children: "docblocks" }),
             /* @__PURE__ */ jsx8(
               "span",
               {
@@ -4130,6 +4214,17 @@ function AppMenu({
                 children: "Install DocBlocks\u2026"
               }
             ),
+            (onDownloadAllWorkspaces || onKeepBrowserData) && /* @__PURE__ */ jsx8("div", { className: "db-app-menu-divider" }),
+            onDownloadAllWorkspaces && /* @__PURE__ */ jsx8(
+              "button",
+              {
+                className: "db-app-menu-item",
+                role: "menuitem",
+                tabIndex: -1,
+                onClick: () => handleAction(() => void onDownloadAllWorkspaces()),
+                children: "Back up all workspaces"
+              }
+            ),
             onKeepBrowserData && /* @__PURE__ */ jsx8(
               "button",
               {
@@ -4140,17 +4235,34 @@ function AppMenu({
                 children: "Protect data from browser cleanup"
               }
             ),
-            onDownloadAllWorkspaces && /* @__PURE__ */ jsx8(
+            /* @__PURE__ */ jsx8("div", { className: "db-app-menu-divider" }),
+            onShowKeyboardShortcuts && /* @__PURE__ */ jsxs7(
               "button",
+              {
+                className: "db-app-menu-item db-app-menu-item--with-shortcut",
+                role: "menuitem",
+                tabIndex: -1,
+                "aria-keyshortcuts": "F1",
+                onClick: () => handleAction(onShowKeyboardShortcuts),
+                children: [
+                  "Keyboard shortcuts",
+                  /* @__PURE__ */ jsx8("span", { className: "db-app-menu-shortcut", "aria-hidden": "true", children: "F1" })
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsx8(
+              "a",
               {
                 className: "db-app-menu-item",
                 role: "menuitem",
                 tabIndex: -1,
-                onClick: () => handleAction(() => void onDownloadAllWorkspaces()),
-                children: "Download all workspaces"
+                href: DOCUMENTATION_URL,
+                target: "_blank",
+                rel: "noopener noreferrer",
+                onClick: () => closeMenu(false),
+                children: "Documentation"
               }
             ),
-            /* @__PURE__ */ jsx8("div", { className: "db-app-menu-divider" }),
             /* @__PURE__ */ jsx8(
               "button",
               {
@@ -4310,7 +4422,7 @@ function AppMenu({
       ] }),
       appBuildDate && /* @__PURE__ */ jsxs7("p", { className: "db-about-version", children: [
         /* @__PURE__ */ jsx8("span", { children: "Build" }),
-        /* @__PURE__ */ jsx8("time", { dateTime: appBuildDate, children: appBuildDate })
+        /* @__PURE__ */ jsx8("time", { dateTime: appBuildDate, children: displayBuildDate(appBuildDate) })
       ] }),
       /* @__PURE__ */ jsxs7("p", { children: [
         "Built with",
@@ -4398,7 +4510,7 @@ function WorkspaceSettingsButton({
   }, [closeMenu, isOpen]);
   const handleAction = useCallback9(
     (action) => {
-      closeMenu(false);
+      closeMenu(true);
       action();
     },
     [closeMenu]
@@ -4453,7 +4565,7 @@ function WorkspaceSettingsButton({
               role: "menuitem",
               tabIndex: -1,
               onClick: () => handleAction(onDownload),
-              children: "Download workspace"
+              children: "Back up this workspace"
             }
           ),
           /* @__PURE__ */ jsx9("div", { className: "db-ws-settings-divider" }),
@@ -4896,7 +5008,7 @@ function useDocumentSession(autoSaveDelayMs = 500) {
 import { lazy, Suspense } from "react";
 import { jsx as jsx12 } from "react/jsx-runtime";
 var ExportToolbarControlsImplementation = lazy(
-  () => import("./ExportToolbarControls-BRCPZ7H3.js").then((module) => ({
+  () => import("./ExportToolbarControls-2FEIHNMW.js").then((module) => ({
     default: module.ExportToolbarControls
   }))
 );
@@ -5547,14 +5659,34 @@ async function claimOutsideInTarget(provider, desiredPath) {
   }
   throw new Error(`Too many documents are already named like \u201C${desiredPath}\u201D.`);
 }
+function directoriesUnder(files, root) {
+  const directories = /* @__PURE__ */ new Set();
+  for (const file of files) {
+    if (!file.startsWith(`${root}/`)) continue;
+    for (let dir = file.slice(0, file.lastIndexOf("/")); dir.length >= root.length; ) {
+      directories.add(dir);
+      const slash = dir.lastIndexOf("/");
+      if (slash < 0) break;
+      dir = dir.slice(0, slash);
+    }
+  }
+  return [...directories].sort((a, b) => b.split("/").length - a.split("/").length);
+}
+async function removeIfEmptyDirectory(provider, path) {
+  const providerV2 = getFileSystemProviderV27(provider);
+  if (!providerV2) return;
+  await providerV2.remove(parseWorkspacePath6(path), { recursive: false, missing: "ignore" }).catch(() => void 0);
+}
 async function importOutsideInFile(file, provider) {
   const claim = await claimOutsideInTarget(provider, file.name);
   const created = [claim.path];
+  const companionDirectory = resolveOutsideInLayout2(claim.path)?.companionDirectory ?? null;
   try {
     const sourceBytes = await file.arrayBuffer();
     const layout = resolveOutsideInLayout2(claim.path);
     if (!layout) throw new Error(`Outside-in editing does not support \u201C${claim.path}\u201D.`);
-    const imported = await (isOutsideInDataFormat(layout.format) ? importOutsideInDataSidecar({ data: sourceBytes, targetPath: claim.path }) : importOutsideInDocument({ data: sourceBytes, targetPath: claim.path }));
+    const conversionBytes = sourceBytes.slice(0);
+    const imported = await (isOutsideInDataFormat(layout.format) ? importOutsideInDataSidecar({ data: conversionBytes, targetPath: claim.path }) : importOutsideInDocument({ data: conversionBytes, targetPath: claim.path }));
     for (const entry of await imported.container.listFiles()) {
       if (/\.md$/i.test(entry.path)) continue;
       const data = await imported.container.readFile(entry.path);
@@ -5568,9 +5700,14 @@ async function importOutsideInFile(file, provider) {
     await writeProviderBytes(provider, claim.path, sourceBytes, "upsert");
     return claim;
   } catch (error) {
-    for (const path of created.reverse()) {
+    for (const path of [...created].reverse()) {
       await removeProviderEntry(provider, path).catch(() => void 0);
     }
+    if (companionDirectory) {
+      for (const directory of directoriesUnder(created, companionDirectory)) {
+        await removeIfEmptyDirectory(provider, directory);
+      }
+    }
     throw error;
   }
 }
@@ -5762,6 +5899,8 @@ function NewDocumentDialog({
   const inputRef = useRef15(null);
   const nameId = useId4();
   const formatId = useId4();
+  const hintId = useId4();
+  const hint = newFileFormatHint(format);
   const filename = newFileName(name, format);
   const cancel = useCallback15(() => onSettle(null), [onSettle]);
   const submit = useCallback15(() => {
@@ -5814,16 +5953,44 @@ function NewDocumentDialog({
           {
             id: formatId,
             className: "db-git-form-input",
+            "aria-describedby": hint ? hintId : void 0,
             value: format,
             onChange: (e) => setFormat(e.target.value),
             children: /* @__PURE__ */ jsx14(NewFileFormatOptions, {})
           }
-        )
+        ),
+        hint && /* @__PURE__ */ jsx14("p", { id: hintId, className: "db-new-document-hint", children: hint })
       ] })
     }
   );
 }
 
+// src/DocBlocksShell/EditorErrorBoundary.tsx
+import { Component } from "react";
+import { jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
+var EditorErrorBoundary = class extends Component {
+  constructor() {
+    super(...arguments);
+    this.state = { error: null, resetKey: this.props.resetKey };
+  }
+  static getDerivedStateFromError(error) {
+    return { error };
+  }
+  static getDerivedStateFromProps(props, state) {
+    return props.resetKey === state.resetKey ? null : { error: null, resetKey: props.resetKey };
+  }
+  render() {
+    const { error } = this.state;
+    if (!error) return this.props.children;
+    return /* @__PURE__ */ jsx15("div", { className: "db-shell-empty db-shell-empty--workspace", role: "alert", children: /* @__PURE__ */ jsxs13("div", { className: "db-workspace-empty-content", children: [
+      /* @__PURE__ */ jsx15("h1", { children: "This document couldn\u2019t be displayed" }),
+      /* @__PURE__ */ jsx15("p", { children: "The editor ran into a problem drawing it. The document itself is unaffected." }),
+      /* @__PURE__ */ jsx15("div", { className: "db-workspace-empty-actions", children: /* @__PURE__ */ jsx15("button", { type: "button", onClick: () => this.setState({ error: null }), children: "Try again" }) }),
+      /* @__PURE__ */ jsx15("p", { className: "db-workspace-empty-hint", children: error.message })
+    ] }) });
+  }
+};
+
 // src/preferences/new-file-format.ts
 var STORAGE_KEY2 = "docblocks:lastNewFileFormat";
 var MAX_REMEMBERED_WORKSPACES = 200;
@@ -5899,7 +6066,7 @@ function buildIssueReportUrl(environment) {
     "",
     "## Environment",
     "",
-    `- Date: ${environment.reportedAt.toISOString().slice(0, 10)}`,
+    `- Date: ${localDateStamp(environment.reportedAt)}`,
     `- DocBlocks: ${normalizeEnvironmentValue(environment.version, "unknown", VERSION_VALUE_LIMIT)}`,
     `- User agent: ${normalizeEnvironmentValue(
       environment.userAgent,
@@ -6273,8 +6440,18 @@ function useKeyboardInset(enabled) {
 }
 
 // src/layout/useFormFactorAttributes.ts
-import { useEffect as useEffect23 } from "react";
+import { useEffect as useEffect23, useRef as useRef16 } from "react";
 function useFormFactorAttributes(rootRef, formFactor, layoutMode, drawerOpen) {
+  const published = useRef16(/* @__PURE__ */ new Map());
+  useEffect23(() => {
+    const owned = published.current;
+    return () => {
+      for (const [target, names] of owned) {
+        for (const name of names) target.removeAttribute(name);
+      }
+      owned.clear();
+    };
+  }, []);
   useEffect23(() => {
     if (typeof document === "undefined") return;
     const attributes = {
@@ -6286,21 +6463,17 @@ function useFormFactorAttributes(rootRef, formFactor, layoutMode, drawerOpen) {
     const targets = [document.documentElement, rootRef.current].filter(
       (node) => node !== null
     );
-    const names = Object.keys(attributes);
     for (const target of targets) {
+      const names = published.current.get(target) ?? /* @__PURE__ */ new Set();
+      published.current.set(target, names);
       for (const [name, value] of Object.entries(attributes)) {
+        names.add(name);
         if (target.getAttribute(name) !== value) target.setAttribute(name, value);
       }
       if (layoutMode !== "single-pane" && target.hasAttribute("data-db-drawer")) {
         target.removeAttribute("data-db-drawer");
       }
     }
-    return () => {
-      for (const target of targets) {
-        for (const name of names) target.removeAttribute(name);
-        target.removeAttribute("data-db-drawer");
-      }
-    };
   }, [rootRef, formFactor, layoutMode, drawerOpen]);
 }
 
@@ -6311,11 +6484,11 @@ function useInterfaceFontAttribute(preference) {
   useEffect24(() => {
     if (typeof document === "undefined") return;
     const root = document.documentElement;
-    if (preference !== "fixed") {
+    if (preference !== "system") {
       root.removeAttribute(INTERFACE_FONT_ATTRIBUTE);
       return;
     }
-    root.setAttribute(INTERFACE_FONT_ATTRIBUTE, "fixed");
+    root.setAttribute(INTERFACE_FONT_ATTRIBUTE, "system");
     return () => root.removeAttribute(INTERFACE_FONT_ATTRIBUTE);
   }, [preference]);
 }
@@ -6482,9 +6655,9 @@ function useEditorFileDrop(targetRef, enabled, onFiles) {
 }
 
 // src/DocBlocksShell/useShellShortcuts.ts
-import { useEffect as useEffect27, useRef as useRef16 } from "react";
+import { useEffect as useEffect27, useRef as useRef17 } from "react";
 function useShellShortcuts(handlers, layoutMode) {
-  const handlersRef = useRef16(handlers);
+  const handlersRef = useRef17(handlers);
   handlersRef.current = handlers;
   useEffect27(() => {
     if (typeof window === "undefined") return;
@@ -6504,7 +6677,7 @@ function useShellShortcuts(handlers, layoutMode) {
 
 // src/DocBlocksShell/UpdateAvailableNotice.tsx
 import { useState as useState21 } from "react";
-import { Fragment as Fragment10, jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
 var UPDATE_PROMPT_ID = "db-update-available-prompt";
 function UpdateAvailableNotice({
   available,
@@ -6516,8 +6689,8 @@ function UpdateAvailableNotice({
   const [applying, setApplying] = useState21(false);
   if (!available || !onApplyUpdate) return null;
   const promptVisible = promptOpen && !blocked;
-  return /* @__PURE__ */ jsxs13(Fragment10, { children: [
-    /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsxs14(Fragment10, { children: [
+    /* @__PURE__ */ jsx16(
       "button",
       {
         type: "button",
@@ -6531,16 +6704,16 @@ function UpdateAvailableNotice({
         children: "Update available"
       }
     ),
-    promptVisible && /* @__PURE__ */ jsxs13(
+    promptVisible && /* @__PURE__ */ jsxs14(
       "div",
       {
         id: UPDATE_PROMPT_ID,
         className: `db-update-banner${statusBarVisible ? "" : " db-update-banner--floating"}`,
         role: "alert",
         children: [
-          /* @__PURE__ */ jsx15("span", { children: "A new version of DocBlocks is available. Reload to update the editor and site pages." }),
-          /* @__PURE__ */ jsxs13("div", { className: "db-update-banner-actions", children: [
-            /* @__PURE__ */ jsx15(
+          /* @__PURE__ */ jsx16("span", { children: "A new version of DocBlocks is available. Reload to update the editor and site pages." }),
+          /* @__PURE__ */ jsxs14("div", { className: "db-update-banner-actions", children: [
+            /* @__PURE__ */ jsx16(
               "button",
               {
                 type: "button",
@@ -6552,7 +6725,7 @@ function UpdateAvailableNotice({
                 children: applying ? "Updating\u2026" : "Reload"
               }
             ),
-            /* @__PURE__ */ jsx15("button", { type: "button", onClick: () => setPromptOpen(false), disabled: applying, children: "Later" })
+            /* @__PURE__ */ jsx16("button", { type: "button", onClick: () => setPromptOpen(false), disabled: applying, children: "Later" })
           ] })
         ]
       }
@@ -6623,7 +6796,7 @@ function useDocumentLinkProvider(index, selectedFile, ensureIndex) {
 }
 
 // src/WorkspaceIndex/useWorkspaceIndex.ts
-import { useCallback as useCallback17, useEffect as useEffect28, useMemo as useMemo5, useRef as useRef17, useState as useState22, useSyncExternalStore as useSyncExternalStore4 } from "react";
+import { useCallback as useCallback17, useEffect as useEffect28, useMemo as useMemo5, useRef as useRef18, useState as useState22, useSyncExternalStore as useSyncExternalStore4 } from "react";
 import { getFileSystemProviderV2 as getFileSystemProviderV28 } from "@bendyline/docblocks/filesystem";
 import { maybeGetDocBlocksHost as maybeGetDocBlocksHost3 } from "@bendyline/docblocks/host";
 var IDLE_WORKSPACE_INDEX_STATUS = Object.freeze({
@@ -6656,7 +6829,7 @@ function whenIdle(callback) {
 function useWorkspaceIndex(provider, workspaceId, mode = "eager") {
   const providerV2 = provider && mode !== "off" ? getFileSystemProviderV28(provider) : null;
   const [index, setIndex] = useState22(null);
-  const startRequestedRef = useRef17(false);
+  const startRequestedRef = useRef18(false);
   useEffect28(() => {
     setIndex(null);
     startRequestedRef.current = false;
@@ -6960,7 +7133,7 @@ var WELCOME_DOCUMENT_CONTENT = [
   "",
   '## Choose your DocBlocks app {[twoColumn header="The same Markdown, wherever you work" left="Web|Start in a browser, with no account. Install the web app when your browser offers it." right="Desktop|Download for macOS (Apple silicon), Windows, or Linux. Work directly in your folders."]}',
   "",
-  "Choose the **Web app** for a quick start in your browser, or **Desktop** for everyday work in local folders on macOS (Apple silicon), Windows, and Linux. Use **VS Code** for documents beside your code, and the **CLI and MCP server** for automation. The links at the end of this guide lead to downloads and setup instructions.",
+  "Choose the **Web app** to start writing in your browser, or **Desktop** for everyday work in local folders on macOS (Apple silicon), Windows, and Linux. Use **VS Code** for documents beside your code, and the **CLI and MCP server** for automation. The links at the end of this guide lead to downloads and setup instructions.",
   "",
   "## Get started on desktop {[list]}",
   "",
@@ -6974,11 +7147,11 @@ var WELCOME_DOCUMENT_CONTENT = [
   "- Open DocBlocks in your browser and start in a browser workspace. In supported browsers, you can also open a local folder.",
   "- Choose **Install DocBlocks\u2026** in the app menu when offered. The installed web app keeps using the same browser storage.",
   "- Once the app has finished downloading for offline use, you can keep editing without a connection.",
-  "- Use **Download all workspaces** in the app menu to keep a backup before clearing browser data or moving to a new device.",
+  "- Use **Back up all workspaces** in the app menu to keep a backup before clearing browser data or moving to a new device.",
   "",
   "## Work inside VS Code {[content]}",
   "",
-  "Install the DocBlocks extension, then open a `.md` file in your project. If it opens as plain text, right-click it and choose **Open in DocBlocks**. VS Code supplies the file explorer, tabs, saving, and source control; DocBlocks supplies the visual editor, Markdown source, previews, and export. The extension guide below includes setup instructions.",
+  "Install the DocBlocks extension, then open a `.md` file in your project. If it opens as plain text, right-click it and choose **Open in DocBlocks**. VS Code supplies the file explorer, tabs, saving, and source control; DocBlocks supplies the visual editor, Markdown source, previews, and export. Follow the extension guide below to get started.",
   "",
   "## On a phone or tablet {[content]}",
   "",
@@ -6986,7 +7159,7 @@ var WELCOME_DOCUMENT_CONTENT = [
   "",
   '## Automate with the CLI and MCP {[twoColumn header="For repeatable document work" left="CLI|Install @bendyline/docblocks-cli with npm, then run docblocks --help. Build, preview, and convert files from your terminal." right="MCP|Connect the local server to an agent. Convert and preview documents, then deliberately save the resulting artifacts."]}',
   "",
-  "With a supported Node.js version installed, run `npm install -g @bendyline/docblocks-cli`, then `docblocks --help`. The CLI builds, previews, and converts files from your terminal. Its local MCP server gives agents document tools with explicitly allowed file access. Follow the CLI and MCP guide below for requirements and configuration.",
+  "With a supported version of `Node.js` installed, run `npm install -g @bendyline/docblocks-cli`, then `docblocks --help`. The CLI builds, previews, and converts files from your terminal. Its local MCP server gives agents document tools with explicitly allowed file access. Follow the CLI and MCP guide below for requirements and configuration.",
   "",
   "## One source, four ways to publish {[diagram]}",
   "",
@@ -7030,7 +7203,7 @@ var WELCOME_DOCUMENT_CONTENT = [
   "",
   "## Export without rebuilding the document {[list]}",
   "",
-  "- Create **Word documents and PDFs** for review, printing, and fixed-layout sharing.",
+  "- Create **Word documents and PDFs** for review, printing, and sharing with a fixed page layout.",
   "- Create **PowerPoint decks** from the same annotated sections you preview as a slideshow.",
   "- Publish **HTML pages, packaged HTML, and EPUB e-books**.",
   "- Keep portable **Markdown or DBK bundles** with their media assets.",
@@ -7063,7 +7236,7 @@ var WELCOME_DOCUMENT_CONTENT = [
 ].join("\n");
 
 // src/DocBlocksShell/DocBlocksShell.tsx
-import { Fragment as Fragment11, jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
+import { Fragment as Fragment11, jsx as jsx17, jsxs as jsxs15 } from "react/jsx-runtime";
 var editorShellModulePromise = null;
 function loadEditorShell() {
   editorShellModulePromise ?? (editorShellModulePromise = (async () => {
@@ -7076,12 +7249,15 @@ function loadEditorShell() {
 }
 var EditorShell = lazy2(loadEditorShell);
 var DocumentConflictDialog = lazy2(() => import("./DocumentConflictDialog-5LRVIGXS.js"));
-var GitUI = lazy2(() => import("./GitUI-LZW3IUXO.js").then((m) => ({ default: m.GitUI })));
+var GitUI = lazy2(() => import("./GitUI-RCWUZVS6.js").then((m) => ({ default: m.GitUI })));
 var QuickOpenDialog = lazy2(
   () => import("./QuickOpenDialog-2KK4SEBU.js").then((m) => ({ default: m.QuickOpenDialog }))
 );
+var KeyboardShortcutsDialog = lazy2(
+  () => import("./KeyboardShortcutsDialog-NOD4P25G.js").then((m) => ({ default: m.KeyboardShortcutsDialog }))
+);
 var WorkspaceSearchPanel = lazy2(
-  () => import("./WorkspaceSearchPanel-OUQQ5DOM.js").then((m) => ({
+  () => import("./WorkspaceSearchPanel-J6BKEZQJ.js").then((m) => ({
     default: m.WorkspaceSearchPanel
   }))
 );
@@ -7089,46 +7265,47 @@ var GitGrantNotice = lazy2(
   () => import("./GitGrantNotice-I2VNKPLH.js").then((m) => ({ default: m.GitGrantNotice }))
 );
 var GitToolbarControl = lazy2(
-  () => import("./GitToolbarControl-J4UYZDV6.js").then((m) => ({ default: m.GitToolbarControl }))
+  () => import("./GitToolbarControl-B7KG4MFP.js").then((m) => ({ default: m.GitToolbarControl }))
 );
 var AiToolbarControl = lazy2(
-  () => import("./AiEditorAssistant-M4LI2CRY.js").then((module) => ({
+  () => import("./AiEditorAssistant-GN2KXKZD.js").then((module) => ({
     default: module.AiToolbarControl
   }))
 );
 var PresentationMaker = lazy2(
-  () => import("./PresentationMaker-622NHMIN.js").then((module) => ({
+  () => import("./PresentationMaker-ITNP5SDO.js").then((module) => ({
     default: module.PresentationMaker
   }))
 );
 var AiReviewPanel = lazy2(
-  () => import("./AiEditorAssistant-M4LI2CRY.js").then((module) => ({
+  () => import("./AiEditorAssistant-GN2KXKZD.js").then((module) => ({
     default: module.AiReviewPanel
   }))
 );
 var AiIllustratePanel = lazy2(
-  () => import("./AiDiagrams-XWOM3YZX.js").then((module) => ({
+  () => import("./AiDiagrams-LFV4YU6W.js").then((module) => ({
     default: module.AiIllustratePanel
   }))
 );
 var TextFromNarration = lazy2(
-  () => import("./TextFromNarration-XYRAB6O2.js").then((module) => ({
+  () => import("./TextFromNarration-NITJQ4IB.js").then((module) => ({
     default: module.TextFromNarration
   }))
 );
 var SpeechToolbarControl = lazy2(
-  () => import("./SpeechToolbarControl-UZQKGQWD.js").then((module) => ({
+  () => import("./SpeechToolbarControl-CLU7RB2G.js").then((module) => ({
     default: module.SpeechToolbarControl
   }))
 );
 var SpeechMenuBridge = lazy2(
-  () => import("./SpeechToolbarControl-UZQKGQWD.js").then((module) => ({
+  () => import("./SpeechToolbarControl-CLU7RB2G.js").then((module) => ({
     default: module.SpeechMenuBridge
   }))
 );
 var DOCBLOCKS_VIDEO_EXPORT_PALETTE = Object.freeze({
   overlay: "rgba(0, 0, 0, 0.72)",
-  surface: "var(--db-bg)",
+  // A dialog floats over the chrome, so it takes the raised surface.
+  surface: "var(--db-bg-raised)",
   control: "var(--db-bg-subtle)",
   border: "var(--db-border-strong)",
   text: "var(--db-text)",
@@ -7388,7 +7565,7 @@ async function createHostProviderFromWorkspace(ws) {
 var DESKTOP_TOOLBAR_WRAP_WIDTH = 900;
 var WEB_TOOLBAR_WRAP_WIDTH = 700;
 function FolderGlyph() {
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx17(
     "svg",
     {
       viewBox: "0 0 24 24",
@@ -7397,12 +7574,12 @@ function FolderGlyph() {
       strokeWidth: "1.5",
       strokeLinejoin: "round",
       "aria-hidden": "true",
-      children: /* @__PURE__ */ jsx16("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__ */ jsx17("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__ */ jsxs14(
+  return /* @__PURE__ */ jsxs15(
     "svg",
     {
       viewBox: "0 0 24 24",
@@ -7412,14 +7589,14 @@ function FileGlyph() {
       strokeLinejoin: "round",
       "aria-hidden": "true",
       children: [
-        /* @__PURE__ */ jsx16("path", { d: "M6 3h8l5 5v12a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1z" }),
-        /* @__PURE__ */ jsx16("path", { d: "M14 3v5h5" })
+        /* @__PURE__ */ jsx17("path", { d: "M6 3h8l5 5v12a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1z" }),
+        /* @__PURE__ */ jsx17("path", { d: "M14 3v5h5" })
       ]
     }
   );
 }
 function CollapseSidebarGlyph() {
-  return /* @__PURE__ */ jsxs14(
+  return /* @__PURE__ */ jsxs15(
     "svg",
     {
       viewBox: "0 0 64 64",
@@ -7430,9 +7607,9 @@ function CollapseSidebarGlyph() {
       strokeLinejoin: "round",
       "aria-hidden": "true",
       children: [
-        /* @__PURE__ */ jsx16("rect", { x: "7", y: "10", width: "50", height: "44", rx: "6" }),
-        /* @__PURE__ */ jsx16("path", { d: "M24 10v44" }),
-        /* @__PURE__ */ jsx16("path", { d: "m17 25-7 7 7 7" })
+        /* @__PURE__ */ jsx17("rect", { x: "7", y: "10", width: "50", height: "44", rx: "6" }),
+        /* @__PURE__ */ jsx17("path", { d: "M24 10v44" }),
+        /* @__PURE__ */ jsx17("path", { d: "m17 25-7 7 7 7" })
       ]
     }
   );
@@ -7440,9 +7617,11 @@ function CollapseSidebarGlyph() {
 function DocBlocksShell({
   theme: hostTheme = "auto",
   logoUrl,
+  logoDarkUrl,
   issueReportVersion,
   appBuildDate,
   ffmpegWasm,
+  pdfWorkerSrc: pdfWorkerSrc2,
   calcEngineFactory,
   proofing,
   proofingDefaultEnabled,
@@ -7519,7 +7698,7 @@ function DocBlocksShell({
     setViewPreferences(prefs);
     saveViewPreferences(prefs);
   }, []);
-  const shellRef = useRef18(null);
+  const shellRef = useRef19(null);
   const formFactor = useFormFactor(shellRef);
   const [sidebarPreference, setSidebarPreference] = useState23(loadSidebarPreference);
   const layoutMode = resolveLayoutMode(formFactor, sidebarPreference);
@@ -7541,7 +7720,7 @@ function DocBlocksShell({
   const drawerOpen = singlePane && !mobileShowEditor;
   const [sidebarWidth, setSidebarWidth] = useState23(loadSidebarWidth);
   const canRestoreSplitView = sidebarPreference === "collapsed" && formFactor.splitPaneAllowed;
-  const editorAreaRef = useRef18(null);
+  const editorAreaRef = useRef19(null);
   const [desktopToolbarWrapped, setDesktopToolbarWrapped] = useState23(false);
   useEffect29(() => {
     const editorArea = editorAreaRef.current;
@@ -7572,7 +7751,7 @@ function DocBlocksShell({
   });
   const [browserStoragePersistent, setBrowserStoragePersistent] = useState23(false);
   const [saveToast, setSaveToast] = useState23(null);
-  const saveToastTimerRef = useRef18(null);
+  const saveToastTimerRef = useRef19(null);
   const showToast = useCallback18((kind, message) => {
     setSaveToast({ kind, message });
     if (saveToastTimerRef.current) clearTimeout(saveToastTimerRef.current);
@@ -7593,8 +7772,8 @@ function DocBlocksShell({
   const [installPromptEvent, setInstallPromptEvent] = useState23(
     null
   );
-  const panesRef = useRef18(null);
-  const sidebarRef = useRef18(null);
+  const panesRef = useRef19(null);
+  const sidebarRef = useRef19(null);
   useInert(sidebarRef, singlePane && !drawerOpen);
   useInert(editorAreaRef, drawerOpen);
   const openDrawer = useCallback18(() => setMobileShowEditor(false), []);
@@ -7607,7 +7786,7 @@ function DocBlocksShell({
     onOpen: openDrawer,
     onClose: closeDrawer
   });
-  const dragStateRef = useRef18(null);
+  const dragStateRef = useRef19(null);
   const handleResizerPointerDown = useCallback18(
     (e) => {
       if (e.button !== 0) return;
@@ -7811,19 +7990,19 @@ function DocBlocksShell({
     };
   }, [activeWorkspaceDescriptor]);
   const nativeWorkspaceId = provider && activeWorkspaceDescriptor?.id === activeWorkspaceId && provider.id === activeWorkspaceId && activeWorkspaceDescriptor.type === "host-native" ? activeWorkspaceDescriptor.id : null;
-  const workingTreeChangedRef = useRef18(() => void 0);
+  const workingTreeChangedRef = useRef19(() => void 0);
   const handleWorkingTreeChanged = useCallback18(() => workingTreeChangedRef.current(), []);
   const git = useGit(provider, nativeWorkspaceId, resolvedTheme, handleWorkingTreeChanged);
-  const gitRef = useRef18(git);
+  const gitRef = useRef19(git);
   gitRef.current = git;
   const { scheduleRefresh: gitScheduleRefresh } = git;
   const workspaceSettingsEnabled = provider !== null && provider.id === activeWorkspaceId && getTransientWorkspace(provider.id) === null;
   const workspaceSettings = useWorkspaceSettings(provider, workspaceSettingsEnabled);
   const { refresh: refreshWorkspaceSettings, save: saveWorkspaceSettings } = workspaceSettings;
   const workspaceDefaultThemeId = resolveWorkspaceDefaultThemeId(workspaceSettings.settings);
-  const workspaceDefaultThemeRef = useRef18(workspaceDefaultThemeId);
+  const workspaceDefaultThemeRef = useRef19(workspaceDefaultThemeId);
   workspaceDefaultThemeRef.current = workspaceDefaultThemeId;
-  const outsideInRenderRef = useRef18({
+  const outsideInRenderRef = useRef19({
     defaultThemeId: () => workspaceDefaultThemeRef.current
   });
   const workspaceOutputs = useWorkspaceOutputs(
@@ -7832,10 +8011,10 @@ function DocBlocksShell({
     workspaceSettings.settings,
     workspaceSettingsEnabled
   );
-  const workspaceOutputsSchedulerRef = useRef18(workspaceOutputs.scheduler);
+  const workspaceOutputsSchedulerRef = useRef19(workspaceOutputs.scheduler);
   workspaceOutputsSchedulerRef.current = workspaceOutputs.scheduler;
   const workspaceIndex = useWorkspaceIndex(provider, activeWorkspaceId, workspaceIndexMode);
-  const workspaceIndexRef = useRef18(workspaceIndex.index);
+  const workspaceIndexRef = useRef19(workspaceIndex.index);
   workspaceIndexRef.current = workspaceIndex.index;
   const notifyWorkspaceChanged = useCallback18(
     (workspaceId, path) => {
@@ -7897,7 +8076,7 @@ function DocBlocksShell({
   const [selectedImage, setSelectedImage] = useState23(void 0);
   const [selectedManagedOutput, setSelectedManagedOutput] = useState23(void 0);
   const [findMode, setFindMode] = useState23(false);
-  const findModeRef = useRef18(findMode);
+  const findModeRef = useRef19(findMode);
   findModeRef.current = findMode;
   useEffect29(() => {
     setFindMode(false);
@@ -7912,6 +8091,8 @@ function DocBlocksShell({
   const findShortcut = useMemo6(findShortcutLabel, []);
   const searchShortcut = useMemo6(() => shortcutLabel("workspace-search", isApplePlatform()), []);
   const [quickOpenOpen, setQuickOpenOpen] = useState23(false);
+  const [shortcutsOpen, setShortcutsOpen] = useState23(false);
+  const openKeyboardShortcuts = useCallback18(() => setShortcutsOpen(true), []);
   const [quickOpenFocusRequest, setQuickOpenFocusRequest] = useState23(0);
   const [sidebarView, setSidebarView] = useState23("files");
   const [searchMounted, setSearchMounted] = useState23(false);
@@ -8014,7 +8195,20 @@ function DocBlocksShell({
     [documentSnapshot.frozen, documentSnapshot.generation, documentSnapshot.targetKey]
   );
   const [editorPresentationEpoch, setEditorPresentationEpoch] = useState23(0);
-  const editorKey = `${documentSnapshot.generation}:${editorPresentationEpoch}`;
+  const [editorGeneration, setEditorGeneration] = useState23(documentSnapshot.generation);
+  useEffect29(() => {
+    const sync = () => setEditorGeneration(documentSession.getSnapshot().generation);
+    const unsubscribe = documentSession.subscribe(sync);
+    sync();
+    return () => {
+      unsubscribe();
+    };
+  }, [documentSession]);
+  const editorGenerationSettled = editorGeneration === documentSnapshot.generation;
+  useEffect29(() => {
+    setOutsideInPdfWorker(pdfWorkerSrc2);
+  }, [pdfWorkerSrc2]);
+  const editorKey = `${editorGeneration}:${editorPresentationEpoch}`;
   const editorPlaceholder = useMemo6(() => {
     void editorKey;
     return pickEmptyDocumentPrompt();
@@ -8035,10 +8229,10 @@ function DocBlocksShell({
   const [initialSharedMode, setInitialSharedMode] = useState23(null);
   const [showWelcomeGateway, setShowWelcomeGateway] = useState23(false);
   const [aiPanel, setAiPanel] = useState23(null);
-  const navigationRequestRef = useRef18(0);
+  const navigationRequestRef = useRef19(0);
   const workspaceAuthorityBarrier = useMemo6(() => new WorkspaceAuthorityBarrier(), []);
-  const preparedCloseRequestRef = useRef18(null);
-  const pendingDbkConflictsRef = useRef18(/* @__PURE__ */ new Map());
+  const preparedCloseRequestRef = useRef19(null);
+  const pendingDbkConflictsRef = useRef19(/* @__PURE__ */ new Map());
   const afterWorkspaceCommit = useCallback18(
     (workspaceId, path) => {
       gitScheduleRefresh();
@@ -8222,10 +8416,12 @@ function DocBlocksShell({
     },
     [afterWorkspaceCommit, gitScheduleRefresh]
   );
-  const mediaContainerRef = useRef18(null);
+  const mediaContainerRef = useRef19(null);
   const [mediaProvider, setMediaProvider] = useState23(null);
+  const [mediaProviderScope, setMediaProviderScope] = useState23(null);
+  const mediaProviderCurrent = mediaProviderScope !== null && mediaProviderScope.provider === provider && mediaProviderScope.file === selectedFile && mediaProviderScope.outsideIn === selectedOutsideIn;
   const [mediaEpoch, setMediaEpoch] = useState23(0);
-  const versionsContainerRef = useRef18(null);
+  const versionsContainerRef = useRef19(null);
   const [versionsContainer, setVersionsContainer] = useState23(null);
   const pushHash = useCallback18((wsId, filePath) => {
     const hash = buildHash(wsId, filePath);
@@ -8433,11 +8629,11 @@ function DocBlocksShell({
     },
     [adoptRegularDocument, createDocumentTarget, documentSession, pushHash]
   );
-  const startupOpenFromIdsRef = useRef18(openFromIds);
+  const startupOpenFromIdsRef = useRef19(openFromIds);
   startupOpenFromIdsRef.current = openFromIds;
-  const startupOpenSharedDocumentRef = useRef18(openSharedDocument);
+  const startupOpenSharedDocumentRef = useRef19(openSharedDocument);
   startupOpenSharedDocumentRef.current = openSharedDocument;
-  const startupSeedWelcomeFileRef = useRef18(seedWelcomeFile);
+  const startupSeedWelcomeFileRef = useRef19(seedWelcomeFile);
   startupSeedWelcomeFileRef.current = seedWelcomeFile;
   const closeWelcomeGateway = useCallback18(() => {
     setShowWelcomeGateway((showing) => {
@@ -8789,7 +8985,7 @@ function DocBlocksShell({
     };
   }, []);
   const [offlineReadyToast, setOfflineReadyToast] = useState23(false);
-  const offlineReadyAnnouncedRef = useRef18(false);
+  const offlineReadyAnnouncedRef = useRef19(false);
   useEffect29(() => {
     if (!offlineReady || offlineReadyAnnouncedRef.current) return;
     offlineReadyAnnouncedRef.current = true;
@@ -8805,7 +9001,7 @@ function DocBlocksShell({
       setStorageFull(false);
     }
   }, [documentSnapshot.error, documentSnapshot.status]);
-  const autoPersistRequestedRef = useRef18(false);
+  const autoPersistRequestedRef = useRef19(false);
   useEffect29(() => {
     if (!showBrowserStorageWarning || browserStoragePersistent) return;
     if (autoPersistRequestedRef.current) return;
@@ -8818,14 +9014,16 @@ function DocBlocksShell({
     }).catch(() => {
     });
   }, [showBrowserStorageWarning, browserStoragePersistent, documentSnapshot.status]);
-  useEffect29(() => {
+  useLayoutEffect4(() => {
     if (!provider || !selectedFile) {
       mediaContainerRef.current = null;
       versionsContainerRef.current = null;
       setMediaProvider(null);
+      setMediaProviderScope(null);
       setVersionsContainer(null);
       return;
     }
+    setMediaProviderScope({ provider, file: selectedFile, outsideIn: selectedOutsideIn });
     if (selectedOutsideIn) {
       const container2 = createOutsideInContentContainer(provider, selectedOutsideIn);
       const mp2 = createMediaProviderFromContainer(container2);
@@ -9656,7 +9854,7 @@ function DocBlocksShell({
     singlePane
   ]);
   const canFind = selectedFile !== null && mediaProvider !== null && selectedManagedOutput !== "catalog-html" && selectedImage === void 0;
-  const canFindRef = useRef18(canFind);
+  const canFindRef = useRef19(canFind);
   canFindRef.current = canFind;
   const { ensure: ensureWorkspaceIndex } = workspaceIndex;
   const openQuickOpen = useCallback18(() => {
@@ -9682,6 +9880,7 @@ function DocBlocksShell({
       ...canBrowseWorkspace ? { "quick-open": openQuickOpen, "workspace-search": openWorkspaceSearch } : {},
       "new-document": () => void handleNewFile(),
       "new-folder": () => void handleNewFolder(),
+      shortcuts: openKeyboardShortcuts,
       "toggle-sidebar": () => {
         if (singlePane) {
           setMobileShowEditor((showingEditor) => !showingEditor);
@@ -9717,6 +9916,7 @@ function DocBlocksShell({
       saveActiveDocument,
       handleNewFile,
       handleNewFolder,
+      openKeyboardShortcuts,
       singlePane,
       mobileShowEditor,
       sidebarPreference,
@@ -9746,7 +9946,7 @@ function DocBlocksShell({
     }),
     [singlePane, mobileShowEditor]
   );
-  const actionNewHandledRef = useRef18(false);
+  const actionNewHandledRef = useRef19(false);
   useEffect29(() => {
     if (!provider || actionNewHandledRef.current) return;
     if (typeof window === "undefined") return;
@@ -10753,8 +10953,7 @@ function DocBlocksShell({
       const url = URL.createObjectURL(blob);
       const a = document.createElement("a");
       a.href = url;
-      const stamp = (/* @__PURE__ */ new Date()).toISOString().slice(0, 10);
-      a.download = `docblocks-workspaces-${stamp}.zip`;
+      a.download = `docblocks-workspaces-${localDateStamp(/* @__PURE__ */ new Date())}.zip`;
       a.click();
       URL.revokeObjectURL(url);
       if (skipped.length > 0) {
@@ -10774,7 +10973,7 @@ function DocBlocksShell({
     if (!storage || typeof storage.persist !== "function") {
       await acknowledge({
         title: "Persistent storage unavailable",
-        message: "This browser does not support persistent storage requests. Please back up browser docs frequently."
+        message: "This browser does not support persistent storage requests. Use Back up all workspaces regularly."
       });
       return;
     }
@@ -10790,18 +10989,18 @@ function DocBlocksShell({
         setBrowserStoragePersistent(true);
         await acknowledge({
           title: "Storage will be kept for longer",
-          message: "This browser will try to keep DocBlocks data for longer. Please still back up browser docs frequently."
+          message: "This browser will try to keep DocBlocks data for longer. Keep using Back up all workspaces regularly."
         });
       } else {
         await acknowledge({
           title: "Storage request declined",
-          message: "The browser did not grant permanent storage for DocBlocks. Please try again in a day or two. Meanwhile, please back up browser documents frequently."
+          message: "The browser did not grant permanent storage for DocBlocks. Please try again in a day or two. Meanwhile, use Back up all workspaces regularly."
         });
       }
     } catch {
       await acknowledge({
         title: "Storage request failed",
-        message: "DocBlocks could not request persistent browser storage. Please back up browser docs frequently."
+        message: "DocBlocks could not request persistent browser storage. Use Back up all workspaces regularly."
       });
     }
   }, [acknowledge, showToast]);
@@ -10911,7 +11110,7 @@ function DocBlocksShell({
       transitionAwayFromDocument
     ]
   );
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx17(
     "div",
     {
       ref: shellRef,
@@ -10920,10 +11119,10 @@ function DocBlocksShell({
       "data-accent": accentColor,
       "data-interface-font": interfaceFont === "fixed" ? "fixed" : void 0,
       "data-document-status": documentSnapshot.status,
-      children: /* @__PURE__ */ jsxs14(GitContext.Provider, { value: git, children: [
+      children: /* @__PURE__ */ jsxs15(GitContext.Provider, { value: git, children: [
         promptDialog,
         confirmDialog,
-        quickOpenOpen && activeWorkspaceId && /* @__PURE__ */ jsx16(Suspense2, { fallback: null, children: /* @__PURE__ */ jsx16(
+        quickOpenOpen && activeWorkspaceId && /* @__PURE__ */ jsx17(Suspense2, { fallback: null, children: /* @__PURE__ */ jsx17(
           QuickOpenDialog,
           {
             index: workspaceIndex.index,
@@ -10937,7 +11136,8 @@ function DocBlocksShell({
             onClose: () => setQuickOpenOpen(false)
           }
         ) }),
-        newDocumentDialogOpen && /* @__PURE__ */ jsx16(
+        shortcutsOpen && /* @__PURE__ */ jsx17(Suspense2, { fallback: null, children: /* @__PURE__ */ jsx17(KeyboardShortcutsDialog, { onClose: () => setShortcutsOpen(false) }) }),
+        newDocumentDialogOpen && /* @__PURE__ */ jsx17(
           NewDocumentDialog,
           {
             initialFormat: defaultNewFileFormat,
@@ -10947,8 +11147,8 @@ function DocBlocksShell({
             }
           }
         ),
-        workspaceStartupError && /* @__PURE__ */ jsx16("div", { className: "db-save-toast db-save-toast--error", role: "alert", "aria-live": "assertive", children: workspaceStartupError }),
-        saveToast && /* @__PURE__ */ jsx16(
+        workspaceStartupError && /* @__PURE__ */ jsx17("div", { className: "db-save-toast db-save-toast--error", role: "alert", "aria-live": "assertive", children: workspaceStartupError }),
+        saveToast && /* @__PURE__ */ jsx17(
           "div",
           {
             className: "db-save-toast db-save-toast--" + saveToast.kind,
@@ -10957,12 +11157,12 @@ function DocBlocksShell({
             children: saveToast.message
           }
         ),
-        offlineReadyToast && !saveToast && /* @__PURE__ */ jsx16("div", { className: "db-save-toast db-save-toast--success", role: "status", "aria-live": "polite", children: "DocBlocks is ready to work offline." }),
-        documentSnapshot.conflict && /* @__PURE__ */ jsxs14("div", { className: "db-document-conflict", role: "alert", children: [
-          /* @__PURE__ */ jsx16("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__ */ jsx16("div", { className: "db-document-conflict-actions", children: /* @__PURE__ */ jsx16("button", { type: "button", onClick: () => setShowConflictComparison(true), children: "Compare versions" }) })
+        offlineReadyToast && !saveToast && /* @__PURE__ */ jsx17("div", { className: "db-save-toast db-save-toast--success", role: "status", "aria-live": "polite", children: "DocBlocks is ready to work offline." }),
+        documentSnapshot.conflict && /* @__PURE__ */ jsxs15("div", { className: "db-document-conflict", role: "alert", children: [
+          /* @__PURE__ */ jsx17("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__ */ jsx17("div", { className: "db-document-conflict-actions", children: /* @__PURE__ */ jsx17("button", { type: "button", onClick: () => setShowConflictComparison(true), children: "Compare versions" }) })
         ] }),
-        documentSnapshot.conflict && showConflictComparison && /* @__PURE__ */ jsx16(Suspense2, { fallback: /* @__PURE__ */ jsx16("div", { role: "status", children: "Loading version comparison\u2026" }), children: /* @__PURE__ */ jsx16(
+        documentSnapshot.conflict && showConflictComparison && /* @__PURE__ */ jsx17(Suspense2, { fallback: /* @__PURE__ */ jsx17("div", { role: "status", children: "Loading version comparison\u2026" }), children: /* @__PURE__ */ jsx17(
           DocumentConflictDialog,
           {
             conflict: documentSnapshot.conflict,
@@ -10972,14 +11172,14 @@ function DocBlocksShell({
             onClose: () => setShowConflictComparison(false)
           }
         ) }),
-        storageFull && !documentSnapshot.conflict && /* @__PURE__ */ jsxs14("div", { className: "db-storage-full-banner", role: "alert", children: [
-          /* @__PURE__ */ jsx16("span", { children: "Browser storage is full -- changes can\u2019t be saved. Free up space or back up your work now." }),
-          /* @__PURE__ */ jsxs14("div", { className: "db-storage-full-banner-actions", children: [
-            /* @__PURE__ */ jsx16("button", { type: "button", onClick: () => void handleDownloadAllWorkspaces(), children: "Download all workspaces" }),
-            /* @__PURE__ */ jsx16("button", { type: "button", onClick: () => setStorageFull(false), children: "Dismiss" })
+        storageFull && !documentSnapshot.conflict && /* @__PURE__ */ jsxs15("div", { className: "db-storage-full-banner", role: "alert", children: [
+          /* @__PURE__ */ jsx17("span", { children: "Browser storage is full -- changes can\u2019t be saved. Free up space or back up your work now." }),
+          /* @__PURE__ */ jsxs15("div", { className: "db-storage-full-banner-actions", children: [
+            /* @__PURE__ */ jsx17("button", { type: "button", onClick: () => void handleDownloadAllWorkspaces(), children: "Back up all workspaces" }),
+            /* @__PURE__ */ jsx17("button", { type: "button", onClick: () => setStorageFull(false), children: "Dismiss" })
           ] })
         ] }),
-        workspaceSettingsOpen && activeWorkspaceDescriptor && /* @__PURE__ */ jsx16(
+        workspaceSettingsOpen && activeWorkspaceDescriptor && /* @__PURE__ */ jsx17(
           WorkspaceSettingsDialog,
           {
             workspace: activeWorkspaceDescriptor,
@@ -10992,8 +11192,8 @@ function DocBlocksShell({
             onClose: () => setWorkspaceSettingsOpen(false)
           }
         ),
-        /* @__PURE__ */ jsxs14("div", { className: "db-shell-panes", ref: panesRef, children: [
-          /* @__PURE__ */ jsxs14(
+        /* @__PURE__ */ jsxs15("div", { className: "db-shell-panes", ref: panesRef, children: [
+          /* @__PURE__ */ jsxs15(
             "aside",
             {
               ref: sidebarRef,
@@ -11001,11 +11201,12 @@ function DocBlocksShell({
               "aria-label": "Workspace and files",
               style: singlePane ? void 0 : { width: `${sidebarWidth}px` },
               children: [
-                /* @__PURE__ */ jsxs14("div", { className: "db-shell-sidebar-header", children: [
-                  /* @__PURE__ */ jsx16(
+                /* @__PURE__ */ jsxs15("div", { className: "db-shell-sidebar-header", children: [
+                  /* @__PURE__ */ jsx17(
                     AppMenu,
                     {
                       logoUrl,
+                      logoDarkUrl,
                       themePreference,
                       onThemeChange: handleThemeChange,
                       accentColor,
@@ -11023,6 +11224,7 @@ function DocBlocksShell({
                       onVersioningPreferenceChange: handleVersioningPreferenceChange,
                       onOpenWorkspaceSettings: activeWorkspaceDescriptor ? handleOpenWorkspaceSettings : void 0,
                       onDownloadAllWorkspaces: handleDownloadAllWorkspaces,
+                      onShowKeyboardShortcuts: singlePane ? void 0 : openKeyboardShortcuts,
                       onKeepBrowserData: showBrowserStorageWarning && !browserStoragePersistent ? handleKeepBrowserData : void 0,
                       onInstallApp: installPromptEvent ? handleInstallApp : void 0,
                       getStorageEstimate: showBrowserStorageWarning ? getBrowserStorageEstimate : void 0,
@@ -11034,7 +11236,7 @@ function DocBlocksShell({
                       settingsRequest
                     }
                   ),
-                  /* @__PURE__ */ jsx16(
+                  /* @__PURE__ */ jsx17(
                     WorkspacePicker,
                     {
                       activeWorkspaceId,
@@ -11045,7 +11247,7 @@ function DocBlocksShell({
                       onRemoveWorkspace: (workspace) => void handleRemoveWorkspace(workspace.id)
                     }
                   ),
-                  /* @__PURE__ */ jsx16(
+                  /* @__PURE__ */ jsx17(
                     WorkspaceSettingsButton,
                     {
                       onSettings: handleOpenWorkspaceSettings,
@@ -11056,26 +11258,26 @@ function DocBlocksShell({
                       }
                     }
                   ),
-                  canRestoreSplitView && /* @__PURE__ */ jsx16(
+                  canRestoreSplitView && /* @__PURE__ */ jsx17(
                     "button",
                     {
                       className: "db-restore-split",
                       onClick: () => updateSidebarPreference("pinned"),
                       "aria-label": "Restore split view",
                       title: "Restore split view",
-                      children: /* @__PURE__ */ jsx16(SplitViewIcon, {})
+                      children: /* @__PURE__ */ jsx17(SplitViewIcon, {})
                     }
                   ),
-                  /* @__PURE__ */ jsx16("span", { className: "db-window-drag-grip", "aria-hidden": true })
+                  /* @__PURE__ */ jsx17("span", { className: "db-window-drag-grip", "aria-hidden": true })
                 ] }),
-                git.available && /* @__PURE__ */ jsx16(Suspense2, { fallback: null, children: /* @__PURE__ */ jsx16(
+                git.available && /* @__PURE__ */ jsx17(Suspense2, { fallback: null, children: /* @__PURE__ */ jsx17(
                   GitUI,
                   {
                     onOpenFile: (path) => void handleSelect(path, "file"),
                     onWorkspaceCloned: handleWorkspaceCloned
                   }
                 ) }),
-                /* @__PURE__ */ jsx16(
+                /* @__PURE__ */ jsx17(
                   FileExplorer,
                   {
                     className: sidebarView === "search" ? "db-sidebar-view--hidden" : void 0,
@@ -11109,7 +11311,7 @@ function DocBlocksShell({
                   },
                   explorerKey
                 ),
-                searchMounted && /* @__PURE__ */ jsx16(Suspense2, { fallback: null, children: /* @__PURE__ */ jsx16(
+                searchMounted && /* @__PURE__ */ jsx17(Suspense2, { fallback: null, children: /* @__PURE__ */ jsx17(
                   WorkspaceSearchPanel,
                   {
                     index: workspaceIndex.index,
@@ -11120,12 +11322,12 @@ function DocBlocksShell({
                     onShowFiles: () => setSidebarView("files")
                   }
                 ) }),
-                singlePane && showWelcomeGateway && /* @__PURE__ */ jsxs14("section", { className: "db-mobile-first-run", "aria-labelledby": "db-mobile-first-run-title", children: [
-                  /* @__PURE__ */ jsx16("p", { className: "db-mobile-first-run-eyebrow", children: "Local-first Markdown editor" }),
-                  /* @__PURE__ */ jsx16("h1", { id: "db-mobile-first-run-title", children: "Welcome to DocBlocks" }),
-                  /* @__PURE__ */ jsx16("p", { children: "Write visually, keep plain Markdown underneath, and export the same document in useful formats. Keep your documents in the workspace you choose." }),
-                  /* @__PURE__ */ jsxs14("div", { className: "db-mobile-first-run-actions", children: [
-                    /* @__PURE__ */ jsx16(
+                singlePane && showWelcomeGateway && /* @__PURE__ */ jsxs15("section", { className: "db-mobile-first-run", "aria-labelledby": "db-mobile-first-run-title", children: [
+                  /* @__PURE__ */ jsx17("p", { className: "db-mobile-first-run-eyebrow", children: "Local-first Markdown editor" }),
+                  /* @__PURE__ */ jsx17("h1", { id: "db-mobile-first-run-title", children: "Welcome to DocBlocks" }),
+                  /* @__PURE__ */ jsx17("p", { children: "Write visually, keep plain Markdown underneath, and export the same document in useful formats. Keep your documents in the workspace you choose." }),
+                  /* @__PURE__ */ jsxs15("div", { className: "db-mobile-first-run-actions", children: [
+                    /* @__PURE__ */ jsx17(
                       "button",
                       {
                         type: "button",
@@ -11136,7 +11338,7 @@ function DocBlocksShell({
                         children: "Tour the welcome document"
                       }
                     ),
-                    /* @__PURE__ */ jsx16(
+                    /* @__PURE__ */ jsx17(
                       "button",
                       {
                         type: "button",
@@ -11147,35 +11349,36 @@ function DocBlocksShell({
                     )
                   ] })
                 ] }),
-                git.available && git.pendingGrant && /* @__PURE__ */ jsx16(Suspense2, { fallback: null, children: /* @__PURE__ */ jsx16(GitGrantNotice, {}) }),
-                /* @__PURE__ */ jsxs14("div", { className: "db-shell-sidebar-footer", children: [
-                  /* @__PURE__ */ jsx16("a", { href: "https://docblocks.com/docs/", target: "_blank", rel: "noopener noreferrer", children: "Docs" }),
-                  /* @__PURE__ */ jsx16("span", { className: "db-shell-sidebar-footer-separator", "aria-hidden": "true", children: "\u2022" }),
-                  /* @__PURE__ */ jsx16("a", { href: "https://docblocks.com/terms/", target: "_blank", rel: "noopener noreferrer", children: "Terms" }),
-                  /* @__PURE__ */ jsx16("span", { className: "db-shell-sidebar-footer-separator", "aria-hidden": "true", children: "\u2022" }),
-                  /* @__PURE__ */ jsx16("a", { href: issueReportUrl, target: "_blank", rel: "noopener noreferrer", children: "Report issue" }),
-                  showBrowserStorageWarning && /* @__PURE__ */ jsxs14(Fragment11, { children: [
-                    /* @__PURE__ */ jsx16("span", { className: "db-shell-sidebar-footer-separator", "aria-hidden": "true", children: "\u2022" }),
-                    /* @__PURE__ */ jsx16(
-                      "button",
-                      {
-                        type: "button",
-                        className: "db-shell-sidebar-footer-action",
-                        onClick: () => void handleDownloadAllWorkspaces(),
-                        title: "Browser documents can be removed automatically. Download all workspaces now.",
-                        children: "Back up browser docs"
-                      }
-                    )
-                  ] })
+                git.available && git.pendingGrant && /* @__PURE__ */ jsx17(Suspense2, { fallback: null, children: /* @__PURE__ */ jsx17(GitGrantNotice, {}) }),
+                /* @__PURE__ */ jsxs15("div", { className: "db-shell-sidebar-footer", children: [
+                  /* @__PURE__ */ jsx17("a", { href: "https://docblocks.com/docs/", target: "_blank", rel: "noopener noreferrer", children: "Docs" }),
+                  /* @__PURE__ */ jsx17("span", { className: "db-shell-sidebar-footer-separator", "aria-hidden": "true", children: "\u2022" }),
+                  /* @__PURE__ */ jsx17("a", { href: "https://docblocks.com/terms/", target: "_blank", rel: "noopener noreferrer", children: "Terms" }),
+                  /* @__PURE__ */ jsx17("span", { className: "db-shell-sidebar-footer-separator", "aria-hidden": "true", children: "\u2022" }),
+                  /* @__PURE__ */ jsx17("a", { href: issueReportUrl, target: "_blank", rel: "noopener noreferrer", children: "Report issue" }),
+                  showBrowserStorageWarning && /* @__PURE__ */ jsx17(Fragment11, { children: /* @__PURE__ */ jsxs15(
+                    "button",
+                    {
+                      type: "button",
+                      className: "db-shell-sidebar-footer-action",
+                      onClick: () => void handleDownloadAllWorkspaces(),
+                      "aria-label": "Back up all workspaces",
+                      title: "Browsers can clear site data. Download a backup of every workspace.",
+                      children: [
+                        /* @__PURE__ */ jsx17(BackupIcon, {}),
+                        "Back up"
+                      ]
+                    }
+                  ) })
                 ] }),
-                /* @__PURE__ */ jsxs14("div", { className: "db-sidebar-collapse-preview", "aria-hidden": "true", children: [
-                  /* @__PURE__ */ jsx16("span", { className: "db-sidebar-collapse-preview-icon", children: /* @__PURE__ */ jsx16(CollapseSidebarGlyph, {}) }),
-                  /* @__PURE__ */ jsx16("span", { className: "db-sidebar-collapse-preview-label", children: "Release to hide files" })
+                /* @__PURE__ */ jsxs15("div", { className: "db-sidebar-collapse-preview", "aria-hidden": "true", children: [
+                  /* @__PURE__ */ jsx17("span", { className: "db-sidebar-collapse-preview-icon", children: /* @__PURE__ */ jsx17(CollapseSidebarGlyph, {}) }),
+                  /* @__PURE__ */ jsx17("span", { className: "db-sidebar-collapse-preview-label", children: "Release to hide files" })
                 ] })
               ]
             }
           ),
-          !singlePane && /* @__PURE__ */ jsx16(
+          !singlePane && /* @__PURE__ */ jsx17(
             "div",
             {
               className: "db-shell-sidebar-resizer",
@@ -11185,7 +11388,7 @@ function DocBlocksShell({
               onPointerDown: handleResizerPointerDown
             }
           ),
-          singlePane && /* @__PURE__ */ jsx16(
+          singlePane && /* @__PURE__ */ jsx17(
             "div",
             {
               className: "db-shell-scrim",
@@ -11193,7 +11396,7 @@ function DocBlocksShell({
               onPointerDown: () => setMobileShowEditor(true)
             }
           ),
-          /* @__PURE__ */ jsxs14(
+          /* @__PURE__ */ jsxs15(
             "main",
             {
               ref: editorAreaRef,
@@ -11204,8 +11407,8 @@ function DocBlocksShell({
                 editorDropActive ? "db-shell-editor-area--drop-active" : ""
               ].filter(Boolean).join(" "),
               children: [
-                selectedFile && mediaProvider ? /* @__PURE__ */ jsxs14(Fragment11, { children: [
-                  selectedManagedOutput === "catalog-html" ? /* @__PURE__ */ jsx16(
+                selectedFile && mediaProvider ? /* @__PURE__ */ jsxs15(Fragment11, { children: [
+                  selectedManagedOutput === "catalog-html" ? /* @__PURE__ */ jsx17(
                     GeneratedCatalogPage,
                     {
                       html: editorContent,
@@ -11213,17 +11416,17 @@ function DocBlocksShell({
                       onOpenSettings: activeWorkspaceDescriptor ? handleOpenWorkspaceSettings : void 0,
                       onBack: singlePane ? openDrawer : void 0
                     }
-                  ) : /* @__PURE__ */ jsx16(
+                  ) : /* @__PURE__ */ jsx17(
                     GeneratedFileFrame,
                     {
                       kind: selectedManagedOutput,
                       onOpenSettings: activeWorkspaceDescriptor ? handleOpenWorkspaceSettings : void 0,
                       onBack: singlePane ? openDrawer : void 0,
-                      children: /* @__PURE__ */ jsx16(
+                      children: /* @__PURE__ */ jsx17(
                         Suspense2,
                         {
-                          fallback: /* @__PURE__ */ jsx16("div", { className: "db-shell-empty", role: "status", children: "Loading your document\u2026" }),
-                          children: /* @__PURE__ */ jsx16(
+                          fallback: /* @__PURE__ */ jsx17("div", { className: "db-shell-empty", role: "status", children: "Loading your document\u2026" }),
+                          children: editorGenerationSettled && mediaProviderCurrent && /* @__PURE__ */ jsx17(EditorErrorBoundary, { resetKey: `${selectedFile}-${editorKey}`, children: /* @__PURE__ */ jsx17(
                             EditorShell,
                             {
                               initialMarkdown: editorContent,
@@ -11241,6 +11444,8 @@ function DocBlocksShell({
                               onChange: handleEditorChange,
                               onLinkClick: handleEditorLinkClick,
                               colorScheme: resolvedTheme,
+                              defaultThemeId: workspaceDefaultThemeId,
+                              defaultThemeLabel: "Workspace default",
                               writeCanvasSettings: editorWriteCanvasSettings,
                               height: "100%",
                               placeholder: editorPlaceholder,
@@ -11271,19 +11476,19 @@ function DocBlocksShell({
                               versioningAutoSaveIdleMs,
                               onSaveVersion,
                               statusBarSlotRight,
-                              sidePanelSlot: ai && aiPanel && selectedImage === void 0 && (selectedOutsideIn === null || selectedOutsideInEditingEnabled) ? /* @__PURE__ */ jsx16(Suspense2, { fallback: null, children: aiPanel === "review" ? /* @__PURE__ */ jsx16(AiReviewPanel, { ai, onClose: () => setAiPanel(null) }) : /* @__PURE__ */ jsx16(AiIllustratePanel, { ai, onClose: () => setAiPanel(null) }) }) : void 0,
-                              toolbarSlotLeft: singlePane ? /* @__PURE__ */ jsx16(
+                              sidePanelSlot: ai && aiPanel && selectedImage === void 0 && (selectedOutsideIn === null || selectedOutsideInEditingEnabled) ? /* @__PURE__ */ jsx17(Suspense2, { fallback: null, children: aiPanel === "review" ? /* @__PURE__ */ jsx17(AiReviewPanel, { ai, onClose: () => setAiPanel(null) }) : /* @__PURE__ */ jsx17(AiIllustratePanel, { ai, onClose: () => setAiPanel(null) }) }) : void 0,
+                              toolbarSlotLeft: singlePane ? /* @__PURE__ */ jsx17(
                                 "button",
                                 {
                                   className: "db-mobile-back",
                                   onClick: () => setMobileShowEditor(false),
                                   "aria-label": "Show file list",
-                                  children: /* @__PURE__ */ jsx16("span", { className: "db-mobile-files-icon", children: /* @__PURE__ */ jsx16(FolderGlyph, {}) })
+                                  children: /* @__PURE__ */ jsx17("span", { className: "db-mobile-files-icon", children: /* @__PURE__ */ jsx17(FolderGlyph, {}) })
                                 }
                               ) : void 0,
-                              summarizationDesigner: selectedImage === void 0 && selectedManagedOutput === void 0 && (selectedOutsideIn === null || selectedOutsideInEditingEnabled) ? (onClose) => /* @__PURE__ */ jsx16(Suspense2, { fallback: null, children: /* @__PURE__ */ jsx16(PresentationMaker, { ai: ai ?? void 0, onClose }) }) : void 0,
-                              toolbarSlotRight: /* @__PURE__ */ jsxs14(Fragment11, { children: [
-                                canFind && /* @__PURE__ */ jsx16(
+                              summarizationDesigner: selectedImage === void 0 && selectedManagedOutput === void 0 && (selectedOutsideIn === null || selectedOutsideInEditingEnabled) ? (onClose) => /* @__PURE__ */ jsx17(Suspense2, { fallback: null, children: /* @__PURE__ */ jsx17(PresentationMaker, { ai: ai ?? void 0, onClose }) }) : void 0,
+                              toolbarSlotRight: /* @__PURE__ */ jsxs15(Fragment11, { children: [
+                                canFind && /* @__PURE__ */ jsx17(
                                   FindButton,
                                   {
                                     active: findMode,
@@ -11291,7 +11496,7 @@ function DocBlocksShell({
                                     shortcutLabel: findShortcut
                                   }
                                 ),
-                                ai && /* @__PURE__ */ jsx16(Suspense2, { fallback: null, children: /* @__PURE__ */ jsx16(
+                                ai && /* @__PURE__ */ jsx17(Suspense2, { fallback: null, children: /* @__PURE__ */ jsx17(
                                   AiToolbarControl,
                                   {
                                     ai,
@@ -11300,8 +11505,8 @@ function DocBlocksShell({
                                     onOpenPanel: setAiPanel
                                   }
                                 ) }),
-                                speech && /* @__PURE__ */ jsxs14(Suspense2, { fallback: null, children: [
-                                  /* @__PURE__ */ jsx16(
+                                speech && /* @__PURE__ */ jsxs15(Suspense2, { fallback: null, children: [
+                                  /* @__PURE__ */ jsx17(
                                     TextFromNarration,
                                     {
                                       speech,
@@ -11311,27 +11516,27 @@ function DocBlocksShell({
                                       onOpenSettings: openSettings
                                     }
                                   ),
-                                  hostSupports2("speechOutput") ? /* @__PURE__ */ jsx16(
+                                  hostSupports2("speechOutput") ? /* @__PURE__ */ jsx17(
                                     SpeechToolbarControl,
                                     {
                                       speech,
                                       onOpenSettings: openSettings,
                                       readOnly: selectedImage !== void 0 || selectedOutsideIn !== null && !selectedOutsideInEditingEnabled
                                     }
-                                  ) : /* @__PURE__ */ jsx16(SpeechMenuBridge, {})
+                                  ) : /* @__PURE__ */ jsx17(SpeechMenuBridge, {})
                                 ] }),
-                                canRestoreSplitView && /* @__PURE__ */ jsx16(
+                                canRestoreSplitView && /* @__PURE__ */ jsx17(
                                   "button",
                                   {
                                     className: "db-restore-split",
                                     onClick: () => updateSidebarPreference("pinned"),
                                     "aria-label": "Restore split view",
                                     title: "Restore split view",
-                                    children: /* @__PURE__ */ jsx16(SplitViewIcon, {})
+                                    children: /* @__PURE__ */ jsx17(SplitViewIcon, {})
                                   }
                                 ),
-                                git.repo && /* @__PURE__ */ jsx16(Suspense2, { fallback: null, children: /* @__PURE__ */ jsx16(GitToolbarControl, { selectedFile }) }),
-                                /* @__PURE__ */ jsx16(
+                                git.repo && /* @__PURE__ */ jsx17(Suspense2, { fallback: null, children: /* @__PURE__ */ jsx17(GitToolbarControl, { selectedFile }) }),
+                                /* @__PURE__ */ jsx17(
                                   ExportToolbarControls,
                                   {
                                     selectedFile,
@@ -11351,20 +11556,20 @@ function DocBlocksShell({
                               ] })
                             },
                             `${selectedFile}-${editorKey}`
-                          )
+                          ) })
                         }
                       )
                     }
                   ),
-                  showWelcomeGateway && !singlePane && /* @__PURE__ */ jsxs14("div", { className: "db-welcome-gateway", role: "note", "aria-label": "Welcome tip", children: [
-                    /* @__PURE__ */ jsxs14("span", { className: "db-welcome-gateway-text", children: [
+                  showWelcomeGateway && !singlePane && /* @__PURE__ */ jsxs15("div", { className: "db-welcome-gateway", role: "note", "aria-label": "Welcome tip", children: [
+                    /* @__PURE__ */ jsxs15("span", { className: "db-welcome-gateway-text", children: [
                       "You\u2019re watching this welcome doc in ",
-                      /* @__PURE__ */ jsx16("strong", { children: "Slideshow" }),
+                      /* @__PURE__ */ jsx17("strong", { children: "Slideshow" }),
                       " ",
-                      "view\u2014 it\u2019s a regular markdown file, and so is everything you\u2019ll write."
+                      "view\u2014it\u2019s a regular Markdown file, and so is everything you\u2019ll write."
                     ] }),
-                    /* @__PURE__ */ jsx16("button", { className: "db-welcome-gateway-cta", onClick: handleStartWriting, children: "Start writing" }),
-                    /* @__PURE__ */ jsx16(
+                    /* @__PURE__ */ jsx17("button", { className: "db-welcome-gateway-cta", onClick: handleStartWriting, children: "Start writing" }),
+                    /* @__PURE__ */ jsx17(
                       "button",
                       {
                         className: "db-welcome-gateway-dismiss",
@@ -11375,39 +11580,39 @@ function DocBlocksShell({
                       }
                     )
                   ] })
-                ] }) : selectedFolder ? /* @__PURE__ */ jsxs14("div", { className: "db-folder-view", children: [
-                  singlePane && /* @__PURE__ */ jsxs14("button", { className: "db-mobile-back", onClick: () => setMobileShowEditor(false), children: [
-                    /* @__PURE__ */ jsx16("span", { className: "db-mobile-files-icon", children: /* @__PURE__ */ jsx16(FolderGlyph, {}) }),
+                ] }) : selectedFolder ? /* @__PURE__ */ jsxs15("div", { className: "db-folder-view", children: [
+                  singlePane && /* @__PURE__ */ jsxs15("button", { className: "db-mobile-back", onClick: () => setMobileShowEditor(false), children: [
+                    /* @__PURE__ */ jsx17("span", { className: "db-mobile-files-icon", children: /* @__PURE__ */ jsx17(FolderGlyph, {}) }),
                     "Back to files"
                   ] }),
-                  /* @__PURE__ */ jsxs14("div", { className: "db-folder-view-header", children: [
-                    /* @__PURE__ */ jsx16("span", { className: "db-folder-view-icon", children: /* @__PURE__ */ jsx16(FolderGlyph, {}) }),
-                    /* @__PURE__ */ jsx16("span", { className: "db-folder-view-path", children: selectedFolder })
+                  /* @__PURE__ */ jsxs15("div", { className: "db-folder-view-header", children: [
+                    /* @__PURE__ */ jsx17("span", { className: "db-folder-view-icon", children: /* @__PURE__ */ jsx17(FolderGlyph, {}) }),
+                    /* @__PURE__ */ jsx17("span", { className: "db-folder-view-path", children: selectedFolder })
                   ] }),
-                  visibleFolderEntries.length === 0 ? /* @__PURE__ */ jsx16("p", { className: "db-folder-view-empty", children: "This folder is empty." }) : /* @__PURE__ */ jsx16("ul", { className: "db-folder-view-list", children: visibleFolderEntries.map((entry) => /* @__PURE__ */ jsxs14(
+                  visibleFolderEntries.length === 0 ? /* @__PURE__ */ jsx17("p", { className: "db-folder-view-empty", children: "This folder is empty." }) : /* @__PURE__ */ jsx17("ul", { className: "db-folder-view-list", children: visibleFolderEntries.map((entry) => /* @__PURE__ */ jsxs15(
                     "li",
                     {
                       className: "db-folder-view-item",
                       onClick: () => handleSelect(entry.path, entry.kind),
                       children: [
-                        /* @__PURE__ */ jsx16("span", { className: "db-folder-view-item-icon", children: entry.kind === "directory" ? /* @__PURE__ */ jsx16(FolderGlyph, {}) : /* @__PURE__ */ jsx16(FileGlyph, {}) }),
+                        /* @__PURE__ */ jsx17("span", { className: "db-folder-view-item-icon", children: entry.kind === "directory" ? /* @__PURE__ */ jsx17(FolderGlyph, {}) : /* @__PURE__ */ jsx17(FileGlyph, {}) }),
                         entry.name
                       ]
                     },
                     entry.path
                   )) })
-                ] }) : /* @__PURE__ */ jsxs14("div", { className: "db-shell-empty db-shell-empty--workspace", children: [
-                  singlePane && /* @__PURE__ */ jsxs14("button", { className: "db-mobile-back", onClick: () => setMobileShowEditor(false), children: [
-                    /* @__PURE__ */ jsx16("span", { className: "db-mobile-files-icon", children: /* @__PURE__ */ jsx16(FolderGlyph, {}) }),
+                ] }) : /* @__PURE__ */ jsxs15("div", { className: "db-shell-empty db-shell-empty--workspace", children: [
+                  singlePane && /* @__PURE__ */ jsxs15("button", { className: "db-mobile-back", onClick: () => setMobileShowEditor(false), children: [
+                    /* @__PURE__ */ jsx17("span", { className: "db-mobile-files-icon", children: /* @__PURE__ */ jsx17(FolderGlyph, {}) }),
                     "Back to files"
                   ] }),
-                  /* @__PURE__ */ jsxs14("div", { className: "db-workspace-empty-content", children: [
-                    /* @__PURE__ */ jsx16("span", { className: "db-workspace-empty-icon", "aria-hidden": "true", children: /* @__PURE__ */ jsx16(FileGlyph, {}) }),
-                    /* @__PURE__ */ jsx16("h1", { children: activeWorkspaceDescriptor?.name ?? "Workspace" }),
-                    /* @__PURE__ */ jsx16("p", { children: "Choose a Markdown document from the sidebar, or create a new one." }),
-                    /* @__PURE__ */ jsxs14("div", { className: "db-workspace-empty-actions", children: [
-                      /* @__PURE__ */ jsx16("button", { type: "button", onClick: () => void handleNewFile(), children: "New document" }),
-                      /* @__PURE__ */ jsx16(
+                  /* @__PURE__ */ jsxs15("div", { className: "db-workspace-empty-content", children: [
+                    /* @__PURE__ */ jsx17("span", { className: "db-workspace-empty-icon", "aria-hidden": "true", children: /* @__PURE__ */ jsx17(FileGlyph, {}) }),
+                    /* @__PURE__ */ jsx17("h1", { children: activeWorkspaceDescriptor?.name ?? "Workspace" }),
+                    /* @__PURE__ */ jsx17("p", { children: "Choose a Markdown document from the sidebar, or create a new one." }),
+                    /* @__PURE__ */ jsxs15("div", { className: "db-workspace-empty-actions", children: [
+                      /* @__PURE__ */ jsx17("button", { type: "button", onClick: () => void handleNewFile(), children: "New document" }),
+                      /* @__PURE__ */ jsx17(
                         "button",
                         {
                           type: "button",
@@ -11416,7 +11621,7 @@ function DocBlocksShell({
                           children: "New folder"
                         }
                       ),
-                      (hostSupports2("workspaceFolderPicker") || typeof globalThis.showDirectoryPicker === "function") && /* @__PURE__ */ jsx16(
+                      (hostSupports2("workspaceFolderPicker") || typeof globalThis.showDirectoryPicker === "function") && /* @__PURE__ */ jsx17(
                         "button",
                         {
                           type: "button",
@@ -11426,10 +11631,10 @@ function DocBlocksShell({
                         }
                       )
                     ] }),
-                    /* @__PURE__ */ jsx16("p", { className: "db-workspace-empty-hint", children: "Use the sidebar backup action to keep a portable copy of this workspace." })
+                    /* @__PURE__ */ jsx17("p", { className: "db-workspace-empty-hint", children: "Use the sidebar backup action to keep a portable copy of this workspace." })
                   ] })
                 ] }),
-                /* @__PURE__ */ jsx16(
+                /* @__PURE__ */ jsx17(
                   UpdateAvailableNotice,
                   {
                     available: updateAvailable,