@bendyline/docblocks-react 2.7.4 → 2.7.5

package/dist/index.js

@@ -100,13 +100,13 @@ import {
   matchShortcut,
   shortcutLabel
 } from "./chunk-ACQF63SB.js";
-import "./chunk-PNZFIIWW.js";
+import "./chunk-USKX66SA.js";
 import {
   buildIssueReportUrl,
   displayBuildDate,
   localDateStamp,
   openExternalUrl
-} from "./chunk-7V34VUK6.js";
+} from "./chunk-CUCWCZRO.js";
 import "./chunk-K4I3NJFL.js";
 import {
   ExportDialog
@@ -3758,11 +3758,11 @@ async function prepareHostLifecycle(session, request) {
 
 // src/DocBlocksShell/DocBlocksShell.tsx
 import {
-  useState as useState23,
-  useCallback as useCallback18,
-  useEffect as useEffect29,
+  useState as useState24,
+  useCallback as useCallback19,
+  useEffect as useEffect30,
   useLayoutEffect as useLayoutEffect4,
-  useRef as useRef19,
+  useRef as useRef20,
   useMemo as useMemo6,
   lazy as lazy2,
   Suspense as Suspense2
@@ -3816,7 +3816,7 @@ import {
 } from "@bendyline/docblocks/workspace";
 
 // src/AppMenu/AppMenu.tsx
-import { useState as useState7, useCallback as useCallback8, useRef as useRef8, useEffect as useEffect8 } from "react";
+import { useState as useState8, useCallback as useCallback9, useRef as useRef9, useEffect as useEffect9 } from "react";
 import {
   getHostEnvironment
 } from "@bendyline/docblocks/host";
@@ -4133,8 +4133,87 @@ function SpeechSettingsControls({ speech }) {
   ] });
 }
 
+// src/Settings/TraySettings.tsx
+import { useCallback as useCallback8, useEffect as useEffect8, useRef as useRef8, useState as useState7 } from "react";
+import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
+function trayPlace(platform) {
+  switch (platform) {
+    case "darwin":
+      return { legend: "Menu bar", label: "Show DocBlocks in the menu bar" };
+    case "win32":
+      return {
+        legend: "Notification area",
+        label: "Show DocBlocks in the notification area"
+      };
+    default:
+      return { legend: "System tray", label: "Show DocBlocks in the system tray" };
+  }
+}
+function TraySettingsControls({ menu, platform }) {
+  const [enabled, setEnabled] = useState7(null);
+  const [saving, setSaving] = useState7(false);
+  const [failure, setFailure] = useState7(null);
+  const mounted = useRef8(true);
+  useEffect8(() => {
+    mounted.current = true;
+    const read2 = menu.getTrayEnabled;
+    if (read2) {
+      read2.call(menu).then(
+        (value) => {
+          if (mounted.current) setEnabled(value);
+        },
+        () => {
+          if (mounted.current) setFailure("DocBlocks could not read this setting.");
+        }
+      );
+    }
+    return () => {
+      mounted.current = false;
+    };
+  }, [menu]);
+  const change = useCallback8(
+    async (next) => {
+      const write2 = menu.setTrayEnabled;
+      if (!write2) return;
+      setSaving(true);
+      setFailure(null);
+      setEnabled(next);
+      try {
+        const saved = await write2.call(menu, next);
+        if (mounted.current) setEnabled(saved);
+      } catch {
+        if (mounted.current) {
+          setEnabled(!next);
+          setFailure("DocBlocks could not change this setting. Try again.");
+        }
+      } finally {
+        if (mounted.current) setSaving(false);
+      }
+    },
+    [menu]
+  );
+  const place = trayPlace(platform);
+  return /* @__PURE__ */ jsxs7("fieldset", { className: "db-settings-fieldset", children: [
+    /* @__PURE__ */ jsx8("legend", { className: "db-settings-legend", children: place.legend }),
+    /* @__PURE__ */ jsxs7("label", { className: "db-settings-checkbox", children: [
+      /* @__PURE__ */ jsx8(
+        "input",
+        {
+          type: "checkbox",
+          checked: enabled === true,
+          disabled: enabled === null || saving,
+          onChange: (event) => void change(event.currentTarget.checked)
+        }
+      ),
+      place.label
+    ] }),
+    /* @__PURE__ */ jsx8("p", { className: "db-settings-hint", children: "One click to a new document, a folder, or any document you have pinned." }),
+    failure && /* @__PURE__ */ jsx8("p", { className: "db-settings-hint db-settings-ai-error", role: "alert", children: failure })
+  ] });
+}
+
 // src/AppMenu/AppMenu.tsx
-import { Fragment as Fragment5, jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
 function formatBytes(bytes) {
   if (!Number.isFinite(bytes) || bytes < 0) return "\u2014";
   let value = bytes;
@@ -4179,21 +4258,22 @@ function AppMenu({
   appBuildDate,
   ai,
   speech,
+  tray,
   settingsRequest = 0
 }) {
-  const [isOpen, setIsOpen] = useState7(false);
-  const [showAbout, setShowAbout] = useState7(false);
-  const [showSettings, setShowSettings] = useState7(false);
-  useEffect8(() => {
+  const [isOpen, setIsOpen] = useState8(false);
+  const [showAbout, setShowAbout] = useState8(false);
+  const [showSettings, setShowSettings] = useState8(false);
+  useEffect9(() => {
     if (settingsRequest > 0) setShowSettings(true);
   }, [settingsRequest]);
-  const [requestingPersistentStorage, setRequestingPersistentStorage] = useState7(false);
+  const [requestingPersistentStorage, setRequestingPersistentStorage] = useState8(false);
   const surface = getHostEnvironment()?.surface ?? "web";
   const moreInformationUrl = MORE_INFORMATION_URLS[surface] ?? MORE_INFORMATION_URLS.web;
-  const containerRef = useRef8(null);
+  const containerRef = useRef9(null);
   const { menuRef, triggerRef, handleMenuKeyDown, handleTriggerKeyDown, closeMenu } = useMenuKeyboard(isOpen, setIsOpen);
-  const [storageEstimate, setStorageEstimate] = useState7(null);
-  useEffect8(() => {
+  const [storageEstimate, setStorageEstimate] = useState8(null);
+  useEffect9(() => {
     if (!showSettings || !getStorageEstimate) return;
     let cancelled = false;
     getStorageEstimate().then((estimate) => {
@@ -4205,7 +4285,7 @@ function AppMenu({
       cancelled = true;
     };
   }, [showSettings, getStorageEstimate]);
-  useEffect8(() => {
+  useEffect9(() => {
     if (!isOpen) return;
     function handleOutsideClick(e) {
       if (containerRef.current && !containerRef.current.contains(e.target)) {
@@ -4215,14 +4295,14 @@ function AppMenu({
     document.addEventListener("mousedown", handleOutsideClick);
     return () => document.removeEventListener("mousedown", handleOutsideClick);
   }, [closeMenu, isOpen]);
-  const handleAction = useCallback8(
+  const handleAction = useCallback9(
     (action) => {
       closeMenu(true);
       action();
     },
     [closeMenu]
   );
-  const handleKeepBrowserDataFromSettings = useCallback8(async () => {
+  const handleKeepBrowserDataFromSettings = useCallback9(async () => {
     if (!onKeepBrowserData || requestingPersistentStorage) return;
     setShowSettings(false);
     setRequestingPersistentStorage(true);
@@ -4232,9 +4312,9 @@ function AppMenu({
       setRequestingPersistentStorage(false);
     }
   }, [onKeepBrowserData, requestingPersistentStorage]);
-  return /* @__PURE__ */ jsxs7(Fragment5, { children: [
-    /* @__PURE__ */ jsxs7("div", { ref: containerRef, className: "db-app-menu", children: [
-      /* @__PURE__ */ jsxs7(
+  return /* @__PURE__ */ jsxs8(Fragment5, { children: [
+    /* @__PURE__ */ jsxs8("div", { ref: containerRef, className: "db-app-menu", children: [
+      /* @__PURE__ */ jsxs8(
         "button",
         {
           ref: triggerRef,
@@ -4244,8 +4324,8 @@ function AppMenu({
           "aria-expanded": isOpen,
           "aria-haspopup": "menu",
           children: [
-            logoUrl ? /* @__PURE__ */ jsxs7(Fragment5, { children: [
-              /* @__PURE__ */ jsx8(
+            logoUrl ? /* @__PURE__ */ jsxs8(Fragment5, { children: [
+              /* @__PURE__ */ jsx9(
                 "img",
                 {
                   src: logoUrl,
@@ -4255,7 +4335,7 @@ function AppMenu({
                   height: 242
                 }
               ),
-              logoDarkUrl && /* @__PURE__ */ jsx8(
+              logoDarkUrl && /* @__PURE__ */ jsx9(
                 "img",
                 {
                   src: logoDarkUrl,
@@ -4265,8 +4345,8 @@ function AppMenu({
                   height: 242
                 }
               )
-            ] }) : /* @__PURE__ */ jsx8("span", { className: "db-app-menu-label", children: "docblocks" }),
-            /* @__PURE__ */ jsx8(
+            ] }) : /* @__PURE__ */ jsx9("span", { className: "db-app-menu-label", children: "docblocks" }),
+            /* @__PURE__ */ jsx9(
               "span",
               {
                 className: `db-app-menu-caret${isOpen ? " db-app-menu-caret--open" : ""}`,
@@ -4276,7 +4356,7 @@ function AppMenu({
           ]
         }
       ),
-      isOpen && /* @__PURE__ */ jsxs7(
+      isOpen && /* @__PURE__ */ jsxs8(
         "div",
         {
           ref: menuRef,
@@ -4284,7 +4364,7 @@ function AppMenu({
           role: "menu",
           onKeyDown: handleMenuKeyDown,
           children: [
-            /* @__PURE__ */ jsx8(
+            /* @__PURE__ */ jsx9(
               "button",
               {
                 className: "db-app-menu-item",
@@ -4294,7 +4374,7 @@ function AppMenu({
                 children: "Settings"
               }
             ),
-            onInstallApp && /* @__PURE__ */ jsx8(
+            onInstallApp && /* @__PURE__ */ jsx9(
               "button",
               {
                 className: "db-app-menu-item",
@@ -4304,8 +4384,8 @@ function AppMenu({
                 children: "Install DocBlocks\u2026"
               }
             ),
-            (onDownloadAllWorkspaces || onRestoreBackup || onKeepBrowserData) && /* @__PURE__ */ jsx8("div", { className: "db-app-menu-divider" }),
-            onDownloadAllWorkspaces && /* @__PURE__ */ jsx8(
+            (onDownloadAllWorkspaces || onRestoreBackup || onKeepBrowserData) && /* @__PURE__ */ jsx9("div", { className: "db-app-menu-divider" }),
+            onDownloadAllWorkspaces && /* @__PURE__ */ jsx9(
               "button",
               {
                 className: "db-app-menu-item",
@@ -4315,7 +4395,7 @@ function AppMenu({
                 children: "Back up all workspaces"
               }
             ),
-            onRestoreBackup && /* @__PURE__ */ jsx8(
+            onRestoreBackup && /* @__PURE__ */ jsx9(
               "button",
               {
                 className: "db-app-menu-item",
@@ -4325,7 +4405,7 @@ function AppMenu({
                 children: "Restore backup\u2026"
               }
             ),
-            onKeepBrowserData && /* @__PURE__ */ jsx8(
+            onKeepBrowserData && /* @__PURE__ */ jsx9(
               "button",
               {
                 className: "db-app-menu-item",
@@ -4335,8 +4415,8 @@ function AppMenu({
                 children: "Protect data from browser cleanup"
               }
             ),
-            /* @__PURE__ */ jsx8("div", { className: "db-app-menu-divider" }),
-            onShowKeyboardShortcuts && /* @__PURE__ */ jsxs7(
+            /* @__PURE__ */ jsx9("div", { className: "db-app-menu-divider" }),
+            onShowKeyboardShortcuts && /* @__PURE__ */ jsxs8(
               "button",
               {
                 className: "db-app-menu-item db-app-menu-item--with-shortcut",
@@ -4346,11 +4426,11 @@ function AppMenu({
                 onClick: () => handleAction(onShowKeyboardShortcuts),
                 children: [
                   "Keyboard shortcuts",
-                  /* @__PURE__ */ jsx8("span", { className: "db-app-menu-shortcut", "aria-hidden": "true", children: "F1" })
+                  /* @__PURE__ */ jsx9("span", { className: "db-app-menu-shortcut", "aria-hidden": "true", children: "F1" })
                 ]
               }
             ),
-            /* @__PURE__ */ jsx8(
+            /* @__PURE__ */ jsx9(
               "a",
               {
                 className: "db-app-menu-item",
@@ -4363,7 +4443,7 @@ function AppMenu({
                 children: "Documentation"
               }
             ),
-            /* @__PURE__ */ jsx8(
+            /* @__PURE__ */ jsx9(
               "button",
               {
                 className: "db-app-menu-item",
@@ -4377,53 +4457,54 @@ function AppMenu({
         }
       )
     ] }),
-    showSettings && /* @__PURE__ */ jsxs7(SettingsDialog, { onClose: () => setShowSettings(false), children: [
-      /* @__PURE__ */ jsx8(
+    showSettings && /* @__PURE__ */ jsxs8(SettingsDialog, { onClose: () => setShowSettings(false), children: [
+      /* @__PURE__ */ jsx9(
         ThemeSettings,
         {
           value: themePreference,
           onChange: (preference) => onThemeChange?.(preference)
         }
       ),
-      /* @__PURE__ */ jsx8(
+      /* @__PURE__ */ jsx9(
         AccentColorSettings,
         {
           value: accentColor,
           onChange: (color) => onAccentColorChange?.(color)
         }
       ),
-      /* @__PURE__ */ jsx8(
+      /* @__PURE__ */ jsx9(
         InterfaceFontSettings,
         {
           value: interfaceFont,
           onChange: (font) => onInterfaceFontChange?.(font)
         }
       ),
-      /* @__PURE__ */ jsx8(
+      /* @__PURE__ */ jsx9(
         WriteCanvasSettingsControls,
         {
           value: writeCanvasSettings,
           onChange: (settings) => onWriteCanvasSettingsChange?.(settings)
         }
       ),
-      /* @__PURE__ */ jsx8(
+      /* @__PURE__ */ jsx9(
         ProofingSettingsControls,
         {
           value: proofingPreferences,
           onChange: (settings) => onProofingPreferencesChange?.(settings)
         }
       ),
-      ai && /* @__PURE__ */ jsx8(AiSettingsControls, { ai }),
-      speech && /* @__PURE__ */ jsx8(SpeechSettingsControls, { speech }),
-      getStorageEstimate && /* @__PURE__ */ jsxs7("fieldset", { className: "db-settings-fieldset", children: [
-        /* @__PURE__ */ jsx8("legend", { className: "db-settings-legend", children: "Storage" }),
-        /* @__PURE__ */ jsx8("p", { className: "db-settings-hint", children: storageEstimate ? `DocBlocks documents and app data are using ${formatBytes(
+      ai && /* @__PURE__ */ jsx9(AiSettingsControls, { ai }),
+      speech && /* @__PURE__ */ jsx9(SpeechSettingsControls, { speech }),
+      tray && /* @__PURE__ */ jsx9(TraySettingsControls, { menu: tray, platform: getHostEnvironment()?.platform }),
+      getStorageEstimate && /* @__PURE__ */ jsxs8("fieldset", { className: "db-settings-fieldset", children: [
+        /* @__PURE__ */ jsx9("legend", { className: "db-settings-legend", children: "Storage" }),
+        /* @__PURE__ */ jsx9("p", { className: "db-settings-hint", children: storageEstimate ? `DocBlocks documents and app data are using ${formatBytes(
           storageEstimate.usage
         )} of the ${formatBytes(
           storageEstimate.quota
         )} this browser allows for the site.` : "Storage usage is not available in this browser." }),
-        storagePersistent !== void 0 && /* @__PURE__ */ jsx8("p", { className: "db-settings-hint", children: storagePersistent ? "Protected from routine browser cleanup on this device." : "Browsers may clear site data under storage pressure unless protection is granted." }),
-        onKeepBrowserData && /* @__PURE__ */ jsx8(
+        storagePersistent !== void 0 && /* @__PURE__ */ jsx9("p", { className: "db-settings-hint", children: storagePersistent ? "Protected from routine browser cleanup on this device." : "Browsers may clear site data under storage pressure unless protection is granted." }),
+        onKeepBrowserData && /* @__PURE__ */ jsx9(
           "button",
           {
             type: "button",
@@ -4434,16 +4515,16 @@ function AppMenu({
           }
         )
       ] }),
-      onVersioningPreferenceChange && /* @__PURE__ */ jsxs7("fieldset", { className: "db-settings-fieldset", children: [
-        /* @__PURE__ */ jsx8("legend", { className: "db-settings-legend", children: "Version history" }),
-        /* @__PURE__ */ jsxs7("p", { className: "db-settings-hint", children: [
+      onVersioningPreferenceChange && /* @__PURE__ */ jsxs8("fieldset", { className: "db-settings-fieldset", children: [
+        /* @__PURE__ */ jsx9("legend", { className: "db-settings-legend", children: "Version history" }),
+        /* @__PURE__ */ jsxs8("p", { className: "db-settings-hint", children: [
           "When on, DocBlocks keeps prior revisions of each document inside a sibling",
           " ",
-          /* @__PURE__ */ jsx8("code", { children: "<name>_files/.versions/" }),
+          /* @__PURE__ */ jsx9("code", { children: "<name>_files/.versions/" }),
           " folder. Individual workspaces can override this default in their own settings."
         ] }),
-        /* @__PURE__ */ jsxs7("label", { className: "db-settings-radio", children: [
-          /* @__PURE__ */ jsx8(
+        /* @__PURE__ */ jsxs8("label", { className: "db-settings-radio", children: [
+          /* @__PURE__ */ jsx9(
             "input",
             {
               type: "radio",
@@ -4455,8 +4536,8 @@ function AppMenu({
           ),
           "On for all workspaces"
         ] }),
-        /* @__PURE__ */ jsxs7("label", { className: "db-settings-radio", children: [
-          /* @__PURE__ */ jsx8(
+        /* @__PURE__ */ jsxs8("label", { className: "db-settings-radio", children: [
+          /* @__PURE__ */ jsx9(
             "input",
             {
               type: "radio",
@@ -4468,8 +4549,8 @@ function AppMenu({
           ),
           "On in browser workspaces, off for local folders"
         ] }),
-        /* @__PURE__ */ jsxs7("label", { className: "db-settings-radio", children: [
-          /* @__PURE__ */ jsx8(
+        /* @__PURE__ */ jsxs8("label", { className: "db-settings-radio", children: [
+          /* @__PURE__ */ jsx9(
             "input",
             {
               type: "radio",
@@ -4481,7 +4562,7 @@ function AppMenu({
           ),
           "Off for all workspaces"
         ] }),
-        onOpenWorkspaceSettings && /* @__PURE__ */ jsx8(
+        onOpenWorkspaceSettings && /* @__PURE__ */ jsx9(
           "button",
           {
             type: "button",
@@ -4495,38 +4576,38 @@ function AppMenu({
         )
       ] })
     ] }),
-    showAbout && /* @__PURE__ */ jsxs7(Dialog, { title: "About DocBlocks", onClose: () => setShowAbout(false), children: [
-      /* @__PURE__ */ jsxs7("p", { children: [
-        /* @__PURE__ */ jsx8("strong", { children: "DocBlocks" }),
+    showAbout && /* @__PURE__ */ jsxs8(Dialog, { title: "About DocBlocks", onClose: () => setShowAbout(false), children: [
+      /* @__PURE__ */ jsxs8("p", { children: [
+        /* @__PURE__ */ jsx9("strong", { children: "DocBlocks" }),
         " is a local-first Markdown document editor. Your files stay under your control."
       ] }),
-      appVersion && /* @__PURE__ */ jsxs7("p", { className: "db-about-version", children: [
-        /* @__PURE__ */ jsx8("span", { children: "Version" }),
-        /* @__PURE__ */ jsx8("code", { "aria-label": `DocBlocks version ${appVersion}`, children: appVersion })
+      appVersion && /* @__PURE__ */ jsxs8("p", { className: "db-about-version", children: [
+        /* @__PURE__ */ jsx9("span", { children: "Version" }),
+        /* @__PURE__ */ jsx9("code", { "aria-label": `DocBlocks version ${appVersion}`, children: appVersion })
       ] }),
-      appBuildDate && /* @__PURE__ */ jsxs7("p", { className: "db-about-version", children: [
-        /* @__PURE__ */ jsx8("span", { children: "Build" }),
-        /* @__PURE__ */ jsx8("time", { dateTime: appBuildDate, children: displayBuildDate(appBuildDate) })
+      appBuildDate && /* @__PURE__ */ jsxs8("p", { className: "db-about-version", children: [
+        /* @__PURE__ */ jsx9("span", { children: "Build" }),
+        /* @__PURE__ */ jsx9("time", { dateTime: appBuildDate, children: displayBuildDate(appBuildDate) })
       ] }),
-      /* @__PURE__ */ jsxs7("p", { children: [
+      /* @__PURE__ */ jsxs8("p", { children: [
         "Built with",
         " ",
-        /* @__PURE__ */ jsx8("a", { href: "https://github.com/bendyline/squisq", target: "_blank", rel: "noopener noreferrer", children: "squisq" }),
+        /* @__PURE__ */ jsx9("a", { href: "https://github.com/bendyline/squisq", target: "_blank", rel: "noopener noreferrer", children: "squisq" }),
         " ",
         "by",
         " ",
-        /* @__PURE__ */ jsx8("a", { href: "https://bendyline.com", target: "_blank", rel: "noopener noreferrer", children: "Bendyline" }),
+        /* @__PURE__ */ jsx9("a", { href: "https://bendyline.com", target: "_blank", rel: "noopener noreferrer", children: "Bendyline" }),
         "."
       ] }),
-      surface === "web" && /* @__PURE__ */ jsxs7("p", { children: [
+      surface === "web" && /* @__PURE__ */ jsxs8("p", { children: [
         "See our free desktop apps at",
         " ",
-        /* @__PURE__ */ jsx8("a", { href: MORE_INFORMATION_URLS.electron, target: "_blank", rel: "noopener noreferrer", children: "docblocks.com/desktop" }),
+        /* @__PURE__ */ jsx9("a", { href: MORE_INFORMATION_URLS.electron, target: "_blank", rel: "noopener noreferrer", children: "docblocks.com/desktop" }),
         "."
       ] }),
-      /* @__PURE__ */ jsxs7("p", { className: "db-dialog-links", children: [
-        /* @__PURE__ */ jsx8("a", { href: moreInformationUrl, target: "_blank", rel: "noopener noreferrer", children: "More information..." }),
-        /* @__PURE__ */ jsx8(
+      /* @__PURE__ */ jsxs8("p", { className: "db-dialog-links", children: [
+        /* @__PURE__ */ jsx9("a", { href: moreInformationUrl, target: "_blank", rel: "noopener noreferrer", children: "More information..." }),
+        /* @__PURE__ */ jsx9(
           "a",
           {
             href: "https://github.com/bendyline/docblocks",
@@ -4535,7 +4616,7 @@ function AppMenu({
             children: "GitHub"
           }
         ),
-        /* @__PURE__ */ jsx8(
+        /* @__PURE__ */ jsx9(
           "a",
           {
             href: "https://github.com/bendyline/docblocks/releases",
@@ -4544,7 +4625,7 @@ function AppMenu({
             children: "Release notes"
           }
         ),
-        /* @__PURE__ */ jsx8(
+        /* @__PURE__ */ jsx9(
           "a",
           {
             href: "https://github.com/bendyline/docblocks/issues",
@@ -4553,7 +4634,7 @@ function AppMenu({
             children: "Support"
           }
         ),
-        /* @__PURE__ */ jsx8(
+        /* @__PURE__ */ jsx9(
           "a",
           {
             href: "https://github.com/bendyline/docblocks/blob/main/LICENSE",
@@ -4562,7 +4643,7 @@ function AppMenu({
             children: "License (MIT)"
           }
         ),
-        /* @__PURE__ */ jsx8(
+        /* @__PURE__ */ jsx9(
           "a",
           {
             href: "https://github.com/bendyline/docblocks/blob/main/NOTICE.md",
@@ -4630,18 +4711,18 @@ async function restoreBrowserBackup(file) {
 }
 
 // src/WorkspacePicker/WorkspaceSettingsButton.tsx
-import { useState as useState8, useCallback as useCallback9, useRef as useRef9, useEffect as useEffect9 } from "react";
-import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
+import { useState as useState9, useCallback as useCallback10, useRef as useRef10, useEffect as useEffect10 } from "react";
+import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
 function WorkspaceSettingsButton({
   onSettings,
   onRename,
   onDownload,
   onRemove
 }) {
-  const [isOpen, setIsOpen] = useState8(false);
-  const containerRef = useRef9(null);
+  const [isOpen, setIsOpen] = useState9(false);
+  const containerRef = useRef10(null);
   const { menuRef, triggerRef, handleMenuKeyDown, handleTriggerKeyDown, closeMenu } = useMenuKeyboard(isOpen, setIsOpen);
-  useEffect9(() => {
+  useEffect10(() => {
     if (!isOpen) return;
     function handleOutsideClick(e) {
       if (containerRef.current && !containerRef.current.contains(e.target)) {
@@ -4651,15 +4732,15 @@ function WorkspaceSettingsButton({
     document.addEventListener("mousedown", handleOutsideClick);
     return () => document.removeEventListener("mousedown", handleOutsideClick);
   }, [closeMenu, isOpen]);
-  const handleAction = useCallback9(
+  const handleAction = useCallback10(
     (action) => {
       closeMenu(true);
       action();
     },
     [closeMenu]
   );
-  return /* @__PURE__ */ jsxs8("div", { ref: containerRef, className: "db-ws-settings", children: [
-    /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsxs9("div", { ref: containerRef, className: "db-ws-settings", children: [
+    /* @__PURE__ */ jsx10(
       "button",
       {
         ref: triggerRef,
@@ -4670,10 +4751,10 @@ function WorkspaceSettingsButton({
         "aria-haspopup": "menu",
         "aria-label": "Workspace settings",
         title: "Workspace settings",
-        children: /* @__PURE__ */ jsx9(WorkspaceIcon, {})
+        children: /* @__PURE__ */ jsx10(WorkspaceIcon, {})
       }
     ),
-    isOpen && /* @__PURE__ */ jsxs8(
+    isOpen && /* @__PURE__ */ jsxs9(
       "div",
       {
         ref: menuRef,
@@ -4681,7 +4762,7 @@ function WorkspaceSettingsButton({
         role: "menu",
         onKeyDown: handleMenuKeyDown,
         children: [
-          /* @__PURE__ */ jsx9(
+          /* @__PURE__ */ jsx10(
             "button",
             {
               className: "db-ws-settings-item",
@@ -4691,7 +4772,7 @@ function WorkspaceSettingsButton({
               children: "Workspace settings\u2026"
             }
           ),
-          /* @__PURE__ */ jsx9(
+          /* @__PURE__ */ jsx10(
             "button",
             {
               className: "db-ws-settings-item",
@@ -4701,7 +4782,7 @@ function WorkspaceSettingsButton({
               children: "Rename workspace"
             }
           ),
-          /* @__PURE__ */ jsx9(
+          /* @__PURE__ */ jsx10(
             "button",
             {
               className: "db-ws-settings-item",
@@ -4711,8 +4792,8 @@ function WorkspaceSettingsButton({
               children: "Back up this workspace"
             }
           ),
-          /* @__PURE__ */ jsx9("div", { className: "db-ws-settings-divider" }),
-          /* @__PURE__ */ jsx9(
+          /* @__PURE__ */ jsx10("div", { className: "db-ws-settings-divider" }),
+          /* @__PURE__ */ jsx10(
             "button",
             {
               className: "db-ws-settings-item db-ws-settings-item--danger",
@@ -4729,7 +4810,7 @@ function WorkspaceSettingsButton({
 }
 
 // src/WorkspacePicker/WorkspaceSettingsDialog.tsx
-import { useEffect as useEffect10, useMemo as useMemo2, useState as useState9 } from "react";
+import { useEffect as useEffect11, useMemo as useMemo2, useState as useState10 } from "react";
 import { getThemeSummaries } from "@bendyline/squisq/schemas";
 import {
   diffWorkspaceSettings,
@@ -4783,7 +4864,7 @@ function resolveVersioningEnabled(workspace, globalPref, workspaceSettings) {
 }
 
 // src/WorkspacePicker/WorkspaceSettingsDialog.tsx
-import { Fragment as Fragment6, jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
 var VERSIONING_LABELS = {
   on: "on",
   "browser-only": "on for browser workspaces, off for local folders",
@@ -4832,15 +4913,15 @@ function WorkspaceSettingsDialog({
 }) {
   const writable = isWorkspaceSettingsWritable(settings);
   const base = settings.settings;
-  const [draft, setDraft] = useState9(
+  const [draft, setDraft] = useState10(
     () => initialDraft(workspace, settings.settings)
   );
-  const [touched, setTouched] = useState9(false);
-  useEffect10(() => {
+  const [touched, setTouched] = useState10(false);
+  useEffect11(() => {
     if (!touched) setDraft(initialDraft(workspace, settings.settings));
   }, [settings.settings, touched, workspace]);
-  const [saving, setSaving] = useState9(false);
-  const [saveError, setSaveError] = useState9(null);
+  const [saving, setSaving] = useState10(false);
+  const [saveError, setSaveError] = useState10(null);
   const themes = useMemo2(() => getThemeSummaries(), []);
   const patch = useMemo2(() => diffWorkspaceSettings(base, draft), [base, draft]);
   const validation = useMemo2(() => tryApplyWorkspaceSettingsPatch(base, patch), [base, patch]);
@@ -4865,16 +4946,16 @@ function WorkspaceSettingsDialog({
     }
   };
   const notice = settings.status === "loading" ? "Loading workspace settings\u2026" : writable ? null : settings.message ?? "These workspace settings cannot be changed here.";
-  return /* @__PURE__ */ jsxs9(
+  return /* @__PURE__ */ jsxs10(
     Dialog,
     {
       title: "Workspace settings",
       size: "wide",
       onClose,
       closeOnBackdrop: !changed,
-      footer: writable ? /* @__PURE__ */ jsxs9(Fragment6, { children: [
-        /* @__PURE__ */ jsx10("button", { type: "button", className: "db-git-secondary-btn", onClick: onClose, children: "Cancel" }),
-        /* @__PURE__ */ jsx10(
+      footer: writable ? /* @__PURE__ */ jsxs10(Fragment6, { children: [
+        /* @__PURE__ */ jsx11("button", { type: "button", className: "db-git-secondary-btn", onClick: onClose, children: "Cancel" }),
+        /* @__PURE__ */ jsx11(
           "button",
           {
             type: "button",
@@ -4884,19 +4965,19 @@ function WorkspaceSettingsDialog({
             children: saving ? "Saving\u2026" : "Save"
           }
         )
-      ] }) : /* @__PURE__ */ jsx10("button", { type: "button", className: "db-git-secondary-btn", onClick: onClose, children: "Close" }),
+      ] }) : /* @__PURE__ */ jsx11("button", { type: "button", className: "db-git-secondary-btn", onClick: onClose, children: "Close" }),
       children: [
-        /* @__PURE__ */ jsxs9("p", { className: "db-settings-hint", children: [
-          /* @__PURE__ */ jsx10("strong", { children: workspace.name }),
+        /* @__PURE__ */ jsxs10("p", { className: "db-settings-hint", children: [
+          /* @__PURE__ */ jsx11("strong", { children: workspace.name }),
           " \xB7",
           " ",
           isLocal ? "Local folder workspace" : "Browser workspace",
           " \xB7 saved in",
           " ",
-          /* @__PURE__ */ jsx10("code", { children: ".docblocks/workspace.json" })
+          /* @__PURE__ */ jsx11("code", { children: ".docblocks/workspace.json" })
         ] }),
-        notice && /* @__PURE__ */ jsx10("p", { className: "db-settings-status db-settings-status--warning", role: "status", children: notice }),
-        /* @__PURE__ */ jsx10(
+        notice && /* @__PURE__ */ jsx11("p", { className: "db-settings-status db-settings-status--warning", role: "status", children: notice }),
+        /* @__PURE__ */ jsx11(
           WorkspaceSettingsControls,
           {
             value: draft,
@@ -4913,14 +4994,14 @@ function WorkspaceSettingsDialog({
             regenerating: outputsStatus.state === "running"
           }
         ),
-        (saveError || !validation.ok && changed) && /* @__PURE__ */ jsx10("p", { className: "db-settings-status db-settings-status--warning", role: "alert", children: saveError ?? (!validation.ok ? validation.message : null) })
+        (saveError || !validation.ok && changed) && /* @__PURE__ */ jsx11("p", { className: "db-settings-status db-settings-status--warning", role: "alert", children: saveError ?? (!validation.ok ? validation.message : null) })
       ]
     }
   );
 }
 
 // src/WorkspaceSettings/useWorkspaceSettings.ts
-import { useCallback as useCallback10, useEffect as useEffect11, useRef as useRef10, useState as useState10 } from "react";
+import { useCallback as useCallback11, useEffect as useEffect12, useRef as useRef11, useState as useState11 } from "react";
 import { maybeGetDocBlocksHost } from "@bendyline/docblocks/host";
 import { getFileSystemProviderV2 as getFileSystemProviderV24 } from "@bendyline/docblocks/filesystem";
 import {
@@ -4935,15 +5016,15 @@ function sameState(left, right) {
 }
 function useWorkspaceSettings(provider, enabled) {
   const providerV2 = provider && enabled ? getFileSystemProviderV24(provider) : null;
-  const [state, setState] = useState10(
+  const [state, setState] = useState11(
     providerV2 ? LOADING_WORKSPACE_SETTINGS : UNAVAILABLE_WORKSPACE_SETTINGS
   );
-  const stateRef = useRef10(state);
+  const stateRef = useRef11(state);
   stateRef.current = state;
-  const generationRef = useRef10(0);
-  const [refreshKey, setRefreshKey] = useState10(0);
-  const refresh = useCallback10(() => setRefreshKey((key) => key + 1), []);
-  const providerRef = useRef10(providerV2);
+  const generationRef = useRef11(0);
+  const [refreshKey, setRefreshKey] = useState11(0);
+  const refresh = useCallback11(() => setRefreshKey((key) => key + 1), []);
+  const providerRef = useRef11(providerV2);
   if (providerRef.current !== providerV2) {
     providerRef.current = providerV2;
     generationRef.current += 1;
@@ -4951,7 +5032,7 @@ function useWorkspaceSettings(provider, enabled) {
     stateRef.current = reset;
     setState(reset);
   }
-  useEffect11(() => {
+  useEffect12(() => {
     if (!providerV2) return;
     const generation = generationRef.current;
     let cancelled = false;
@@ -4966,7 +5047,7 @@ function useWorkspaceSettings(provider, enabled) {
       cancelled = true;
     };
   }, [providerV2, refreshKey]);
-  useEffect11(() => {
+  useEffect12(() => {
     if (!providerV2) return;
     window.addEventListener("focus", refresh);
     const stopResume = maybeGetDocBlocksHost()?.lifecycle?.onResume?.(refresh);
@@ -4985,7 +5066,7 @@ function useWorkspaceSettings(provider, enabled) {
       void subscription?.dispose();
     };
   }, [providerV2, refresh]);
-  const save = useCallback10(
+  const save = useCallback11(
     async (patch) => {
       if (!providerV2) throw new Error(UNAVAILABLE_WORKSPACE_SETTINGS.message ?? void 0);
       const generation = generationRef.current;
@@ -5002,7 +5083,7 @@ function useWorkspaceSettings(provider, enabled) {
 }
 
 // src/WorkspaceSettings/useWorkspaceOutputs.ts
-import { useEffect as useEffect12, useState as useState11, useSyncExternalStore as useSyncExternalStore2 } from "react";
+import { useEffect as useEffect13, useState as useState12, useSyncExternalStore as useSyncExternalStore2 } from "react";
 import { getFileSystemProviderV2 as getFileSystemProviderV25 } from "@bendyline/docblocks/filesystem";
 import {
   createWorkspaceOutputsScheduler,
@@ -5026,8 +5107,8 @@ var noSubscription = () => () => void 0;
 var idleStatus = () => IDLE_WORKSPACE_OUTPUTS_STATUS;
 function useWorkspaceOutputs(provider, workspaceId, settings, enabled) {
   const providerV2 = provider && enabled ? getFileSystemProviderV25(provider) : null;
-  const [scheduler, setScheduler] = useState11(null);
-  useEffect12(() => {
+  const [scheduler, setScheduler] = useState12(null);
+  useEffect13(() => {
     if (!providerV2 || !workspaceId) {
       setScheduler(null);
       return;
@@ -5048,7 +5129,7 @@ function useWorkspaceOutputs(provider, workspaceId, settings, enabled) {
       next.dispose();
     };
   }, [providerV2, workspaceId]);
-  useEffect12(() => {
+  useEffect13(() => {
     scheduler?.updateSettings(settings);
   }, [scheduler, settings]);
   const status = useSyncExternalStore2(
@@ -5083,22 +5164,22 @@ async function assertNotGeneratedCatalog(provider, path) {
 }
 
 // src/WorkspaceSettings/GeneratedFileView.tsx
-import { Fragment as Fragment7, jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
 function GeneratedFileNotice({ kind, onOpenSettings, onBack }) {
-  return /* @__PURE__ */ jsxs10("div", { className: "db-generated-file-notice", role: "note", children: [
-    onBack && /* @__PURE__ */ jsx11("button", { type: "button", className: "db-generated-file-back", onClick: onBack, children: "Back to files" }),
-    /* @__PURE__ */ jsxs10("span", { className: "db-generated-file-notice-text", children: [
-      /* @__PURE__ */ jsx11("strong", { children: "Generated by DocBlocks \xB7 read-only." }),
+  return /* @__PURE__ */ jsxs11("div", { className: "db-generated-file-notice", role: "note", children: [
+    onBack && /* @__PURE__ */ jsx12("button", { type: "button", className: "db-generated-file-back", onClick: onBack, children: "Back to files" }),
+    /* @__PURE__ */ jsxs11("span", { className: "db-generated-file-notice-text", children: [
+      /* @__PURE__ */ jsx12("strong", { children: "Generated by DocBlocks \xB7 read-only." }),
       " ",
       kind === "catalog-html" ? "This catalog page is rebuilt from the documents in this folder as you save." : "This catalog data is rebuilt from the documents in this folder as you save."
     ] }),
-    onOpenSettings && /* @__PURE__ */ jsx11("button", { type: "button", className: "db-git-secondary-btn", onClick: onOpenSettings, children: "Catalog settings\u2026" })
+    onOpenSettings && /* @__PURE__ */ jsx12("button", { type: "button", className: "db-git-secondary-btn", onClick: onOpenSettings, children: "Catalog settings\u2026" })
   ] });
 }
 function GeneratedCatalogPage({ html, fileName, ...notice }) {
-  return /* @__PURE__ */ jsxs10("div", { className: "db-generated-file", children: [
-    /* @__PURE__ */ jsx11(GeneratedFileNotice, { kind: "catalog-html", ...notice }),
-    /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsxs11("div", { className: "db-generated-file", children: [
+    /* @__PURE__ */ jsx12(GeneratedFileNotice, { kind: "catalog-html", ...notice }),
+    /* @__PURE__ */ jsx12(
       "iframe",
       {
         className: "db-generated-file-preview",
@@ -5111,10 +5192,10 @@ function GeneratedCatalogPage({ html, fileName, ...notice }) {
   ] });
 }
 function GeneratedFileFrame({ kind, children, ...notice }) {
-  if (!kind) return /* @__PURE__ */ jsx11(Fragment7, { children });
-  return /* @__PURE__ */ jsxs10("div", { className: "db-generated-file", children: [
-    /* @__PURE__ */ jsx11(GeneratedFileNotice, { kind, ...notice }),
-    /* @__PURE__ */ jsx11("div", { className: "db-generated-file-body", children })
+  if (!kind) return /* @__PURE__ */ jsx12(Fragment7, { children });
+  return /* @__PURE__ */ jsxs11("div", { className: "db-generated-file", children: [
+    /* @__PURE__ */ jsx12(GeneratedFileNotice, { kind, ...notice }),
+    /* @__PURE__ */ jsx12("div", { className: "db-generated-file-body", children })
   ] });
 }
 
@@ -5126,14 +5207,14 @@ import {
 } from "@bendyline/docblocks/workspace-settings";
 
 // src/hooks/useDocumentSession.ts
-import { useState as useState12, useSyncExternalStore as useSyncExternalStore3 } from "react";
+import { useState as useState13, useSyncExternalStore as useSyncExternalStore3 } from "react";
 import {
   DocumentRecoveryJournal,
   DocumentSession,
   getDefaultDocumentRecoveryStorage
 } from "@bendyline/docblocks/document";
 function useDocumentSession(autoSaveDelayMs = 500) {
-  const [session] = useState12(
+  const [session] = useState13(
     () => new DocumentSession({
       autoSaveDelayMs,
       recoveryJournal: new DocumentRecoveryJournal(getDefaultDocumentRecoveryStorage())
@@ -5149,14 +5230,14 @@ function useDocumentSession(autoSaveDelayMs = 500) {
 
 // src/Export/DeferredExportToolbarControls.tsx
 import { lazy, Suspense } from "react";
-import { jsx as jsx12 } from "react/jsx-runtime";
+import { jsx as jsx13 } from "react/jsx-runtime";
 var ExportToolbarControlsImplementation = lazy(
   () => import("./ExportToolbarControls-HOV424TO.js").then((module) => ({
     default: module.ExportToolbarControls
   }))
 );
 function ExportToolbarControls(props) {
-  return /* @__PURE__ */ jsx12(Suspense, { fallback: null, children: /* @__PURE__ */ jsx12(ExportToolbarControlsImplementation, { ...props }) });
+  return /* @__PURE__ */ jsx13(Suspense, { fallback: null, children: /* @__PURE__ */ jsx13(ExportToolbarControlsImplementation, { ...props }) });
 }
 
 // src/Export/host-export-save.ts
@@ -5196,27 +5277,27 @@ async function saveBlobToHost(exports, documentId, blob, filename, grantId) {
 }
 
 // src/Git/useGit.ts
-import { useCallback as useCallback12, useEffect as useEffect14, useMemo as useMemo3, useRef as useRef12, useState as useState14 } from "react";
+import { useCallback as useCallback13, useEffect as useEffect15, useMemo as useMemo3, useRef as useRef13, useState as useState15 } from "react";
 import { maybeGetDocBlocksHost as maybeGetDocBlocksHost2 } from "@bendyline/docblocks/host";
 
 // src/Git/useGitStatus.ts
-import { useCallback as useCallback11, useEffect as useEffect13, useRef as useRef11, useState as useState13 } from "react";
+import { useCallback as useCallback12, useEffect as useEffect14, useRef as useRef12, useState as useState14 } from "react";
 var SCHEDULE_REFRESH_MS = 1500;
 function statusKey(status) {
   return JSON.stringify(status);
 }
 function useGitStatus(gitApi, repositoryId, enabled) {
-  const [status, setStatus] = useState13(null);
-  const lastKeyRef = useRef11(null);
-  const timerRef = useRef11(null);
-  const generationRef = useRef11(0);
-  const apply = useCallback11((next) => {
+  const [status, setStatus] = useState14(null);
+  const lastKeyRef = useRef12(null);
+  const timerRef = useRef12(null);
+  const generationRef = useRef12(0);
+  const apply = useCallback12((next) => {
     const key = statusKey(next);
     if (key === lastKeyRef.current) return;
     lastKeyRef.current = key;
     setStatus(next);
   }, []);
-  useEffect13(() => {
+  useEffect14(() => {
     generationRef.current += 1;
     if (timerRef.current) {
       clearTimeout(timerRef.current);
@@ -5234,7 +5315,7 @@ function useGitStatus(gitApi, repositoryId, enabled) {
       unsubscribe();
     };
   }, [gitApi, repositoryId, enabled, apply]);
-  const refresh = useCallback11(() => {
+  const refresh = useCallback12(() => {
     if (!gitApi || !repositoryId || !enabled) return;
     const generation = generationRef.current;
     void gitApi.status(repositoryId).then(
@@ -5248,14 +5329,14 @@ function useGitStatus(gitApi, repositoryId, enabled) {
       () => void 0
     );
   }, [gitApi, repositoryId, enabled, apply]);
-  const scheduleRefresh = useCallback11(() => {
+  const scheduleRefresh = useCallback12(() => {
     if (timerRef.current) clearTimeout(timerRef.current);
     timerRef.current = setTimeout(() => {
       timerRef.current = null;
       refresh();
     }, SCHEDULE_REFRESH_MS);
   }, [refresh]);
-  useEffect13(() => {
+  useEffect14(() => {
     return () => {
       if (timerRef.current) clearTimeout(timerRef.current);
     };
@@ -5281,8 +5362,8 @@ function useGit(provider, requestedWorkspaceId, theme, onWorkingTreeChanged) {
   const host = maybeGetDocBlocksHost2();
   const gitApi = host?.git ?? null;
   const workspaceId = gitApi ? requestedWorkspaceId : null;
-  const [capabilities, setCapabilities] = useState14(null);
-  useEffect14(() => {
+  const [capabilities, setCapabilities] = useState15(null);
+  useEffect15(() => {
     if (!gitApi) return;
     let cancelled = false;
     let timer = null;
@@ -5308,10 +5389,10 @@ function useGit(provider, requestedWorkspaceId, theme, onWorkingTreeChanged) {
     };
   }, [gitApi]);
   const available = gitApi !== null && capabilities?.gitAvailable === true;
-  const [repo, setRepo] = useState14(null);
-  const [remoteWeb, setRemoteWeb] = useState14(null);
-  const [pendingGrant, setPendingGrant] = useState14(null);
-  const loadRemote = useCallback12(
+  const [repo, setRepo] = useState15(null);
+  const [remoteWeb, setRemoteWeb] = useState15(null);
+  const [pendingGrant, setPendingGrant] = useState15(null);
+  const loadRemote = useCallback13(
     (repositoryId2, isCancelled) => {
       if (!gitApi) return;
       void gitApi.listRemotes(repositoryId2).then(
@@ -5325,7 +5406,7 @@ function useGit(provider, requestedWorkspaceId, theme, onWorkingTreeChanged) {
     },
     [gitApi]
   );
-  useEffect14(() => {
+  useEffect15(() => {
     setRepo(null);
     setRemoteWeb(null);
     setPendingGrant(null);
@@ -5351,8 +5432,8 @@ function useGit(provider, requestedWorkspaceId, theme, onWorkingTreeChanged) {
       cancelled = true;
     };
   }, [gitApi, workspaceId, available, loadRemote]);
-  const [grantBusy, setGrantBusy] = useState14(false);
-  const enableExpandedRepo = useCallback12(
+  const [grantBusy, setGrantBusy] = useState15(false);
+  const enableExpandedRepo = useCallback13(
     async (opts) => {
       if (!gitApi || !workspaceId) return false;
       setGrantBusy(true);
@@ -5373,15 +5454,15 @@ function useGit(provider, requestedWorkspaceId, theme, onWorkingTreeChanged) {
   const isRepo = repositoryId !== null;
   const { status, refresh, scheduleRefresh } = useGitStatus(gitApi, repositoryId, isRepo);
   const badges = useMemo3(() => buildBadgeMap(status?.changes ?? []), [status]);
-  const [busy, setBusy] = useState14(null);
-  const [lastResult, setLastResult] = useState14(null);
-  const [dialog, setDialog] = useState14({ kind: "none" });
-  const openDialog = useCallback12((next) => {
+  const [busy, setBusy] = useState15(null);
+  const [lastResult, setLastResult] = useState15(null);
+  const [dialog, setDialog] = useState15({ kind: "none" });
+  const openDialog = useCallback13((next) => {
     setLastResult(null);
     setDialog(next);
   }, []);
-  const closeDialog = useCallback12(() => setDialog({ kind: "none" }), []);
-  const routeError = useCallback12(
+  const closeDialog = useCallback13(() => setDialog({ kind: "none" }), []);
+  const routeError = useCallback13(
     (operation, error) => {
       if (error.code === "auth-failed") {
         setDialog({
@@ -5395,15 +5476,15 @@ function useGit(provider, requestedWorkspaceId, theme, onWorkingTreeChanged) {
     },
     []
   );
-  const statusRef = useRef12(status);
-  useEffect14(() => {
+  const statusRef = useRef13(status);
+  useEffect15(() => {
     statusRef.current = status;
   }, [status]);
-  const workingTreeChangedRef = useRef12(onWorkingTreeChanged);
-  useEffect14(() => {
+  const workingTreeChangedRef = useRef13(onWorkingTreeChanged);
+  useEffect15(() => {
     workingTreeChangedRef.current = onWorkingTreeChanged;
   }, [onWorkingTreeChanged]);
-  const runAction = useCallback12(
+  const runAction = useCallback13(
     async (kind, operation, action, successMessage) => {
       if (!gitApi || !repositoryId) return false;
       setBusy(kind);
@@ -5433,7 +5514,7 @@ function useGit(provider, requestedWorkspaceId, theme, onWorkingTreeChanged) {
     },
     [gitApi, repositoryId, refresh, routeError]
   );
-  const commit = useCallback12(
+  const commit = useCallback13(
     (message, paths) => runAction(
       "commit",
       "commit",
@@ -5442,7 +5523,7 @@ function useGit(provider, requestedWorkspaceId, theme, onWorkingTreeChanged) {
     ),
     [runAction]
   );
-  const push = useCallback12(async () => {
+  const push = useCallback13(async () => {
     const setUpstream = statusRef.current?.upstream === null;
     await runAction(
       "push",
@@ -5451,13 +5532,13 @@ function useGit(provider, requestedWorkspaceId, theme, onWorkingTreeChanged) {
       setUpstream ? "Branch published" : "Pushed"
     );
   }, [runAction]);
-  const pull = useCallback12(async () => {
+  const pull = useCallback13(async () => {
     await runAction("pull", "pull", (api, repository) => api.pull(repository), "Pulled");
   }, [runAction]);
-  const fetchRemote = useCallback12(async () => {
+  const fetchRemote = useCallback13(async () => {
     await runAction("fetch", "fetch", (api, repository) => api.fetch(repository), "Fetched");
   }, [runAction]);
-  const createBranch = useCallback12(
+  const createBranch = useCallback13(
     (name) => runAction(
       "branch",
       "branch",
@@ -5466,7 +5547,7 @@ function useGit(provider, requestedWorkspaceId, theme, onWorkingTreeChanged) {
     ),
     [runAction]
   );
-  const switchBranch = useCallback12(
+  const switchBranch = useCallback13(
     (name) => runAction(
       "branch",
       "branch",
@@ -5475,7 +5556,7 @@ function useGit(provider, requestedWorkspaceId, theme, onWorkingTreeChanged) {
     ),
     [runAction]
   );
-  const openOnRemote = useCallback12(
+  const openOnRemote = useCallback13(
     (filePath) => {
       if (!remoteWeb || !host) return;
       let url = remoteWeb.webUrl;
@@ -5487,7 +5568,7 @@ function useGit(provider, requestedWorkspaceId, theme, onWorkingTreeChanged) {
     },
     [remoteWeb, host]
   );
-  const createPullRequest = useCallback12(async () => {
+  const createPullRequest = useCallback13(async () => {
     if (!gitApi || !repositoryId) return;
     setBusy("pr");
     setLastResult(null);
@@ -5611,7 +5692,7 @@ function retainFileSystemProvider(provider) {
 }
 
 // src/DocBlocksShell/document-title.ts
-import { useEffect as useEffect15 } from "react";
+import { useEffect as useEffect16 } from "react";
 var APP_TITLE = "DocBlocks";
 var INSTALLED_DISPLAY_QUERIES = [
   "(display-mode: window-controls-overlay)",
@@ -5635,7 +5716,7 @@ function titleForSelectedFile(selectedFile, homeDocumentTitle = APP_TITLE, homeD
   return includeAppName ? `${name} - ${APP_TITLE}` : name;
 }
 function useDocumentTitle(selectedFile, homeDocumentTitle, homeDocumentPath) {
-  useEffect15(() => {
+  useEffect16(() => {
     if (typeof document === "undefined") return;
     const displayQueries = typeof globalThis.matchMedia === "function" ? INSTALLED_DISPLAY_QUERIES.map((query) => globalThis.matchMedia(query)) : [];
     const updateTitle = () => {
@@ -5959,37 +6040,37 @@ function summariseImport(result) {
 }
 
 // src/components/usePromptDialog.ts
-import React2, { useCallback as useCallback14, useEffect as useEffect17, useRef as useRef14, useState as useState16 } from "react";
+import React2, { useCallback as useCallback15, useEffect as useEffect18, useRef as useRef15, useState as useState17 } from "react";
 
 // src/components/PromptDialog.tsx
-import { useCallback as useCallback13, useEffect as useEffect16, useId as useId3, useRef as useRef13, useState as useState15 } from "react";
-import { Fragment as Fragment8, jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
+import { useCallback as useCallback14, useEffect as useEffect17, useId as useId3, useRef as useRef14, useState as useState16 } from "react";
+import { Fragment as Fragment8, jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
 function PromptDialog({ request, onSettle }) {
-  const [value, setValue] = useState15(request.initialValue ?? "");
-  const inputRef = useRef13(null);
+  const [value, setValue] = useState16(request.initialValue ?? "");
+  const inputRef = useRef14(null);
   const inputId = useId3();
-  const cancel = useCallback13(() => onSettle(null), [onSettle]);
-  const submit = useCallback13(() => {
+  const cancel = useCallback14(() => onSettle(null), [onSettle]);
+  const submit = useCallback14(() => {
     if (value.trim() === "") return;
     onSettle(value);
   }, [onSettle, value]);
   const initialSelection = request.initialSelection;
-  useEffect16(() => {
+  useEffect17(() => {
     const input = inputRef.current;
     if (!input) return;
     if (initialSelection) input.setSelectionRange(initialSelection[0], initialSelection[1]);
     else input.select();
   }, []);
-  return /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx14(
     Dialog,
     {
       title: request.title,
       onClose: cancel,
       initialFocusRef: inputRef,
       closeOnBackdrop: false,
-      footer: /* @__PURE__ */ jsxs11(Fragment8, { children: [
-        /* @__PURE__ */ jsx13("button", { type: "button", className: "db-git-secondary-btn", onClick: cancel, children: "Cancel" }),
-        /* @__PURE__ */ jsx13(
+      footer: /* @__PURE__ */ jsxs12(Fragment8, { children: [
+        /* @__PURE__ */ jsx14("button", { type: "button", className: "db-git-secondary-btn", onClick: cancel, children: "Cancel" }),
+        /* @__PURE__ */ jsx14(
           "button",
           {
             type: "button",
@@ -6000,9 +6081,9 @@ function PromptDialog({ request, onSettle }) {
           }
         )
       ] }),
-      children: /* @__PURE__ */ jsxs11("div", { className: "db-git-form-row", children: [
-        /* @__PURE__ */ jsx13("label", { className: "db-git-form-label", htmlFor: inputId, children: request.label }),
-        /* @__PURE__ */ jsx13(
+      children: /* @__PURE__ */ jsxs12("div", { className: "db-git-form-row", children: [
+        /* @__PURE__ */ jsx14("label", { className: "db-git-form-label", htmlFor: inputId, children: request.label }),
+        /* @__PURE__ */ jsx14(
           "input",
           {
             id: inputId,
@@ -6025,17 +6106,17 @@ function PromptDialog({ request, onSettle }) {
 
 // src/components/usePromptDialog.ts
 function usePromptDialog() {
-  const [pending, setPending] = useState16(null);
-  const pendingRef = useRef14(null);
-  const nextIdRef = useRef14(0);
-  const settlePending = useCallback14((value) => {
+  const [pending, setPending] = useState17(null);
+  const pendingRef = useRef15(null);
+  const nextIdRef = useRef15(0);
+  const settlePending = useCallback15((value) => {
     const current = pendingRef.current;
     if (!current) return;
     pendingRef.current = null;
     setPending((open) => open?.id === current.id ? null : open);
     current.settle(value);
   }, []);
-  const prompt = useCallback14(
+  const prompt = useCallback15(
     (request) => new Promise((resolve) => {
       settlePending(null);
       const next = { id: ++nextIdRef.current, request, settle: resolve };
@@ -6044,7 +6125,7 @@ function usePromptDialog() {
     }),
     [settlePending]
   );
-  useEffect17(() => {
+  useEffect18(() => {
     return () => settlePending(null);
   }, [settlePending]);
   const promptDialog = pending ? React2.createElement(PromptDialog, {
@@ -6057,37 +6138,37 @@ function usePromptDialog() {
 }
 
 // src/components/NewDocumentDialog.tsx
-import { useCallback as useCallback15, useEffect as useEffect18, useId as useId4, useRef as useRef15, useState as useState17 } from "react";
-import { Fragment as Fragment9, jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
+import { useCallback as useCallback16, useEffect as useEffect19, useId as useId4, useRef as useRef16, useState as useState18 } from "react";
+import { Fragment as Fragment9, jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
 function NewDocumentDialog({
   onSettle,
   initialFormat = "markdown"
 }) {
-  const [name, setName] = useState17("Untitled");
-  const [format, setFormat] = useState17(initialFormat);
-  const inputRef = useRef15(null);
+  const [name, setName] = useState18("Untitled");
+  const [format, setFormat] = useState18(initialFormat);
+  const inputRef = useRef16(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(() => {
+  const cancel = useCallback16(() => onSettle(null), [onSettle]);
+  const submit = useCallback16(() => {
     if (filename) onSettle({ filename, format });
   }, [filename, format, onSettle]);
-  useEffect18(() => {
+  useEffect19(() => {
     inputRef.current?.select();
   }, []);
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx15(
     Dialog,
     {
       title: "New document",
       onClose: cancel,
       initialFocusRef: inputRef,
       closeOnBackdrop: false,
-      footer: /* @__PURE__ */ jsxs12(Fragment9, { children: [
-        /* @__PURE__ */ jsx14("button", { type: "button", className: "db-git-secondary-btn", onClick: cancel, children: "Cancel" }),
-        /* @__PURE__ */ jsx14(
+      footer: /* @__PURE__ */ jsxs13(Fragment9, { children: [
+        /* @__PURE__ */ jsx15("button", { type: "button", className: "db-git-secondary-btn", onClick: cancel, children: "Cancel" }),
+        /* @__PURE__ */ jsx15(
           "button",
           {
             type: "button",
@@ -6098,9 +6179,9 @@ function NewDocumentDialog({
           }
         )
       ] }),
-      children: /* @__PURE__ */ jsxs12("div", { className: "db-new-document-fields", children: [
-        /* @__PURE__ */ jsx14("label", { className: "db-git-form-label", htmlFor: nameId, children: "Document name" }),
-        /* @__PURE__ */ jsx14(
+      children: /* @__PURE__ */ jsxs13("div", { className: "db-new-document-fields", children: [
+        /* @__PURE__ */ jsx15("label", { className: "db-git-form-label", htmlFor: nameId, children: "Document name" }),
+        /* @__PURE__ */ jsx15(
           "input",
           {
             id: nameId,
@@ -6116,8 +6197,8 @@ function NewDocumentDialog({
             }
           }
         ),
-        /* @__PURE__ */ jsx14("label", { className: "db-git-form-label", htmlFor: formatId, children: "Type" }),
-        /* @__PURE__ */ jsx14(
+        /* @__PURE__ */ jsx15("label", { className: "db-git-form-label", htmlFor: formatId, children: "Type" }),
+        /* @__PURE__ */ jsx15(
           "select",
           {
             id: formatId,
@@ -6125,10 +6206,10 @@ function NewDocumentDialog({
             "aria-describedby": hint ? hintId : void 0,
             value: format,
             onChange: (e) => setFormat(e.target.value),
-            children: /* @__PURE__ */ jsx14(NewFileFormatOptions, {})
+            children: /* @__PURE__ */ jsx15(NewFileFormatOptions, {})
           }
         ),
-        hint && /* @__PURE__ */ jsx14("p", { id: hintId, className: "db-new-document-hint", children: hint })
+        hint && /* @__PURE__ */ jsx15("p", { id: hintId, className: "db-new-document-hint", children: hint })
       ] })
     }
   );
@@ -6136,7 +6217,7 @@ function NewDocumentDialog({
 
 // src/DocBlocksShell/EditorErrorBoundary.tsx
 import { Component } from "react";
-import { jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
 var EditorErrorBoundary = class extends Component {
   constructor() {
     super(...arguments);
@@ -6151,11 +6232,11 @@ var EditorErrorBoundary = class extends Component {
   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 })
+    return /* @__PURE__ */ jsx16("div", { className: "db-shell-empty db-shell-empty--workspace", role: "alert", children: /* @__PURE__ */ jsxs14("div", { className: "db-workspace-empty-content", children: [
+      /* @__PURE__ */ jsx16("h1", { children: "This document couldn\u2019t be displayed" }),
+      /* @__PURE__ */ jsx16("p", { children: "The editor ran into a problem drawing it. The document itself is unaffected." }),
+      /* @__PURE__ */ jsx16("div", { className: "db-workspace-empty-actions", children: /* @__PURE__ */ jsx16("button", { type: "button", onClick: () => this.setState({ error: null }), children: "Try again" }) }),
+      /* @__PURE__ */ jsx16("p", { className: "db-workspace-empty-hint", children: error.message })
     ] }) });
   }
 };
@@ -6444,10 +6525,10 @@ function saveViewPreferences(preferences) {
 }
 
 // src/layout/useFormFactor.ts
-import { useEffect as useEffect20, useMemo as useMemo4, useState as useState19 } from "react";
+import { useEffect as useEffect21, useMemo as useMemo4, useState as useState20 } from "react";
 
 // src/layout/useMediaQuery.ts
-import { useEffect as useEffect19, useState as useState18 } from "react";
+import { useEffect as useEffect20, useState as useState19 } from "react";
 var INSTALLED_DISPLAY_QUERIES2 = [
   "(display-mode: window-controls-overlay)",
   "(display-mode: standalone)"
@@ -6460,8 +6541,8 @@ function isInstalledDisplayMode() {
   return INSTALLED_DISPLAY_QUERIES2.some(matchesMediaQuery);
 }
 function useMediaQuery(query) {
-  const [matches, setMatches] = useState18(() => matchesMediaQuery(query));
-  useEffect19(() => {
+  const [matches, setMatches] = useState19(() => matchesMediaQuery(query));
+  useEffect20(() => {
     if (typeof globalThis.matchMedia !== "function") return;
     const list = globalThis.matchMedia(query);
     const update = () => setMatches(list.matches);
@@ -6480,11 +6561,11 @@ function initialSize() {
   return { width: window.innerWidth, height: window.innerHeight };
 }
 function useFormFactor(rootRef, override) {
-  const [size, setSize] = useState19(initialSize);
+  const [size, setSize] = useState20(initialSize);
   const coarse = useMediaQuery(COARSE_POINTER_QUERY);
   const anyHover = useMediaQuery(ANY_HOVER_QUERY);
-  const [installed, setInstalled] = useState19(isInstalledDisplayMode);
-  useEffect20(() => {
+  const [installed, setInstalled] = useState20(isInstalledDisplayMode);
+  useEffect21(() => {
     const element = rootRef.current;
     const readWindow = () => setSize(initialSize());
     if (!element || typeof ResizeObserver === "undefined") {
@@ -6508,7 +6589,7 @@ function useFormFactor(rootRef, override) {
     observer.observe(element);
     return () => observer.disconnect();
   }, [rootRef]);
-  useEffect20(() => {
+  useEffect21(() => {
     if (typeof globalThis.matchMedia !== "function") return;
     const update = () => setInstalled(isInstalledDisplayMode());
     const lists = ["(display-mode: window-controls-overlay)", "(display-mode: standalone)"].map(
@@ -6535,9 +6616,9 @@ function useFormFactor(rootRef, override) {
 }
 
 // src/layout/useInert.ts
-import { useEffect as useEffect21 } from "react";
+import { useEffect as useEffect22 } from "react";
 function useInert(ref, inert) {
-  useEffect21(() => {
+  useEffect22(() => {
     const element = ref.current;
     if (!element) return;
     element.toggleAttribute("inert", inert);
@@ -6546,9 +6627,9 @@ function useInert(ref, inert) {
 }
 
 // src/layout/useKeyboardInset.ts
-import { useEffect as useEffect22 } from "react";
+import { useEffect as useEffect23 } from "react";
 function useKeyboardInset(enabled) {
-  useEffect22(() => {
+  useEffect23(() => {
     if (!enabled || typeof window === "undefined") return;
     const viewport = window.visualViewport;
     if (!viewport) return;
@@ -6580,10 +6661,10 @@ function useKeyboardInset(enabled) {
 }
 
 // src/layout/useFormFactorAttributes.ts
-import { useEffect as useEffect23, useRef as useRef16 } from "react";
+import { useEffect as useEffect24, useRef as useRef17 } from "react";
 function useFormFactorAttributes(rootRef, formFactor, layoutMode, drawerOpen) {
-  const published = useRef16(/* @__PURE__ */ new Map());
-  useEffect23(() => {
+  const published = useRef17(/* @__PURE__ */ new Map());
+  useEffect24(() => {
     const owned = published.current;
     return () => {
       for (const [target, names] of owned) {
@@ -6592,7 +6673,7 @@ function useFormFactorAttributes(rootRef, formFactor, layoutMode, drawerOpen) {
       owned.clear();
     };
   }, []);
-  useEffect23(() => {
+  useEffect24(() => {
     if (typeof document === "undefined") return;
     const attributes = {
       ...formFactorDataAttributes(formFactor, layoutMode)
@@ -6618,10 +6699,10 @@ function useFormFactorAttributes(rootRef, formFactor, layoutMode, drawerOpen) {
 }
 
 // src/layout/useInterfaceFontAttribute.ts
-import { useEffect as useEffect24 } from "react";
+import { useEffect as useEffect25 } from "react";
 var INTERFACE_FONT_ATTRIBUTE = "data-db-interface-font";
 function useInterfaceFontAttribute(preference) {
-  useEffect24(() => {
+  useEffect25(() => {
     if (typeof document === "undefined") return;
     const root = document.documentElement;
     if (preference !== "system") {
@@ -6634,7 +6715,7 @@ function useInterfaceFontAttribute(preference) {
 }
 
 // src/DocBlocksShell/useEdgeSwipe.ts
-import { useEffect as useEffect25 } from "react";
+import { useEffect as useEffect26 } from "react";
 var EDGE_ZONE_PX = 24;
 var AXIS_LOCK_PX = 10;
 var COMMIT_FRACTION = 0.4;
@@ -6647,7 +6728,7 @@ function useEdgeSwipe({
   onOpen,
   onClose
 }) {
-  useEffect25(() => {
+  useEffect26(() => {
     const surface = surfaceRef.current;
     if (!enabled || !surface) return;
     let pointerId = null;
@@ -6729,11 +6810,11 @@ function useEdgeSwipe({
 }
 
 // src/DocBlocksShell/useEditorFileDrop.ts
-import { useEffect as useEffect26, useState as useState20 } from "react";
+import { useEffect as useEffect27, useState as useState21 } from "react";
 var INTERNAL_DRAG_TYPE2 = "application/x-docblocks-entry";
 function useEditorFileDrop(targetRef, enabled, onFiles) {
-  const [dropActive, setDropActive] = useState20(false);
-  useEffect26(() => {
+  const [dropActive, setDropActive] = useState21(false);
+  useEffect27(() => {
     const element = targetRef.current;
     if (!enabled || !element) {
       setDropActive(false);
@@ -6795,11 +6876,11 @@ function useEditorFileDrop(targetRef, enabled, onFiles) {
 }
 
 // src/DocBlocksShell/useShellShortcuts.ts
-import { useEffect as useEffect27, useRef as useRef17 } from "react";
+import { useEffect as useEffect28, useRef as useRef18 } from "react";
 function useShellShortcuts(handlers, layoutMode) {
-  const handlersRef = useRef17(handlers);
+  const handlersRef = useRef18(handlers);
   handlersRef.current = handlers;
-  useEffect27(() => {
+  useEffect28(() => {
     if (typeof window === "undefined") return;
     const onKeyDown = (event) => {
       const id = matchShortcut(event, layoutMode);
@@ -6816,8 +6897,8 @@ function useShellShortcuts(handlers, layoutMode) {
 }
 
 // src/DocBlocksShell/UpdateAvailableNotice.tsx
-import { useState as useState21 } from "react";
-import { Fragment as Fragment10, jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
+import { useState as useState22 } from "react";
+import { Fragment as Fragment10, jsx as jsx17, jsxs as jsxs15 } from "react/jsx-runtime";
 var UPDATE_PROMPT_ID = "db-update-available-prompt";
 function UpdateAvailableNotice({
   available,
@@ -6825,12 +6906,12 @@ function UpdateAvailableNotice({
   blocked = false,
   statusBarVisible
 }) {
-  const [promptOpen, setPromptOpen] = useState21(false);
-  const [applying, setApplying] = useState21(false);
+  const [promptOpen, setPromptOpen] = useState22(false);
+  const [applying, setApplying] = useState22(false);
   if (!available || !onApplyUpdate) return null;
   const promptVisible = promptOpen && !blocked;
-  return /* @__PURE__ */ jsxs14(Fragment10, { children: [
-    /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsxs15(Fragment10, { children: [
+    /* @__PURE__ */ jsx17(
       "button",
       {
         type: "button",
@@ -6844,16 +6925,16 @@ function UpdateAvailableNotice({
         children: "Update available"
       }
     ),
-    promptVisible && /* @__PURE__ */ jsxs14(
+    promptVisible && /* @__PURE__ */ jsxs15(
       "div",
       {
         id: UPDATE_PROMPT_ID,
         className: `db-update-banner${statusBarVisible ? "" : " db-update-banner--floating"}`,
         role: "alert",
         children: [
-          /* @__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(
+          /* @__PURE__ */ jsx17("span", { children: "A new version of DocBlocks is available. Reload to update the editor and site pages." }),
+          /* @__PURE__ */ jsxs15("div", { className: "db-update-banner-actions", children: [
+            /* @__PURE__ */ jsx17(
               "button",
               {
                 type: "button",
@@ -6865,7 +6946,7 @@ function UpdateAvailableNotice({
                 children: applying ? "Updating\u2026" : "Reload"
               }
             ),
-            /* @__PURE__ */ jsx16("button", { type: "button", onClick: () => setPromptOpen(false), disabled: applying, children: "Later" })
+            /* @__PURE__ */ jsx17("button", { type: "button", onClick: () => setPromptOpen(false), disabled: applying, children: "Later" })
           ] })
         ]
       }
@@ -6874,19 +6955,19 @@ function UpdateAvailableNotice({
 }
 
 // src/DocBlocksShell/WelcomeScreen.tsx
-import { jsx as jsx17, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs16 } from "react/jsx-runtime";
 var WELCOME_HEADLINE = "The Markdown editor that turns one file into anything.";
 var WELCOME_SUMMARY = "Write the way you normally would, then share the same file as a PDF, a Word document, a slide deck, or a video.";
 var WELCOME_PRIVACY_NOTE = "No account, and your documents stay on this device.";
-var DOCBLOCKS_APPS_URL = "https://docblocks.com/desktop/";
+var DOCBLOCKS_APPS_URL = "https://docblocks.com/docs/#apps";
 function WelcomeScreen({
   onCreateDocument,
   onTour,
   onDismiss,
   offerApps = false
 }) {
-  return /* @__PURE__ */ jsxs15("section", { className: "db-welcome-gateway", "aria-labelledby": "db-welcome-gateway-title", children: [
-    /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsxs16("section", { className: "db-welcome-gateway", "aria-labelledby": "db-welcome-gateway-title", children: [
+    /* @__PURE__ */ jsx18(
       "button",
       {
         type: "button",
@@ -6897,16 +6978,16 @@ function WelcomeScreen({
         children: "\xD7"
       }
     ),
-    /* @__PURE__ */ jsxs15("div", { className: "db-welcome-gateway-body", children: [
-      /* @__PURE__ */ jsxs15("div", { className: "db-welcome-gateway-copy", children: [
-        /* @__PURE__ */ jsx17("p", { className: "db-welcome-gateway-eyebrow", children: "Welcome to DocBlocks" }),
-        /* @__PURE__ */ jsx17("h1", { id: "db-welcome-gateway-title", children: WELCOME_HEADLINE }),
-        /* @__PURE__ */ jsx17("p", { children: WELCOME_SUMMARY }),
-        /* @__PURE__ */ jsx17("p", { className: "db-welcome-gateway-note", children: WELCOME_PRIVACY_NOTE }),
-        /* @__PURE__ */ jsxs15("div", { className: "db-welcome-gateway-actions", children: [
-          /* @__PURE__ */ jsx17("button", { type: "button", className: "db-welcome-gateway-primary", onClick: onCreateDocument, children: "Create a document" }),
-          /* @__PURE__ */ jsx17("button", { type: "button", className: "db-welcome-gateway-cta", onClick: onTour, children: "Tour the welcome document" }),
-          offerApps && /* @__PURE__ */ jsx17(
+    /* @__PURE__ */ jsxs16("div", { className: "db-welcome-gateway-body", children: [
+      /* @__PURE__ */ jsxs16("div", { className: "db-welcome-gateway-copy", children: [
+        /* @__PURE__ */ jsx18("p", { className: "db-welcome-gateway-eyebrow", children: "Welcome to DocBlocks" }),
+        /* @__PURE__ */ jsx18("h1", { id: "db-welcome-gateway-title", children: WELCOME_HEADLINE }),
+        /* @__PURE__ */ jsx18("p", { children: WELCOME_SUMMARY }),
+        /* @__PURE__ */ jsx18("p", { className: "db-welcome-gateway-note", children: WELCOME_PRIVACY_NOTE }),
+        /* @__PURE__ */ jsxs16("div", { className: "db-welcome-gateway-actions", children: [
+          /* @__PURE__ */ jsx18("button", { type: "button", className: "db-welcome-gateway-primary", onClick: onCreateDocument, children: "Create a document" }),
+          /* @__PURE__ */ jsx18("button", { type: "button", className: "db-welcome-gateway-cta", onClick: onTour, children: "Tour the welcome document" }),
+          offerApps && /* @__PURE__ */ jsx18(
             "a",
             {
               className: "db-welcome-gateway-apps",
@@ -6918,61 +6999,61 @@ function WelcomeScreen({
           )
         ] })
       ] }),
-      /* @__PURE__ */ jsx17(WelcomeLoop, {})
+      /* @__PURE__ */ jsx18(WelcomeLoop, {})
     ] })
   ] });
 }
 function WelcomeLoop() {
-  return /* @__PURE__ */ jsxs15("div", { className: "db-welcome-loop", "aria-hidden": "true", children: [
-    /* @__PURE__ */ jsxs15("div", { className: "db-welcome-loop-source", children: [
-      /* @__PURE__ */ jsx17("span", { className: "db-welcome-loop-file", children: "Lisbon.md" }),
-      /* @__PURE__ */ jsxs15("code", { children: [
-        /* @__PURE__ */ jsx17("span", { className: "db-welcome-loop-mark", children: "# " }),
+  return /* @__PURE__ */ jsxs16("div", { className: "db-welcome-loop", "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsxs16("div", { className: "db-welcome-loop-source", children: [
+      /* @__PURE__ */ jsx18("span", { className: "db-welcome-loop-file", children: "Lisbon.md" }),
+      /* @__PURE__ */ jsxs16("code", { children: [
+        /* @__PURE__ */ jsx18("span", { className: "db-welcome-loop-mark", children: "# " }),
         "Lisbon in three days",
         "\n",
         "Trams, tiles, and pastries.",
         "\n\n",
-        /* @__PURE__ */ jsx17("span", { className: "db-welcome-loop-mark", children: "## " }),
+        /* @__PURE__ */ jsx18("span", { className: "db-welcome-loop-mark", children: "## " }),
         "Day one",
         "\n",
-        /* @__PURE__ */ jsx17("span", { className: "db-welcome-loop-mark", children: "- " }),
+        /* @__PURE__ */ jsx18("span", { className: "db-welcome-loop-mark", children: "- " }),
         "Ride Tram 28",
         "\n",
-        /* @__PURE__ */ jsx17("span", { className: "db-welcome-loop-mark", children: "- " }),
+        /* @__PURE__ */ jsx18("span", { className: "db-welcome-loop-mark", children: "- " }),
         "Sunset at Gra\xE7a"
       ] })
     ] }),
-    /* @__PURE__ */ jsx17("div", { className: "db-welcome-loop-arrow", children: "\u2192" }),
-    /* @__PURE__ */ jsxs15("div", { className: "db-welcome-loop-stage", children: [
-      /* @__PURE__ */ jsxs15("div", { className: "db-welcome-loop-frame db-welcome-loop-frame--page", children: [
-        /* @__PURE__ */ jsx17("strong", { children: "Lisbon in three days" }),
-        /* @__PURE__ */ jsx17("span", { children: "Trams, tiles, and pastries." }),
-        /* @__PURE__ */ jsx17("em", { children: "Day one" }),
-        /* @__PURE__ */ jsx17("span", { children: "\u2022 Ride Tram 28" }),
-        /* @__PURE__ */ jsx17("span", { children: "\u2022 Sunset at Gra\xE7a" })
+    /* @__PURE__ */ jsx18("div", { className: "db-welcome-loop-arrow", children: "\u2192" }),
+    /* @__PURE__ */ jsxs16("div", { className: "db-welcome-loop-stage", children: [
+      /* @__PURE__ */ jsxs16("div", { className: "db-welcome-loop-frame db-welcome-loop-frame--page", children: [
+        /* @__PURE__ */ jsx18("strong", { children: "Lisbon in three days" }),
+        /* @__PURE__ */ jsx18("span", { children: "Trams, tiles, and pastries." }),
+        /* @__PURE__ */ jsx18("em", { children: "Day one" }),
+        /* @__PURE__ */ jsx18("span", { children: "\u2022 Ride Tram 28" }),
+        /* @__PURE__ */ jsx18("span", { children: "\u2022 Sunset at Gra\xE7a" })
       ] }),
-      /* @__PURE__ */ jsxs15("div", { className: "db-welcome-loop-frame db-welcome-loop-frame--slide", children: [
-        /* @__PURE__ */ jsx17("strong", { children: "Lisbon in three days" }),
-        /* @__PURE__ */ jsx17("span", { children: "Trams, tiles, and pastries." })
+      /* @__PURE__ */ jsxs16("div", { className: "db-welcome-loop-frame db-welcome-loop-frame--slide", children: [
+        /* @__PURE__ */ jsx18("strong", { children: "Lisbon in three days" }),
+        /* @__PURE__ */ jsx18("span", { children: "Trams, tiles, and pastries." })
       ] }),
-      /* @__PURE__ */ jsxs15("div", { className: "db-welcome-loop-frame db-welcome-loop-frame--video", children: [
-        /* @__PURE__ */ jsx17("em", { children: "Day one" }),
-        /* @__PURE__ */ jsx17("span", { children: "\u2022 Ride Tram 28" }),
-        /* @__PURE__ */ jsx17("span", { children: "\u2022 Sunset at Gra\xE7a" }),
-        /* @__PURE__ */ jsx17("i", { className: "db-welcome-loop-play", children: "\u25B6" }),
-        /* @__PURE__ */ jsx17("i", { className: "db-welcome-loop-progress" })
+      /* @__PURE__ */ jsxs16("div", { className: "db-welcome-loop-frame db-welcome-loop-frame--video", children: [
+        /* @__PURE__ */ jsx18("em", { children: "Day one" }),
+        /* @__PURE__ */ jsx18("span", { children: "\u2022 Ride Tram 28" }),
+        /* @__PURE__ */ jsx18("span", { children: "\u2022 Sunset at Gra\xE7a" }),
+        /* @__PURE__ */ jsx18("i", { className: "db-welcome-loop-play", children: "\u25B6" }),
+        /* @__PURE__ */ jsx18("i", { className: "db-welcome-loop-progress" })
       ] })
     ] }),
-    /* @__PURE__ */ jsxs15("ol", { className: "db-welcome-loop-labels", children: [
-      /* @__PURE__ */ jsx17("li", { children: "PDF" }),
-      /* @__PURE__ */ jsx17("li", { children: "Slides" }),
-      /* @__PURE__ */ jsx17("li", { children: "Video" })
+    /* @__PURE__ */ jsxs16("ol", { className: "db-welcome-loop-labels", children: [
+      /* @__PURE__ */ jsx18("li", { children: "PDF" }),
+      /* @__PURE__ */ jsx18("li", { children: "Slides" }),
+      /* @__PURE__ */ jsx18("li", { children: "Video" })
     ] })
   ] });
 }
 
 // src/DocBlocksShell/useDocumentLinkProvider.ts
-import { useCallback as useCallback16 } from "react";
+import { useCallback as useCallback17 } from "react";
 
 // src/DocBlocksShell/document-links.ts
 import { parseWorkspacePath as parseWorkspacePath7 } from "@bendyline/docblocks/filesystem";
@@ -7021,7 +7102,7 @@ function createDocumentLinkCandidates(entries, selectedFile, query) {
 // src/DocBlocksShell/useDocumentLinkProvider.ts
 var LISTING_WAIT_MS = 5e3;
 function useDocumentLinkProvider(index, selectedFile, ensureIndex) {
-  return useCallback16(
+  return useCallback17(
     async (query) => {
       if (!index || !selectedFile) return [];
       ensureIndex();
@@ -7034,7 +7115,7 @@ function useDocumentLinkProvider(index, selectedFile, ensureIndex) {
 }
 
 // src/WorkspaceIndex/useWorkspaceIndex.ts
-import { useCallback as useCallback17, useEffect as useEffect28, useMemo as useMemo5, useRef as useRef18, useState as useState22, useSyncExternalStore as useSyncExternalStore4 } from "react";
+import { useCallback as useCallback18, useEffect as useEffect29, useMemo as useMemo5, useRef as useRef19, useState as useState23, useSyncExternalStore as useSyncExternalStore4 } from "react";
 import { getFileSystemProviderV2 as getFileSystemProviderV29 } from "@bendyline/docblocks/filesystem";
 import { maybeGetDocBlocksHost as maybeGetDocBlocksHost3 } from "@bendyline/docblocks/host";
 var IDLE_WORKSPACE_INDEX_STATUS = Object.freeze({
@@ -7066,9 +7147,9 @@ function whenIdle(callback) {
 }
 function useWorkspaceIndex(provider, workspaceId, mode = "eager") {
   const providerV2 = provider && mode !== "off" ? getFileSystemProviderV29(provider) : null;
-  const [index, setIndex] = useState22(null);
-  const startRequestedRef = useRef18(false);
-  useEffect28(() => {
+  const [index, setIndex] = useState23(null);
+  const startRequestedRef = useRef19(false);
+  useEffect29(() => {
     setIndex(null);
     startRequestedRef.current = false;
     if (!providerV2 || !workspaceId) return;
@@ -7090,7 +7171,7 @@ function useWorkspaceIndex(provider, workspaceId, mode = "eager") {
       created?.dispose();
     };
   }, [providerV2, workspaceId, mode]);
-  useEffect28(() => {
+  useEffect29(() => {
     if (!index) return;
     const refresh = () => index.refresh();
     const onVisibilityChange = () => {
@@ -7107,16 +7188,16 @@ function useWorkspaceIndex(provider, workspaceId, mode = "eager") {
       stopResume?.();
     };
   }, [index]);
-  const subscribe = useCallback17(
+  const subscribe = useCallback18(
     (listener) => index ? index.subscribe(listener) : () => void 0,
     [index]
   );
-  const getStatus = useCallback17(
+  const getStatus = useCallback18(
     () => index ? index.getStatus() : IDLE_WORKSPACE_INDEX_STATUS,
     [index]
   );
   const status = useSyncExternalStore4(subscribe, getStatus, getStatus);
-  const ensure = useCallback17(() => {
+  const ensure = useCallback18(() => {
     if (!index) {
       startRequestedRef.current = true;
       return;
@@ -7357,63 +7438,75 @@ function isWelcomeDocumentPath(path) {
 function isAppDefaultWorkspace(workspaceId, hostDefaultWorkspaceIds) {
   return hostDefaultWorkspaceIds ? hostDefaultWorkspaceIds.has(workspaceId) : workspaceId === DEFAULT_WORKSPACE_ID;
 }
-var WELCOME_DOCUMENT_CONTENT = [
-  "---",
-  "squisq-theme: warm-earth",
-  "squisq-cover-slide: false",
-  "---",
-  "",
-  '# Welcome to DocBlocks {[title subtitle="Write once. Share it as a document, a deck, or a video."]}',
-  "",
-  "This is an ordinary document, so go ahead and change it. Click anywhere and type; DocBlocks saves as you go.",
-  "",
-  "## Write the way you already do {[list]}",
-  "",
-  "- Type to add text, and use the toolbar for headings, lists, and bold or italic text.",
-  "- Choose **Insert** in the toolbar to add a table, a checklist, a chart, a diagram, or a picture.",
-  "- Choose **Source** to see the Markdown text behind this page. Both views edit the same document.",
-  "",
-  "## One document, many ways to share it {[diagram]}",
-  "",
-  "```diagram",
-  "              +-----------------+",
-  "              |  Your document  |",
-  "              +--------+--------+",
-  "                       |",
-  "    +-----------+------+-----+------------+",
-  "    |           |            |            |",
-  "    v           v            v            v",
-  "+-------+  +--------+  +----------+  +---------+",
-  "|  PDF  |  |  Word  |  |  Slides  |  |  Video  |",
-  "+-------+  +--------+  +----------+  +---------+",
-  "```",
-  "",
-  "## Present it or send it {[content]}",
-  "",
-  "Each heading starts a new slide, so this document is already a slideshow. Choose **Slideshow** at the top to see it, or **Export** to save it as a PDF, a Word document, a PowerPoint deck, an e-book, a web page, or a video.",
-  "",
-  "## Your documents stay yours {[factCard]}",
-  "",
-  "There is no account to create. Your documents stay on this device as plain text files that other apps can open too. Choose **Back up** at the bottom of the file list to keep a copy somewhere safe.",
-  "",
-  "## Make your own {[list]}",
-  "",
-  "1. Choose **New File** above the file list and give it a name.",
-  "2. Write a heading and a few sentences.",
-  "3. Choose **Slideshow** to present it, or **Export** to share it.",
-  "",
-  "## Go further {[list]}",
-  "",
-  "- [Get the desktop app](https://docblocks.com/desktop/) to work in folders on your computer.",
-  "- [Add DocBlocks to VS Code](https://docblocks.com/vscode/) to edit documents beside your code.",
-  "- [Read the guides](https://docblocks.com/docs/) for everything else.",
-  // End with a newline, as the Write view saves every document. Without it,
-  // merely opening the welcome document in Write rewrote the file.
-  ""
-].join("\n");
+function welcomeDocumentContent({
+  browserStorage,
+  desktopApp
+}) {
+  return [
+    "---",
+    "squisq-theme: warm-earth",
+    "squisq-cover-slide: false",
+    "---",
+    "",
+    '# Welcome to DocBlocks {[title subtitle="Write once. Share it as a document, a deck, or a video."]}',
+    "",
+    "This is an ordinary document, so go ahead and change it. Click anywhere and type; DocBlocks saves as you go.",
+    "",
+    "## Write the way you already do {[list]}",
+    "",
+    "- Type to add text, and use the toolbar for headings, lists, and bold or italic text.",
+    "- Choose **Insert** in the toolbar to add a table, a checklist, a chart, a diagram, or a picture.",
+    "- Choose **Source** to see the Markdown text behind this page. Both views edit the same document.",
+    "",
+    "## One document, many ways to share it {[diagram]}",
+    "",
+    "```diagram",
+    "              +-----------------+",
+    "              |  Your document  |",
+    "              +--------+--------+",
+    "                       |",
+    "    +-----------+------+-----+------------+",
+    "    |           |            |            |",
+    "    v           v            v            v",
+    "+-------+  +--------+  +----------+  +---------+",
+    "|  PDF  |  |  Word  |  |  Slides  |  |  Video  |",
+    "+-------+  +--------+  +----------+  +---------+",
+    "```",
+    "",
+    "## Present it or send it {[content]}",
+    "",
+    "Each heading starts a new slide, so this document is already a slideshow. Choose **Slideshow** at the top to see it, or **Export** to save it as a PDF, a Word document, a PowerPoint deck, an e-book, a web page, or a video.",
+    "",
+    "## Your documents stay yours {[factCard]}",
+    "",
+    // Not "files other apps can open": in the browser they live in browser storage.
+    "There is no account to create. Your documents stay on this device, written in plain Markdown that any text editor can read." + // Only browser storage shows Back up in the file list. Elsewhere the
+    // documents are files the device itself keeps.
+    (browserStorage ? " Choose **Back up** at the bottom of the file list to keep a copy somewhere safe." : ""),
+    "",
+    "## Make your own {[list]}",
+    "",
+    "1. Choose **New File** above the file list and give it a name.",
+    "2. Write a heading and a few sentences.",
+    "3. Choose **Slideshow** to present it, or **Export** to share it.",
+    "",
+    "## Go further {[list]}",
+    "",
+    desktopApp ? "- Choose **Open Folder** in the workspace menu above the file list to work on Markdown files you already have." : "- [Get the desktop app](https://docblocks.com/desktop/) to work in folders on your computer.",
+    "- [Add DocBlocks to VS Code](https://docblocks.com/vscode/) to edit documents beside your code.",
+    "- [Read the guides](https://docblocks.com/docs/) for everything else.",
+    // End with a newline, as the Write view saves every document. Without it,
+    // merely opening the welcome document in Write rewrote the file.
+    ""
+  ].join("\n");
+}
+var WELCOME_DOCUMENT_CONTENT = welcomeDocumentContent({
+  browserStorage: true,
+  desktopApp: false
+});
 
 // src/DocBlocksShell/DocBlocksShell.tsx
-import { Fragment as Fragment11, jsx as jsx18, jsxs as jsxs16 } from "react/jsx-runtime";
+import { Fragment as Fragment11, jsx as jsx19, jsxs as jsxs17 } from "react/jsx-runtime";
 var editorShellModulePromise = null;
 function loadEditorShell() {
   editorShellModulePromise ?? (editorShellModulePromise = (async () => {
@@ -7445,22 +7538,22 @@ var GitToolbarControl = lazy2(
   () => import("./GitToolbarControl-B7KG4MFP.js").then((m) => ({ default: m.GitToolbarControl }))
 );
 var AiToolbarControl = lazy2(
-  () => import("./AiEditorAssistant-4HFFGVU4.js").then((module) => ({
+  () => import("./AiEditorAssistant-V4MZRC6Q.js").then((module) => ({
     default: module.AiToolbarControl
   }))
 );
 var PresentationMaker = lazy2(
-  () => import("./PresentationMaker-MUMFAXEI.js").then((module) => ({
+  () => import("./PresentationMaker-H5B44Q7P.js").then((module) => ({
     default: module.PresentationMaker
   }))
 );
 var AiReviewPanel = lazy2(
-  () => import("./AiEditorAssistant-4HFFGVU4.js").then((module) => ({
+  () => import("./AiEditorAssistant-V4MZRC6Q.js").then((module) => ({
     default: module.AiReviewPanel
   }))
 );
 var AiIllustratePanel = lazy2(
-  () => import("./AiDiagrams-QZMJNGDT.js").then((module) => ({
+  () => import("./AiDiagrams-5P657GFC.js").then((module) => ({
     default: module.AiIllustratePanel
   }))
 );
@@ -7553,10 +7646,10 @@ function isMemoryWorkspaceProvider(provider) {
   return typeof candidate.captureContents === "function" && typeof candidate.replaceContents === "function" && typeof candidate.treeVersion === "number";
 }
 function useOsTheme() {
-  const [dark, setDark] = useState23(
+  const [dark, setDark] = useState24(
     () => typeof window !== "undefined" && window.matchMedia("(prefers-color-scheme: dark)").matches
   );
-  useEffect29(() => {
+  useEffect30(() => {
     const mq = window.matchMedia("(prefers-color-scheme: dark)");
     const handler = (e) => setDark(e.matches);
     mq.addEventListener("change", handler);
@@ -7742,7 +7835,7 @@ async function createHostProviderFromWorkspace(ws) {
 var DESKTOP_TOOLBAR_WRAP_WIDTH = 900;
 var WEB_TOOLBAR_WRAP_WIDTH = 700;
 function FolderGlyph() {
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx19(
     "svg",
     {
       viewBox: "0 0 24 24",
@@ -7751,12 +7844,12 @@ function FolderGlyph() {
       strokeWidth: "1.5",
       strokeLinejoin: "round",
       "aria-hidden": "true",
-      children: /* @__PURE__ */ jsx18("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__ */ jsx19("path", { d: "M3 7a1 1 0 0 1 1-1h5l2 2h9a1 1 0 0 1 1 1v9a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V7z" })
     }
   );
 }
 function FileGlyph() {
-  return /* @__PURE__ */ jsxs16(
+  return /* @__PURE__ */ jsxs17(
     "svg",
     {
       viewBox: "0 0 24 24",
@@ -7766,14 +7859,14 @@ function FileGlyph() {
       strokeLinejoin: "round",
       "aria-hidden": "true",
       children: [
-        /* @__PURE__ */ jsx18("path", { d: "M6 3h8l5 5v12a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1z" }),
-        /* @__PURE__ */ jsx18("path", { d: "M14 3v5h5" })
+        /* @__PURE__ */ jsx19("path", { d: "M6 3h8l5 5v12a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1z" }),
+        /* @__PURE__ */ jsx19("path", { d: "M14 3v5h5" })
       ]
     }
   );
 }
 function CollapseSidebarGlyph() {
-  return /* @__PURE__ */ jsxs16(
+  return /* @__PURE__ */ jsxs17(
     "svg",
     {
       viewBox: "0 0 64 64",
@@ -7784,9 +7877,9 @@ function CollapseSidebarGlyph() {
       strokeLinejoin: "round",
       "aria-hidden": "true",
       children: [
-        /* @__PURE__ */ jsx18("rect", { x: "7", y: "10", width: "50", height: "44", rx: "6" }),
-        /* @__PURE__ */ jsx18("path", { d: "M24 10v44" }),
-        /* @__PURE__ */ jsx18("path", { d: "m17 25-7 7 7 7" })
+        /* @__PURE__ */ jsx19("rect", { x: "7", y: "10", width: "50", height: "44", rx: "6" }),
+        /* @__PURE__ */ jsx19("path", { d: "M24 10v44" }),
+        /* @__PURE__ */ jsx19("path", { d: "m17 25-7 7 7 7" })
       ]
     }
   );
@@ -7823,10 +7916,10 @@ function DocBlocksShell({
   offlineReady = false
 }) {
   const osTheme = useOsTheme();
-  const [themePreference, setThemePreference] = useState23(loadThemePreference);
-  const [accentColor, setAccentColor] = useState23(loadAccentColor);
-  const [interfaceFont, setInterfaceFont] = useState23(loadInterfaceFont);
-  const [writeCanvasSettings, setWriteCanvasSettings] = useState23(
+  const [themePreference, setThemePreference] = useState24(loadThemePreference);
+  const [accentColor, setAccentColor] = useState24(loadAccentColor);
+  const [interfaceFont, setInterfaceFont] = useState24(loadInterfaceFont);
+  const [writeCanvasSettings, setWriteCanvasSettings] = useState24(
     loadWriteCanvasPreferences
   );
   const editorWriteCanvasSettings = useMemo6(
@@ -7840,66 +7933,67 @@ function DocBlocksShell({
   const resolvedTheme = resolveShellTheme({ preference: themePreference, hostTheme, osTheme });
   const ai = hostSupports2("aiAssist") ? maybeGetDocBlocksHost4()?.ai : void 0;
   const speech = hostSupports2("speechModelManagement") ? maybeGetDocBlocksHost4()?.speech : void 0;
-  const [settingsRequest, setSettingsRequest] = useState23(0);
-  const openSettings = useCallback18(() => setSettingsRequest((count) => count + 1), []);
+  const trayMenu = hostSupports2("trayIcon") ? maybeGetDocBlocksHost4()?.menu : void 0;
+  const [settingsRequest, setSettingsRequest] = useState24(0);
+  const openSettings = useCallback19(() => setSettingsRequest((count) => count + 1), []);
   const speechInput = useMemo6(
     () => speech && hostSupports2("speechInput") ? createSpeechInputProvider(speech, { onRequestSetup: openSettings }) : null,
     [speech, openSettings]
   );
-  const handleThemeChange = useCallback18((pref) => {
+  const handleThemeChange = useCallback19((pref) => {
     setThemePreference(pref);
     saveThemePreference(pref);
   }, []);
-  useEffect29(() => {
+  useEffect30(() => {
     if (hostSupports2("ownsWindowChrome") || typeof document === "undefined") return;
     const metas = document.querySelectorAll('meta[name="theme-color"]');
     metas.forEach((meta) => {
       meta.content = DB_CHROME_COLORS[resolvedTheme];
     });
   }, [resolvedTheme]);
-  const handleAccentColorChange = useCallback18((color) => {
+  const handleAccentColorChange = useCallback19((color) => {
     setAccentColor(color);
     saveAccentColor(color);
   }, []);
-  const handleWriteCanvasSettingsChange = useCallback18((settings) => {
+  const handleWriteCanvasSettingsChange = useCallback19((settings) => {
     setWriteCanvasSettings(settings);
     saveWriteCanvasPreferences(settings);
   }, []);
-  const [proofingPreferences, setProofingPreferences] = useState23(loadProofingPreferences);
-  const handleProofingPreferencesChange = useCallback18((settings) => {
+  const [proofingPreferences, setProofingPreferences] = useState24(loadProofingPreferences);
+  const handleProofingPreferencesChange = useCallback19((settings) => {
     setProofingPreferences(settings);
     saveProofingPreferences(settings);
   }, []);
-  const [viewPreferences, setViewPreferences] = useState23(loadViewPreferences);
-  const handleViewPreferencesChange = useCallback18((prefs) => {
+  const [viewPreferences, setViewPreferences] = useState24(loadViewPreferences);
+  const handleViewPreferencesChange = useCallback19((prefs) => {
     setViewPreferences(prefs);
     saveViewPreferences(prefs);
   }, []);
-  const shellRef = useRef19(null);
+  const shellRef = useRef20(null);
   const formFactor = useFormFactor(shellRef);
-  const [sidebarPreference, setSidebarPreference] = useState23(loadSidebarPreference);
+  const [sidebarPreference, setSidebarPreference] = useState24(loadSidebarPreference);
   const layoutMode = resolveLayoutMode(formFactor, sidebarPreference);
   const singlePane = layoutMode === "single-pane";
-  const updateSidebarPreference = useCallback18((preference) => {
+  const updateSidebarPreference = useCallback19((preference) => {
     setSidebarPreference(preference);
     saveSidebarPreference(preference);
   }, []);
   const defaultPreviewViewportPreset = useResponsivePreviewViewportPreset();
-  const [mobileShowEditor, setMobileShowEditor] = useState23(
+  const [mobileShowEditor, setMobileShowEditor] = useState24(
     () => singlePane && isWelcomeGatewayDismissed()
   );
-  useEffect29(() => {
+  useEffect30(() => {
     if (singlePane) void loadEditorShell();
   }, [singlePane]);
   useFormFactorAttributes(shellRef, formFactor, layoutMode, !mobileShowEditor);
   useInterfaceFontAttribute(interfaceFont);
   useKeyboardInset(formFactor.pointer === "coarse");
   const drawerOpen = singlePane && !mobileShowEditor;
-  const [sidebarWidth, setSidebarWidth] = useState23(loadSidebarWidth);
+  const [sidebarWidth, setSidebarWidth] = useState24(loadSidebarWidth);
   const canRestoreSplitView = sidebarPreference === "collapsed" && formFactor.splitPaneAllowed;
-  const editorAreaRef = useRef19(null);
-  const [desktopToolbarWrapped, setDesktopToolbarWrapped] = useState23(false);
-  useEffect29(() => {
+  const editorAreaRef = useRef20(null);
+  const [desktopToolbarWrapped, setDesktopToolbarWrapped] = useState24(false);
+  useEffect30(() => {
     const editorArea = editorAreaRef.current;
     if (!editorArea || singlePane) {
       setDesktopToolbarWrapped(false);
@@ -7920,24 +8014,25 @@ function DocBlocksShell({
   }, [singlePane]);
   const showBrowserStorageWarning = hostSupports2("browserOriginStorage");
   const hostEnvironment = getHostEnvironment2();
+  const desktopApp = hostEnvironment?.surface === "electron";
   const appVersion = hostEnvironment ? `${hostEnvironment.appVersion} ${hostEnvironment.surfaceLabel}` : issueReportVersion ?? "web";
   const issueReportUrl = buildIssueReportUrl({
     reportedAt: /* @__PURE__ */ new Date(),
     version: appVersion,
     userAgent: typeof navigator === "undefined" ? "" : navigator.userAgent
   });
-  const [browserStoragePersistent, setBrowserStoragePersistent] = useState23(false);
-  const [saveToast, setSaveToast] = useState23(null);
-  const saveToastTimerRef = useRef19(null);
-  const showToast = useCallback18((kind, message) => {
+  const [browserStoragePersistent, setBrowserStoragePersistent] = useState24(false);
+  const [saveToast, setSaveToast] = useState24(null);
+  const saveToastTimerRef = useRef20(null);
+  const showToast = useCallback19((kind, message) => {
     setSaveToast({ kind, message });
     if (saveToastTimerRef.current) clearTimeout(saveToastTimerRef.current);
     saveToastTimerRef.current = setTimeout(() => setSaveToast(null), 3e3);
   }, []);
   const { prompt: promptForText, promptDialog } = usePromptDialog();
-  const [newDocumentDialogOpen, setNewDocumentDialogOpen] = useState23(false);
+  const [newDocumentDialogOpen, setNewDocumentDialogOpen] = useState24(false);
   const { confirm: confirmAction, acknowledge, confirmDialog } = useConfirmDialog();
-  const confirmDeleteEntry = useCallback18(
+  const confirmDeleteEntry = useCallback19(
     (message) => confirmAction({
       title: "Delete",
       message,
@@ -7946,15 +8041,15 @@ function DocBlocksShell({
     }),
     [confirmAction]
   );
-  const [installPromptEvent, setInstallPromptEvent] = useState23(
+  const [installPromptEvent, setInstallPromptEvent] = useState24(
     null
   );
-  const panesRef = useRef19(null);
-  const sidebarRef = useRef19(null);
+  const panesRef = useRef20(null);
+  const sidebarRef = useRef20(null);
   useInert(sidebarRef, singlePane && !drawerOpen);
   useInert(editorAreaRef, drawerOpen);
-  const openDrawer = useCallback18(() => setMobileShowEditor(false), []);
-  const closeDrawer = useCallback18(() => setMobileShowEditor(true), []);
+  const openDrawer = useCallback19(() => setMobileShowEditor(false), []);
+  const closeDrawer = useCallback19(() => setMobileShowEditor(true), []);
   useEdgeSwipe({
     surfaceRef: panesRef,
     drawerRef: sidebarRef,
@@ -7963,8 +8058,8 @@ function DocBlocksShell({
     onOpen: openDrawer,
     onClose: closeDrawer
   });
-  const dragStateRef = useRef19(null);
-  const handleResizerPointerDown = useCallback18(
+  const dragStateRef = useRef20(null);
+  const handleResizerPointerDown = useCallback19(
     (e) => {
       if (e.button !== 0) return;
       dragStateRef.current = { startX: e.clientX, startWidth: sidebarWidth };
@@ -8016,15 +8111,15 @@ function DocBlocksShell({
     },
     [sidebarWidth, updateSidebarPreference]
   );
-  const [provider, setProvider] = useState23(null);
-  const [workspaceStartupError, setWorkspaceStartupError] = useState23(null);
+  const [provider, setProvider] = useState24(null);
+  const [workspaceStartupError, setWorkspaceStartupError] = useState24(null);
   const workspaceStarting = provider === null && workspaceStartupError === null;
-  const [activeWorkspaceId, setActiveWorkspaceId] = useState23(null);
-  const [defaultNewFileFormat, setDefaultNewFileFormat] = useState23(DEFAULT_NEW_FILE_FORMAT);
-  useEffect29(() => {
+  const [activeWorkspaceId, setActiveWorkspaceId] = useState24(null);
+  const [defaultNewFileFormat, setDefaultNewFileFormat] = useState24(DEFAULT_NEW_FILE_FORMAT);
+  useEffect30(() => {
     setDefaultNewFileFormat(loadLastNewFileFormat(activeWorkspaceId));
   }, [activeWorkspaceId]);
-  const rememberNewFileFormat = useCallback18(
+  const rememberNewFileFormat = useCallback19(
     (format) => {
       setDefaultNewFileFormat(format);
       if (activeWorkspaceId && getTransientWorkspace(activeWorkspaceId) === null) {
@@ -8033,19 +8128,19 @@ function DocBlocksShell({
     },
     [activeWorkspaceId]
   );
-  const [activeWorkspaceDescriptor, setActiveWorkspaceDescriptor] = useState23(null);
+  const [activeWorkspaceDescriptor, setActiveWorkspaceDescriptor] = useState24(null);
   const defaultProofingIgnoreStore = useMemo6(
     () => createLocalProofingIgnoreStore(() => activeWorkspaceId),
     [activeWorkspaceId]
   );
   const effectiveProofingIgnoreStore = proofingIgnoreStore === void 0 ? defaultProofingIgnoreStore : proofingIgnoreStore;
-  useEffect29(() => {
+  useEffect30(() => {
     if (!provider || getTransientWorkspace(provider.id)) return;
     const providerV2 = getFileSystemProviderV211(provider);
     return providerV2 ? retainFileSystemProvider(providerV2) : void 0;
   }, [provider]);
-  const [descriptorRefreshKey, setDescriptorRefreshKey] = useState23(0);
-  useEffect29(() => {
+  const [descriptorRefreshKey, setDescriptorRefreshKey] = useState24(0);
+  useEffect30(() => {
     let cancelled = false;
     if (!activeWorkspaceId) {
       setActiveWorkspaceDescriptor(null);
@@ -8058,12 +8153,12 @@ function DocBlocksShell({
       cancelled = true;
     };
   }, [activeWorkspaceId, descriptorRefreshKey]);
-  const [pinnedDocuments, setPinnedDocuments] = useState23(loadPinnedDocuments);
-  const [pinnedDocumentAvailability, setPinnedDocumentAvailability] = useState23(() => /* @__PURE__ */ new Map());
-  useEffect29(() => {
+  const [pinnedDocuments, setPinnedDocuments] = useState24(loadPinnedDocuments);
+  const [pinnedDocumentAvailability, setPinnedDocumentAvailability] = useState24(() => /* @__PURE__ */ new Map());
+  useEffect30(() => {
     savePinnedDocuments(pinnedDocuments);
   }, [pinnedDocuments]);
-  useEffect29(() => {
+  useEffect30(() => {
     const menu = maybeGetDocBlocksHost4()?.menu;
     if (!hostSupports2("pinnedDocumentMirror") || !menu) return;
     menu.setPinnedDocuments(
@@ -8074,7 +8169,7 @@ function DocBlocksShell({
       }))
     );
   }, [pinnedDocuments]);
-  const setPinnedAvailability = useCallback18(
+  const setPinnedAvailability = useCallback19(
     (document2, availability) => {
       const key = pinnedDocumentKey(document2);
       setPinnedDocumentAvailability((current) => {
@@ -8093,7 +8188,7 @@ function DocBlocksShell({
     })),
     [pinnedDocumentAvailability, pinnedDocuments]
   );
-  useEffect29(() => {
+  useEffect30(() => {
     if (!provider || !activeWorkspaceId) return;
     const activePins = pinnedDocuments.filter(
       (document2) => document2.workspaceId === activeWorkspaceId
@@ -8143,10 +8238,10 @@ function DocBlocksShell({
       void subscription?.dispose();
     };
   }, [activeWorkspaceId, pinnedDocuments, provider, setPinnedAvailability]);
-  const [transientMoveDestinations, setTransientMoveDestinations] = useState23(
+  const [transientMoveDestinations, setTransientMoveDestinations] = useState24(
     []
   );
-  useEffect29(() => {
+  useEffect30(() => {
     if (activeWorkspaceDescriptor?.type !== "transient") {
       setTransientMoveDestinations([]);
       return;
@@ -8168,19 +8263,19 @@ function DocBlocksShell({
     };
   }, [activeWorkspaceDescriptor]);
   const nativeWorkspaceId = provider && activeWorkspaceDescriptor?.id === activeWorkspaceId && provider.id === activeWorkspaceId && activeWorkspaceDescriptor.type === "host-native" ? activeWorkspaceDescriptor.id : null;
-  const workingTreeChangedRef = useRef19(() => void 0);
-  const handleWorkingTreeChanged = useCallback18(() => workingTreeChangedRef.current(), []);
+  const workingTreeChangedRef = useRef20(() => void 0);
+  const handleWorkingTreeChanged = useCallback19(() => workingTreeChangedRef.current(), []);
   const git = useGit(provider, nativeWorkspaceId, resolvedTheme, handleWorkingTreeChanged);
-  const gitRef = useRef19(git);
+  const gitRef = useRef20(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 = useRef19(workspaceDefaultThemeId);
+  const workspaceDefaultThemeRef = useRef20(workspaceDefaultThemeId);
   workspaceDefaultThemeRef.current = workspaceDefaultThemeId;
-  const outsideInRenderRef = useRef19({
+  const outsideInRenderRef = useRef20({
     defaultThemeId: () => workspaceDefaultThemeRef.current
   });
   const workspaceOutputs = useWorkspaceOutputs(
@@ -8189,12 +8284,12 @@ function DocBlocksShell({
     workspaceSettings.settings,
     workspaceSettingsEnabled
   );
-  const workspaceOutputsSchedulerRef = useRef19(workspaceOutputs.scheduler);
+  const workspaceOutputsSchedulerRef = useRef20(workspaceOutputs.scheduler);
   workspaceOutputsSchedulerRef.current = workspaceOutputs.scheduler;
   const workspaceIndex = useWorkspaceIndex(provider, activeWorkspaceId, workspaceIndexMode);
-  const workspaceIndexRef = useRef19(workspaceIndex.index);
+  const workspaceIndexRef = useRef20(workspaceIndex.index);
   workspaceIndexRef.current = workspaceIndex.index;
-  const notifyWorkspaceChanged = useCallback18(
+  const notifyWorkspaceChanged = useCallback19(
     (workspaceId, path) => {
       const scheduler = workspaceOutputsSchedulerRef.current;
       if (scheduler && workspaceId && scheduler.workspaceId === workspaceId) scheduler.notify(path);
@@ -8211,9 +8306,9 @@ function DocBlocksShell({
     workspaceOutputsSchedulerRef.current?.notify();
     workspaceIndexRef.current?.refresh({ force: true });
   };
-  const [workspaceSettingsOpen, setWorkspaceSettingsOpen] = useState23(false);
-  const [versioningPreference, setVersioningPreference] = useState23(loadVersioningPreference);
-  const handleVersioningPreferenceChange = useCallback18((pref) => {
+  const [workspaceSettingsOpen, setWorkspaceSettingsOpen] = useState24(false);
+  const [versioningPreference, setVersioningPreference] = useState24(loadVersioningPreference);
+  const handleVersioningPreferenceChange = useCallback19((pref) => {
     setVersioningPreference(pref);
     saveVersioningPreference(pref);
   }, []);
@@ -8227,11 +8322,11 @@ function DocBlocksShell({
     () => workspaceVersionKeep !== void 0 ? { type: "keep-last-n", n: workspaceVersionKeep } : versioningPrunePolicy,
     [versioningPrunePolicy, workspaceVersionKeep]
   );
-  const handleOpenWorkspaceSettings = useCallback18(() => {
+  const handleOpenWorkspaceSettings = useCallback19(() => {
     if (!activeWorkspaceDescriptor) return;
     setWorkspaceSettingsOpen(true);
   }, [activeWorkspaceDescriptor]);
-  const handleSaveWorkspaceSettings = useCallback18(
+  const handleSaveWorkspaceSettings = useCallback19(
     async (patch) => {
       const descriptor = activeWorkspaceDescriptor;
       if (!isEmptyWorkspaceSettingsPatch2(patch)) await saveWorkspaceSettings(patch);
@@ -8244,22 +8339,22 @@ function DocBlocksShell({
     },
     [activeWorkspaceDescriptor, saveWorkspaceSettings]
   );
-  const handleRegenerateWorkspaceOutputs = useCallback18(() => {
+  const handleRegenerateWorkspaceOutputs = useCallback19(() => {
     void workspaceOutputsSchedulerRef.current?.regenerate({ force: true });
   }, []);
-  const [selectedFile, setSelectedFile] = useState23(null);
-  const [selectedSourceFile, setSelectedSourceFile] = useState23(null);
-  const [selectedOutsideIn, setSelectedOutsideIn] = useState23(null);
-  const [selectedOutsideInEditingEnabled, setSelectedOutsideInEditingEnabled] = useState23(false);
-  const [selectedImage, setSelectedImage] = useState23(void 0);
-  const [selectedManagedOutput, setSelectedManagedOutput] = useState23(void 0);
-  const [findMode, setFindMode] = useState23(false);
-  const findModeRef = useRef19(findMode);
+  const [selectedFile, setSelectedFile] = useState24(null);
+  const [selectedSourceFile, setSelectedSourceFile] = useState24(null);
+  const [selectedOutsideIn, setSelectedOutsideIn] = useState24(null);
+  const [selectedOutsideInEditingEnabled, setSelectedOutsideInEditingEnabled] = useState24(false);
+  const [selectedImage, setSelectedImage] = useState24(void 0);
+  const [selectedManagedOutput, setSelectedManagedOutput] = useState24(void 0);
+  const [findMode, setFindMode] = useState24(false);
+  const findModeRef = useRef20(findMode);
   findModeRef.current = findMode;
-  useEffect29(() => {
+  useEffect30(() => {
     setFindMode(false);
   }, [selectedFile]);
-  const openFind = useCallback18(() => {
+  const openFind = useCallback19(() => {
     if (!findModeRef.current) {
       setFindMode(true);
       return;
@@ -8268,14 +8363,14 @@ 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);
-  const [searchFocusRequest, setSearchFocusRequest] = useState23(0);
-  useEffect29(() => {
+  const [quickOpenOpen, setQuickOpenOpen] = useState24(false);
+  const [shortcutsOpen, setShortcutsOpen] = useState24(false);
+  const openKeyboardShortcuts = useCallback19(() => setShortcutsOpen(true), []);
+  const [quickOpenFocusRequest, setQuickOpenFocusRequest] = useState24(0);
+  const [sidebarView, setSidebarView] = useState24("files");
+  const [searchMounted, setSearchMounted] = useState24(false);
+  const [searchFocusRequest, setSearchFocusRequest] = useState24(0);
+  useEffect30(() => {
     if (!activeWorkspaceId || !selectedFile) return;
     if (getTransientWorkspace(activeWorkspaceId) === null) {
       recordRecentDocument(activeWorkspaceId, selectedFile);
@@ -8286,7 +8381,7 @@ function DocBlocksShell({
     const layoutMode2 = defaultOutsideInLayoutMode(selectedOutsideIn);
     return layoutMode2 && viewPreferences.layoutMode === void 0 ? { ...viewPreferences, layoutMode: layoutMode2 } : viewPreferences;
   }, [selectedOutsideIn, viewPreferences]);
-  const adoptSelectedDocument = useCallback18((document2) => {
+  const adoptSelectedDocument = useCallback19((document2) => {
     setSelectedFile(document2?.displayPath ?? null);
     setSelectedSourceFile(document2?.sourcePath ?? null);
     setSelectedOutsideIn(document2?.outsideIn ?? null);
@@ -8294,7 +8389,7 @@ function DocBlocksShell({
     setSelectedImage(document2?.image);
     setSelectedManagedOutput(document2?.managedOutput);
   }, []);
-  const adoptRegularDocument = useCallback18((path) => {
+  const adoptRegularDocument = useCallback19((path) => {
     if (path === null) {
       setSelectedFile(null);
       setSelectedSourceFile(null);
@@ -8317,7 +8412,7 @@ function DocBlocksShell({
     }
     return URL.createObjectURL(new Blob([selectedImage.data], { type: selectedImage.mimeType }));
   }, [selectedImage]);
-  useEffect29(
+  useEffect30(
     () => () => {
       if (selectedImageUrl) URL.revokeObjectURL(selectedImageUrl);
     },
@@ -8363,8 +8458,8 @@ function DocBlocksShell({
     () => hostSupports2("exportDestinations") && exportDestinationAdapter ? createImageSaveOutput(exportDestinationAdapter) : void 0,
     [exportDestinationAdapter]
   );
-  const [selectedFolder, setSelectedFolder] = useState23(null);
-  const [folderEntries, setFolderEntries] = useState23([]);
+  const [selectedFolder, setSelectedFolder] = useState24(null);
+  const [folderEntries, setFolderEntries] = useState24([]);
   const visibleFolderEntries = useMemo6(
     () => filterVisibleFileEntries(folderEntries),
     [folderEntries]
@@ -8378,8 +8473,8 @@ function DocBlocksShell({
     } : null,
     [documentSnapshot.frozen, documentSnapshot.generation, documentSnapshot.targetKey]
   );
-  const [editorGeneration, setEditorGeneration] = useState23(documentSnapshot.generation);
-  useEffect29(() => {
+  const [editorGeneration, setEditorGeneration] = useState24(documentSnapshot.generation);
+  useEffect30(() => {
     const sync = () => setEditorGeneration(documentSession.getSnapshot().generation);
     const unsubscribe = documentSession.subscribe(sync);
     sync();
@@ -8388,7 +8483,7 @@ function DocBlocksShell({
     };
   }, [documentSession]);
   const editorGenerationSettled = editorGeneration === documentSnapshot.generation;
-  useEffect29(() => {
+  useEffect30(() => {
     setOutsideInPdfWorker(pdfWorkerSrc2);
   }, [pdfWorkerSrc2]);
   const editorKey = String(editorGeneration);
@@ -8396,43 +8491,43 @@ function DocBlocksShell({
     void editorKey;
     return pickEmptyDocumentPrompt();
   }, [editorKey]);
-  const [explorerKey, setExplorerKey] = useState23(0);
+  const [explorerKey, setExplorerKey] = useState24(0);
   const workspaceOutputsResult = workspaceOutputs.status.result;
-  useEffect29(() => {
+  useEffect30(() => {
     if (!workspaceOutputsResult?.outputs.some((output) => output.created)) return;
     if (provider && getFileSystemProviderV211(provider)?.capabilities.watch) return;
     setExplorerKey((key) => key + 1);
   }, [provider, workspaceOutputsResult]);
-  const [fileExplorerSortMode, setFileExplorerSortMode] = useState23(loadFileExplorerSortMode);
-  const handleFileExplorerSortModeChange = useCallback18((mode) => {
+  const [fileExplorerSortMode, setFileExplorerSortMode] = useState24(loadFileExplorerSortMode);
+  const handleFileExplorerSortModeChange = useCallback19((mode) => {
     setFileExplorerSortMode(mode);
     saveFileExplorerSortMode(mode);
   }, []);
-  const [initialView, setInitialView] = useState23("wysiwyg");
-  const [initialSharedMode, setInitialSharedMode] = useState23(null);
-  const [showWelcomeGateway, setShowWelcomeGateway] = useState23(false);
+  const [initialView, setInitialView] = useState24("wysiwyg");
+  const [initialSharedMode, setInitialSharedMode] = useState24(null);
+  const [showWelcomeGateway, setShowWelcomeGateway] = useState24(false);
   const welcomeScreenShown = showWelcomeGateway && !singlePane;
-  const welcomeCoveredRef = useRef19(null);
+  const welcomeCoveredRef = useRef20(null);
   useInert(welcomeCoveredRef, welcomeScreenShown);
-  const closeWelcomeGateway = useCallback18(() => {
+  const closeWelcomeGateway = useCallback19(() => {
     setShowWelcomeGateway((showing) => {
       if (showing) markWelcomeGatewayDismissed();
       return false;
     });
   }, []);
-  const [aiPanel, setAiPanel] = useState23(null);
-  const navigationRequestRef = useRef19(0);
+  const [aiPanel, setAiPanel] = useState24(null);
+  const navigationRequestRef = useRef20(0);
   const workspaceAuthorityBarrier = useMemo6(() => new WorkspaceAuthorityBarrier(), []);
-  const preparedCloseRequestRef = useRef19(null);
-  const pendingDbkConflictsRef = useRef19(/* @__PURE__ */ new Map());
-  const afterWorkspaceCommit = useCallback18(
+  const preparedCloseRequestRef = useRef20(null);
+  const pendingDbkConflictsRef = useRef20(/* @__PURE__ */ new Map());
+  const afterWorkspaceCommit = useCallback19(
     (workspaceId, path) => {
       gitScheduleRefresh();
       notifyWorkspaceChanged(workspaceId, path);
     },
     [gitScheduleRefresh, notifyWorkspaceChanged]
   );
-  const createDocumentTarget = useCallback18(
+  const createDocumentTarget = useCallback19(
     (fsProvider, workspaceId, filePath, outsideIn = null) => {
       if (outsideIn) {
         return createOutsideInDocumentTarget(
@@ -8608,20 +8703,20 @@ function DocBlocksShell({
     },
     [afterWorkspaceCommit, gitScheduleRefresh]
   );
-  const mediaContainerRef = useRef19(null);
-  const [mediaProvider, setMediaProvider] = useState23(null);
-  const [mediaProviderScope, setMediaProviderScope] = useState23(null);
+  const mediaContainerRef = useRef20(null);
+  const [mediaProvider, setMediaProvider] = useState24(null);
+  const [mediaProviderScope, setMediaProviderScope] = useState24(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);
-  const pushHash = useCallback18((wsId, filePath) => {
+  const [mediaEpoch, setMediaEpoch] = useState24(0);
+  const versionsContainerRef = useRef20(null);
+  const [versionsContainer, setVersionsContainer] = useState24(null);
+  const pushHash = useCallback19((wsId, filePath) => {
     const hash = buildHash(wsId, filePath);
     if (window.location.hash !== hash) {
       window.history.pushState(null, "", hash);
     }
   }, []);
-  const openFromIds = useCallback18(
+  const openFromIds = useCallback19(
     async (wsId, filePath, push, view, navigationRequestId, sharedMode = null) => {
       const requestId = navigationRequestId ?? ++navigationRequestRef.current;
       if (requestId !== navigationRequestRef.current) return null;
@@ -8708,7 +8803,7 @@ function DocBlocksShell({
     },
     [adoptSelectedDocument, createDocumentTarget, documentSession, pushHash]
   );
-  const adoptTransientWorkspace = useCallback18(
+  const adoptTransientWorkspace = useCallback19(
     async (options) => {
       const descriptor = {
         id: options.id,
@@ -8738,7 +8833,7 @@ function DocBlocksShell({
     },
     [openFromIds, closeWelcomeGateway]
   );
-  const openSharedDocument = useCallback18(
+  const openSharedDocument = useCallback19(
     async (payload, navigationRequestId) => {
       const id = `transient-shared-${navigationRequestId}`;
       const mem = await createMemoryFileSystemProvider(id, "Shared document");
@@ -8771,7 +8866,7 @@ function DocBlocksShell({
     },
     [adoptTransientWorkspace]
   );
-  const seedWelcomeFile = useCallback18(
+  const seedWelcomeFile = useCallback19(
     async (fs, seedWhenEmpty, navigationRequestId) => {
       const isCurrent = () => navigationRequestId === void 0 || navigationRequestId === navigationRequestRef.current;
       if (!isCurrent()) return;
@@ -8796,7 +8891,10 @@ function DocBlocksShell({
       }
       if (!seedWhenEmpty || entries.length > 0) return;
       const welcomePath = WELCOME_DOCUMENT_PATH;
-      const welcomeContent = WELCOME_DOCUMENT_CONTENT;
+      const welcomeContent = welcomeDocumentContent({
+        browserStorage: showBrowserStorageWarning,
+        desktopApp
+      });
       let seededContent = welcomeContent;
       try {
         await writeProviderText(fs, welcomePath, welcomeContent, "create");
@@ -8820,25 +8918,32 @@ function DocBlocksShell({
       saveLastState({ workspaceId: fs.id, filePath: welcomePath, view: "wysiwyg" });
       if (!isWelcomeGatewayDismissed()) setShowWelcomeGateway(true);
     },
-    [adoptRegularDocument, createDocumentTarget, documentSession, pushHash]
+    [
+      adoptRegularDocument,
+      createDocumentTarget,
+      desktopApp,
+      documentSession,
+      pushHash,
+      showBrowserStorageWarning
+    ]
   );
-  const startupOpenFromIdsRef = useRef19(openFromIds);
+  const startupOpenFromIdsRef = useRef20(openFromIds);
   startupOpenFromIdsRef.current = openFromIds;
-  const startupOpenSharedDocumentRef = useRef19(openSharedDocument);
+  const startupOpenSharedDocumentRef = useRef20(openSharedDocument);
   startupOpenSharedDocumentRef.current = openSharedDocument;
-  const startupSeedWelcomeFileRef = useRef19(seedWelcomeFile);
+  const startupSeedWelcomeFileRef = useRef20(seedWelcomeFile);
   startupSeedWelcomeFileRef.current = seedWelcomeFile;
-  const [focusAfterWelcome, setFocusAfterWelcome] = useState23(false);
-  const handleTourWelcome = useCallback18(() => {
+  const [focusAfterWelcome, setFocusAfterWelcome] = useState24(false);
+  const handleTourWelcome = useCallback19(() => {
     closeWelcomeGateway();
     setFocusAfterWelcome(true);
   }, [closeWelcomeGateway]);
-  useEffect29(() => {
+  useEffect30(() => {
     if (!focusAfterWelcome || welcomeScreenShown) return;
     setFocusAfterWelcome(false);
     editorAreaRef.current?.querySelector('[contenteditable="true"]')?.focus({ preventScroll: true });
   }, [focusAfterWelcome, welcomeScreenShown]);
-  useEffect29(() => {
+  useEffect30(() => {
     const requestId = ++navigationRequestRef.current;
     let cancelled = false;
     const isCurrent = () => !cancelled && requestId === navigationRequestRef.current;
@@ -9050,7 +9155,7 @@ function DocBlocksShell({
       if (navigationRequestRef.current === requestId) navigationRequestRef.current += 1;
     };
   }, [pushHash, workspaceAuthorityBarrier]);
-  useEffect29(() => {
+  useEffect30(() => {
     const onPopState = () => {
       const requestedHash = window.location.hash;
       const restoreCurrentHash = () => {
@@ -9092,7 +9197,7 @@ function DocBlocksShell({
     window.addEventListener("popstate", onPopState);
     return () => window.removeEventListener("popstate", onPopState);
   }, [activeWorkspaceId, openFromIds, openSharedDocument, selectedFile, showToast]);
-  useEffect29(() => {
+  useEffect30(() => {
     if (!showBrowserStorageWarning || typeof navigator === "undefined") return;
     const storage = navigator.storage;
     if (!storage || typeof storage.persisted !== "function") return;
@@ -9105,7 +9210,7 @@ function DocBlocksShell({
       cancelled = true;
     };
   }, [showBrowserStorageWarning]);
-  useEffect29(() => {
+  useEffect30(() => {
     if (hasDocBlocksHost() || typeof window === "undefined") return;
     const onBeforeInstallPrompt = (e) => {
       e.preventDefault();
@@ -9128,7 +9233,7 @@ function DocBlocksShell({
       window.removeEventListener("appinstalled", onAppInstalled);
     };
   }, []);
-  const handleInstallApp = useCallback18(async () => {
+  const handleInstallApp = useCallback19(async () => {
     const promptEvent = installPromptEvent;
     setInstallPromptEvent(null);
     if (!promptEvent) return;
@@ -9138,7 +9243,7 @@ function DocBlocksShell({
     } catch {
     }
   }, [installPromptEvent]);
-  useEffect29(() => {
+  useEffect30(() => {
     const handler = (e) => {
       const target = e.target.closest?.("[data-view]");
       if (target) {
@@ -9154,7 +9259,7 @@ function DocBlocksShell({
     window.addEventListener("click", handler, true);
     return () => window.removeEventListener("click", handler, true);
   }, [activeWorkspaceId, selectedFile, closeWelcomeGateway]);
-  const saveActiveDocument = useCallback18(() => {
+  const saveActiveDocument = useCallback19(() => {
     void (async () => {
       try {
         await documentSession.flush("manual");
@@ -9167,30 +9272,30 @@ function DocBlocksShell({
       }
     })();
   }, [documentSession, showToast]);
-  useEffect29(() => {
+  useEffect30(() => {
     return () => {
       if (saveToastTimerRef.current) clearTimeout(saveToastTimerRef.current);
     };
   }, []);
-  const [offlineReadyToast, setOfflineReadyToast] = useState23(false);
-  const offlineReadyAnnouncedRef = useRef19(false);
-  useEffect29(() => {
+  const [offlineReadyToast, setOfflineReadyToast] = useState24(false);
+  const offlineReadyAnnouncedRef = useRef20(false);
+  useEffect30(() => {
     if (!offlineReady || offlineReadyAnnouncedRef.current) return;
     offlineReadyAnnouncedRef.current = true;
     setOfflineReadyToast(true);
     const timer = setTimeout(() => setOfflineReadyToast(false), 3e3);
     return () => clearTimeout(timer);
   }, [offlineReady]);
-  const [storageFull, setStorageFull] = useState23(false);
-  useEffect29(() => {
+  const [storageFull, setStorageFull] = useState24(false);
+  useEffect30(() => {
     if (documentSnapshot.error && isQuotaExceededError(documentSnapshot.error)) {
       setStorageFull(true);
     } else if (documentSnapshot.status === "saved") {
       setStorageFull(false);
     }
   }, [documentSnapshot.error, documentSnapshot.status]);
-  const autoPersistRequestedRef = useRef19(false);
-  useEffect29(() => {
+  const autoPersistRequestedRef = useRef20(false);
+  useEffect30(() => {
     if (!showBrowserStorageWarning || browserStoragePersistent) return;
     if (autoPersistRequestedRef.current) return;
     if (documentSnapshot.status !== "saved") return;
@@ -9238,8 +9343,8 @@ function DocBlocksShell({
       mp.dispose();
     };
   }, [provider, selectedFile, selectedOutsideIn, mediaEpoch]);
-  const [mediaEditRenders, setMediaEditRenders] = useState23(null);
-  useEffect29(() => {
+  const [mediaEditRenders, setMediaEditRenders] = useState24(null);
+  useEffect30(() => {
     setMediaEditRenders(null);
     if (!mediaProvider) return;
     let manager = null;
@@ -9263,7 +9368,7 @@ function DocBlocksShell({
     selectedSourceFile ?? selectedFile,
     workspaceIndex.ensure
   );
-  useEffect29(() => {
+  useEffect30(() => {
     const ref = versioningRef;
     if (!ref) return;
     const assign = (mgr2) => {
@@ -9287,7 +9392,7 @@ function DocBlocksShell({
       (output) => output.status === "written" && sameProviderPath(output.path, selectedFile)
     ) ? workspaceOutputsResult : null;
   }, [selectedFile, selectedManagedOutput, workspaceOutputsResult]);
-  useEffect29(() => {
+  useEffect30(() => {
     if (!provider) return;
     const providerV2 = getFileSystemProviderV211(provider);
     const lifecycle = maybeGetDocBlocksHost4()?.lifecycle;
@@ -9368,7 +9473,7 @@ function DocBlocksShell({
     documentSnapshot.targetKey,
     showToast
   ]);
-  const transitionAwayFromDocument = useCallback18(
+  const transitionAwayFromDocument = useCallback19(
     async (requestId) => {
       if (requestId !== navigationRequestRef.current) return false;
       try {
@@ -9387,15 +9492,15 @@ function DocBlocksShell({
     },
     [documentSession, showToast]
   );
-  const [showConflictComparison, setShowConflictComparison] = useState23(false);
-  const readConflictFile = useCallback18(async () => {
+  const [showConflictComparison, setShowConflictComparison] = useState24(false);
+  const readConflictFile = useCallback19(async () => {
     const path = selectedSourceFile ?? selectedFile;
     if (!provider || !path || activeWorkspaceId && getTransientWorkspace(activeWorkspaceId)) {
       return null;
     }
     return readStableFileSnapshot(provider, path);
   }, [provider, selectedSourceFile, selectedFile, activeWorkspaceId]);
-  const handleUseExternalDocument = useCallback18(async () => {
+  const handleUseExternalDocument = useCallback19(async () => {
     const conflictKey = documentSession.getSnapshot().conflict?.targetKey;
     const pendingDbk = conflictKey ? pendingDbkConflictsRef.current.get(conflictKey) : void 0;
     try {
@@ -9419,7 +9524,7 @@ function DocBlocksShell({
       return false;
     }
   }, [activeWorkspaceId, adoptSelectedDocument, documentSession, pushHash]);
-  const handleKeepLocalDocument = useCallback18(async () => {
+  const handleKeepLocalDocument = useCallback19(async () => {
     const conflictKey = documentSession.getSnapshot().conflict?.targetKey;
     try {
       await documentSession.resolveConflict("use-local");
@@ -9434,7 +9539,7 @@ function DocBlocksShell({
       return false;
     }
   }, [documentSession]);
-  useEffect29(() => {
+  useEffect30(() => {
     const needsWarning = ["dirty", "saving", "error", "conflict"].includes(documentSnapshot.status);
     if (!documentSnapshot.targetKey) return;
     const flushBestEffort = () => {
@@ -9460,7 +9565,7 @@ function DocBlocksShell({
       document.removeEventListener("visibilitychange", onVisibilityChange);
     };
   }, [documentSession, documentSnapshot.status, documentSnapshot.targetKey]);
-  useEffect29(() => {
+  useEffect30(() => {
     const lifecycle = maybeGetDocBlocksHost4()?.lifecycle;
     if (!hostSupports2("guardedClose") || !lifecycle) return;
     const stopPrepare = lifecycle.onPrepareClose(async (request) => {
@@ -9486,7 +9591,7 @@ function DocBlocksShell({
       stopCancel?.();
     };
   }, [documentSession]);
-  const handleWorkspaceSelect = useCallback18(
+  const handleWorkspaceSelect = useCallback19(
     async (ws) => {
       const requestId = ++navigationRequestRef.current;
       await touchWorkspace2(ws.id);
@@ -9518,7 +9623,7 @@ function DocBlocksShell({
     },
     [adoptSelectedDocument, pushHash, transitionAwayFromDocument]
   );
-  const unpinDocument = useCallback18((document2) => {
+  const unpinDocument = useCallback19((document2) => {
     const key = pinnedDocumentKey(document2);
     setPinnedDocuments((current) => removePinnedDocument(current, document2));
     setPinnedDocumentAvailability((current) => {
@@ -9528,7 +9633,7 @@ function DocBlocksShell({
       return next;
     });
   }, []);
-  const confirmMissingPinnedDocument = useCallback18(
+  const confirmMissingPinnedDocument = useCallback19(
     async (document2) => {
       setPinnedAvailability(document2, "missing");
       const shouldUnpin = await confirmAction({
@@ -9541,7 +9646,7 @@ function DocBlocksShell({
     },
     [confirmAction, setPinnedAvailability, unpinDocument]
   );
-  const handleTogglePin = useCallback18(
+  const handleTogglePin = useCallback19(
     (path) => {
       if (!activeWorkspaceId || !provider) return;
       const canonicalPath2 = parseWorkspacePath8(path);
@@ -9579,7 +9684,7 @@ function DocBlocksShell({
     () => pinnedDocuments.filter((document2) => document2.workspaceId === activeWorkspaceId).map((document2) => document2.path),
     [activeWorkspaceId, pinnedDocuments]
   );
-  const handlePinnedDocumentSelect = useCallback18(
+  const handlePinnedDocumentSelect = useCallback19(
     async (document2) => {
       const requestId = ++navigationRequestRef.current;
       const workspace = await getWorkspace(document2.workspaceId);
@@ -9707,7 +9812,7 @@ function DocBlocksShell({
       showToast
     ]
   );
-  const handleMoveTransientWorkspace = useCallback18(
+  const handleMoveTransientWorkspace = useCallback19(
     async (destinationWorkspaceId) => {
       if (!activeWorkspaceId || !provider || !selectedFile) {
         throw new Error("Select the temporary document before moving it.");
@@ -9821,7 +9926,7 @@ function DocBlocksShell({
       transientMoveDestinations
     ]
   );
-  const handleOpenFolder = useCallback18(async () => {
+  const handleOpenFolder = useCallback19(async () => {
     const requestId = ++navigationRequestRef.current;
     try {
       if (hostSupports2("workspaceFolderPicker")) {
@@ -9867,7 +9972,7 @@ function DocBlocksShell({
     } catch {
     }
   }, [adoptSelectedDocument, pushHash, transitionAwayFromDocument]);
-  const handleWorkspaceCloned = useCallback18(
+  const handleWorkspaceCloned = useCallback19(
     (info) => {
       const requestId = ++navigationRequestRef.current;
       void (async () => {
@@ -9892,10 +9997,10 @@ function DocBlocksShell({
     },
     [adoptSelectedDocument, pushHash, transitionAwayFromDocument]
   );
-  const handleNewFile = useCallback18(() => {
+  const handleNewFile = useCallback19(() => {
     if (provider) setNewDocumentDialogOpen(true);
   }, [provider]);
-  const createNewDocument = useCallback18(
+  const createNewDocument = useCallback19(
     async ({ filename, format }) => {
       if (!provider) return;
       const path = "/" + filename;
@@ -9994,7 +10099,7 @@ function DocBlocksShell({
       showToast
     ]
   );
-  const handleNewFolder = useCallback18(async () => {
+  const handleNewFolder = useCallback19(async () => {
     if (!provider) return;
     const name = await promptForText({
       title: "New folder",
@@ -10042,15 +10147,15 @@ function DocBlocksShell({
     singlePane
   ]);
   const canFind = selectedFile !== null && mediaProvider !== null && selectedManagedOutput !== "catalog-html" && selectedImage === void 0;
-  const canFindRef = useRef19(canFind);
+  const canFindRef = useRef20(canFind);
   canFindRef.current = canFind;
   const { ensure: ensureWorkspaceIndex } = workspaceIndex;
-  const openQuickOpen = useCallback18(() => {
+  const openQuickOpen = useCallback19(() => {
     ensureWorkspaceIndex();
     setQuickOpenOpen(true);
     setQuickOpenFocusRequest((request) => request + 1);
   }, [ensureWorkspaceIndex]);
-  const openWorkspaceSearch = useCallback18(() => {
+  const openWorkspaceSearch = useCallback19(() => {
     ensureWorkspaceIndex();
     if (singlePane) setMobileShowEditor(false);
     else if (sidebarPreference === "collapsed") updateSidebarPreference("pinned");
@@ -10118,7 +10223,7 @@ function DocBlocksShell({
     ]
   );
   useShellShortcuts(shortcutHandlers, layoutMode);
-  useEffect29(
+  useEffect30(
     () => maybeGetDocBlocksHost4()?.lifecycle?.onBack?.(() => {
       if (dismissTopmostDialog()) return true;
       const escape = new KeyboardEvent("keydown", {
@@ -10140,8 +10245,8 @@ function DocBlocksShell({
     }),
     [singlePane, mobileShowEditor]
   );
-  const actionNewHandledRef = useRef19(false);
-  useEffect29(() => {
+  const actionNewHandledRef = useRef20(false);
+  useEffect30(() => {
     if (!provider || actionNewHandledRef.current) return;
     if (typeof window === "undefined") return;
     const params = new URLSearchParams(window.location.search);
@@ -10156,7 +10261,7 @@ function DocBlocksShell({
     );
     void handleNewFile();
   }, [provider, handleNewFile]);
-  const handleRevealWorkspace = useCallback18(async () => {
+  const handleRevealWorkspace = useCallback19(async () => {
     const shell = maybeGetDocBlocksHost4()?.shell;
     if (!hostSupports2("revealInFileManager") || !shell?.revealInFolder || !activeWorkspaceId) {
       return;
@@ -10166,7 +10271,7 @@ function DocBlocksShell({
       await shell.revealInFolder(ws.id);
     }
   }, [activeWorkspaceId]);
-  const handleOpenWorkspaceFolder = useCallback18(() => {
+  const handleOpenWorkspaceFolder = useCallback19(() => {
     const shell = maybeGetDocBlocksHost4()?.shell;
     if (!hostSupports2("openWorkspaceFolder") || !shell?.openWorkspaceFolder || !nativeWorkspaceId) {
       return;
@@ -10178,7 +10283,7 @@ function DocBlocksShell({
       );
     });
   }, [nativeWorkspaceId, showToast]);
-  useEffect29(() => {
+  useEffect30(() => {
     const host = maybeGetDocBlocksHost4();
     if (!hostSupports2("menuCommands") || !host?.onMenuCommand) return;
     return host.onMenuCommand((cmd) => {
@@ -10245,7 +10350,7 @@ function DocBlocksShell({
       }
     });
   }, [handleNewFile, handleOpenFolder, handleRevealWorkspace, acknowledge, openFind]);
-  const handleSelect = useCallback18(
+  const handleSelect = useCallback19(
     async (path, kind, createWikiArticle = false) => {
       if (!provider || !activeWorkspaceId) return;
       const requestId = ++navigationRequestRef.current;
@@ -10329,7 +10434,7 @@ function DocBlocksShell({
       defaultNewFileFormat
     ]
   );
-  const wikiNavigationRef = useRef19(handleSelect);
+  const wikiNavigationRef = useRef20(handleSelect);
   wikiNavigationRef.current = handleSelect;
   const wikiLinks = useMemo6(() => {
     if (!provider || !selectedFile || !activeWorkspaceId) return null;
@@ -10391,7 +10496,7 @@ function DocBlocksShell({
     workspaceIndex.ensure,
     workspaceIndex.status.generation
   ]);
-  const handleEnableOutsideInEditing = useCallback18(
+  const handleEnableOutsideInEditing = useCallback19(
     async (path) => {
       if (!provider || !activeWorkspaceId) {
         throw new Error("Open the workspace before enabling Markdown editing.");
@@ -10453,7 +10558,7 @@ function DocBlocksShell({
       return null;
     }
   }, [workspaceSettings.settings]);
-  const outsideInActionsForEntry = useCallback18(
+  const outsideInActionsForEntry = useCallback19(
     (entry) => {
       if (entry.kind !== "file" || resolveOutsideInLayout2(entry.path) === null) return [];
       if (catalogHtmlPath !== null && sameProviderPath(entry.path, catalogHtmlPath)) return [];
@@ -10469,7 +10574,7 @@ function DocBlocksShell({
     },
     [catalogHtmlPath, handleEnableOutsideInEditing, selectedFile, selectedOutsideInEditingEnabled]
   );
-  const actionsForEntry = useCallback18(
+  const actionsForEntry = useCallback19(
     (entry) => {
       const nativeActions = createNativeFileActions(
         entry,
@@ -10492,7 +10597,7 @@ function DocBlocksShell({
     () => quickOpenOpen && activeWorkspaceId ? loadRecentDocuments(activeWorkspaceId) : [],
     [quickOpenOpen, activeWorkspaceId]
   );
-  const handleQuickOpenChoice = useCallback18(
+  const handleQuickOpenChoice = useCallback19(
     (item) => {
       setQuickOpenOpen(false);
       if (item.workspaceId === activeWorkspaceId) {
@@ -10506,13 +10611,13 @@ function DocBlocksShell({
     },
     [activeWorkspaceId, handleSelect, handlePinnedDocumentSelect, pinnedDocumentItems]
   );
-  const handleSearchOpen = useCallback18(
+  const handleSearchOpen = useCallback19(
     (request) => {
       void handleSelect(request.path, "file");
     },
     [handleSelect]
   );
-  const handleEditorLinkClick = useCallback18(
+  const handleEditorLinkClick = useCallback19(
     (href) => {
       const target = resolveShellEditorLinkTarget(href, selectedSourceFile ?? selectedFile);
       if (!target) {
@@ -10551,7 +10656,7 @@ function DocBlocksShell({
     },
     [handleSelect, provider, selectedFile, selectedSourceFile, showToast]
   );
-  const handleTreeMutation = useCallback18(
+  const handleTreeMutation = useCallback19(
     async (change, mutate) => {
       if (!provider) {
         await mutate();
@@ -10635,7 +10740,7 @@ function DocBlocksShell({
       showToast
     ]
   );
-  const handleTreeChange = useCallback18(
+  const handleTreeChange = useCallback19(
     async (change) => {
       if (!provider) return;
       notifyWorkspaceChanged(activeWorkspaceId);
@@ -10706,7 +10811,7 @@ function DocBlocksShell({
       setPinnedAvailability
     ]
   );
-  const acquirePinnedDocumentProvider = useCallback18(
+  const acquirePinnedDocumentProvider = useCallback19(
     async (document2) => {
       const workspace = await getWorkspace(document2.workspaceId);
       if (!workspace) return { kind: "missing-workspace" };
@@ -10730,7 +10835,7 @@ function DocBlocksShell({
     },
     [activeWorkspaceId, provider]
   );
-  const markRelocatedPinnedDocument = useCallback18((document2, newPath) => {
+  const markRelocatedPinnedDocument = useCallback19((document2, newPath) => {
     const relocated = {
       workspaceId: document2.workspaceId,
       workspaceName: document2.workspaceName,
@@ -10749,7 +10854,7 @@ function DocBlocksShell({
       return next;
     });
   }, []);
-  const handlePinnedDocumentRename = useCallback18(
+  const handlePinnedDocumentRename = useCallback19(
     async (document2) => {
       if (document2.availability === "missing") {
         await confirmMissingPinnedDocument(document2);
@@ -10836,7 +10941,7 @@ function DocBlocksShell({
       showToast
     ]
   );
-  const handlePinnedDocumentDelete = useCallback18(
+  const handlePinnedDocumentDelete = useCallback19(
     async (document2) => {
       if (document2.availability === "missing") {
         await confirmMissingPinnedDocument(document2);
@@ -10904,9 +11009,9 @@ function DocBlocksShell({
       showToast
     ]
   );
-  const restoreInputRef = useRef19(null);
-  const restoreInProgress = useRef19(false);
-  const handleRestoreBackup = useCallback18(
+  const restoreInputRef = useRef20(null);
+  const restoreInProgress = useRef20(false);
+  const handleRestoreBackup = useCallback19(
     async (file) => {
       if (restoreInProgress.current) {
         showToast("error", "A backup is already being restored. Please wait.");
@@ -10933,7 +11038,7 @@ function DocBlocksShell({
     },
     [documentSession, handleWorkspaceSelect, showToast]
   );
-  const importOrRestore = useCallback18(
+  const importOrRestore = useCallback19(
     async (files) => {
       const backups = hostSupports2("nativeWorkspaces") ? [] : files.filter((file) => /\.zip$/i.test(file.name));
       const documents = files.filter((file) => !backups.includes(file));
@@ -10943,7 +11048,7 @@ function DocBlocksShell({
     },
     [handleRestoreBackup, provider]
   );
-  const handleImportFiles = useCallback18(
+  const handleImportFiles = useCallback19(
     async (files) => {
       if (!provider) return;
       const result = await importOrRestore(files);
@@ -10955,7 +11060,7 @@ function DocBlocksShell({
     },
     [activeWorkspaceId, notifyWorkspaceChanged, provider, showToast, importOrRestore]
   );
-  const handleImportFilesToEditor = useCallback18(
+  const handleImportFilesToEditor = useCallback19(
     async (files) => {
       if (!provider) return;
       const result = await importOrRestore(files);
@@ -10977,7 +11082,7 @@ function DocBlocksShell({
     provider !== null,
     (files) => void handleImportFilesToEditor(files)
   );
-  const handleEditorChange = useCallback18(
+  const handleEditorChange = useCallback19(
     (source) => {
       if (!editorSessionScope) return;
       try {
@@ -10987,7 +11092,7 @@ function DocBlocksShell({
     },
     [documentSession, editorSessionScope]
   );
-  const handleRenameWorkspace = useCallback18(async () => {
+  const handleRenameWorkspace = useCallback19(async () => {
     if (!activeWorkspaceId) return;
     const ws = await getWorkspace(activeWorkspaceId);
     if (!ws) return;
@@ -11004,7 +11109,7 @@ function DocBlocksShell({
     );
     setDescriptorRefreshKey((key) => key + 1);
   }, [activeWorkspaceId, promptForText]);
-  const openTransient = useCallback18(
+  const openTransient = useCallback19(
     async (req, navigationRequestId) => {
       const isCurrent = () => navigationRequestId === navigationRequestRef.current;
       const host = getDocBlocksHost();
@@ -11081,7 +11186,7 @@ function DocBlocksShell({
     },
     [adoptTransientWorkspace]
   );
-  useEffect29(() => {
+  useEffect30(() => {
     const host = maybeGetDocBlocksHost4();
     if (!hostSupports2("openRequests") || !host) return;
     return host.onOpenRequest((req) => {
@@ -11106,7 +11211,7 @@ function DocBlocksShell({
       });
     });
   }, [openFromIds, openTransient, workspaceAuthorityBarrier, showToast, closeWelcomeGateway]);
-  const openTransientFromHandle = useCallback18(
+  const openTransientFromHandle = useCallback19(
     async (handle) => {
       const name = handle.name;
       const isBundle = /\.(dbk|zip)$/i.test(name);
@@ -11148,7 +11253,7 @@ function DocBlocksShell({
     },
     [adoptTransientWorkspace]
   );
-  useEffect29(() => {
+  useEffect30(() => {
     if (hostSupports2("openRequests") || typeof window === "undefined") return;
     const launchQueue = window.launchQueue;
     if (!launchQueue) return;
@@ -11164,7 +11269,7 @@ function DocBlocksShell({
     });
   }, [openTransientFromHandle, showToast]);
   const updateStatusBarVisible = viewPreferences.showStatusBar === true && selectedFile !== null && mediaProvider !== null;
-  const handleDownloadWorkspace = useCallback18(async () => {
+  const handleDownloadWorkspace = useCallback19(async () => {
     if (!provider) return;
     try {
       await documentSession.flush("backup");
@@ -11189,7 +11294,7 @@ function DocBlocksShell({
       showToast("error", err instanceof Error ? err.message : "Failed to download workspace.");
     }
   }, [provider, documentSession, showToast]);
-  const handleDownloadAllWorkspaces = useCallback18(async () => {
+  const handleDownloadAllWorkspaces = useCallback19(async () => {
     try {
       await documentSession.flush("backup");
       const [{ MemoryContentContainer }, { containerToZip }] = await Promise.all([
@@ -11262,7 +11367,7 @@ function DocBlocksShell({
       showToast("error", err instanceof Error ? err.message : "Failed to download all workspaces.");
     }
   }, [documentSession, acknowledge, showToast]);
-  const handleKeepBrowserData = useCallback18(async () => {
+  const handleKeepBrowserData = useCallback19(async () => {
     if (typeof navigator === "undefined") return;
     const storage = navigator.storage;
     if (!storage || typeof storage.persist !== "function") {
@@ -11299,7 +11404,7 @@ function DocBlocksShell({
       });
     }
   }, [acknowledge, showToast]);
-  const getBrowserStorageEstimate = useCallback18(async () => {
+  const getBrowserStorageEstimate = useCallback19(async () => {
     if (typeof navigator === "undefined") return null;
     const storage = navigator.storage;
     if (!storage || typeof storage.estimate !== "function") return null;
@@ -11311,7 +11416,7 @@ function DocBlocksShell({
       return null;
     }
   }, []);
-  const handleRemoveWorkspace = useCallback18(
+  const handleRemoveWorkspace = useCallback19(
     async (workspaceId) => {
       const ws = await getWorkspace(workspaceId);
       const removingActive = workspaceId === activeWorkspaceId;
@@ -11405,7 +11510,7 @@ function DocBlocksShell({
       transitionAwayFromDocument
     ]
   );
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx19(
     "div",
     {
       ref: shellRef,
@@ -11414,10 +11519,10 @@ function DocBlocksShell({
       "data-accent": accentColor,
       "data-interface-font": interfaceFont === "fixed" ? "fixed" : void 0,
       "data-document-status": documentSnapshot.status,
-      children: /* @__PURE__ */ jsxs16(GitContext.Provider, { value: git, children: [
+      children: /* @__PURE__ */ jsxs17(GitContext.Provider, { value: git, children: [
         promptDialog,
         confirmDialog,
-        quickOpenOpen && activeWorkspaceId && /* @__PURE__ */ jsx18(Suspense2, { fallback: null, children: /* @__PURE__ */ jsx18(
+        quickOpenOpen && activeWorkspaceId && /* @__PURE__ */ jsx19(Suspense2, { fallback: null, children: /* @__PURE__ */ jsx19(
           QuickOpenDialog,
           {
             index: workspaceIndex.index,
@@ -11431,8 +11536,8 @@ function DocBlocksShell({
             onClose: () => setQuickOpenOpen(false)
           }
         ) }),
-        shortcutsOpen && /* @__PURE__ */ jsx18(Suspense2, { fallback: null, children: /* @__PURE__ */ jsx18(KeyboardShortcutsDialog, { onClose: () => setShortcutsOpen(false) }) }),
-        newDocumentDialogOpen && /* @__PURE__ */ jsx18(
+        shortcutsOpen && /* @__PURE__ */ jsx19(Suspense2, { fallback: null, children: /* @__PURE__ */ jsx19(KeyboardShortcutsDialog, { onClose: () => setShortcutsOpen(false) }) }),
+        newDocumentDialogOpen && /* @__PURE__ */ jsx19(
           NewDocumentDialog,
           {
             initialFormat: defaultNewFileFormat,
@@ -11442,8 +11547,8 @@ function DocBlocksShell({
             }
           }
         ),
-        workspaceStartupError && /* @__PURE__ */ jsx18("div", { className: "db-save-toast db-save-toast--error", role: "alert", "aria-live": "assertive", children: workspaceStartupError }),
-        saveToast && /* @__PURE__ */ jsx18(
+        workspaceStartupError && /* @__PURE__ */ jsx19("div", { className: "db-save-toast db-save-toast--error", role: "alert", "aria-live": "assertive", children: workspaceStartupError }),
+        saveToast && /* @__PURE__ */ jsx19(
           "div",
           {
             className: "db-save-toast db-save-toast--" + saveToast.kind,
@@ -11452,12 +11557,12 @@ function DocBlocksShell({
             children: saveToast.message
           }
         ),
-        offlineReadyToast && !saveToast && /* @__PURE__ */ jsx18("div", { className: "db-save-toast db-save-toast--success", role: "status", "aria-live": "polite", children: "DocBlocks is ready to work offline." }),
-        documentSnapshot.conflict && /* @__PURE__ */ jsxs16("div", { className: "db-document-conflict", role: "alert", children: [
-          /* @__PURE__ */ jsx18("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__ */ jsx18("div", { className: "db-document-conflict-actions", children: /* @__PURE__ */ jsx18("button", { type: "button", onClick: () => setShowConflictComparison(true), children: "Compare versions" }) })
+        offlineReadyToast && !saveToast && /* @__PURE__ */ jsx19("div", { className: "db-save-toast db-save-toast--success", role: "status", "aria-live": "polite", children: "DocBlocks is ready to work offline." }),
+        documentSnapshot.conflict && /* @__PURE__ */ jsxs17("div", { className: "db-document-conflict", role: "alert", children: [
+          /* @__PURE__ */ jsx19("span", { children: documentSnapshot.conflict.recoveredDraft ? "A recovery draft from a previous session differs from the saved file. The saved file may be newer. Choose which version to use." : "This document changed outside DocBlocks. Your unsaved version is still intact." }),
+          /* @__PURE__ */ jsx19("div", { className: "db-document-conflict-actions", children: /* @__PURE__ */ jsx19("button", { type: "button", onClick: () => setShowConflictComparison(true), children: "Compare versions" }) })
         ] }),
-        documentSnapshot.conflict && showConflictComparison && /* @__PURE__ */ jsx18(Suspense2, { fallback: /* @__PURE__ */ jsx18("div", { role: "status", children: "Loading version comparison\u2026" }), children: /* @__PURE__ */ jsx18(
+        documentSnapshot.conflict && showConflictComparison && /* @__PURE__ */ jsx19(Suspense2, { fallback: /* @__PURE__ */ jsx19("div", { role: "status", children: "Loading version comparison\u2026" }), children: /* @__PURE__ */ jsx19(
           DocumentConflictDialog,
           {
             conflict: documentSnapshot.conflict,
@@ -11467,14 +11572,14 @@ function DocBlocksShell({
             onClose: () => setShowConflictComparison(false)
           }
         ) }),
-        storageFull && !documentSnapshot.conflict && /* @__PURE__ */ jsxs16("div", { className: "db-storage-full-banner", role: "alert", children: [
-          /* @__PURE__ */ jsx18("span", { children: "Browser storage is full -- changes can\u2019t be saved. Free up space or back up your work now." }),
-          /* @__PURE__ */ jsxs16("div", { className: "db-storage-full-banner-actions", children: [
-            /* @__PURE__ */ jsx18("button", { type: "button", onClick: () => void handleDownloadAllWorkspaces(), children: "Back up all workspaces" }),
-            /* @__PURE__ */ jsx18("button", { type: "button", onClick: () => setStorageFull(false), children: "Dismiss" })
+        storageFull && !documentSnapshot.conflict && /* @__PURE__ */ jsxs17("div", { className: "db-storage-full-banner", role: "alert", children: [
+          /* @__PURE__ */ jsx19("span", { children: "Browser storage is full -- changes can\u2019t be saved. Free up space or back up your work now." }),
+          /* @__PURE__ */ jsxs17("div", { className: "db-storage-full-banner-actions", children: [
+            /* @__PURE__ */ jsx19("button", { type: "button", onClick: () => void handleDownloadAllWorkspaces(), children: "Back up all workspaces" }),
+            /* @__PURE__ */ jsx19("button", { type: "button", onClick: () => setStorageFull(false), children: "Dismiss" })
           ] })
         ] }),
-        workspaceSettingsOpen && activeWorkspaceDescriptor && /* @__PURE__ */ jsx18(
+        workspaceSettingsOpen && activeWorkspaceDescriptor && /* @__PURE__ */ jsx19(
           WorkspaceSettingsDialog,
           {
             workspace: activeWorkspaceDescriptor,
@@ -11487,8 +11592,8 @@ function DocBlocksShell({
             onClose: () => setWorkspaceSettingsOpen(false)
           }
         ),
-        /* @__PURE__ */ jsxs16("div", { className: "db-shell-panes", ref: panesRef, children: [
-          /* @__PURE__ */ jsxs16(
+        /* @__PURE__ */ jsxs17("div", { className: "db-shell-panes", ref: panesRef, children: [
+          /* @__PURE__ */ jsxs17(
             "aside",
             {
               ref: sidebarRef,
@@ -11496,8 +11601,8 @@ function DocBlocksShell({
               "aria-label": "Workspace and files",
               style: singlePane ? void 0 : { width: `${sidebarWidth}px` },
               children: [
-                /* @__PURE__ */ jsxs16("div", { className: "db-shell-sidebar-header", children: [
-                  /* @__PURE__ */ jsx18(
+                /* @__PURE__ */ jsxs17("div", { className: "db-shell-sidebar-header", children: [
+                  /* @__PURE__ */ jsx19(
                     AppMenu,
                     {
                       logoUrl,
@@ -11529,10 +11634,11 @@ function DocBlocksShell({
                       appBuildDate,
                       ai,
                       speech,
+                      tray: trayMenu,
                       settingsRequest
                     }
                   ),
-                  /* @__PURE__ */ jsx18(
+                  /* @__PURE__ */ jsx19(
                     "input",
                     {
                       ref: restoreInputRef,
@@ -11547,7 +11653,7 @@ function DocBlocksShell({
                       }
                     }
                   ),
-                  /* @__PURE__ */ jsx18(
+                  /* @__PURE__ */ jsx19(
                     WorkspacePicker,
                     {
                       activeWorkspaceId,
@@ -11559,7 +11665,7 @@ function DocBlocksShell({
                       onRemoveWorkspace: (workspace) => void handleRemoveWorkspace(workspace.id)
                     }
                   ),
-                  /* @__PURE__ */ jsx18(
+                  /* @__PURE__ */ jsx19(
                     WorkspaceSettingsButton,
                     {
                       onSettings: handleOpenWorkspaceSettings,
@@ -11570,26 +11676,26 @@ function DocBlocksShell({
                       }
                     }
                   ),
-                  canRestoreSplitView && /* @__PURE__ */ jsx18(
+                  canRestoreSplitView && /* @__PURE__ */ jsx19(
                     "button",
                     {
                       className: "db-restore-split",
                       onClick: () => updateSidebarPreference("pinned"),
                       "aria-label": "Restore split view",
                       title: "Restore split view",
-                      children: /* @__PURE__ */ jsx18(SplitViewIcon, {})
+                      children: /* @__PURE__ */ jsx19(SplitViewIcon, {})
                     }
                   ),
-                  /* @__PURE__ */ jsx18("span", { className: "db-window-drag-grip", "aria-hidden": true })
+                  /* @__PURE__ */ jsx19("span", { className: "db-window-drag-grip", "aria-hidden": true })
                 ] }),
-                git.available && /* @__PURE__ */ jsx18(Suspense2, { fallback: null, children: /* @__PURE__ */ jsx18(
+                git.available && /* @__PURE__ */ jsx19(Suspense2, { fallback: null, children: /* @__PURE__ */ jsx19(
                   GitUI,
                   {
                     onOpenFile: (path) => void handleSelect(path, "file"),
                     onWorkspaceCloned: handleWorkspaceCloned
                   }
                 ) }),
-                /* @__PURE__ */ jsx18(
+                /* @__PURE__ */ jsx19(
                   FileExplorer,
                   {
                     loading: workspaceStarting,
@@ -11624,7 +11730,7 @@ function DocBlocksShell({
                   },
                   explorerKey
                 ),
-                searchMounted && /* @__PURE__ */ jsx18(Suspense2, { fallback: null, children: /* @__PURE__ */ jsx18(
+                searchMounted && /* @__PURE__ */ jsx19(Suspense2, { fallback: null, children: /* @__PURE__ */ jsx19(
                   WorkspaceSearchPanel,
                   {
                     index: workspaceIndex.index,
@@ -11635,17 +11741,17 @@ function DocBlocksShell({
                     onShowFiles: () => setSidebarView("files")
                   }
                 ) }),
-                singlePane && showWelcomeGateway && /* @__PURE__ */ jsxs16("section", { className: "db-mobile-first-run", "aria-labelledby": "db-mobile-first-run-title", children: [
-                  /* @__PURE__ */ jsx18("p", { className: "db-mobile-first-run-eyebrow", children: "Local-first Markdown editor" }),
-                  /* @__PURE__ */ jsx18("h1", { id: "db-mobile-first-run-title", children: "Welcome to DocBlocks" }),
-                  /* @__PURE__ */ jsxs16("p", { children: [
+                singlePane && showWelcomeGateway && /* @__PURE__ */ jsxs17("section", { className: "db-mobile-first-run", "aria-labelledby": "db-mobile-first-run-title", children: [
+                  /* @__PURE__ */ jsx19("p", { className: "db-mobile-first-run-eyebrow", children: "Local-first Markdown editor" }),
+                  /* @__PURE__ */ jsx19("h1", { id: "db-mobile-first-run-title", children: "Welcome to DocBlocks" }),
+                  /* @__PURE__ */ jsxs17("p", { children: [
                     WELCOME_SUMMARY,
                     " ",
                     WELCOME_PRIVACY_NOTE
                   ] }),
-                  /* @__PURE__ */ jsxs16("div", { className: "db-mobile-first-run-actions", children: [
-                    /* @__PURE__ */ jsx18("button", { type: "button", onClick: () => void handleNewFile(), children: "Create a document" }),
-                    /* @__PURE__ */ jsx18(
+                  /* @__PURE__ */ jsxs17("div", { className: "db-mobile-first-run-actions", children: [
+                    /* @__PURE__ */ jsx19("button", { type: "button", onClick: () => void handleNewFile(), children: "Create a document" }),
+                    /* @__PURE__ */ jsx19(
                       "button",
                       {
                         type: "button",
@@ -11659,14 +11765,14 @@ function DocBlocksShell({
                     )
                   ] })
                 ] }),
-                git.available && git.pendingGrant && /* @__PURE__ */ jsx18(Suspense2, { fallback: null, children: /* @__PURE__ */ jsx18(GitGrantNotice, {}) }),
-                /* @__PURE__ */ jsxs16("div", { className: "db-shell-sidebar-footer", children: [
-                  /* @__PURE__ */ jsx18("a", { href: "https://docblocks.com/docs/", target: "_blank", rel: "noopener noreferrer", children: "Docs" }),
-                  /* @__PURE__ */ jsx18("span", { className: "db-shell-sidebar-footer-separator", "aria-hidden": "true", children: "\u2022" }),
-                  /* @__PURE__ */ jsx18("a", { href: "https://docblocks.com/terms/", target: "_blank", rel: "noopener noreferrer", children: "Terms" }),
-                  /* @__PURE__ */ jsx18("span", { className: "db-shell-sidebar-footer-separator", "aria-hidden": "true", children: "\u2022" }),
-                  /* @__PURE__ */ jsx18("a", { href: issueReportUrl, target: "_blank", rel: "noopener noreferrer", children: "Report issue" }),
-                  showBrowserStorageWarning && /* @__PURE__ */ jsx18(Fragment11, { children: /* @__PURE__ */ jsxs16(
+                git.available && git.pendingGrant && /* @__PURE__ */ jsx19(Suspense2, { fallback: null, children: /* @__PURE__ */ jsx19(GitGrantNotice, {}) }),
+                /* @__PURE__ */ jsxs17("div", { className: "db-shell-sidebar-footer", children: [
+                  /* @__PURE__ */ jsx19("a", { href: "https://docblocks.com/docs/", target: "_blank", rel: "noopener noreferrer", children: "Docs" }),
+                  /* @__PURE__ */ jsx19("span", { className: "db-shell-sidebar-footer-separator", "aria-hidden": "true", children: "\u2022" }),
+                  /* @__PURE__ */ jsx19("a", { href: "https://docblocks.com/terms/", target: "_blank", rel: "noopener noreferrer", children: "Terms" }),
+                  /* @__PURE__ */ jsx19("span", { className: "db-shell-sidebar-footer-separator", "aria-hidden": "true", children: "\u2022" }),
+                  /* @__PURE__ */ jsx19("a", { href: issueReportUrl, target: "_blank", rel: "noopener noreferrer", children: "Report issue" }),
+                  showBrowserStorageWarning && /* @__PURE__ */ jsx19(Fragment11, { children: /* @__PURE__ */ jsxs17(
                     "button",
                     {
                       type: "button",
@@ -11675,20 +11781,20 @@ function DocBlocksShell({
                       "aria-label": "Back up all workspaces",
                       title: "Browsers can clear site data. Download a backup of every workspace.",
                       children: [
-                        /* @__PURE__ */ jsx18(BackupIcon, {}),
+                        /* @__PURE__ */ jsx19(BackupIcon, {}),
                         "Back up"
                       ]
                     }
                   ) })
                 ] }),
-                /* @__PURE__ */ jsxs16("div", { className: "db-sidebar-collapse-preview", "aria-hidden": "true", children: [
-                  /* @__PURE__ */ jsx18("span", { className: "db-sidebar-collapse-preview-icon", children: /* @__PURE__ */ jsx18(CollapseSidebarGlyph, {}) }),
-                  /* @__PURE__ */ jsx18("span", { className: "db-sidebar-collapse-preview-label", children: "Release to hide files" })
+                /* @__PURE__ */ jsxs17("div", { className: "db-sidebar-collapse-preview", "aria-hidden": "true", children: [
+                  /* @__PURE__ */ jsx19("span", { className: "db-sidebar-collapse-preview-icon", children: /* @__PURE__ */ jsx19(CollapseSidebarGlyph, {}) }),
+                  /* @__PURE__ */ jsx19("span", { className: "db-sidebar-collapse-preview-label", children: "Release to hide files" })
                 ] })
               ]
             }
           ),
-          !singlePane && /* @__PURE__ */ jsx18(
+          !singlePane && /* @__PURE__ */ jsx19(
             "div",
             {
               className: "db-shell-sidebar-resizer",
@@ -11698,7 +11804,7 @@ function DocBlocksShell({
               onPointerDown: handleResizerPointerDown
             }
           ),
-          singlePane && /* @__PURE__ */ jsx18(
+          singlePane && /* @__PURE__ */ jsx19(
             "div",
             {
               className: "db-shell-scrim",
@@ -11706,7 +11812,7 @@ function DocBlocksShell({
               onPointerDown: () => setMobileShowEditor(true)
             }
           ),
-          /* @__PURE__ */ jsxs16(
+          /* @__PURE__ */ jsxs17(
             "main",
             {
               ref: editorAreaRef,
@@ -11717,8 +11823,8 @@ function DocBlocksShell({
                 editorDropActive ? "db-shell-editor-area--drop-active" : ""
               ].filter(Boolean).join(" "),
               children: [
-                /* @__PURE__ */ jsxs16("div", { ref: welcomeCoveredRef, className: "db-shell-editor-content", children: [
-                  selectedFile && mediaProvider ? /* @__PURE__ */ jsx18(Fragment11, { children: selectedManagedOutput === "catalog-html" ? /* @__PURE__ */ jsx18(
+                /* @__PURE__ */ jsxs17("div", { ref: welcomeCoveredRef, className: "db-shell-editor-content", children: [
+                  selectedFile && mediaProvider ? /* @__PURE__ */ jsx19(Fragment11, { children: selectedManagedOutput === "catalog-html" ? /* @__PURE__ */ jsx19(
                     GeneratedCatalogPage,
                     {
                       html: editorContent,
@@ -11726,17 +11832,17 @@ function DocBlocksShell({
                       onOpenSettings: activeWorkspaceDescriptor ? handleOpenWorkspaceSettings : void 0,
                       onBack: singlePane ? openDrawer : void 0
                     }
-                  ) : /* @__PURE__ */ jsx18(
+                  ) : /* @__PURE__ */ jsx19(
                     GeneratedFileFrame,
                     {
                       kind: selectedManagedOutput,
                       onOpenSettings: activeWorkspaceDescriptor ? handleOpenWorkspaceSettings : void 0,
                       onBack: singlePane ? openDrawer : void 0,
-                      children: /* @__PURE__ */ jsx18(
+                      children: /* @__PURE__ */ jsx19(
                         Suspense2,
                         {
-                          fallback: /* @__PURE__ */ jsx18("div", { className: "db-shell-empty", role: "status", children: "Loading your document\u2026" }),
-                          children: editorGenerationSettled && mediaProviderCurrent && /* @__PURE__ */ jsx18(EditorErrorBoundary, { resetKey: `${selectedFile}-${editorKey}`, children: /* @__PURE__ */ jsx18(
+                          fallback: /* @__PURE__ */ jsx19("div", { className: "db-shell-empty", role: "status", children: "Loading your document\u2026" }),
+                          children: editorGenerationSettled && mediaProviderCurrent && /* @__PURE__ */ jsx19(EditorErrorBoundary, { resetKey: `${selectedFile}-${editorKey}`, children: /* @__PURE__ */ jsx19(
                             EditorShell,
                             {
                               initialMarkdown: editorContent,
@@ -11787,19 +11893,19 @@ function DocBlocksShell({
                               versioningAutoSaveIdleMs,
                               onSaveVersion,
                               statusBarSlotRight,
-                              sidePanelSlot: ai && aiPanel && selectedImage === void 0 && (selectedOutsideIn === null || selectedOutsideInEditingEnabled) ? /* @__PURE__ */ jsx18(Suspense2, { fallback: null, children: aiPanel === "review" ? /* @__PURE__ */ jsx18(AiReviewPanel, { ai, onClose: () => setAiPanel(null) }) : /* @__PURE__ */ jsx18(AiIllustratePanel, { ai, onClose: () => setAiPanel(null) }) }) : void 0,
-                              toolbarSlotLeft: singlePane ? /* @__PURE__ */ jsx18(
+                              sidePanelSlot: ai && aiPanel && selectedImage === void 0 && (selectedOutsideIn === null || selectedOutsideInEditingEnabled) ? /* @__PURE__ */ jsx19(Suspense2, { fallback: null, children: aiPanel === "review" ? /* @__PURE__ */ jsx19(AiReviewPanel, { ai, onClose: () => setAiPanel(null) }) : /* @__PURE__ */ jsx19(AiIllustratePanel, { ai, onClose: () => setAiPanel(null) }) }) : void 0,
+                              toolbarSlotLeft: singlePane ? /* @__PURE__ */ jsx19(
                                 "button",
                                 {
                                   className: "db-mobile-back",
                                   onClick: () => setMobileShowEditor(false),
                                   "aria-label": "Show file list",
-                                  children: /* @__PURE__ */ jsx18("span", { className: "db-mobile-files-icon", children: /* @__PURE__ */ jsx18(FolderGlyph, {}) })
+                                  children: /* @__PURE__ */ jsx19("span", { className: "db-mobile-files-icon", children: /* @__PURE__ */ jsx19(FolderGlyph, {}) })
                                 }
                               ) : void 0,
-                              summarizationDesigner: selectedImage === void 0 && selectedManagedOutput === void 0 && (selectedOutsideIn === null || selectedOutsideInEditingEnabled) ? (onClose) => /* @__PURE__ */ jsx18(Suspense2, { fallback: null, children: /* @__PURE__ */ jsx18(PresentationMaker, { ai: ai ?? void 0, onClose }) }) : void 0,
-                              toolbarSlotRight: /* @__PURE__ */ jsxs16(Fragment11, { children: [
-                                canFind && /* @__PURE__ */ jsx18(
+                              summarizationDesigner: selectedImage === void 0 && selectedManagedOutput === void 0 && (selectedOutsideIn === null || selectedOutsideInEditingEnabled) ? (onClose) => /* @__PURE__ */ jsx19(Suspense2, { fallback: null, children: /* @__PURE__ */ jsx19(PresentationMaker, { ai: ai ?? void 0, onClose }) }) : void 0,
+                              toolbarSlotRight: /* @__PURE__ */ jsxs17(Fragment11, { children: [
+                                canFind && /* @__PURE__ */ jsx19(
                                   FindButton,
                                   {
                                     active: findMode,
@@ -11807,7 +11913,7 @@ function DocBlocksShell({
                                     shortcutLabel: findShortcut
                                   }
                                 ),
-                                ai && /* @__PURE__ */ jsx18(Suspense2, { fallback: null, children: /* @__PURE__ */ jsx18(
+                                ai && /* @__PURE__ */ jsx19(Suspense2, { fallback: null, children: /* @__PURE__ */ jsx19(
                                   AiToolbarControl,
                                   {
                                     ai,
@@ -11816,8 +11922,8 @@ function DocBlocksShell({
                                     onOpenPanel: setAiPanel
                                   }
                                 ) }),
-                                speech && /* @__PURE__ */ jsxs16(Suspense2, { fallback: null, children: [
-                                  /* @__PURE__ */ jsx18(
+                                speech && /* @__PURE__ */ jsxs17(Suspense2, { fallback: null, children: [
+                                  /* @__PURE__ */ jsx19(
                                     TextFromNarration,
                                     {
                                       speech,
@@ -11827,27 +11933,27 @@ function DocBlocksShell({
                                       onOpenSettings: openSettings
                                     }
                                   ),
-                                  hostSupports2("speechOutput") ? /* @__PURE__ */ jsx18(
+                                  hostSupports2("speechOutput") ? /* @__PURE__ */ jsx19(
                                     SpeechToolbarControl,
                                     {
                                       speech,
                                       onOpenSettings: openSettings,
                                       readOnly: selectedImage !== void 0 || selectedOutsideIn !== null && !selectedOutsideInEditingEnabled
                                     }
-                                  ) : /* @__PURE__ */ jsx18(SpeechMenuBridge, {})
+                                  ) : /* @__PURE__ */ jsx19(SpeechMenuBridge, {})
                                 ] }),
-                                canRestoreSplitView && /* @__PURE__ */ jsx18(
+                                canRestoreSplitView && /* @__PURE__ */ jsx19(
                                   "button",
                                   {
                                     className: "db-restore-split",
                                     onClick: () => updateSidebarPreference("pinned"),
                                     "aria-label": "Restore split view",
                                     title: "Restore split view",
-                                    children: /* @__PURE__ */ jsx18(SplitViewIcon, {})
+                                    children: /* @__PURE__ */ jsx19(SplitViewIcon, {})
                                   }
                                 ),
-                                git.repo && /* @__PURE__ */ jsx18(Suspense2, { fallback: null, children: /* @__PURE__ */ jsx18(GitToolbarControl, { selectedFile }) }),
-                                /* @__PURE__ */ jsx18(
+                                git.repo && /* @__PURE__ */ jsx19(Suspense2, { fallback: null, children: /* @__PURE__ */ jsx19(GitToolbarControl, { selectedFile }) }),
+                                /* @__PURE__ */ jsx19(
                                   ExportToolbarControls,
                                   {
                                     selectedFile,
@@ -11871,39 +11977,39 @@ function DocBlocksShell({
                         }
                       )
                     }
-                  ) }) : selectedFolder ? /* @__PURE__ */ jsxs16("div", { className: "db-folder-view", children: [
-                    singlePane && /* @__PURE__ */ jsxs16("button", { className: "db-mobile-back", onClick: () => setMobileShowEditor(false), children: [
-                      /* @__PURE__ */ jsx18("span", { className: "db-mobile-files-icon", children: /* @__PURE__ */ jsx18(FolderGlyph, {}) }),
+                  ) }) : selectedFolder ? /* @__PURE__ */ jsxs17("div", { className: "db-folder-view", children: [
+                    singlePane && /* @__PURE__ */ jsxs17("button", { className: "db-mobile-back", onClick: () => setMobileShowEditor(false), children: [
+                      /* @__PURE__ */ jsx19("span", { className: "db-mobile-files-icon", children: /* @__PURE__ */ jsx19(FolderGlyph, {}) }),
                       "Back to files"
                     ] }),
-                    /* @__PURE__ */ jsxs16("div", { className: "db-folder-view-header", children: [
-                      /* @__PURE__ */ jsx18("span", { className: "db-folder-view-icon", children: /* @__PURE__ */ jsx18(FolderGlyph, {}) }),
-                      /* @__PURE__ */ jsx18("span", { className: "db-folder-view-path", children: selectedFolder })
+                    /* @__PURE__ */ jsxs17("div", { className: "db-folder-view-header", children: [
+                      /* @__PURE__ */ jsx19("span", { className: "db-folder-view-icon", children: /* @__PURE__ */ jsx19(FolderGlyph, {}) }),
+                      /* @__PURE__ */ jsx19("span", { className: "db-folder-view-path", children: selectedFolder })
                     ] }),
-                    visibleFolderEntries.length === 0 ? /* @__PURE__ */ jsx18("p", { className: "db-folder-view-empty", children: "This folder is empty." }) : /* @__PURE__ */ jsx18("ul", { className: "db-folder-view-list", children: visibleFolderEntries.map((entry) => /* @__PURE__ */ jsxs16(
+                    visibleFolderEntries.length === 0 ? /* @__PURE__ */ jsx19("p", { className: "db-folder-view-empty", children: "This folder is empty." }) : /* @__PURE__ */ jsx19("ul", { className: "db-folder-view-list", children: visibleFolderEntries.map((entry) => /* @__PURE__ */ jsxs17(
                       "li",
                       {
                         className: "db-folder-view-item",
                         onClick: () => handleSelect(entry.path, entry.kind),
                         children: [
-                          /* @__PURE__ */ jsx18("span", { className: "db-folder-view-item-icon", children: entry.kind === "directory" ? /* @__PURE__ */ jsx18(FolderGlyph, {}) : /* @__PURE__ */ jsx18(FileGlyph, {}) }),
+                          /* @__PURE__ */ jsx19("span", { className: "db-folder-view-item-icon", children: entry.kind === "directory" ? /* @__PURE__ */ jsx19(FolderGlyph, {}) : /* @__PURE__ */ jsx19(FileGlyph, {}) }),
                           entry.name
                         ]
                       },
                       entry.path
                     )) })
-                  ] }) : /* @__PURE__ */ jsxs16("div", { className: "db-shell-empty db-shell-empty--workspace", children: [
-                    singlePane && /* @__PURE__ */ jsxs16("button", { className: "db-mobile-back", onClick: () => setMobileShowEditor(false), children: [
-                      /* @__PURE__ */ jsx18("span", { className: "db-mobile-files-icon", children: /* @__PURE__ */ jsx18(FolderGlyph, {}) }),
+                  ] }) : /* @__PURE__ */ jsxs17("div", { className: "db-shell-empty db-shell-empty--workspace", children: [
+                    singlePane && /* @__PURE__ */ jsxs17("button", { className: "db-mobile-back", onClick: () => setMobileShowEditor(false), children: [
+                      /* @__PURE__ */ jsx19("span", { className: "db-mobile-files-icon", children: /* @__PURE__ */ jsx19(FolderGlyph, {}) }),
                       "Back to files"
                     ] }),
-                    /* @__PURE__ */ jsxs16("div", { className: "db-workspace-empty-content", children: [
-                      /* @__PURE__ */ jsx18("span", { className: "db-workspace-empty-icon", "aria-hidden": "true", children: /* @__PURE__ */ jsx18(FileGlyph, {}) }),
-                      /* @__PURE__ */ jsx18("h1", { children: activeWorkspaceDescriptor?.name ?? "Workspace" }),
-                      /* @__PURE__ */ jsx18("p", { children: "Choose a Markdown document from the sidebar, or create a new one." }),
-                      /* @__PURE__ */ jsxs16("div", { className: "db-workspace-empty-actions", children: [
-                        /* @__PURE__ */ jsx18("button", { type: "button", onClick: () => void handleNewFile(), children: "New document" }),
-                        /* @__PURE__ */ jsx18(
+                    /* @__PURE__ */ jsxs17("div", { className: "db-workspace-empty-content", children: [
+                      /* @__PURE__ */ jsx19("span", { className: "db-workspace-empty-icon", "aria-hidden": "true", children: /* @__PURE__ */ jsx19(FileGlyph, {}) }),
+                      /* @__PURE__ */ jsx19("h1", { children: activeWorkspaceDescriptor?.name ?? "Workspace" }),
+                      /* @__PURE__ */ jsx19("p", { children: "Choose a Markdown document from the sidebar, or create a new one." }),
+                      /* @__PURE__ */ jsxs17("div", { className: "db-workspace-empty-actions", children: [
+                        /* @__PURE__ */ jsx19("button", { type: "button", onClick: () => void handleNewFile(), children: "New document" }),
+                        /* @__PURE__ */ jsx19(
                           "button",
                           {
                             type: "button",
@@ -11912,7 +12018,7 @@ function DocBlocksShell({
                             children: "New folder"
                           }
                         ),
-                        (hostSupports2("workspaceFolderPicker") || typeof globalThis.showDirectoryPicker === "function") && /* @__PURE__ */ jsx18(
+                        (hostSupports2("workspaceFolderPicker") || typeof globalThis.showDirectoryPicker === "function") && /* @__PURE__ */ jsx19(
                           "button",
                           {
                             type: "button",
@@ -11922,10 +12028,10 @@ function DocBlocksShell({
                           }
                         )
                       ] }),
-                      /* @__PURE__ */ jsx18("p", { className: "db-workspace-empty-hint", children: "Use the sidebar backup action to keep a portable copy of this workspace." })
+                      showBrowserStorageWarning && /* @__PURE__ */ jsx19("p", { className: "db-workspace-empty-hint", children: "Use the sidebar backup action to keep a portable copy of this workspace." })
                     ] })
                   ] }),
-                  /* @__PURE__ */ jsx18(
+                  /* @__PURE__ */ jsx19(
                     UpdateAvailableNotice,
                     {
                       available: updateAvailable,
@@ -11935,7 +12041,7 @@ function DocBlocksShell({
                     }
                   )
                 ] }),
-                welcomeScreenShown && /* @__PURE__ */ jsx18(
+                welcomeScreenShown && /* @__PURE__ */ jsx19(
                   WelcomeScreen,
                   {
                     onCreateDocument: handleNewFile,