@bendyline/docblocks-react 2.7.1 → 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";
@@ -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-W55E6TE2.js";
+} from "./chunk-BLUEZG7T.js";
 import {
   FindButton,
-  findShortcutLabel,
   focusFindInput,
-  isApplePlatform,
-  matchShortcut,
   pickEmptyDocumentPrompt,
-  shortcutLabel,
   useResponsivePreviewViewportPreset
-} from "./chunk-G4MFB3IO.js";
-import "./chunk-EPOLZNFD.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-BD54Z5XP.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 useRef19, 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,
@@ -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",
@@ -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-MUM6HM3K.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,
@@ -6317,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]);
 }
@@ -6510,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,
@@ -6522,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",
@@ -6537,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",
@@ -6558,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" })
           ] })
         ]
       }
@@ -6980,7 +7147,7 @@ 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]}",
   "",
@@ -7069,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 () => {
@@ -7086,8 +7253,11 @@ var GitUI = lazy2(() => import("./GitUI-RCWUZVS6.js").then((m) => ({ default: m.
 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-BKZJRPMY.js").then((m) => ({
+  () => import("./WorkspaceSearchPanel-J6BKEZQJ.js").then((m) => ({
     default: m.WorkspaceSearchPanel
   }))
 );
@@ -7103,7 +7273,7 @@ var AiToolbarControl = lazy2(
   }))
 );
 var PresentationMaker = lazy2(
-  () => import("./PresentationMaker-W2JIBHRN.js").then((module) => ({
+  () => import("./PresentationMaker-ITNP5SDO.js").then((module) => ({
     default: module.PresentationMaker
   }))
 );
@@ -7118,23 +7288,24 @@ var AiIllustratePanel = lazy2(
   }))
 );
 var TextFromNarration = lazy2(
-  () => import("./TextFromNarration-XYRAB6O2.js").then((module) => ({
+  () => import("./TextFromNarration-NITJQ4IB.js").then((module) => ({
     default: module.TextFromNarration
   }))
 );
 var SpeechToolbarControl = lazy2(
-  () => import("./SpeechToolbarControl-OSQS7NVY.js").then((module) => ({
+  () => import("./SpeechToolbarControl-CLU7RB2G.js").then((module) => ({
     default: module.SpeechToolbarControl
   }))
 );
 var SpeechMenuBridge = lazy2(
-  () => import("./SpeechToolbarControl-OSQS7NVY.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)",
@@ -7394,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",
@@ -7403,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",
@@ -7418,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",
@@ -7436,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" })
       ]
     }
   );
@@ -7446,9 +7617,11 @@ function CollapseSidebarGlyph() {
 function DocBlocksShell({
   theme: hostTheme = "auto",
   logoUrl,
+  logoDarkUrl,
   issueReportVersion,
   appBuildDate,
   ffmpegWasm,
+  pdfWorkerSrc: pdfWorkerSrc2,
   calcEngineFactory,
   proofing,
   proofingDefaultEnabled,
@@ -7918,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);
@@ -8020,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();
@@ -8230,6 +8418,8 @@ function DocBlocksShell({
   );
   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 = useRef19(null);
   const [versionsContainer, setVersionsContainer] = useState23(null);
@@ -8824,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);
@@ -9688,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);
@@ -9723,6 +9916,7 @@ function DocBlocksShell({
       saveActiveDocument,
       handleNewFile,
       handleNewFolder,
+      openKeyboardShortcuts,
       singlePane,
       mobileShowEditor,
       sidebarPreference,
@@ -10759,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) {
@@ -10780,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;
     }
@@ -10796,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]);
@@ -10917,7 +11110,7 @@ function DocBlocksShell({
       transitionAwayFromDocument
     ]
   );
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx17(
     "div",
     {
       ref: shellRef,
@@ -10926,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,
@@ -10943,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,
@@ -10953,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,
@@ -10963,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,
@@ -10978,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,
@@ -10998,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,
@@ -11007,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,
@@ -11029,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,
@@ -11040,7 +11236,7 @@ function DocBlocksShell({
                       settingsRequest
                     }
                   ),
-                  /* @__PURE__ */ jsx16(
+                  /* @__PURE__ */ jsx17(
                     WorkspacePicker,
                     {
                       activeWorkspaceId,
@@ -11051,7 +11247,7 @@ function DocBlocksShell({
                       onRemoveWorkspace: (workspace) => void handleRemoveWorkspace(workspace.id)
                     }
                   ),
-                  /* @__PURE__ */ jsx16(
+                  /* @__PURE__ */ jsx17(
                     WorkspaceSettingsButton,
                     {
                       onSettings: handleOpenWorkspaceSettings,
@@ -11062,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,
@@ -11115,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,
@@ -11126,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",
@@ -11142,7 +11338,7 @@ function DocBlocksShell({
                         children: "Tour the welcome document"
                       }
                     ),
-                    /* @__PURE__ */ jsx16(
+                    /* @__PURE__ */ jsx17(
                       "button",
                       {
                         type: "button",
@@ -11153,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",
@@ -11191,7 +11388,7 @@ function DocBlocksShell({
               onPointerDown: handleResizerPointerDown
             }
           ),
-          singlePane && /* @__PURE__ */ jsx16(
+          singlePane && /* @__PURE__ */ jsx17(
             "div",
             {
               className: "db-shell-scrim",
@@ -11199,7 +11396,7 @@ function DocBlocksShell({
               onPointerDown: () => setMobileShowEditor(true)
             }
           ),
-          /* @__PURE__ */ jsxs14(
+          /* @__PURE__ */ jsxs15(
             "main",
             {
               ref: editorAreaRef,
@@ -11210,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,
@@ -11219,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,
@@ -11247,6 +11444,8 @@ function DocBlocksShell({
                               onChange: handleEditorChange,
                               onLinkClick: handleEditorLinkClick,
                               colorScheme: resolvedTheme,
+                              defaultThemeId: workspaceDefaultThemeId,
+                              defaultThemeLabel: "Workspace default",
                               writeCanvasSettings: editorWriteCanvasSettings,
                               height: "100%",
                               placeholder: editorPlaceholder,
@@ -11277,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,
@@ -11297,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,
@@ -11306,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,
@@ -11317,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,
@@ -11357,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",
@@ -11381,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",
@@ -11422,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",
@@ -11432,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,