@bendyline/docblocks-react 2.7.3 → 2.7.5

package/dist/index.js

@@ -17,7 +17,7 @@ import {
 } from "./chunk-DICE7VBJ.js";
 import {
   useConfirmDialog
-} from "./chunk-6B7G33D5.js";
+} from "./chunk-KBUHWZCF.js";
 import {
   createSpeechInputProvider
 } from "./chunk-KBDZDFPU.js";
@@ -51,7 +51,7 @@ import {
 } from "./chunk-KWG6UP5O.js";
 import {
   runExport
-} from "./chunk-6PA7QBZT.js";
+} from "./chunk-7CSBRAMT.js";
 import {
   createImageSaveOutput
 } from "./chunk-UONFWKJ7.js";
@@ -87,7 +87,7 @@ import {
   saveProofingPreferences,
   saveThemePreference,
   saveWriteCanvasPreferences
-} from "./chunk-ZMCQO57Q.js";
+} from "./chunk-FBPCURCS.js";
 import {
   FindButton,
   focusFindInput,
@@ -100,18 +100,18 @@ import {
   matchShortcut,
   shortcutLabel
 } from "./chunk-ACQF63SB.js";
-import "./chunk-EOU2JWAQ.js";
+import "./chunk-USKX66SA.js";
 import {
   buildIssueReportUrl,
   displayBuildDate,
   localDateStamp,
   openExternalUrl
-} from "./chunk-YPIVCCTB.js";
+} from "./chunk-CUCWCZRO.js";
 import "./chunk-K4I3NJFL.js";
 import {
   ExportDialog
-} from "./chunk-Y5OE3HJC.js";
-import "./chunk-YBEYTVU2.js";
+} from "./chunk-GFK4TCKN.js";
+import "./chunk-H3BK5MK6.js";
 import {
   DEFAULT_OPTIONS,
   loadLastExportOptions
@@ -119,13 +119,14 @@ import {
 import {
   Dialog,
   dismissTopmostDialog
-} from "./chunk-56KO2LYN.js";
+} from "./chunk-VJPGZCFS.js";
 
 // src/FileExplorer/FileExplorer.tsx
 import { useCallback as useCallback5, useEffect as useEffect5, useMemo, useRef as useRef5, useState as useState4 } from "react";
 import {
   isFileSystemMoveStateError,
-  parseWorkspacePath as parseWorkspacePath4
+  parseWorkspacePath as parseWorkspacePath4,
+  tryParseWorkspacePath as tryParseWorkspacePath2
 } from "@bendyline/docblocks/filesystem";
 
 // src/FileExplorer/useFileTree.ts
@@ -139,6 +140,7 @@ import {
   workspacePathDirname
 } from "@bendyline/docblocks/filesystem";
 var DIRECTORY_NOT_FOUND_RETRY_DELAYS_MS = Object.freeze([40, 120]);
+var AUTO_RETRY_DELAYS_MS = Object.freeze([1e3, 4e3, 15e3]);
 function normalisePath(path) {
   return parseWorkspacePath(path);
 }
@@ -167,10 +169,13 @@ function sameEntry(left, right) {
   if (left.kind !== right.kind || left.name !== right.name || left.path !== right.path)
     return false;
   if (left.kind === "file" && right.kind === "file") {
-    return left.lastModified === right.lastModified;
+    return left.lastModified === right.lastModified && left.readIssue?.code === right.readIssue?.code && left.readIssue?.message === right.readIssue?.message;
   }
   return true;
 }
+function hasUnreadableFile(entries) {
+  return entries.some((entry) => entry.kind === "file" && entry.readIssue !== void 0);
+}
 function reconcileEntries(current, incoming) {
   const currentByPath = new Map(current.map((entry) => [entry.path, entry]));
   const reconciled = incoming.map((entry) => {
@@ -189,7 +194,8 @@ async function readProviderDirectory(provider, path) {
       kind: entry.kind,
       name: entry.name,
       path: entry.path,
-      ...entry.kind === "file" ? { lastModified: entry.lastModified } : {}
+      ...entry.kind === "file" ? { lastModified: entry.lastModified } : {},
+      ...entry.kind === "file" && entry.readIssue ? { readIssue: entry.readIssue } : {}
     }));
   };
   for (let attempt = 0; ; attempt += 1) {
@@ -237,64 +243,111 @@ function useFileTree(provider, metadataRefreshKey, metadataRefreshPath) {
   providerRef.current = provider;
   const directoryRequestSequenceRef = useRef(0);
   const directoryRequestsRef = useRef(/* @__PURE__ */ new Map());
+  const autoRetriesRef = useRef(/* @__PURE__ */ new Map());
+  const autoRetryLoadRef = useRef(async () => void 0);
   const reportRootIssue = useCallback((caught) => {
     setRootIssue(readIssue(caught, ""));
   }, []);
-  const loadRoot = useCallback(async (showLoading = true) => {
-    const sourceProvider = providerRef.current;
-    if (!sourceProvider) {
-      setEntries([]);
-      setLoading(false);
-      return;
-    }
-    const requestId = ++directoryRequestSequenceRef.current;
-    directoryRequestsRef.current.set("", requestId);
-    const isCurrent = () => providerRef.current === sourceProvider && directoryRequestsRef.current.get("") === requestId;
-    if (showLoading) setLoading(true);
-    try {
-      const root = await readProviderDirectory(sourceProvider, "");
-      if (!isCurrent()) return;
-      setEntries((current) => reconcileEntries(current, root));
-      setRootIssue(null);
-    } catch (caught) {
-      if (isCurrent()) setRootIssue(readIssue(caught, ""));
-    } finally {
-      if (isCurrent()) setLoading(false);
-    }
+  const cancelAutoRetry = useCallback((directoryPath) => {
+    const state = autoRetriesRef.current.get(directoryPath);
+    if (state?.timer) clearTimeout(state.timer);
+    autoRetriesRef.current.delete(directoryPath);
   }, []);
-  const loadChildren = useCallback(async (dirPath) => {
-    const sourceProvider = providerRef.current;
-    if (!sourceProvider) return;
-    const canonical = normalisePath(dirPath);
-    const requestId = ++directoryRequestSequenceRef.current;
-    directoryRequestsRef.current.set(canonical, requestId);
-    const isCurrent = () => providerRef.current === sourceProvider && directoryRequestsRef.current.get(canonical) === requestId;
-    try {
-      const children = await readProviderDirectory(sourceProvider, dirPath);
-      if (!isCurrent()) return;
-      setChildEntries((prev) => {
-        const current = prev.get(canonical) ?? [];
-        const reconciled = reconcileEntries(current, children);
-        if (prev.has(canonical) && reconciled === current) return prev;
-        const next = new Map(prev);
-        next.set(canonical, reconciled);
-        return next;
-      });
-      setChildIssues((prev) => {
-        if (!prev.has(canonical)) return prev;
-        const next = new Map(prev);
-        next.delete(canonical);
-        return next;
-      });
-    } catch (caught) {
-      if (!isCurrent()) return;
-      setChildIssues((prev) => {
-        const next = new Map(prev);
-        next.set(canonical, readIssue(caught, dirPath));
-        return next;
-      });
+  const cancelAllAutoRetries = useCallback(() => {
+    for (const state of autoRetriesRef.current.values()) {
+      if (state.timer) clearTimeout(state.timer);
     }
+    autoRetriesRef.current.clear();
   }, []);
+  const settleAutoRetry = useCallback(
+    (directoryPath, needsRetry) => {
+      if (!needsRetry) {
+        cancelAutoRetry(directoryPath);
+        return;
+      }
+      const current = autoRetriesRef.current.get(directoryPath);
+      if (current?.timer) return;
+      const attempts = current?.attempts ?? 0;
+      const delay = AUTO_RETRY_DELAYS_MS[attempts];
+      if (delay === void 0) return;
+      const next = { attempts: attempts + 1, timer: null };
+      next.timer = setTimeout(() => {
+        next.timer = null;
+        void autoRetryLoadRef.current(directoryPath);
+      }, delay);
+      autoRetriesRef.current.set(directoryPath, next);
+    },
+    [cancelAutoRetry]
+  );
+  const loadRoot = useCallback(
+    async (showLoading = true) => {
+      const sourceProvider = providerRef.current;
+      if (!sourceProvider) {
+        setEntries([]);
+        setLoading(false);
+        return;
+      }
+      const requestId = ++directoryRequestSequenceRef.current;
+      directoryRequestsRef.current.set("", requestId);
+      const isCurrent = () => providerRef.current === sourceProvider && directoryRequestsRef.current.get("") === requestId;
+      if (showLoading) setLoading(true);
+      try {
+        const root = await readProviderDirectory(sourceProvider, "");
+        if (!isCurrent()) return;
+        setEntries((current) => reconcileEntries(current, root));
+        setRootIssue(null);
+        settleAutoRetry("", hasUnreadableFile(root));
+      } catch (caught) {
+        if (isCurrent()) {
+          const issue = readIssue(caught, "");
+          setRootIssue(issue);
+          settleAutoRetry("", issue.retryable);
+        }
+      } finally {
+        if (isCurrent()) setLoading(false);
+      }
+    },
+    [settleAutoRetry]
+  );
+  const loadChildren = useCallback(
+    async (dirPath) => {
+      const sourceProvider = providerRef.current;
+      if (!sourceProvider) return;
+      const canonical = normalisePath(dirPath);
+      const requestId = ++directoryRequestSequenceRef.current;
+      directoryRequestsRef.current.set(canonical, requestId);
+      const isCurrent = () => providerRef.current === sourceProvider && directoryRequestsRef.current.get(canonical) === requestId;
+      try {
+        const children = await readProviderDirectory(sourceProvider, dirPath);
+        if (!isCurrent()) return;
+        setChildEntries((prev) => {
+          const current = prev.get(canonical) ?? [];
+          const reconciled = reconcileEntries(current, children);
+          if (prev.has(canonical) && reconciled === current) return prev;
+          const next = new Map(prev);
+          next.set(canonical, reconciled);
+          return next;
+        });
+        setChildIssues((prev) => {
+          if (!prev.has(canonical)) return prev;
+          const next = new Map(prev);
+          next.delete(canonical);
+          return next;
+        });
+        settleAutoRetry(canonical, hasUnreadableFile(children));
+      } catch (caught) {
+        if (!isCurrent()) return;
+        const issue = readIssue(caught, dirPath);
+        setChildIssues((prev) => {
+          const next = new Map(prev);
+          next.set(canonical, issue);
+          return next;
+        });
+        settleAutoRetry(canonical, issue.retryable);
+      }
+    },
+    [settleAutoRetry]
+  );
   useEffect(() => {
     setEntries([]);
     setExpanded(/* @__PURE__ */ new Set());
@@ -304,8 +357,10 @@ function useFileTree(provider, metadataRefreshKey, metadataRefreshPath) {
     setSelectedKind(null);
     setRootIssue(null);
     directoryRequestsRef.current.clear();
+    cancelAllAutoRetries();
     void loadRoot();
-  }, [provider, loadRoot]);
+    return cancelAllAutoRetries;
+  }, [provider, loadRoot, cancelAllAutoRetries]);
   const toggleExpand = useCallback(
     (path) => {
       setExpanded((prev) => {
@@ -352,10 +407,12 @@ function useFileTree(provider, metadataRefreshKey, metadataRefreshPath) {
   }, [loadRoot, loadChildren, expanded]);
   const retryDirectory = useCallback(
     async (path) => {
-      if (normalisePath(path) === "") await loadRoot();
+      const canonical = normalisePath(path);
+      cancelAutoRetry(canonical);
+      if (canonical === "") await loadRoot();
       else await loadChildren(path);
     },
-    [loadRoot, loadChildren]
+    [loadRoot, loadChildren, cancelAutoRetry]
   );
   const refreshRef = useRef(refresh);
   refreshRef.current = refresh;
@@ -366,6 +423,7 @@ function useFileTree(provider, metadataRefreshKey, metadataRefreshPath) {
     },
     [loadChildren, loadRoot]
   );
+  autoRetryLoadRef.current = refreshDirectory;
   const previousMetadataRefreshKeyRef = useRef(metadataRefreshKey);
   useEffect(() => {
     if (Object.is(previousMetadataRefreshKeyRef.current, metadataRefreshKey)) return;
@@ -542,12 +600,13 @@ function useFileTree(provider, metadataRefreshKey, metadataRefreshPath) {
       setExpanded(nextExpanded);
       setChildEntries(/* @__PURE__ */ new Map());
       setChildIssues(/* @__PURE__ */ new Map());
+      cancelAllAutoRetries();
       await loadRoot();
       for (const dirPath of nextExpanded) {
         await loadChildren(dirPath);
       }
     },
-    [selectedPath, entries, childEntries, expanded, loadRoot, loadChildren]
+    [selectedPath, entries, childEntries, expanded, loadRoot, loadChildren, cancelAllAutoRetries]
   );
   return {
     entries,
@@ -788,6 +847,11 @@ function FileTreeNode({
 }) {
   const [renaming, setRenaming] = useState2(false);
   const [renameValue, setRenameValue] = useState2(entry.name);
+  const readIssue2 = entry.kind === "file" ? entry.readIssue : void 0;
+  const rowStatus = [
+    badge?.label,
+    readIssue2 ? `could not be read: ${readIssue2.message}` : void 0
+  ].filter((part) => part !== void 0);
   const [showContext, setShowContext] = useState2(false);
   const [contextPos, setContextPos] = useState2({ x: 0, y: 0 });
   const [actionError, setActionError] = useState2(null);
@@ -1034,7 +1098,7 @@ function FileTreeNode({
         "data-path": entry.path,
         "aria-expanded": isDir ? expanded : void 0,
         "aria-selected": selected,
-        "aria-label": badge ? `${entry.name}, ${badge.label}` : void 0,
+        "aria-label": rowStatus.length > 0 ? `${entry.name}, ${rowStatus.join(", ")}` : void 0,
         "aria-level": depth + 1,
         "aria-posinset": posInSet,
         "aria-setsize": setSize,
@@ -1086,6 +1150,15 @@ function FileTreeNode({
           ) : /* @__PURE__ */ jsxs(Fragment, { children: [
             /* @__PURE__ */ jsx2("span", { className: "db-tree-label", children: displayFileName(entry.name) }),
             badge && /* @__PURE__ */ jsx2("span", { className: `db-git-badge db-git-badge--${badge.kind}`, "aria-hidden": "true", children: badge.glyph }),
+            readIssue2 && /* @__PURE__ */ jsx2(
+              "span",
+              {
+                className: "db-tree-read-issue",
+                title: `Could not read this file: ${readIssue2.message}`,
+                "aria-hidden": "true",
+                children: "!"
+              }
+            ),
             entry.kind === "file" && entry.lastModified && /* @__PURE__ */ jsx2(LastModifiedTime, { value: entry.lastModified }),
             /* @__PURE__ */ jsx2(
               "button",
@@ -1717,6 +1790,7 @@ import {
   FsError as FsError3,
   SQUISQ_RUNTIME_DIRECTORY_NAME,
   getFileSystemProviderV2 as getFileSystemProviderV23,
+  findWikiArticle,
   parseWorkspacePath as parseWorkspacePath3
 } from "@bendyline/docblocks/filesystem";
 import {
@@ -2149,10 +2223,7 @@ async function writeRuntimeIfNeeded(provider, runtimePath) {
   if (current !== PLAYER_BUNDLE) await writeProviderText(provider, runtimePath, PLAYER_BUNDLE);
 }
 async function renderPlainOutsideInHtml(provider, layout, markdown, themeId) {
-  const [{ parseMarkdown }, { markdownDocToPlainHtml }] = await Promise.all([
-    import("@bendyline/squisq/markdown"),
-    import("@bendyline/squisq-formats/html")
-  ]);
+  const { markdownDocToPlainHtml } = await import("@bendyline/squisq-formats/html");
   const container = new FileSystemContentContainer(provider, layout.companionDirectory);
   const images = /* @__PURE__ */ new Map();
   for (const entry of await container.listFiles()) {
@@ -2161,7 +2232,7 @@ async function renderPlainOutsideInHtml(provider, layout, markdown, themeId) {
     images.set(`./${entry.path}`, outputPath);
   }
   return new TextEncoder().encode(
-    markdownDocToPlainHtml(parseMarkdown(markdown), {
+    markdownDocToPlainHtml(markdown, {
       title: layout.stem,
       images: images.size > 0 ? images : void 0,
       ...themeId ? { themeId } : {}
@@ -2171,9 +2242,22 @@ async function renderPlainOutsideInHtml(provider, layout, markdown, themeId) {
 async function prepareOutsideInRender(provider, layout, markdown, render) {
   const themeId = await resolveFallbackRenderTheme(markdown, render);
   const htmlOutput = layout.format === "html" ? await readOutsideInHtmlOutput(markdown) : null;
+  let renderedSource = markdown;
+  if (layout.format === "html") {
+    const { parseMarkdown, resolveWikiLinks } = await import("@bendyline/squisq/markdown");
+    renderedSource = await resolveWikiLinks(parseMarkdown(markdown), async (target) => {
+      const article = await findWikiArticle(provider, layout.targetPath, target, ".html");
+      return article.exists ? article.relativePath.split("/").map(encodeURIComponent).join("/") : null;
+    });
+  }
   if (htmlOutput === "static") {
     return {
-      bytes: await renderPlainOutsideInHtml(provider, layout, markdown, themeId),
+      bytes: await renderPlainOutsideInHtml(
+        provider,
+        layout,
+        renderedSource,
+        themeId
+      ),
       runtimePath: null
     };
   }
@@ -2181,7 +2265,7 @@ async function prepareOutsideInRender(provider, layout, markdown, render) {
   const outputDirectory = dirname(layout.targetPath);
   const rendered = await renderOutsideInDocument(
     {
-      markdown,
+      markdown: renderedSource,
       targetPath: layout.targetPath,
       container: new FileSystemContentContainer(provider, layout.companionDirectory)
     },
@@ -2416,6 +2500,10 @@ var NEW_ITEM_HINT_ID = "db-new-item-hint";
 function normalisePath2(path) {
   return parseWorkspacePath4(path);
 }
+function readIssueText(issue) {
+  const failingPath = tryParseWorkspacePath2(issue.path);
+  return failingPath && failingPath !== issue.directoryPath ? `${failingPath}: ${issue.message}` : issue.message;
+}
 function hasEquivalentPath2(paths, path) {
   const canonical = normalisePath2(path);
   return paths.has(path) || paths.has(canonical) || canonical !== "" && paths.has(`/${canonical}`);
@@ -2880,7 +2968,7 @@ function FileExplorer({
                 role: "alert",
                 "data-directory-path": childIssue.directoryPath,
                 children: [
-                  /* @__PURE__ */ jsx5("span", { children: childIssue.message }),
+                  /* @__PURE__ */ jsx5("span", { children: readIssueText(childIssue) }),
                   " ",
                   /* @__PURE__ */ jsx5(
                     "button",
@@ -3161,7 +3249,7 @@ function FileExplorer({
             role: "alert",
             "data-directory-path": tree.rootIssue.directoryPath,
             children: [
-              /* @__PURE__ */ jsx5("span", { children: tree.rootIssue.message }),
+              /* @__PURE__ */ jsx5("span", { children: readIssueText(tree.rootIssue) }),
               " ",
               /* @__PURE__ */ jsx5(
                 "button",
@@ -3670,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
@@ -3686,13 +3774,15 @@ import {
   FileSystemContentContainer as FileSystemContentContainer2,
   createFileMediaProvider,
   decodeUtf8Text,
-  FsError as FsError5,
-  getFileSystemProviderV2 as getFileSystemProviderV210,
+  FsError as FsError6,
+  getFileSystemProviderV2 as getFileSystemProviderV211,
   isQuotaExceededError,
   moveFileSystemEntry as moveFileSystemEntry2,
   rewriteCompanionReferences,
   parseWorkspacePath as parseWorkspacePath8,
-  workspacePathContains
+  workspacePathContains,
+  findWikiArticle as findWikiArticle2,
+  suggestWikiArticles
 } from "@bendyline/docblocks/filesystem";
 import {
   createFileSystemDocumentTarget as createFileSystemDocumentTarget2,
@@ -3715,16 +3805,18 @@ import {
   getWorkspace,
   listWorkspaces as listWorkspaces2,
   reconcileElectronWorkspaceDescriptors,
-  removeWorkspace,
-  saveWorkspace as saveWorkspace2,
+  removeWorkspace as removeWorkspace2,
+  saveWorkspace as saveWorkspace3,
   touchWorkspace as touchWorkspace2,
   registerTransientWorkspace,
   getTransientWorkspace,
-  unregisterTransientWorkspace
+  unregisterTransientWorkspace,
+  appendWorkspaceBackup,
+  finishWorkspaceBackup
 } 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";
@@ -4041,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;
@@ -4077,6 +4248,7 @@ function AppMenu({
   onVersioningPreferenceChange,
   onOpenWorkspaceSettings,
   onDownloadAllWorkspaces,
+  onRestoreBackup,
   onShowKeyboardShortcuts,
   onKeepBrowserData,
   onInstallApp,
@@ -4086,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) => {
@@ -4112,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)) {
@@ -4122,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);
@@ -4139,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,
@@ -4151,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,
@@ -4162,7 +4335,7 @@ function AppMenu({
                   height: 242
                 }
               ),
-              logoDarkUrl && /* @__PURE__ */ jsx8(
+              logoDarkUrl && /* @__PURE__ */ jsx9(
                 "img",
                 {
                   src: logoDarkUrl,
@@ -4172,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" : ""}`,
@@ -4183,7 +4356,7 @@ function AppMenu({
           ]
         }
       ),
-      isOpen && /* @__PURE__ */ jsxs7(
+      isOpen && /* @__PURE__ */ jsxs8(
         "div",
         {
           ref: menuRef,
@@ -4191,7 +4364,7 @@ function AppMenu({
           role: "menu",
           onKeyDown: handleMenuKeyDown,
           children: [
-            /* @__PURE__ */ jsx8(
+            /* @__PURE__ */ jsx9(
               "button",
               {
                 className: "db-app-menu-item",
@@ -4201,7 +4374,7 @@ function AppMenu({
                 children: "Settings"
               }
             ),
-            onInstallApp && /* @__PURE__ */ jsx8(
+            onInstallApp && /* @__PURE__ */ jsx9(
               "button",
               {
                 className: "db-app-menu-item",
@@ -4211,8 +4384,8 @@ function AppMenu({
                 children: "Install DocBlocks\u2026"
               }
             ),
-            (onDownloadAllWorkspaces || 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",
@@ -4222,7 +4395,17 @@ function AppMenu({
                 children: "Back up all workspaces"
               }
             ),
-            onKeepBrowserData && /* @__PURE__ */ jsx8(
+            onRestoreBackup && /* @__PURE__ */ jsx9(
+              "button",
+              {
+                className: "db-app-menu-item",
+                role: "menuitem",
+                tabIndex: -1,
+                onClick: () => handleAction(onRestoreBackup),
+                children: "Restore backup\u2026"
+              }
+            ),
+            onKeepBrowserData && /* @__PURE__ */ jsx9(
               "button",
               {
                 className: "db-app-menu-item",
@@ -4232,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",
@@ -4243,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",
@@ -4260,7 +4443,7 @@ function AppMenu({
                 children: "Documentation"
               }
             ),
-            /* @__PURE__ */ jsx8(
+            /* @__PURE__ */ jsx9(
               "button",
               {
                 className: "db-app-menu-item",
@@ -4274,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",
@@ -4331,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",
@@ -4352,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",
@@ -4365,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",
@@ -4378,7 +4562,7 @@ function AppMenu({
           ),
           "Off for all workspaces"
         ] }),
-        onOpenWorkspaceSettings && /* @__PURE__ */ jsx8(
+        onOpenWorkspaceSettings && /* @__PURE__ */ jsx9(
           "button",
           {
             type: "button",
@@ -4392,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",
@@ -4432,7 +4616,7 @@ function AppMenu({
             children: "GitHub"
           }
         ),
-        /* @__PURE__ */ jsx8(
+        /* @__PURE__ */ jsx9(
           "a",
           {
             href: "https://github.com/bendyline/docblocks/releases",
@@ -4441,7 +4625,7 @@ function AppMenu({
             children: "Release notes"
           }
         ),
-        /* @__PURE__ */ jsx8(
+        /* @__PURE__ */ jsx9(
           "a",
           {
             href: "https://github.com/bendyline/docblocks/issues",
@@ -4450,7 +4634,7 @@ function AppMenu({
             children: "Support"
           }
         ),
-        /* @__PURE__ */ jsx8(
+        /* @__PURE__ */ jsx9(
           "a",
           {
             href: "https://github.com/bendyline/docblocks/blob/main/LICENSE",
@@ -4459,7 +4643,7 @@ function AppMenu({
             children: "License (MIT)"
           }
         ),
-        /* @__PURE__ */ jsx8(
+        /* @__PURE__ */ jsx9(
           "a",
           {
             href: "https://github.com/bendyline/docblocks/blob/main/NOTICE.md",
@@ -4473,19 +4657,72 @@ function AppMenu({
   ] });
 }
 
+// src/DocBlocksShell/restore-backup.ts
+import {
+  readWorkspaceBackup,
+  restoreWorkspaceBackup,
+  WORKSPACE_BACKUP_LIMITS,
+  saveWorkspace as saveWorkspace2,
+  removeWorkspace
+} from "@bendyline/docblocks/workspace";
+async function restoreBrowserBackup(file) {
+  if (file.size > 256 * 1024 * 1024) throw new Error("Backup ZIPs must be smaller than 256 MiB.");
+  const { zipToContainer } = await import("@bendyline/squisq-formats/container");
+  const container = await zipToContainer(await file.arrayBuffer(), WORKSPACE_BACKUP_LIMITS);
+  const workspaces = await readWorkspaceBackup(
+    container,
+    file.name.replace(/\.zip$/i, "") || "Workspace"
+  );
+  const { IndexedDBFileSystemProvider, deleteIndexedDBWorkspaceData } = await import("@bendyline/docblocks/filesystem/indexeddb");
+  const staged = [];
+  try {
+    for (const workspace of workspaces) {
+      const descriptor = {
+        id: `restored-${crypto.randomUUID()}`,
+        name: `${workspace.name.slice(0, 1013)} (restored)`,
+        type: "indexeddb",
+        lastOpened: (/* @__PURE__ */ new Date()).toISOString()
+      };
+      const provider = new IndexedDBFileSystemProvider(descriptor.id, descriptor.name).v2;
+      staged.push({ descriptor, provider });
+      await restoreWorkspaceBackup(workspace, provider);
+    }
+    for (const { descriptor } of staged) await saveWorkspace2(descriptor);
+    return staged.map(({ descriptor }) => descriptor);
+  } catch (error) {
+    const failures = [error];
+    for (const { descriptor, provider } of staged) {
+      try {
+        await provider.dispose();
+        await removeWorkspace(descriptor.id);
+        await deleteIndexedDBWorkspaceData(descriptor.id);
+      } catch (cleanupError) {
+        failures.push(cleanupError);
+      }
+    }
+    if (failures.length > 1)
+      throw new Error(
+        `Restore failed; temporary workspace cleanup also failed. ${failures.map((failure) => failure instanceof Error ? failure.message : String(failure)).join("; ")}`
+      );
+    throw error;
+  } finally {
+    for (const { provider } of staged) await provider.dispose();
+  }
+}
+
 // 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)) {
@@ -4495,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,
@@ -4514,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,
@@ -4525,7 +4762,7 @@ function WorkspaceSettingsButton({
         role: "menu",
         onKeyDown: handleMenuKeyDown,
         children: [
-          /* @__PURE__ */ jsx9(
+          /* @__PURE__ */ jsx10(
             "button",
             {
               className: "db-ws-settings-item",
@@ -4535,7 +4772,7 @@ function WorkspaceSettingsButton({
               children: "Workspace settings\u2026"
             }
           ),
-          /* @__PURE__ */ jsx9(
+          /* @__PURE__ */ jsx10(
             "button",
             {
               className: "db-ws-settings-item",
@@ -4545,7 +4782,7 @@ function WorkspaceSettingsButton({
               children: "Rename workspace"
             }
           ),
-          /* @__PURE__ */ jsx9(
+          /* @__PURE__ */ jsx10(
             "button",
             {
               className: "db-ws-settings-item",
@@ -4555,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",
@@ -4573,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,
@@ -4627,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",
@@ -4676,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]);
@@ -4709,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",
@@ -4728,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,
@@ -4757,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 {
@@ -4779,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;
@@ -4795,7 +5032,7 @@ function useWorkspaceSettings(provider, enabled) {
     stateRef.current = reset;
     setState(reset);
   }
-  useEffect11(() => {
+  useEffect12(() => {
     if (!providerV2) return;
     const generation = generationRef.current;
     let cancelled = false;
@@ -4810,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);
@@ -4829,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;
@@ -4846,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,
@@ -4870,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;
@@ -4892,7 +5129,7 @@ function useWorkspaceOutputs(provider, workspaceId, settings, enabled) {
       next.dispose();
     };
   }, [providerV2, workspaceId]);
-  useEffect12(() => {
+  useEffect13(() => {
     scheduler?.updateSettings(settings);
   }, [scheduler, settings]);
   const status = useSyncExternalStore2(
@@ -4927,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",
@@ -4955,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 })
   ] });
 }
 
@@ -4970,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())
@@ -4993,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-A2YBKUUD.js").then((module) => ({
+  () => 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
@@ -5040,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);
@@ -5078,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(
@@ -5092,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);
     };
@@ -5125,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;
@@ -5152,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(
@@ -5169,7 +5406,7 @@ function useGit(provider, requestedWorkspaceId, theme, onWorkingTreeChanged) {
     },
     [gitApi]
   );
-  useEffect14(() => {
+  useEffect15(() => {
     setRepo(null);
     setRemoteWeb(null);
     setPendingGrant(null);
@@ -5195,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);
@@ -5217,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({
@@ -5239,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);
@@ -5277,7 +5514,7 @@ function useGit(provider, requestedWorkspaceId, theme, onWorkingTreeChanged) {
     },
     [gitApi, repositoryId, refresh, routeError]
   );
-  const commit = useCallback12(
+  const commit = useCallback13(
     (message, paths) => runAction(
       "commit",
       "commit",
@@ -5286,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",
@@ -5295,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",
@@ -5310,7 +5547,7 @@ function useGit(provider, requestedWorkspaceId, theme, onWorkingTreeChanged) {
     ),
     [runAction]
   );
-  const switchBranch = useCallback12(
+  const switchBranch = useCallback13(
     (name) => runAction(
       "branch",
       "branch",
@@ -5319,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;
@@ -5331,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);
@@ -5455,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)",
@@ -5479,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 = () => {
@@ -5565,7 +5802,7 @@ function resolveShellEditorLinkTarget(href, documentPath) {
     targetSegments.push(segment);
   }
   const path = targetSegments.join("/");
-  if (!path || path.length > HOST_WIRE_LIMITS2.pathCharacters || !isMarkdownFileName(path)) {
+  if (!path || path.length > HOST_WIRE_LIMITS2.pathCharacters || !isMarkdownFileName(path) && !/\.html?$/i.test(path)) {
     return null;
   }
   return { kind: "workspace", path };
@@ -5588,10 +5825,36 @@ function hasControlCharacter(value) {
   return false;
 }
 
-// src/DocBlocksShell/import-files.ts
+// src/DocBlocksShell/wiki-articles.ts
 import {
+  ensureWikiArticle,
+  wikiArticleExists,
   FsError as FsError4,
-  getFileSystemProviderV2 as getFileSystemProviderV27,
+  getFileSystemProviderV2 as getFileSystemProviderV27
+} from "@bendyline/docblocks/filesystem";
+function wikiArticleExtension(format) {
+  return newFileHtmlOutput(format) ? ".html" : ".md";
+}
+async function ensureShellWikiArticle(provider, path, format, render) {
+  if (!/\.html?$/i.test(path)) return ensureWikiArticle(provider, path);
+  if (await wikiArticleExists(provider, path)) return false;
+  if (!getFileSystemProviderV27(provider)) {
+    throw new FsError4("not-supported", "This workspace cannot create articles safely.");
+  }
+  try {
+    await createNewOutsideInDocument(provider, path, newFileHtmlOutput(format), render);
+    return true;
+  } catch (error) {
+    if (error instanceof FsError4 && (error.code === "already-exists" || error.code === "conflict") && await wikiArticleExists(provider, path))
+      return false;
+    throw error;
+  }
+}
+
+// src/DocBlocksShell/import-files.ts
+import {
+  FsError as FsError5,
+  getFileSystemProviderV2 as getFileSystemProviderV28,
   parseWorkspacePath as parseWorkspacePath6
 } from "@bendyline/docblocks/filesystem";
 var MAX_NAME_ATTEMPTS = 100;
@@ -5602,7 +5865,7 @@ function withCopySuffix(path, n) {
   return `${path.slice(0, dot)} (${n})${path.slice(dot)}`;
 }
 function isAlreadyExists(error) {
-  return error instanceof FsError4 && error.code === "already-exists";
+  return error instanceof FsError5 && error.code === "already-exists";
 }
 async function claimAvailablePath(provider, desiredPath) {
   for (let attempt = 1; attempt <= MAX_NAME_ATTEMPTS; attempt++) {
@@ -5617,7 +5880,7 @@ async function claimAvailablePath(provider, desiredPath) {
   throw new Error(`Too many documents are already named like \u201C${desiredPath}\u201D.`);
 }
 async function writeProviderBytes(provider, path, data, mode) {
-  const providerV2 = getFileSystemProviderV27(provider);
+  const providerV2 = getFileSystemProviderV28(provider);
   if (providerV2) {
     await providerV2.writeFile(parseWorkspacePath6(path), data, {
       mode,
@@ -5627,7 +5890,7 @@ async function writeProviderBytes(provider, path, data, mode) {
     return;
   }
   if (mode === "create" && await providerEntryExists(provider, path)) {
-    throw new FsError4("already-exists", "File already exists.", { operation: "write", path });
+    throw new FsError5("already-exists", "File already exists.", { operation: "write", path });
   }
   await provider.writeBinary(path, data);
 }
@@ -5660,7 +5923,7 @@ function directoriesUnder(files, root) {
   return [...directories].sort((a, b) => b.split("/").length - a.split("/").length);
 }
 async function removeIfEmptyDirectory(provider, path) {
-  const providerV2 = getFileSystemProviderV27(provider);
+  const providerV2 = getFileSystemProviderV28(provider);
   if (!providerV2) return;
   await providerV2.remove(parseWorkspacePath6(path), { recursive: false, missing: "ignore" }).catch(() => void 0);
 }
@@ -5777,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",
@@ -5818,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,
@@ -5843,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 };
@@ -5862,7 +6125,7 @@ function usePromptDialog() {
     }),
     [settlePending]
   );
-  useEffect17(() => {
+  useEffect18(() => {
     return () => settlePending(null);
   }, [settlePending]);
   const promptDialog = pending ? React2.createElement(PromptDialog, {
@@ -5875,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",
@@ -5916,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,
@@ -5934,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,
@@ -5943,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 })
       ] })
     }
   );
@@ -5954,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);
@@ -5969,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 })
     ] }) });
   }
 };
@@ -6038,7 +6301,7 @@ function resolveShellTheme({
 }
 
 // src/DocBlocksShell/last-state.ts
-import { tryParseWorkspacePath as tryParseWorkspacePath2 } from "@bendyline/docblocks/filesystem";
+import { tryParseWorkspacePath as tryParseWorkspacePath3 } from "@bendyline/docblocks/filesystem";
 var LAST_STATE_KEY = "docblocks:lastState";
 var MAX_WORKSPACE_ID_CHARACTERS = 256;
 var MAX_WORKSPACE_PATH_CHARACTERS = 4096;
@@ -6059,7 +6322,7 @@ function parseLastState(value) {
   if (!hasExactKeys(record, ["workspaceId", "filePath", "view"])) return null;
   if (!isBoundedText(record.workspaceId, MAX_WORKSPACE_ID_CHARACTERS)) return null;
   if (!isBoundedText(record.filePath, MAX_WORKSPACE_PATH_CHARACTERS)) return null;
-  const parsedPath = tryParseWorkspacePath2(record.filePath);
+  const parsedPath = tryParseWorkspacePath3(record.filePath);
   if (!parsedPath) return null;
   if (typeof record.view !== "string" || !EDITOR_VIEWS.has(record.view)) return null;
   return {
@@ -6262,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)"
@@ -6278,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);
@@ -6298,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") {
@@ -6326,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(
@@ -6353,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);
@@ -6364,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;
@@ -6398,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) {
@@ -6410,7 +6673,7 @@ function useFormFactorAttributes(rootRef, formFactor, layoutMode, drawerOpen) {
       owned.clear();
     };
   }, []);
-  useEffect23(() => {
+  useEffect24(() => {
     if (typeof document === "undefined") return;
     const attributes = {
       ...formFactorDataAttributes(formFactor, layoutMode)
@@ -6436,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") {
@@ -6452,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;
@@ -6465,7 +6728,7 @@ function useEdgeSwipe({
   onOpen,
   onClose
 }) {
-  useEffect25(() => {
+  useEffect26(() => {
     const surface = surfaceRef.current;
     if (!enabled || !surface) return;
     let pointerId = null;
@@ -6547,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);
@@ -6613,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);
@@ -6634,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,
@@ -6643,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",
@@ -6662,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",
@@ -6683,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" })
           ] })
         ]
       }
@@ -6692,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",
@@ -6715,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",
@@ -6736,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";
@@ -6839,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();
@@ -6852,8 +7115,8 @@ 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 { getFileSystemProviderV2 as getFileSystemProviderV28 } from "@bendyline/docblocks/filesystem";
+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({
   phase: "idle",
@@ -6883,10 +7146,10 @@ function whenIdle(callback) {
   return () => clearTimeout(handle);
 }
 function useWorkspaceIndex(provider, workspaceId, mode = "eager") {
-  const providerV2 = provider && mode !== "off" ? getFileSystemProviderV28(provider) : null;
-  const [index, setIndex] = useState22(null);
-  const startRequestedRef = useRef18(false);
-  useEffect28(() => {
+  const providerV2 = provider && mode !== "off" ? getFileSystemProviderV29(provider) : null;
+  const [index, setIndex] = useState23(null);
+  const startRequestedRef = useRef19(false);
+  useEffect29(() => {
     setIndex(null);
     startRequestedRef.current = false;
     if (!providerV2 || !workspaceId) return;
@@ -6908,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 = () => {
@@ -6925,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;
@@ -6946,7 +7209,7 @@ function useWorkspaceIndex(provider, workspaceId, mode = "eager") {
 }
 
 // src/WorkspaceIndex/recent-documents.ts
-import { tryParseWorkspacePath as tryParseWorkspacePath3 } from "@bendyline/docblocks/filesystem";
+import { tryParseWorkspacePath as tryParseWorkspacePath4 } from "@bendyline/docblocks/filesystem";
 var RECENT_DOCUMENTS_STORAGE_KEY = "docblocks:recentDocuments:v1";
 var MAX_PATHS_PER_WORKSPACE = 50;
 var MAX_WORKSPACES = 50;
@@ -6965,7 +7228,7 @@ function defaultStorage() {
 }
 function canonicalPath(path) {
   if (path.length === 0 || path.length > MAX_PATH_LENGTH) return null;
-  return tryParseWorkspacePath3(path) || null;
+  return tryParseWorkspacePath4(path) || null;
 }
 function parseRecentDocuments(value) {
   const parsed = /* @__PURE__ */ new Map();
@@ -7071,14 +7334,14 @@ var WorkspaceAuthorityBarrier = class {
 
 // src/DocBlocksShell/transient-workspace-move.ts
 import {
-  getFileSystemProviderV2 as getFileSystemProviderV29
+  getFileSystemProviderV2 as getFileSystemProviderV210
 } from "@bendyline/docblocks/filesystem";
 function pathDepth(path) {
   return path ? path.split("/").length : 0;
 }
 async function copyTransientWorkspaceContents(source, destination) {
-  const sourceV2 = getFileSystemProviderV29(source);
-  const destinationV2 = getFileSystemProviderV29(destination);
+  const sourceV2 = getFileSystemProviderV210(source);
+  const destinationV2 = getFileSystemProviderV210(destination);
   if (!sourceV2 || !destinationV2) {
     throw new Error("Moving a temporary document requires a current workspace provider.");
   }
@@ -7175,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 () => {
@@ -7243,13 +7518,13 @@ function loadEditorShell() {
   return editorShellModulePromise;
 }
 var EditorShell = lazy2(loadEditorShell);
-var DocumentConflictDialog = lazy2(() => import("./DocumentConflictDialog-5LRVIGXS.js"));
-var GitUI = lazy2(() => import("./GitUI-RCWUZVS6.js").then((m) => ({ default: m.GitUI })));
+var DocumentConflictDialog = lazy2(() => import("./DocumentConflictDialog-DZ2BV2IH.js"));
+var GitUI = lazy2(() => import("./GitUI-F3CNBURE.js").then((m) => ({ default: m.GitUI })));
 var QuickOpenDialog = lazy2(
-  () => import("./QuickOpenDialog-2KK4SEBU.js").then((m) => ({ default: m.QuickOpenDialog }))
+  () => import("./QuickOpenDialog-ENVFGIHS.js").then((m) => ({ default: m.QuickOpenDialog }))
 );
 var KeyboardShortcutsDialog = lazy2(
-  () => import("./KeyboardShortcutsDialog-G5OBDTNR.js").then((m) => ({ default: m.KeyboardShortcutsDialog }))
+  () => import("./KeyboardShortcutsDialog-HVKDFP5Z.js").then((m) => ({ default: m.KeyboardShortcutsDialog }))
 );
 var WorkspaceSearchPanel = lazy2(
   () => import("./WorkspaceSearchPanel-J6BKEZQJ.js").then((m) => ({
@@ -7263,37 +7538,37 @@ var GitToolbarControl = lazy2(
   () => import("./GitToolbarControl-B7KG4MFP.js").then((m) => ({ default: m.GitToolbarControl }))
 );
 var AiToolbarControl = lazy2(
-  () => import("./AiEditorAssistant-YLJ5OZK2.js").then((module) => ({
+  () => import("./AiEditorAssistant-V4MZRC6Q.js").then((module) => ({
     default: module.AiToolbarControl
   }))
 );
 var PresentationMaker = lazy2(
-  () => import("./PresentationMaker-P2JP6UUX.js").then((module) => ({
+  () => import("./PresentationMaker-H5B44Q7P.js").then((module) => ({
     default: module.PresentationMaker
   }))
 );
 var AiReviewPanel = lazy2(
-  () => import("./AiEditorAssistant-YLJ5OZK2.js").then((module) => ({
+  () => import("./AiEditorAssistant-V4MZRC6Q.js").then((module) => ({
     default: module.AiReviewPanel
   }))
 );
 var AiIllustratePanel = lazy2(
-  () => import("./AiDiagrams-QE3LVYFK.js").then((module) => ({
+  () => import("./AiDiagrams-5P657GFC.js").then((module) => ({
     default: module.AiIllustratePanel
   }))
 );
 var TextFromNarration = lazy2(
-  () => import("./TextFromNarration-NITJQ4IB.js").then((module) => ({
+  () => import("./TextFromNarration-EYOMW2IW.js").then((module) => ({
     default: module.TextFromNarration
   }))
 );
 var SpeechToolbarControl = lazy2(
-  () => import("./SpeechToolbarControl-CLU7RB2G.js").then((module) => ({
+  () => import("./SpeechToolbarControl-KNI2C4JJ.js").then((module) => ({
     default: module.SpeechToolbarControl
   }))
 );
 var SpeechMenuBridge = lazy2(
-  () => import("./SpeechToolbarControl-CLU7RB2G.js").then((module) => ({
+  () => import("./SpeechToolbarControl-KNI2C4JJ.js").then((module) => ({
     default: module.SpeechMenuBridge
   }))
 );
@@ -7371,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);
@@ -7434,19 +7709,19 @@ function pathContains(parentPath2, candidatePath) {
   return workspacePathContains(parseWorkspacePath8(parentPath2), parseWorkspacePath8(candidatePath));
 }
 async function readProviderDirectory2(provider, path) {
-  const providerV2 = getFileSystemProviderV210(provider);
+  const providerV2 = getFileSystemProviderV211(provider);
   if (!providerV2) return provider.readDirectory(path);
   const entries = await providerV2.readDirectory(parseWorkspacePath8(path));
   return entries.map((entry) => ({ kind: entry.kind, name: entry.name, path: entry.path }));
 }
 async function readProviderText(provider, path) {
-  const providerV2 = getFileSystemProviderV210(provider);
+  const providerV2 = getFileSystemProviderV211(provider);
   if (!providerV2) return provider.readFile(path);
   const file = await providerV2.readFile(parseWorkspacePath8(path));
   return file ? decodeUtf8Text(file.data, { label: "The document", path: parseWorkspacePath8(path) }) : null;
 }
 async function pinnedProviderFileExists(provider, path) {
-  const providerV2 = getFileSystemProviderV210(provider);
+  const providerV2 = getFileSystemProviderV211(provider);
   if (!providerV2) return provider.exists(path);
   const entry = await providerV2.stat(parseWorkspacePath8(path));
   if (!entry) return false;
@@ -7454,7 +7729,7 @@ async function pinnedProviderFileExists(provider, path) {
   return true;
 }
 async function removePinnedProviderFile(provider, path) {
-  const providerV2 = getFileSystemProviderV210(provider);
+  const providerV2 = getFileSystemProviderV211(provider);
   if (providerV2) {
     const canonical = parseWorkspacePath8(path);
     const entry = await providerV2.stat(canonical);
@@ -7472,7 +7747,7 @@ async function removePinnedProviderFile(provider, path) {
   return true;
 }
 async function readStableFileSnapshot(provider, path) {
-  const providerV2 = getFileSystemProviderV210(provider);
+  const providerV2 = getFileSystemProviderV211(provider);
   if (providerV2) {
     const read2 = await providerV2.readFile(parseWorkspacePath8(path));
     return {
@@ -7516,7 +7791,7 @@ async function ensureHandleWritePermission(handle) {
   }
 }
 async function copyProviderToContainer(src, container, pathPrefix) {
-  const providerV2 = getFileSystemProviderV210(src);
+  const providerV2 = getFileSystemProviderV211(src);
   if (providerV2) {
     const snapshot = await providerV2.snapshot();
     for (const entry of snapshot.entries) {
@@ -7560,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",
@@ -7569,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",
@@ -7584,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",
@@ -7602,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" })
       ]
     }
   );
@@ -7641,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(
@@ -7658,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);
@@ -7738,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,
@@ -7764,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,
@@ -7781,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 };
@@ -7834,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) {
@@ -7851,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 = getFileSystemProviderV210(provider);
+    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);
@@ -7876,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(
@@ -7892,7 +8169,7 @@ function DocBlocksShell({
       }))
     );
   }, [pinnedDocuments]);
-  const setPinnedAvailability = useCallback18(
+  const setPinnedAvailability = useCallback19(
     (document2, availability) => {
       const key = pinnedDocumentKey(document2);
       setPinnedDocumentAvailability((current) => {
@@ -7911,7 +8188,7 @@ function DocBlocksShell({
     })),
     [pinnedDocumentAvailability, pinnedDocuments]
   );
-  useEffect29(() => {
+  useEffect30(() => {
     if (!provider || !activeWorkspaceId) return;
     const activePins = pinnedDocuments.filter(
       (document2) => document2.workspaceId === activeWorkspaceId
@@ -7947,7 +8224,7 @@ function DocBlocksShell({
     void scan();
     const scanOnFocus = () => void scan();
     window.addEventListener("focus", scanOnFocus);
-    const providerV2 = getFileSystemProviderV210(provider);
+    const providerV2 = getFileSystemProviderV211(provider);
     const subscription = providerV2?.capabilities.watch ? providerV2.watch(
       (event) => {
         if (event.type !== "modified") void scan();
@@ -7961,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;
@@ -7986,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(
@@ -8007,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);
@@ -8029,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);
   }, []);
@@ -8045,39 +8322,39 @@ 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);
       if (descriptor && descriptor.versioningOverride !== void 0) {
         const moved = { ...descriptor };
         delete moved.versioningOverride;
-        await saveWorkspace2(moved);
+        await saveWorkspace3(moved);
         setDescriptorRefreshKey((k) => k + 1);
       }
     },
     [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;
@@ -8086,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);
@@ -8104,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);
@@ -8112,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);
@@ -8135,7 +8412,7 @@ function DocBlocksShell({
     }
     return URL.createObjectURL(new Blob([selectedImage.data], { type: selectedImage.mimeType }));
   }, [selectedImage]);
-  useEffect29(
+  useEffect30(
     () => () => {
       if (selectedImageUrl) URL.revokeObjectURL(selectedImageUrl);
     },
@@ -8153,7 +8430,13 @@ function DocBlocksShell({
         return {
           resolveTarget: (filename) => resolveTarget(documentId, filename),
           pickTarget: (filename, currentTarget) => pickTarget(documentId, filename, currentTarget?.grantId ?? null),
-          saveBlob: (blob, filename, target) => saveBlobToHost(exports, documentId, blob, filename, target?.grantId ?? null)
+          saveBlob: (blob, filename, target) => saveBlobToHost(exports, documentId, blob, filename, target?.grantId ?? null),
+          ...hostSupports2("openSavedExports") && exports.openSaved ? {
+            openSaved: async (target) => {
+              if (!target.grantId) throw new Error("The saved export has no native target.");
+              await exports.openSaved(documentId, target.grantId);
+            }
+          } : {}
         };
       }
     }
@@ -8175,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]
@@ -8190,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();
@@ -8200,7 +8483,7 @@ function DocBlocksShell({
     };
   }, [documentSession]);
   const editorGenerationSettled = editorGeneration === documentSnapshot.generation;
-  useEffect29(() => {
+  useEffect30(() => {
     setOutsideInPdfWorker(pdfWorkerSrc2);
   }, [pdfWorkerSrc2]);
   const editorKey = String(editorGeneration);
@@ -8208,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 && getFileSystemProviderV210(provider)?.capabilities.watch) 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(
@@ -8420,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;
@@ -8515,12 +8798,12 @@ function DocBlocksShell({
         }
         return fsProvider;
       } finally {
-        if (!transient && !adopted) await getFileSystemProviderV210(fsProvider)?.dispose();
+        if (!transient && !adopted) await getFileSystemProviderV211(fsProvider)?.dispose();
       }
     },
     [adoptSelectedDocument, createDocumentTarget, documentSession, pushHash]
   );
-  const adoptTransientWorkspace = useCallback18(
+  const adoptTransientWorkspace = useCallback19(
     async (options) => {
       const descriptor = {
         id: options.id,
@@ -8550,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");
@@ -8567,7 +8850,7 @@ function DocBlocksShell({
           )
         });
       } catch (error) {
-        await getFileSystemProviderV210(mem)?.dispose();
+        await getFileSystemProviderV211(mem)?.dispose();
         throw error;
       }
       return adoptTransientWorkspace({
@@ -8583,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;
@@ -8608,12 +8891,15 @@ 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");
       } catch (error) {
-        if (!(error instanceof FsError5 && error.code === "already-exists")) throw error;
+        if (!(error instanceof FsError6 && error.code === "already-exists")) throw error;
         const existing = await readProviderText(fs, welcomePath);
         if (existing === null) throw error;
         seededContent = existing;
@@ -8632,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;
@@ -8669,8 +8962,8 @@ function DocBlocksShell({
             getDocBlocksHost().env.platform,
             (/* @__PURE__ */ new Date()).toISOString()
           );
-          for (const id of reconciliation.removeIds) await removeWorkspace(id);
-          for (const workspace of reconciliation.upsert) await saveWorkspace2(workspace);
+          for (const id of reconciliation.removeIds) await removeWorkspace2(id);
+          for (const workspace of reconciliation.upsert) await saveWorkspace3(workspace);
           workspaceIdRemap = reconciliation.idRemap;
           for (const workspace of hostWorkspaces) {
             if (workspace.isDefault === true) defaultHostWorkspaceIds.add(workspace.id);
@@ -8763,12 +9056,12 @@ function DocBlocksShell({
           const p = await createHostProviderFromWorkspace(ws);
           if (!p) continue;
           if (!isCurrent()) {
-            await getFileSystemProviderV210(p)?.dispose();
+            await getFileSystemProviderV211(p)?.dispose();
             return;
           }
           await touchWorkspace2(ws.id);
           if (!isCurrent()) {
-            await getFileSystemProviderV210(p)?.dispose();
+            await getFileSystemProviderV211(p)?.dispose();
             return;
           }
           fsProvider = p;
@@ -8777,12 +9070,12 @@ function DocBlocksShell({
           const restored = await (await loadNativeFileSystem()).restoreNativeFolder(ws.id);
           if (restored) {
             if (!isCurrent()) {
-              await getFileSystemProviderV210(restored)?.dispose();
+              await getFileSystemProviderV211(restored)?.dispose();
               return;
             }
             await touchWorkspace2(ws.id);
             if (!isCurrent()) {
-              await getFileSystemProviderV210(restored)?.dispose();
+              await getFileSystemProviderV211(restored)?.dispose();
               return;
             }
             fsProvider = restored;
@@ -8791,12 +9084,12 @@ function DocBlocksShell({
         } else {
           const p = await createIndexedDbFileSystemProvider(ws.id, ws.name);
           if (!isCurrent()) {
-            await getFileSystemProviderV210(p)?.dispose();
+            await getFileSystemProviderV211(p)?.dispose();
             return;
           }
           await touchWorkspace2(ws.id);
           if (!isCurrent()) {
-            await getFileSystemProviderV210(p)?.dispose();
+            await getFileSystemProviderV211(p)?.dispose();
             return;
           }
           fsProvider = p;
@@ -8814,11 +9107,11 @@ function DocBlocksShell({
             rootPath: info.rootPath,
             lastOpened: (/* @__PURE__ */ new Date()).toISOString()
           };
-          await saveWorkspace2(descriptor);
+          await saveWorkspace3(descriptor);
           if (!isCurrent()) return;
           const p = await createHostFileSystemProvider(info.id, info.name, info.rootPath);
           if (!isCurrent()) {
-            await getFileSystemProviderV210(p)?.dispose();
+            await getFileSystemProviderV211(p)?.dispose();
             return;
           }
           fsProvider = p;
@@ -8827,7 +9120,7 @@ function DocBlocksShell({
           if (!isCurrent()) return;
           const p = await createIndexedDbFileSystemProvider(defaultWs.id, defaultWs.name);
           if (!isCurrent()) {
-            await getFileSystemProviderV210(p)?.dispose();
+            await getFileSystemProviderV211(p)?.dispose();
             return;
           }
           fsProvider = p;
@@ -8848,7 +9141,7 @@ function DocBlocksShell({
         setActiveWorkspaceId(fsProvider.id);
         adopted = true;
       } finally {
-        if (!adopted) await getFileSystemProviderV210(fsProvider)?.dispose();
+        if (!adopted) await getFileSystemProviderV211(fsProvider)?.dispose();
       }
     })().catch(() => {
       if (isCurrent()) {
@@ -8862,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 = () => {
@@ -8904,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;
@@ -8917,7 +9210,7 @@ function DocBlocksShell({
       cancelled = true;
     };
   }, [showBrowserStorageWarning]);
-  useEffect29(() => {
+  useEffect30(() => {
     if (hasDocBlocksHost() || typeof window === "undefined") return;
     const onBeforeInstallPrompt = (e) => {
       e.preventDefault();
@@ -8940,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;
@@ -8950,7 +9243,7 @@ function DocBlocksShell({
     } catch {
     }
   }, [installPromptEvent]);
-  useEffect29(() => {
+  useEffect30(() => {
     const handler = (e) => {
       const target = e.target.closest?.("[data-view]");
       if (target) {
@@ -8966,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");
@@ -8979,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;
@@ -9050,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;
@@ -9075,7 +9368,7 @@ function DocBlocksShell({
     selectedSourceFile ?? selectedFile,
     workspaceIndex.ensure
   );
-  useEffect29(() => {
+  useEffect30(() => {
     const ref = versioningRef;
     if (!ref) return;
     const assign = (mgr2) => {
@@ -9099,9 +9392,9 @@ function DocBlocksShell({
       (output) => output.status === "written" && sameProviderPath(output.path, selectedFile)
     ) ? workspaceOutputsResult : null;
   }, [selectedFile, selectedManagedOutput, workspaceOutputsResult]);
-  useEffect29(() => {
+  useEffect30(() => {
     if (!provider) return;
-    const providerV2 = getFileSystemProviderV210(provider);
+    const providerV2 = getFileSystemProviderV211(provider);
     const lifecycle = maybeGetDocBlocksHost4()?.lifecycle;
     if (!providerV2 || !providerV2.capabilities.watch && !lifecycle?.onResume && !managedOutputRefreshToken)
       return;
@@ -9180,7 +9473,7 @@ function DocBlocksShell({
     documentSnapshot.targetKey,
     showToast
   ]);
-  const transitionAwayFromDocument = useCallback18(
+  const transitionAwayFromDocument = useCallback19(
     async (requestId) => {
       if (requestId !== navigationRequestRef.current) return false;
       try {
@@ -9199,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 {
@@ -9231,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");
@@ -9246,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 = () => {
@@ -9272,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) => {
@@ -9298,7 +9591,7 @@ function DocBlocksShell({
       stopCancel?.();
     };
   }, [documentSession]);
-  const handleWorkspaceSelect = useCallback18(
+  const handleWorkspaceSelect = useCallback19(
     async (ws) => {
       const requestId = ++navigationRequestRef.current;
       await touchWorkspace2(ws.id);
@@ -9330,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) => {
@@ -9340,7 +9633,7 @@ function DocBlocksShell({
       return next;
     });
   }, []);
-  const confirmMissingPinnedDocument = useCallback18(
+  const confirmMissingPinnedDocument = useCallback19(
     async (document2) => {
       setPinnedAvailability(document2, "missing");
       const shouldUnpin = await confirmAction({
@@ -9353,7 +9646,7 @@ function DocBlocksShell({
     },
     [confirmAction, setPinnedAvailability, unpinDocument]
   );
-  const handleTogglePin = useCallback18(
+  const handleTogglePin = useCallback19(
     (path) => {
       if (!activeWorkspaceId || !provider) return;
       const canonicalPath2 = parseWorkspacePath8(path);
@@ -9391,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);
@@ -9499,7 +9792,7 @@ function DocBlocksShell({
       } finally {
         if (nextProvider && ownsNextProvider && !adoptedNextProvider) {
           try {
-            await getFileSystemProviderV210(nextProvider)?.dispose();
+            await getFileSystemProviderV211(nextProvider)?.dispose();
           } catch {
           }
         }
@@ -9519,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.");
@@ -9605,14 +9898,14 @@ function DocBlocksShell({
           }
         }
         try {
-          await removeWorkspace(activeWorkspaceId);
+          await removeWorkspace2(activeWorkspaceId);
         } catch {
         }
         setDescriptorRefreshKey((key) => key + 1);
       } catch (error) {
         if (destinationProvider && !adoptedDestination) {
           try {
-            await getFileSystemProviderV210(destinationProvider)?.dispose();
+            await getFileSystemProviderV211(destinationProvider)?.dispose();
           } catch {
           }
         }
@@ -9633,7 +9926,7 @@ function DocBlocksShell({
       transientMoveDestinations
     ]
   );
-  const handleOpenFolder = useCallback18(async () => {
+  const handleOpenFolder = useCallback19(async () => {
     const requestId = ++navigationRequestRef.current;
     try {
       if (hostSupports2("workspaceFolderPicker")) {
@@ -9647,7 +9940,7 @@ function DocBlocksShell({
           rootPath: info.rootPath,
           lastOpened: (/* @__PURE__ */ new Date()).toISOString()
         };
-        await saveWorkspace2(descriptor2);
+        await saveWorkspace3(descriptor2);
         if (requestId !== navigationRequestRef.current) return;
         const provider2 = await createHostFileSystemProvider(info.id, info.name, info.rootPath);
         if (!await transitionAwayFromDocument(requestId)) return;
@@ -9667,7 +9960,7 @@ function DocBlocksShell({
         type: "native",
         lastOpened: (/* @__PURE__ */ new Date()).toISOString()
       };
-      await saveWorkspace2(descriptor);
+      await saveWorkspace3(descriptor);
       if (requestId !== navigationRequestRef.current) return;
       if (!await transitionAwayFromDocument(requestId)) return;
       setProvider(nativeProvider);
@@ -9679,7 +9972,7 @@ function DocBlocksShell({
     } catch {
     }
   }, [adoptSelectedDocument, pushHash, transitionAwayFromDocument]);
-  const handleWorkspaceCloned = useCallback18(
+  const handleWorkspaceCloned = useCallback19(
     (info) => {
       const requestId = ++navigationRequestRef.current;
       void (async () => {
@@ -9690,7 +9983,7 @@ function DocBlocksShell({
           rootPath: info.rootPath,
           lastOpened: (/* @__PURE__ */ new Date()).toISOString()
         };
-        await saveWorkspace2(descriptor);
+        await saveWorkspace3(descriptor);
         if (requestId !== navigationRequestRef.current) return;
         const cloneProvider = await createHostFileSystemProvider(info.id, info.name, info.rootPath);
         if (!await transitionAwayFromDocument(requestId)) return;
@@ -9704,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;
@@ -9718,12 +10011,12 @@ function DocBlocksShell({
           if (requestId !== navigationRequestRef.current) return null;
           if (format === "markdown") {
             const content = "# " + filename.replace(/\.[^.]+$/, "") + "\n";
-            const providerV2 = getFileSystemProviderV210(provider);
+            const providerV2 = getFileSystemProviderV211(provider);
             if (providerV2) {
               try {
                 await writeProviderText(provider, path, content, "create");
               } catch (error) {
-                if (error instanceof FsError5 && error.code === "already-exists") {
+                if (error instanceof FsError6 && error.code === "already-exists") {
                   throw new Error("A document with that name already exists.");
                 }
                 throw error;
@@ -9806,7 +10099,7 @@ function DocBlocksShell({
       showToast
     ]
   );
-  const handleNewFolder = useCallback18(async () => {
+  const handleNewFolder = useCallback19(async () => {
     if (!provider) return;
     const name = await promptForText({
       title: "New folder",
@@ -9822,7 +10115,7 @@ function DocBlocksShell({
     }
     const path = `/${folderName}`;
     try {
-      const providerV2 = getFileSystemProviderV210(provider);
+      const providerV2 = getFileSystemProviderV211(provider);
       if (providerV2) {
         await providerV2.createDirectory(parseWorkspacePath8(path), { mode: "create" });
       } else {
@@ -9832,7 +10125,7 @@ function DocBlocksShell({
         await provider.createDirectory(path);
       }
     } catch (error) {
-      const message = error instanceof FsError5 && error.code === "already-exists" ? "A file or folder with that name already exists." : error instanceof Error ? error.message : "Could not create the folder.";
+      const message = error instanceof FsError6 && error.code === "already-exists" ? "A file or folder with that name already exists." : error instanceof Error ? error.message : "Could not create the folder.";
       showToast("error", message);
       return;
     }
@@ -9854,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");
@@ -9930,7 +10223,7 @@ function DocBlocksShell({
     ]
   );
   useShellShortcuts(shortcutHandlers, layoutMode);
-  useEffect29(
+  useEffect30(
     () => maybeGetDocBlocksHost4()?.lifecycle?.onBack?.(() => {
       if (dismissTopmostDialog()) return true;
       const escape = new KeyboardEvent("keydown", {
@@ -9952,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);
@@ -9968,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;
@@ -9978,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;
@@ -9990,7 +10283,7 @@ function DocBlocksShell({
       );
     });
   }, [nativeWorkspaceId, showToast]);
-  useEffect29(() => {
+  useEffect30(() => {
     const host = maybeGetDocBlocksHost4();
     if (!hostSupports2("menuCommands") || !host?.onMenuCommand) return;
     return host.onMenuCommand((cmd) => {
@@ -10057,8 +10350,8 @@ function DocBlocksShell({
       }
     });
   }, [handleNewFile, handleOpenFolder, handleRevealWorkspace, acknowledge, openFind]);
-  const handleSelect = useCallback18(
-    async (path, kind) => {
+  const handleSelect = useCallback19(
+    async (path, kind, createWikiArticle = false) => {
       if (!provider || !activeWorkspaceId) return;
       const requestId = ++navigationRequestRef.current;
       if (kind === "directory") {
@@ -10075,6 +10368,17 @@ function DocBlocksShell({
         try {
           const transitioned = await documentSession.transitionWithLoad(async () => {
             if (requestId !== navigationRequestRef.current) return null;
+            if (createWikiArticle) {
+              if (await ensureShellWikiArticle(
+                provider,
+                parseWorkspacePath8(path),
+                defaultNewFileFormat,
+                outsideInRenderRef.current
+              )) {
+                notifyWorkspaceChanged(activeWorkspaceId, path);
+              }
+              if (requestId !== navigationRequestRef.current) return null;
+            }
             openedDocument = await loadEditableShellDocument(
               provider,
               path,
@@ -10126,10 +10430,73 @@ function DocBlocksShell({
       documentSession,
       notifyWorkspaceChanged,
       transitionAwayFromDocument,
-      showToast
+      showToast,
+      defaultNewFileFormat
     ]
   );
-  const handleEnableOutsideInEditing = useCallback18(
+  const wikiNavigationRef = useRef20(handleSelect);
+  wikiNavigationRef.current = handleSelect;
+  const wikiLinks = useMemo6(() => {
+    if (!provider || !selectedFile || !activeWorkspaceId) return null;
+    const source = selectedFile;
+    const extension = wikiArticleExtension(defaultNewFileFormat);
+    const lookups = /* @__PURE__ */ new Map();
+    let queue = Promise.resolve();
+    const lookup = (target) => {
+      let result = lookups.get(target);
+      if (!result) {
+        result = queue.then(() => findWikiArticle2(provider, source, target, extension));
+        queue = result.then(
+          () => void 0,
+          () => void 0
+        );
+        lookups.set(target, result);
+      }
+      return result;
+    };
+    return {
+      async suggest(query) {
+        const index = workspaceIndex.index;
+        if (!index) return [];
+        workspaceIndex.ensure();
+        await index.whenListed({ timeoutMs: 5e3 });
+        return suggestWikiArticles(
+          index.getFiles(),
+          index.getDirectories(),
+          source,
+          query,
+          extension
+        );
+      },
+      async exists(target) {
+        return (await lookup(target)).exists;
+      },
+      async resolve(target) {
+        const article = await lookup(target);
+        if (!article.exists) return null;
+        const href = selectedSourceFile !== selectedFile ? `/${article.path}` : article.relativePath;
+        return href.split("/").map(encodeURIComponent).join("/");
+      },
+      async open(target, { create }) {
+        const requestId = navigationRequestRef.current;
+        const navigate = wikiNavigationRef.current;
+        const { path } = await lookup(target);
+        if (requestId !== navigationRequestRef.current || navigate !== wikiNavigationRef.current)
+          return;
+        await navigate(path, "file", create);
+      }
+    };
+  }, [
+    provider,
+    selectedFile,
+    selectedSourceFile,
+    activeWorkspaceId,
+    defaultNewFileFormat,
+    workspaceIndex.index,
+    workspaceIndex.ensure,
+    workspaceIndex.status.generation
+  ]);
+  const handleEnableOutsideInEditing = useCallback19(
     async (path) => {
       if (!provider || !activeWorkspaceId) {
         throw new Error("Open the workspace before enabling Markdown editing.");
@@ -10191,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 [];
@@ -10207,7 +10574,7 @@ function DocBlocksShell({
     },
     [catalogHtmlPath, handleEnableOutsideInEditing, selectedFile, selectedOutsideInEditingEnabled]
   );
-  const actionsForEntry = useCallback18(
+  const actionsForEntry = useCallback19(
     (entry) => {
       const nativeActions = createNativeFileActions(
         entry,
@@ -10230,7 +10597,7 @@ function DocBlocksShell({
     () => quickOpenOpen && activeWorkspaceId ? loadRecentDocuments(activeWorkspaceId) : [],
     [quickOpenOpen, activeWorkspaceId]
   );
-  const handleQuickOpenChoice = useCallback18(
+  const handleQuickOpenChoice = useCallback19(
     (item) => {
       setQuickOpenOpen(false);
       if (item.workspaceId === activeWorkspaceId) {
@@ -10244,19 +10611,19 @@ 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) {
         showToast(
           "error",
-          "DocBlocks only opens HTTP(S) links or Markdown files inside this workspace."
+          "DocBlocks only opens HTTP(S) links or Markdown and HTML files inside this workspace."
         );
         return true;
       }
@@ -10274,14 +10641,14 @@ function DocBlocksShell({
         if (!provider) return;
         try {
           if (!await providerEntryExists(provider, target.path)) {
-            showToast("error", "The linked Markdown file was not found in this workspace.");
+            showToast("error", "The linked document was not found in this workspace.");
             return;
           }
           await handleSelect(target.path, "file");
         } catch (error) {
           showToast(
             "error",
-            error instanceof Error ? error.message : "Could not open the linked Markdown file."
+            error instanceof Error ? error.message : "Could not open the linked document."
           );
         }
       })();
@@ -10289,7 +10656,7 @@ function DocBlocksShell({
     },
     [handleSelect, provider, selectedFile, selectedSourceFile, showToast]
   );
-  const handleTreeMutation = useCallback18(
+  const handleTreeMutation = useCallback19(
     async (change, mutate) => {
       if (!provider) {
         await mutate();
@@ -10373,7 +10740,7 @@ function DocBlocksShell({
       showToast
     ]
   );
-  const handleTreeChange = useCallback18(
+  const handleTreeChange = useCallback19(
     async (change) => {
       if (!provider) return;
       notifyWorkspaceChanged(activeWorkspaceId);
@@ -10444,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" };
@@ -10468,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,
@@ -10487,7 +10854,7 @@ function DocBlocksShell({
       return next;
     });
   }, []);
-  const handlePinnedDocumentRename = useCallback18(
+  const handlePinnedDocumentRename = useCallback19(
     async (document2) => {
       if (document2.availability === "missing") {
         await confirmMissingPinnedDocument(document2);
@@ -10555,7 +10922,7 @@ function DocBlocksShell({
       } finally {
         if (access.owned) {
           try {
-            await getFileSystemProviderV210(access.provider)?.dispose();
+            await getFileSystemProviderV211(access.provider)?.dispose();
           } catch {
           }
         }
@@ -10574,7 +10941,7 @@ function DocBlocksShell({
       showToast
     ]
   );
-  const handlePinnedDocumentDelete = useCallback18(
+  const handlePinnedDocumentDelete = useCallback19(
     async (document2) => {
       if (document2.availability === "missing") {
         await confirmMissingPinnedDocument(document2);
@@ -10624,7 +10991,7 @@ function DocBlocksShell({
       } finally {
         if (access.owned) {
           try {
-            await getFileSystemProviderV210(access.provider)?.dispose();
+            await getFileSystemProviderV211(access.provider)?.dispose();
           } catch {
           }
         }
@@ -10642,39 +11009,80 @@ function DocBlocksShell({
       showToast
     ]
   );
-  const handleImportFiles = 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.");
+        return;
+      }
+      restoreInProgress.current = true;
+      try {
+        await documentSession.flush("backup");
+        const restored = await restoreBrowserBackup(file);
+        setDescriptorRefreshKey((key) => key + 1);
+        if (restored[0]) await handleWorkspaceSelect(restored[0]);
+        showToast(
+          "success",
+          `Restored ${restored.length} workspace(s) as new copies. Your existing workspaces are unchanged.`
+        );
+      } catch (error) {
+        showToast(
+          "error",
+          `Could not restore ${file.name}: ${error instanceof Error ? error.message : "Unknown error"}`
+        );
+      } finally {
+        restoreInProgress.current = false;
+      }
+    },
+    [documentSession, handleWorkspaceSelect, showToast]
+  );
+  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));
+      const result = provider ? await importDroppedFiles(documents, provider) : null;
+      for (const file of backups) await handleRestoreBackup(file);
+      return result;
+    },
+    [handleRestoreBackup, provider]
+  );
+  const handleImportFiles = useCallback19(
     async (files) => {
       if (!provider) return;
-      const result = await importDroppedFiles(files, provider);
+      const result = await importOrRestore(files);
+      if (!result) return;
       notifyWorkspaceChanged(activeWorkspaceId);
       setExplorerKey((k) => k + 1);
       const summary = summariseImport(result);
       if (summary) showToast(summary.kind, summary.message);
     },
-    [activeWorkspaceId, notifyWorkspaceChanged, provider, showToast]
+    [activeWorkspaceId, notifyWorkspaceChanged, provider, showToast, importOrRestore]
   );
-  const handleImportFilesToEditor = useCallback18(
+  const handleImportFilesToEditor = useCallback19(
     async (files) => {
       if (!provider) return;
-      const result = await importDroppedFiles(files, provider);
+      const result = await importOrRestore(files);
+      if (!result) return;
       notifyWorkspaceChanged(activeWorkspaceId);
       setExplorerKey((k) => k + 1);
       const summary = summariseImport(result);
       if (summary) showToast(summary.kind, summary.message);
       const imported = result.imported;
-      if (imported.length === 1 && result.failed.length === 0) {
+      if (imported.length === 1 && result.failed.length === 0 && !files.some((file) => /\.zip$/i.test(file.name))) {
         const only = imported[0];
         if (only) void handleSelect(only.path, "file");
       }
     },
-    [activeWorkspaceId, notifyWorkspaceChanged, provider, showToast, handleSelect]
+    [activeWorkspaceId, notifyWorkspaceChanged, provider, showToast, handleSelect, importOrRestore]
   );
   const editorDropActive = useEditorFileDrop(
     editorAreaRef,
     provider !== null,
     (files) => void handleImportFilesToEditor(files)
   );
-  const handleEditorChange = useCallback18(
+  const handleEditorChange = useCallback19(
     (source) => {
       if (!editorSessionScope) return;
       try {
@@ -10684,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;
@@ -10695,13 +11103,13 @@ function DocBlocksShell({
       confirmLabel: "Rename"
     });
     if (!newName || newName === ws.name) return;
-    await saveWorkspace2({ ...ws, name: newName });
+    await saveWorkspace3({ ...ws, name: newName });
     setPinnedDocuments(
       (current) => renamePinnedDocumentWorkspace(current, activeWorkspaceId, newName)
     );
     setDescriptorRefreshKey((key) => key + 1);
   }, [activeWorkspaceId, promptForText]);
-  const openTransient = useCallback18(
+  const openTransient = useCallback19(
     async (req, navigationRequestId) => {
       const isCurrent = () => navigationRequestId === navigationRequestRef.current;
       const host = getDocBlocksHost();
@@ -10721,7 +11129,7 @@ function DocBlocksShell({
         throw error;
       }
       if (!isCurrent()) {
-        await getFileSystemProviderV210(mem)?.dispose();
+        await getFileSystemProviderV211(mem)?.dispose();
         await revokeAbandonedResource();
         return;
       }
@@ -10769,7 +11177,7 @@ function DocBlocksShell({
       } finally {
         try {
           if (!adoptionStarted) {
-            await getFileSystemProviderV210(mem)?.dispose();
+            await getFileSystemProviderV211(mem)?.dispose();
           }
         } finally {
           if (!opened) await revokeAbandonedResource();
@@ -10778,7 +11186,7 @@ function DocBlocksShell({
     },
     [adoptTransientWorkspace]
   );
-  useEffect29(() => {
+  useEffect30(() => {
     const host = maybeGetDocBlocksHost4();
     if (!hostSupports2("openRequests") || !host) return;
     return host.onOpenRequest((req) => {
@@ -10803,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);
@@ -10840,12 +11248,12 @@ function DocBlocksShell({
           push: true
         });
       } finally {
-        if (!adoptionStarted) await getFileSystemProviderV210(mem)?.dispose();
+        if (!adoptionStarted) await getFileSystemProviderV211(mem)?.dispose();
       }
     },
     [adoptTransientWorkspace]
   );
-  useEffect29(() => {
+  useEffect30(() => {
     if (hostSupports2("openRequests") || typeof window === "undefined") return;
     const launchQueue = window.launchQueue;
     if (!launchQueue) return;
@@ -10861,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");
@@ -10870,8 +11278,11 @@ function DocBlocksShell({
         import("@bendyline/squisq-formats/container")
       ]);
       const container = new MemoryContentContainer();
-      await copyProviderToContainer(provider, container, "");
-      const blob = await containerToZip(container);
+      const source = getFileSystemProviderV211(provider);
+      if (!source) throw new Error("This workspace does not support complete backups.");
+      const workspaces = await appendWorkspaceBackup(container, source, []);
+      await finishWorkspaceBackup(container, workspaces);
+      const blob = await containerToZip(container, { compression: "STORE" });
       const url = URL.createObjectURL(blob);
       const a = document.createElement("a");
       a.href = url;
@@ -10880,11 +11291,10 @@ function DocBlocksShell({
       a.click();
       URL.revokeObjectURL(url);
     } catch (err) {
-      console.error("Failed to download workspace", err);
-      showToast("error", "Failed to download workspace. See console for details.");
+      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([
@@ -10901,7 +11311,7 @@ function DocBlocksShell({
         return;
       }
       const container = new MemoryContentContainer();
-      const usedFolders = /* @__PURE__ */ new Set();
+      let backupWorkspaces = [];
       const skipped = [];
       for (const ws of candidates) {
         let p = null;
@@ -10927,24 +11337,20 @@ function DocBlocksShell({
           skipped.push(ws.name);
           continue;
         }
-        const base = (ws.name || "workspace").replace(/[^a-z0-9_\- ]/gi, "_").trim() || "workspace";
-        let folder = base;
-        let suffix = 2;
-        while (usedFolders.has(folder)) {
-          folder = `${base} (${suffix++})`;
-        }
-        usedFolders.add(folder);
         try {
-          await copyProviderToContainer(p, container, folder);
+          const source = getFileSystemProviderV211(p);
+          if (!source) throw new Error("This workspace does not support complete backups.");
+          backupWorkspaces = await appendWorkspaceBackup(container, source, backupWorkspaces);
         } finally {
-          if (ownsProvider) await getFileSystemProviderV210(p)?.dispose();
+          if (ownsProvider) await getFileSystemProviderV211(p)?.dispose();
         }
       }
-      if (usedFolders.size === 0) {
+      if (backupWorkspaces.length === 0) {
         showToast("error", "No workspaces could be opened for download.");
         return;
       }
-      const blob = await containerToZip(container);
+      await finishWorkspaceBackup(container, backupWorkspaces);
+      const blob = await containerToZip(container, { compression: "STORE" });
       const url = URL.createObjectURL(blob);
       const a = document.createElement("a");
       a.href = url;
@@ -10954,15 +11360,14 @@ function DocBlocksShell({
       if (skipped.length > 0) {
         await acknowledge({
           title: "Some workspaces were skipped",
-          message: `Downloaded ${usedFolders.size} workspace(s). Skipped ${skipped.length} that require re-granting access: ${skipped.join(", ")}.`
+          message: `Downloaded ${backupWorkspaces.length} workspace(s). Skipped ${skipped.length} that require re-granting access: ${skipped.join(", ")}.`
         });
       }
     } catch (err) {
-      console.error("Failed to download all workspaces", err);
-      showToast("error", "Failed to download all workspaces. See console for details.");
+      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") {
@@ -10999,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;
@@ -11011,7 +11416,7 @@ function DocBlocksShell({
       return null;
     }
   }, []);
-  const handleRemoveWorkspace = useCallback18(
+  const handleRemoveWorkspace = useCallback19(
     async (workspaceId) => {
       const ws = await getWorkspace(workspaceId);
       const removingActive = workspaceId === activeWorkspaceId;
@@ -11050,7 +11455,7 @@ function DocBlocksShell({
       } else if (ws?.type === "indexeddb") {
         await (await loadIndexedDbFileSystem()).deleteIndexedDBWorkspaceData(workspaceId);
       }
-      await removeWorkspace(workspaceId);
+      await removeWorkspace2(workspaceId);
       forgetRecentDocuments(workspaceId);
       for (const document2 of pinnedDocuments) {
         if (document2.workspaceId === workspaceId) {
@@ -11078,7 +11483,7 @@ function DocBlocksShell({
           rootPath: info.rootPath,
           lastOpened: (/* @__PURE__ */ new Date()).toISOString()
         };
-        await saveWorkspace2(descriptor);
+        await saveWorkspace3(descriptor);
         const p = await createHostFileSystemProvider(info.id, info.name, info.rootPath);
         setProvider(p);
         setActiveWorkspaceId(info.id);
@@ -11105,7 +11510,7 @@ function DocBlocksShell({
       transitionAwayFromDocument
     ]
   );
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx19(
     "div",
     {
       ref: shellRef,
@@ -11114,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,
@@ -11131,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,
@@ -11142,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,
@@ -11152,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,
@@ -11167,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,
@@ -11187,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,
@@ -11196,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,
@@ -11219,6 +11624,7 @@ function DocBlocksShell({
                       onVersioningPreferenceChange: handleVersioningPreferenceChange,
                       onOpenWorkspaceSettings: activeWorkspaceDescriptor ? handleOpenWorkspaceSettings : void 0,
                       onDownloadAllWorkspaces: handleDownloadAllWorkspaces,
+                      onRestoreBackup: hostSupports2("nativeWorkspaces") ? void 0 : () => restoreInputRef.current?.click(),
                       onShowKeyboardShortcuts: singlePane ? void 0 : openKeyboardShortcuts,
                       onKeepBrowserData: showBrowserStorageWarning && !browserStoragePersistent ? handleKeepBrowserData : void 0,
                       onInstallApp: installPromptEvent ? handleInstallApp : void 0,
@@ -11228,10 +11634,26 @@ function DocBlocksShell({
                       appBuildDate,
                       ai,
                       speech,
+                      tray: trayMenu,
                       settingsRequest
                     }
                   ),
-                  /* @__PURE__ */ jsx18(
+                  /* @__PURE__ */ jsx19(
+                    "input",
+                    {
+                      ref: restoreInputRef,
+                      type: "file",
+                      accept: ".zip,application/zip",
+                      "aria-label": "Restore workspace backup",
+                      hidden: true,
+                      onChange: (event) => {
+                        const file = event.currentTarget.files?.[0];
+                        event.currentTarget.value = "";
+                        if (file) void handleRestoreBackup(file);
+                      }
+                    }
+                  ),
+                  /* @__PURE__ */ jsx19(
                     WorkspacePicker,
                     {
                       activeWorkspaceId,
@@ -11243,7 +11665,7 @@ function DocBlocksShell({
                       onRemoveWorkspace: (workspace) => void handleRemoveWorkspace(workspace.id)
                     }
                   ),
-                  /* @__PURE__ */ jsx18(
+                  /* @__PURE__ */ jsx19(
                     WorkspaceSettingsButton,
                     {
                       onSettings: handleOpenWorkspaceSettings,
@@ -11254,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,
@@ -11308,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,
@@ -11319,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",
@@ -11343,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",
@@ -11359,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",
@@ -11382,7 +11804,7 @@ function DocBlocksShell({
               onPointerDown: handleResizerPointerDown
             }
           ),
-          singlePane && /* @__PURE__ */ jsx18(
+          singlePane && /* @__PURE__ */ jsx19(
             "div",
             {
               className: "db-shell-scrim",
@@ -11390,7 +11812,7 @@ function DocBlocksShell({
               onPointerDown: () => setMobileShowEditor(true)
             }
           ),
-          /* @__PURE__ */ jsxs16(
+          /* @__PURE__ */ jsxs17(
             "main",
             {
               ref: editorAreaRef,
@@ -11401,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,
@@ -11410,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,
@@ -11437,6 +11859,7 @@ function DocBlocksShell({
                               saveDashboardImageOutput: saveRenderedImageOutput,
                               onChange: handleEditorChange,
                               onLinkClick: handleEditorLinkClick,
+                              wikiLinks,
                               colorScheme: resolvedTheme,
                               defaultThemeId: workspaceDefaultThemeId,
                               defaultThemeLabel: "Workspace default",
@@ -11470,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,
@@ -11490,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,
@@ -11499,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,
@@ -11510,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,
@@ -11554,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",
@@ -11595,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",
@@ -11605,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,
@@ -11618,7 +12041,7 @@ function DocBlocksShell({
                     }
                   )
                 ] }),
-                welcomeScreenShown && /* @__PURE__ */ jsx18(
+                welcomeScreenShown && /* @__PURE__ */ jsx19(
                   WelcomeScreen,
                   {
                     onCreateDocument: handleNewFile,