@bendyline/docblocks-react 2.7.6 → 2.7.7

package/dist/index.js

@@ -101,17 +101,17 @@ import {
   matchShortcut,
   shortcutLabel
 } from "./chunk-ACQF63SB.js";
-import "./chunk-PRUEYW3G.js";
+import "./chunk-T2PA7QEF.js";
 import {
   buildIssueReportUrl,
   displayBuildDate,
   localDateStamp,
   openExternalUrl
-} from "./chunk-T42BH6YX.js";
+} from "./chunk-N7AKLJPY.js";
 import "./chunk-K4I3NJFL.js";
 import {
   ExportDialog
-} from "./chunk-GFK4TCKN.js";
+} from "./chunk-G63YXKBC.js";
 import "./chunk-H3BK5MK6.js";
 import {
   DEFAULT_OPTIONS,
@@ -126,8 +126,7 @@ import {
 import { useCallback as useCallback5, useEffect as useEffect5, useMemo, useRef as useRef5, useState as useState4 } from "react";
 import {
   isFileSystemMoveStateError,
-  parseWorkspacePath as parseWorkspacePath4,
-  tryParseWorkspacePath as tryParseWorkspacePath2
+  parseWorkspacePath as parseWorkspacePath4
 } from "@bendyline/docblocks/filesystem";
 
 // src/FileExplorer/useFileTree.ts
@@ -631,6 +630,54 @@ function useFileTree(provider, metadataRefreshKey, metadataRefreshPath) {
   };
 }
 
+// src/FileExplorer/read-issue-text.ts
+import { tryParseWorkspacePath } from "@bendyline/docblocks/filesystem";
+function readIssueText(issue) {
+  const failingPath = tryParseWorkspacePath(issue.path);
+  if (failingPath && failingPath !== issue.directoryPath) {
+    return fileIssueText(issue, failingPath);
+  }
+  return issue.directoryPath === "" ? workspaceIssueText(issue) : folderIssueText(issue);
+}
+function fileIssueText(issue, path) {
+  switch (issue.code) {
+    case "not-found":
+      return `${path} can't be found.`;
+    case "permission-denied":
+      return `DocBlocks doesn't have permission to open ${path}.`;
+    default:
+      return `${path} couldn't be read.`;
+  }
+}
+function workspaceIssueText(issue) {
+  switch (issue.code) {
+    case "not-found":
+      return "This workspace's folder can't be found. It may have been moved or deleted.";
+    case "permission-denied":
+      return "DocBlocks doesn't have permission to open this workspace.";
+    case "quota-exceeded":
+      return "Your device is out of storage space.";
+    case "corrupt":
+      return "Some of this workspace's saved data couldn't be read.";
+    default:
+      return "Your documents couldn't be loaded.";
+  }
+}
+function folderIssueText(issue) {
+  switch (issue.code) {
+    case "not-found":
+      return "This folder can't be found.";
+    case "permission-denied":
+      return "DocBlocks doesn't have permission to open this folder.";
+    case "quota-exceeded":
+      return "Your device is out of storage space.";
+    case "corrupt":
+      return "Some of this folder's saved data couldn't be read.";
+    default:
+      return "This folder couldn't be opened.";
+  }
+}
+
 // src/FileExplorer/FileTreeNode.tsx
 import { useCallback as useCallback3, useState as useState2, useRef as useRef3, useEffect as useEffect3, useLayoutEffect } from "react";
 import { createPortal } from "react-dom";
@@ -1363,7 +1410,7 @@ import { useCallback as useCallback4, useEffect as useEffect4, useId, useLayoutE
 import { createPortal as createPortal2 } from "react-dom";
 
 // src/DocBlocksShell/pinned-documents.ts
-import { tryParseWorkspacePath } from "@bendyline/docblocks/filesystem";
+import { tryParseWorkspacePath as tryParseWorkspacePath2 } from "@bendyline/docblocks/filesystem";
 var PINNED_DOCUMENTS_STORAGE_KEY = "docblocks-pinned-documents-v1";
 var MAX_PINNED_DOCUMENTS = 100;
 var MAX_WORKSPACE_ID_LENGTH = 256;
@@ -1381,11 +1428,11 @@ function resolvePinnedDocumentStorage() {
   }
 }
 function pinnedDocumentKey(document2) {
-  const path = tryParseWorkspacePath(document2.path);
+  const path = tryParseWorkspacePath2(document2.path);
   return `${document2.workspaceId}\0${path ?? document2.path}`;
 }
 function pinnedDocumentName(document2) {
-  const canonical = tryParseWorkspacePath(document2.path);
+  const canonical = tryParseWorkspacePath2(document2.path);
   const path = canonical ?? document2.path;
   return path.slice(path.lastIndexOf("/") + 1);
 }
@@ -1402,7 +1449,7 @@ function parsePinnedDocument(value) {
   if (keys.some((key) => key !== "workspaceId" && key !== "workspaceName" && key !== "path") || typeof record.workspaceId !== "string" || record.workspaceId.length === 0 || record.workspaceId.length > MAX_WORKSPACE_ID_LENGTH || typeof record.workspaceName !== "string" || record.workspaceName.length === 0 || record.workspaceName.length > MAX_WORKSPACE_NAME_LENGTH || typeof record.path !== "string" || record.path.length === 0 || record.path.length > MAX_DOCUMENT_PATH_LENGTH) {
     return null;
   }
-  const path = tryParseWorkspacePath(record.path);
+  const path = tryParseWorkspacePath2(record.path);
   if (!path) return null;
   return {
     workspaceId: record.workspaceId,
@@ -1454,8 +1501,8 @@ function removePinnedDocument(documents, target) {
   return documents.filter((document2) => pinnedDocumentKey(document2) !== key);
 }
 function relocatePinnedDocuments(documents, workspaceId, oldPath, newPath) {
-  const oldCanonical = tryParseWorkspacePath(oldPath);
-  const newCanonical = tryParseWorkspacePath(newPath);
+  const oldCanonical = tryParseWorkspacePath2(oldPath);
+  const newCanonical = tryParseWorkspacePath2(newPath);
   if (!oldCanonical || !newCanonical) return [...documents];
   return parsePinnedDocuments(
     documents.map((document2) => {
@@ -2429,8 +2476,11 @@ function isSupportedImportFile(file) {
   if (mimeType.startsWith("text/") || mimeType.startsWith("image/")) return true;
   return !extension && DIRECT_IMPORT_BASENAMES.has(file.name.toLowerCase());
 }
+function isEditorMediaMimeType(mimeType) {
+  return /^(?:image|video|audio)\//i.test(mimeType);
+}
 function isEditorDocumentImportFile(file) {
-  if (file.type.toLowerCase().startsWith("image/")) return false;
+  if (isEditorMediaMimeType(file.type)) return false;
   const extension = extensionOfFileName(file.name);
   if (DIRECT_IMPORT_IMAGE_EXTENSIONS.has(extension)) return false;
   return isSupportedImportFile(file);
@@ -2501,10 +2551,6 @@ 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}`);
@@ -3763,7 +3809,7 @@ import {
   useCallback as useCallback19,
   useEffect as useEffect30,
   useLayoutEffect as useLayoutEffect4,
-  useRef as useRef20,
+  useRef as useRef21,
   useMemo as useMemo6,
   lazy as lazy2,
   Suspense as Suspense2
@@ -3772,7 +3818,7 @@ import {
   DocumentVersionManager
 } from "@bendyline/squisq/versions";
 import {
-  FileSystemContentContainer as FileSystemContentContainer2,
+  FileSystemContentContainer as FileSystemContentContainer3,
   createFileMediaProvider,
   decodeUtf8Text,
   FsError as FsError6,
@@ -3795,8 +3841,8 @@ import {
   getDocBlocksHost,
   getHostEnvironment as getHostEnvironment2,
   hasDocBlocksHost,
-  hostSupports as hostSupports2,
-  maybeGetDocBlocksHost as maybeGetDocBlocksHost4
+  hostSupports as hostSupports3,
+  maybeGetDocBlocksHost as maybeGetDocBlocksHost5
 } from "@bendyline/docblocks/host";
 import {
   parseSharedDocumentHash
@@ -3810,7 +3856,7 @@ import {
   saveWorkspace as saveWorkspace3,
   touchWorkspace as touchWorkspace2,
   registerTransientWorkspace,
-  getTransientWorkspace,
+  getTransientWorkspace as getTransientWorkspace2,
   unregisterTransientWorkspace,
   appendWorkspaceBackup,
   finishWorkspaceBackup
@@ -5233,7 +5279,7 @@ function useDocumentSession(autoSaveDelayMs = 500) {
 import { lazy, Suspense } from "react";
 import { jsx as jsx13 } from "react/jsx-runtime";
 var ExportToolbarControlsImplementation = lazy(
-  () => import("./ExportToolbarControls-4LYTXGT3.js").then((module) => ({
+  () => import("./ExportToolbarControls-2XY2CKGH.js").then((module) => ({
     default: module.ExportToolbarControls
   }))
 );
@@ -6811,10 +6857,14 @@ function useEdgeSwipe({
 }
 
 // src/DocBlocksShell/useEditorFileDrop.ts
-import { useEffect as useEffect27, useState as useState21 } from "react";
+import { useEffect as useEffect27, useRef as useRef18, useState as useState21 } from "react";
 var INTERNAL_DRAG_TYPE2 = "application/x-docblocks-entry";
 function useEditorFileDrop(targetRef, enabled, onFiles) {
   const [dropActive, setDropActive] = useState21(false);
+  const onFilesRef = useRef18(onFiles);
+  useEffect27(() => {
+    onFilesRef.current = onFiles;
+  }, [onFiles]);
   useEffect27(() => {
     const element = targetRef.current;
     if (!enabled || !element) {
@@ -6829,7 +6879,7 @@ function useEditorFileDrop(targetRef, enabled, onFiles) {
       if (items.length === 0) return false;
       return items.some((item) => {
         const file = item.getAsFile();
-        return file ? isEditorDocumentImportFile(file) : !item.type.toLowerCase().startsWith("image/");
+        return file ? isEditorDocumentImportFile(file) : !isEditorMediaMimeType(item.type);
       });
     };
     const onDragEnter = (event) => {
@@ -6859,7 +6909,7 @@ function useEditorFileDrop(targetRef, enabled, onFiles) {
       if (files.length === 0) return;
       event.preventDefault();
       event.stopPropagation();
-      onFiles(files);
+      onFilesRef.current(files);
     };
     element.addEventListener("dragenter", onDragEnter, true);
     element.addEventListener("dragover", onDragOver, true);
@@ -6872,14 +6922,14 @@ function useEditorFileDrop(targetRef, enabled, onFiles) {
       element.removeEventListener("drop", onDrop, true);
       setDropActive(false);
     };
-  }, [targetRef, enabled, onFiles]);
+  }, [targetRef, enabled]);
   return dropActive;
 }
 
 // src/DocBlocksShell/useShellShortcuts.ts
-import { useEffect as useEffect28, useRef as useRef18 } from "react";
+import { useEffect as useEffect28, useRef as useRef19 } from "react";
 function useShellShortcuts(handlers, layoutMode) {
-  const handlersRef = useRef18(handlers);
+  const handlersRef = useRef19(handlers);
   handlersRef.current = handlers;
   useEffect28(() => {
     if (typeof window === "undefined") return;
@@ -7116,7 +7166,7 @@ function useDocumentLinkProvider(index, selectedFile, ensureIndex) {
 }
 
 // src/WorkspaceIndex/useWorkspaceIndex.ts
-import { useCallback as useCallback18, useEffect as useEffect29, useMemo as useMemo5, useRef as useRef19, useState as useState23, useSyncExternalStore as useSyncExternalStore4 } from "react";
+import { useCallback as useCallback18, useEffect as useEffect29, useMemo as useMemo5, useRef as useRef20, 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({
@@ -7149,7 +7199,7 @@ function whenIdle(callback) {
 function useWorkspaceIndex(provider, workspaceId, mode = "eager") {
   const providerV2 = provider && mode !== "off" ? getFileSystemProviderV29(provider) : null;
   const [index, setIndex] = useState23(null);
-  const startRequestedRef = useRef19(false);
+  const startRequestedRef = useRef20(false);
   useEffect29(() => {
     setIndex(null);
     startRequestedRef.current = false;
@@ -7404,6 +7454,47 @@ async function copyTransientWorkspaceContents(source, destination) {
   }
 }
 
+// src/DocBlocksShell/document-relative-media.ts
+import {
+  FileSystemContentContainer as FileSystemContentContainer2,
+  isDocumentMediaPath,
+  resolveDocumentRelativeMediaPath,
+  tryParseWorkspacePath as tryParseWorkspacePath5
+} from "@bendyline/docblocks/filesystem";
+import { hostSupports as hostSupports2, maybeGetDocBlocksHost as maybeGetDocBlocksHost4 } from "@bendyline/docblocks/host";
+import { getTransientWorkspace } from "@bendyline/docblocks/workspace";
+function looseFileMediaReader(workspaceId) {
+  const origin = getTransientWorkspace(workspaceId)?.descriptor.origin;
+  if (origin?.kind !== "loose-file" || !hostSupports2("externalRelativeMedia")) return null;
+  const external = maybeGetDocBlocksHost4()?.external;
+  if (!external?.readRelativeMedia) return null;
+  const { resourceId } = origin;
+  return async (path) => await external.readRelativeMedia?.(resourceId, path) ?? null;
+}
+var LooseFileMediaContainer = class extends FileSystemContentContainer2 {
+  constructor(provider, directory, readBeside) {
+    super(provider, directory);
+    this.directory = directory;
+    this.readBeside = readBeside;
+  }
+  async readFile(path) {
+    const data = await super.readFile(path);
+    if (data) return data;
+    const beside = tryParseWorkspacePath5(this.directory ? `${this.directory}/${path}` : path);
+    if (!beside || !isDocumentMediaPath(beside)) return null;
+    return this.readBeside(beside).catch(() => null);
+  }
+};
+function createMediaContainer(provider, directory, readBesideLooseFile) {
+  return readBesideLooseFile ? new LooseFileMediaContainer(provider, directory, readBesideLooseFile) : new FileSystemContentContainer2(provider, directory);
+}
+function createDocumentRelativeMediaReader(root, documentDirectory) {
+  return async (ref) => {
+    const path = resolveDocumentRelativeMediaPath(documentDirectory, ref);
+    return path === null ? null : root.readFile(path);
+  };
+}
+
 // src/DocBlocksShell/native-file-actions.ts
 function createNativeFileActions(entry, workspaceId, host) {
   if (entry.kind !== "file" || workspaceId === null || host === null) return [];
@@ -7539,22 +7630,22 @@ var GitToolbarControl = lazy2(
   () => import("./GitToolbarControl-B7KG4MFP.js").then((m) => ({ default: m.GitToolbarControl }))
 );
 var AiToolbarControl = lazy2(
-  () => import("./AiEditorAssistant-2MW6UYNI.js").then((module) => ({
+  () => import("./AiEditorAssistant-4B2PFFOT.js").then((module) => ({
     default: module.AiToolbarControl
   }))
 );
 var PresentationMaker = lazy2(
-  () => import("./PresentationMaker-T526TBRJ.js").then((module) => ({
+  () => import("./PresentationMaker-VYQKNL3L.js").then((module) => ({
     default: module.PresentationMaker
   }))
 );
 var AiReviewPanel = lazy2(
-  () => import("./AiEditorAssistant-2MW6UYNI.js").then((module) => ({
+  () => import("./AiEditorAssistant-4B2PFFOT.js").then((module) => ({
     default: module.AiReviewPanel
   }))
 );
 var AiIllustratePanel = lazy2(
-  () => import("./AiDiagrams-VOCEZS6U.js").then((module) => ({
+  () => import("./AiDiagrams-7KBAOXPB.js").then((module) => ({
     default: module.AiIllustratePanel
   }))
 );
@@ -7932,13 +8023,13 @@ function DocBlocksShell({
     [writeCanvasSettings]
   );
   const resolvedTheme = resolveShellTheme({ preference: themePreference, hostTheme, osTheme });
-  const ai = hostSupports2("aiAssist") ? maybeGetDocBlocksHost4()?.ai : void 0;
-  const speech = hostSupports2("speechModelManagement") ? maybeGetDocBlocksHost4()?.speech : void 0;
-  const trayMenu = hostSupports2("trayIcon") ? maybeGetDocBlocksHost4()?.menu : void 0;
+  const ai = hostSupports3("aiAssist") ? maybeGetDocBlocksHost5()?.ai : void 0;
+  const speech = hostSupports3("speechModelManagement") ? maybeGetDocBlocksHost5()?.speech : void 0;
+  const trayMenu = hostSupports3("trayIcon") ? maybeGetDocBlocksHost5()?.menu : void 0;
   const [settingsRequest, setSettingsRequest] = useState24(0);
   const openSettings = useCallback19(() => setSettingsRequest((count) => count + 1), []);
   const speechInput = useMemo6(
-    () => speech && hostSupports2("speechInput") ? createSpeechInputProvider(speech, { onRequestSetup: openSettings }) : null,
+    () => speech && hostSupports3("speechInput") ? createSpeechInputProvider(speech, { onRequestSetup: openSettings }) : null,
     [speech, openSettings]
   );
   const handleThemeChange = useCallback19((pref) => {
@@ -7946,7 +8037,7 @@ function DocBlocksShell({
     saveThemePreference(pref);
   }, []);
   useEffect30(() => {
-    if (hostSupports2("ownsWindowChrome") || typeof document === "undefined") return;
+    if (hostSupports3("ownsWindowChrome") || typeof document === "undefined") return;
     const metas = document.querySelectorAll('meta[name="theme-color"]');
     metas.forEach((meta) => {
       meta.content = DB_CHROME_COLORS[resolvedTheme];
@@ -7970,7 +8061,7 @@ function DocBlocksShell({
     setViewPreferences(prefs);
     saveViewPreferences(prefs);
   }, []);
-  const shellRef = useRef20(null);
+  const shellRef = useRef21(null);
   const formFactor = useFormFactor(shellRef);
   const [sidebarPreference, setSidebarPreference] = useState24(loadSidebarPreference);
   const layoutMode = resolveLayoutMode(formFactor, sidebarPreference);
@@ -7992,7 +8083,7 @@ function DocBlocksShell({
   const drawerOpen = singlePane && !mobileShowEditor;
   const [sidebarWidth, setSidebarWidth] = useState24(loadSidebarWidth);
   const canRestoreSplitView = sidebarPreference === "collapsed" && formFactor.splitPaneAllowed;
-  const editorAreaRef = useRef20(null);
+  const editorAreaRef = useRef21(null);
   const [desktopToolbarWrapped, setDesktopToolbarWrapped] = useState24(false);
   useEffect30(() => {
     const editorArea = editorAreaRef.current;
@@ -8000,7 +8091,7 @@ function DocBlocksShell({
       setDesktopToolbarWrapped(false);
       return;
     }
-    const wrapWidth = hostSupports2("ownsWindowChrome") ? DESKTOP_TOOLBAR_WRAP_WIDTH : WEB_TOOLBAR_WRAP_WIDTH;
+    const wrapWidth = hostSupports3("ownsWindowChrome") ? DESKTOP_TOOLBAR_WRAP_WIDTH : WEB_TOOLBAR_WRAP_WIDTH;
     const updateWrappedState = () => {
       setDesktopToolbarWrapped(editorArea.getBoundingClientRect().width <= wrapWidth);
     };
@@ -8013,7 +8104,7 @@ function DocBlocksShell({
     observer.observe(editorArea);
     return () => observer.disconnect();
   }, [singlePane]);
-  const showBrowserStorageWarning = hostSupports2("browserOriginStorage");
+  const showBrowserStorageWarning = hostSupports3("browserOriginStorage");
   const hostEnvironment = getHostEnvironment2();
   const desktopApp = hostEnvironment?.surface === "electron";
   const appVersion = hostEnvironment ? `${hostEnvironment.appVersion} ${hostEnvironment.surfaceLabel}` : issueReportVersion ?? "web";
@@ -8024,7 +8115,7 @@ function DocBlocksShell({
   });
   const [browserStoragePersistent, setBrowserStoragePersistent] = useState24(false);
   const [saveToast, setSaveToast] = useState24(null);
-  const saveToastTimerRef = useRef20(null);
+  const saveToastTimerRef = useRef21(null);
   const showToast = useCallback19((kind, message) => {
     setSaveToast({ kind, message });
     if (saveToastTimerRef.current) clearTimeout(saveToastTimerRef.current);
@@ -8045,8 +8136,8 @@ function DocBlocksShell({
   const [installPromptEvent, setInstallPromptEvent] = useState24(
     null
   );
-  const panesRef = useRef20(null);
-  const sidebarRef = useRef20(null);
+  const panesRef = useRef21(null);
+  const sidebarRef = useRef21(null);
   useInert(sidebarRef, singlePane && !drawerOpen);
   useInert(editorAreaRef, drawerOpen);
   const openDrawer = useCallback19(() => setMobileShowEditor(false), []);
@@ -8059,7 +8150,7 @@ function DocBlocksShell({
     onOpen: openDrawer,
     onClose: closeDrawer
   });
-  const dragStateRef = useRef20(null);
+  const dragStateRef = useRef21(null);
   const handleResizerPointerDown = useCallback19(
     (e) => {
       if (e.button !== 0) return;
@@ -8123,7 +8214,7 @@ function DocBlocksShell({
   const rememberNewFileFormat = useCallback19(
     (format) => {
       setDefaultNewFileFormat(format);
-      if (activeWorkspaceId && getTransientWorkspace(activeWorkspaceId) === null) {
+      if (activeWorkspaceId && getTransientWorkspace2(activeWorkspaceId) === null) {
         saveLastNewFileFormat(activeWorkspaceId, format);
       }
     },
@@ -8136,7 +8227,7 @@ function DocBlocksShell({
   );
   const effectiveProofingIgnoreStore = proofingIgnoreStore === void 0 ? defaultProofingIgnoreStore : proofingIgnoreStore;
   useEffect30(() => {
-    if (!provider || getTransientWorkspace(provider.id)) return;
+    if (!provider || getTransientWorkspace2(provider.id)) return;
     const providerV2 = getFileSystemProviderV211(provider);
     return providerV2 ? retainFileSystemProvider(providerV2) : void 0;
   }, [provider]);
@@ -8160,8 +8251,8 @@ function DocBlocksShell({
     savePinnedDocuments(pinnedDocuments);
   }, [pinnedDocuments]);
   useEffect30(() => {
-    const menu = maybeGetDocBlocksHost4()?.menu;
-    if (!hostSupports2("pinnedDocumentMirror") || !menu) return;
+    const menu = maybeGetDocBlocksHost5()?.menu;
+    if (!hostSupports3("pinnedDocumentMirror") || !menu) return;
     menu.setPinnedDocuments(
       pinnedDocuments.map((document2) => ({
         workspaceId: document2.workspaceId,
@@ -8248,7 +8339,7 @@ function DocBlocksShell({
       return;
     }
     let cancelled = false;
-    const electron = hostSupports2("nativeWorkspaces");
+    const electron = hostSupports3("nativeWorkspaces");
     void listWorkspaces2().then((workspaces) => {
       if (cancelled) return;
       setTransientMoveDestinations(
@@ -8264,19 +8355,19 @@ function DocBlocksShell({
     };
   }, [activeWorkspaceDescriptor]);
   const nativeWorkspaceId = provider && activeWorkspaceDescriptor?.id === activeWorkspaceId && provider.id === activeWorkspaceId && activeWorkspaceDescriptor.type === "host-native" ? activeWorkspaceDescriptor.id : null;
-  const workingTreeChangedRef = useRef20(() => void 0);
+  const workingTreeChangedRef = useRef21(() => void 0);
   const handleWorkingTreeChanged = useCallback19(() => workingTreeChangedRef.current(), []);
   const git = useGit(provider, nativeWorkspaceId, resolvedTheme, handleWorkingTreeChanged);
-  const gitRef = useRef20(git);
+  const gitRef = useRef21(git);
   gitRef.current = git;
   const { scheduleRefresh: gitScheduleRefresh } = git;
-  const workspaceSettingsEnabled = provider !== null && provider.id === activeWorkspaceId && getTransientWorkspace(provider.id) === null;
+  const workspaceSettingsEnabled = provider !== null && provider.id === activeWorkspaceId && getTransientWorkspace2(provider.id) === null;
   const workspaceSettings = useWorkspaceSettings(provider, workspaceSettingsEnabled);
   const { refresh: refreshWorkspaceSettings, save: saveWorkspaceSettings } = workspaceSettings;
   const workspaceDefaultThemeId = resolveWorkspaceDefaultThemeId(workspaceSettings.settings);
-  const workspaceDefaultThemeRef = useRef20(workspaceDefaultThemeId);
+  const workspaceDefaultThemeRef = useRef21(workspaceDefaultThemeId);
   workspaceDefaultThemeRef.current = workspaceDefaultThemeId;
-  const outsideInRenderRef = useRef20({
+  const outsideInRenderRef = useRef21({
     defaultThemeId: () => workspaceDefaultThemeRef.current
   });
   const workspaceOutputs = useWorkspaceOutputs(
@@ -8285,10 +8376,10 @@ function DocBlocksShell({
     workspaceSettings.settings,
     workspaceSettingsEnabled
   );
-  const workspaceOutputsSchedulerRef = useRef20(workspaceOutputs.scheduler);
+  const workspaceOutputsSchedulerRef = useRef21(workspaceOutputs.scheduler);
   workspaceOutputsSchedulerRef.current = workspaceOutputs.scheduler;
   const workspaceIndex = useWorkspaceIndex(provider, activeWorkspaceId, workspaceIndexMode);
-  const workspaceIndexRef = useRef20(workspaceIndex.index);
+  const workspaceIndexRef = useRef21(workspaceIndex.index);
   workspaceIndexRef.current = workspaceIndex.index;
   const notifyWorkspaceChanged = useCallback19(
     (workspaceId, path) => {
@@ -8350,7 +8441,7 @@ function DocBlocksShell({
   const [selectedImage, setSelectedImage] = useState24(void 0);
   const [selectedManagedOutput, setSelectedManagedOutput] = useState24(void 0);
   const [findMode, setFindMode] = useState24(false);
-  const findModeRef = useRef20(findMode);
+  const findModeRef = useRef21(findMode);
   findModeRef.current = findMode;
   useEffect30(() => {
     setFindMode(false);
@@ -8373,7 +8464,7 @@ function DocBlocksShell({
   const [searchFocusRequest, setSearchFocusRequest] = useState24(0);
   useEffect30(() => {
     if (!activeWorkspaceId || !selectedFile) return;
-    if (getTransientWorkspace(activeWorkspaceId) === null) {
+    if (getTransientWorkspace2(activeWorkspaceId) === null) {
       recordRecentDocument(activeWorkspaceId, selectedFile);
     }
     workspaceIndex.index?.prioritize([selectedFile]);
@@ -8422,8 +8513,8 @@ function DocBlocksShell({
   useDocumentTitle(selectedFile, homeDocumentTitle, homeDocumentPath);
   const exportDestinationAdapter = useMemo6(() => {
     if (!selectedFile) return void 0;
-    const exports = maybeGetDocBlocksHost4()?.exports;
-    if (hostSupports2("exportRememberedTargets") && exports?.resolveTarget && exports.pickTarget) {
+    const exports = maybeGetDocBlocksHost5()?.exports;
+    if (hostSupports3("exportRememberedTargets") && exports?.resolveTarget && exports.pickTarget) {
       if (activeWorkspaceId) {
         const documentId = JSON.stringify([activeWorkspaceId, selectedFile]);
         const resolveTarget = exports.resolveTarget.bind(exports);
@@ -8432,7 +8523,7 @@ function DocBlocksShell({
           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),
-          ...hostSupports2("openSavedExports") && exports.openSaved ? {
+          ...hostSupports3("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);
@@ -8441,7 +8532,7 @@ function DocBlocksShell({
         };
       }
     }
-    if (hostSupports2("exportDestinations") && exports && activeWorkspaceId) {
+    if (hostSupports3("exportDestinations") && exports && activeWorkspaceId) {
       const documentId = JSON.stringify([activeWorkspaceId, selectedFile]);
       return {
         showDestination: false,
@@ -8456,7 +8547,7 @@ function DocBlocksShell({
     return createBrowserSaveAsAdapter();
   }, [activeWorkspaceId, selectedFile]);
   const saveRenderedImageOutput = useMemo6(
-    () => hostSupports2("exportDestinations") && exportDestinationAdapter ? createImageSaveOutput(exportDestinationAdapter) : void 0,
+    () => hostSupports3("exportDestinations") && exportDestinationAdapter ? createImageSaveOutput(exportDestinationAdapter) : void 0,
     [exportDestinationAdapter]
   );
   const [selectedFolder, setSelectedFolder] = useState24(null);
@@ -8508,7 +8599,7 @@ function DocBlocksShell({
   const [initialSharedMode, setInitialSharedMode] = useState24(null);
   const [showWelcomeGateway, setShowWelcomeGateway] = useState24(false);
   const welcomeScreenShown = showWelcomeGateway && !singlePane;
-  const welcomeCoveredRef = useRef20(null);
+  const welcomeCoveredRef = useRef21(null);
   useInert(welcomeCoveredRef, welcomeScreenShown);
   const closeWelcomeGateway = useCallback19(() => {
     setShowWelcomeGateway((showing) => {
@@ -8517,10 +8608,10 @@ function DocBlocksShell({
     });
   }, []);
   const [aiPanel, setAiPanel] = useState24(null);
-  const navigationRequestRef = useRef20(0);
+  const navigationRequestRef = useRef21(0);
   const workspaceAuthorityBarrier = useMemo6(() => new WorkspaceAuthorityBarrier(), []);
-  const preparedCloseRequestRef = useRef20(null);
-  const pendingDbkConflictsRef = useRef20(/* @__PURE__ */ new Map());
+  const preparedCloseRequestRef = useRef21(null);
+  const pendingDbkConflictsRef = useRef21(/* @__PURE__ */ new Map());
   const afterWorkspaceCommit = useCallback19(
     (workspaceId, path) => {
       gitScheduleRefresh();
@@ -8538,11 +8629,11 @@ function DocBlocksShell({
           outsideInRenderRef.current
         );
       }
-      const transient = getTransientWorkspace(workspaceId);
+      const transient = getTransientWorkspace2(workspaceId);
       const baseTarget = createFileSystemDocumentTarget2(fsProvider, filePath);
       const originKind = transient?.descriptor.origin?.kind;
       const needsExternalResources = originKind === "loose-file" || originKind === "dbk";
-      if (!transient?.descriptor.origin || needsExternalResources && !hostSupports2("externalResources")) {
+      if (!transient?.descriptor.origin || needsExternalResources && !hostSupports3("externalResources")) {
         return {
           key: baseTarget.key,
           async commit(request) {
@@ -8704,12 +8795,12 @@ function DocBlocksShell({
     },
     [afterWorkspaceCommit, gitScheduleRefresh]
   );
-  const mediaContainerRef = useRef20(null);
+  const mediaContainerRef = useRef21(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] = useState24(0);
-  const versionsContainerRef = useRef20(null);
+  const versionsContainerRef = useRef21(null);
   const [versionsContainer, setVersionsContainer] = useState24(null);
   const pushHash = useCallback19((wsId, filePath) => {
     const hash = buildHash(wsId, filePath);
@@ -8721,7 +8812,7 @@ function DocBlocksShell({
     async (wsId, filePath, push, view, navigationRequestId, sharedMode = null) => {
       const requestId = navigationRequestId ?? ++navigationRequestRef.current;
       if (requestId !== navigationRequestRef.current) return null;
-      const transient = getTransientWorkspace(wsId);
+      const transient = getTransientWorkspace2(wsId);
       let ws;
       let fsProvider = null;
       if (transient) {
@@ -8827,7 +8918,7 @@ function DocBlocksShell({
         if (opened) closeWelcomeGateway();
         return opened;
       } finally {
-        if (!opened && getTransientWorkspace(options.id)?.provider === options.provider) {
+        if (!opened && getTransientWorkspace2(options.id)?.provider === options.provider) {
           await unregisterTransientWorkspace(options.id);
         }
       }
@@ -8928,11 +9019,11 @@ function DocBlocksShell({
       showBrowserStorageWarning
     ]
   );
-  const startupOpenFromIdsRef = useRef20(openFromIds);
+  const startupOpenFromIdsRef = useRef21(openFromIds);
   startupOpenFromIdsRef.current = openFromIds;
-  const startupOpenSharedDocumentRef = useRef20(openSharedDocument);
+  const startupOpenSharedDocumentRef = useRef21(openSharedDocument);
   startupOpenSharedDocumentRef.current = openSharedDocument;
-  const startupSeedWelcomeFileRef = useRef20(seedWelcomeFile);
+  const startupSeedWelcomeFileRef = useRef21(seedWelcomeFile);
   startupSeedWelcomeFileRef.current = seedWelcomeFile;
   const [focusAfterWelcome, setFocusAfterWelcome] = useState24(false);
   const handleTourWelcome = useCallback19(() => {
@@ -8949,7 +9040,7 @@ function DocBlocksShell({
     let cancelled = false;
     const isCurrent = () => !cancelled && requestId === navigationRequestRef.current;
     void (async () => {
-      const electron = hostSupports2("workspaceAuthority");
+      const electron = hostSupports3("workspaceAuthority");
       let workspaceIdRemap = {};
       const defaultHostWorkspaceIds = /* @__PURE__ */ new Set();
       const isDefaultWorkspace = (workspaceId) => isAppDefaultWorkspace(workspaceId, electron ? defaultHostWorkspaceIds : null);
@@ -9279,7 +9370,7 @@ function DocBlocksShell({
     };
   }, []);
   const [offlineReadyToast, setOfflineReadyToast] = useState24(false);
-  const offlineReadyAnnouncedRef = useRef20(false);
+  const offlineReadyAnnouncedRef = useRef21(false);
   useEffect30(() => {
     if (!offlineReady || offlineReadyAnnouncedRef.current) return;
     offlineReadyAnnouncedRef.current = true;
@@ -9295,7 +9386,7 @@ function DocBlocksShell({
       setStorageFull(false);
     }
   }, [documentSnapshot.error, documentSnapshot.status]);
-  const autoPersistRequestedRef = useRef20(false);
+  const autoPersistRequestedRef = useRef21(false);
   useEffect30(() => {
     if (!showBrowserStorageWarning || browserStoragePersistent) return;
     if (autoPersistRequestedRef.current) return;
@@ -9330,12 +9421,18 @@ function DocBlocksShell({
     const parentDir = dirnameOf(selectedFile);
     const base = basenameOf(selectedFile);
     const baseNoExt = base.replace(/\.[^.]+$/, "");
-    const container = new FileSystemContentContainer2(provider, parentDir);
+    const readBeside = looseFileMediaReader(provider.id);
+    const container = createMediaContainer(provider, parentDir, readBeside);
     const vPrefix = parentDir ? `${parentDir}/${baseNoExt}_files` : `${baseNoExt}_files`;
-    const vContainer = new FileSystemContentContainer2(provider, vPrefix, {
+    const vContainer = new FileSystemContentContainer3(provider, vPrefix, {
       documentMediaPrefix: `${baseNoExt}_files`
     });
-    const mp = createFileMediaProvider(container, base);
+    const mp = createFileMediaProvider(container, base, {
+      readDocumentRelative: createDocumentRelativeMediaReader(
+        createMediaContainer(provider, "", readBeside),
+        parentDir
+      )
+    });
     mediaContainerRef.current = container;
     versionsContainerRef.current = vContainer;
     setMediaProvider(mp);
@@ -9396,7 +9493,7 @@ function DocBlocksShell({
   useEffect30(() => {
     if (!provider) return;
     const providerV2 = getFileSystemProviderV211(provider);
-    const lifecycle = maybeGetDocBlocksHost4()?.lifecycle;
+    const lifecycle = maybeGetDocBlocksHost5()?.lifecycle;
     if (!providerV2 || !providerV2.capabilities.watch && !lifecycle?.onResume && !managedOutputRefreshToken)
       return;
     const watchedFile = selectedSourceFile ?? selectedFile;
@@ -9496,7 +9593,7 @@ function DocBlocksShell({
   const [showConflictComparison, setShowConflictComparison] = useState24(false);
   const readConflictFile = useCallback19(async () => {
     const path = selectedSourceFile ?? selectedFile;
-    if (!provider || !path || activeWorkspaceId && getTransientWorkspace(activeWorkspaceId)) {
+    if (!provider || !path || activeWorkspaceId && getTransientWorkspace2(activeWorkspaceId)) {
       return null;
     }
     return readStableFileSnapshot(provider, path);
@@ -9567,8 +9664,8 @@ function DocBlocksShell({
     };
   }, [documentSession, documentSnapshot.status, documentSnapshot.targetKey]);
   useEffect30(() => {
-    const lifecycle = maybeGetDocBlocksHost4()?.lifecycle;
-    if (!hostSupports2("guardedClose") || !lifecycle) return;
+    const lifecycle = maybeGetDocBlocksHost5()?.lifecycle;
+    if (!hostSupports3("guardedClose") || !lifecycle) return;
     const stopPrepare = lifecycle.onPrepareClose(async (request) => {
       preparedCloseRequestRef.current = request.requestId;
       try {
@@ -9598,7 +9695,7 @@ function DocBlocksShell({
       await touchWorkspace2(ws.id);
       if (requestId !== navigationRequestRef.current) return;
       let nextProvider = null;
-      const transient = getTransientWorkspace(ws.id);
+      const transient = getTransientWorkspace2(ws.id);
       if (transient) {
         nextProvider = transient.provider;
       } else if (ws.type === "host-native") {
@@ -9699,11 +9796,11 @@ function DocBlocksShell({
       let adoptedNextProvider = nextProvider !== null;
       try {
         if (!nextProvider) {
-          const transient = getTransientWorkspace(workspace.id);
+          const transient = getTransientWorkspace2(workspace.id);
           if (transient) {
             nextProvider = transient.provider;
           } else if (workspace.type === "host-native") {
-            nextProvider = hostSupports2("nativeWorkspaces") ? await createHostProviderFromWorkspace(workspace) : null;
+            nextProvider = hostSupports3("nativeWorkspaces") ? await createHostProviderFromWorkspace(workspace) : null;
             ownsNextProvider = nextProvider !== null;
           } else if (workspace.type === "native") {
             nextProvider = await (await loadNativeFileSystem()).restoreNativeFolder(workspace.id);
@@ -9818,7 +9915,7 @@ function DocBlocksShell({
       if (!activeWorkspaceId || !provider || !selectedFile) {
         throw new Error("Select the temporary document before moving it.");
       }
-      const transient = getTransientWorkspace(activeWorkspaceId);
+      const transient = getTransientWorkspace2(activeWorkspaceId);
       if (!transient || transient.provider !== provider) {
         throw new Error("This workspace is no longer temporary.");
       }
@@ -9891,7 +9988,7 @@ function DocBlocksShell({
         void touchWorkspace2(destination.id).catch(() => void 0);
         if (sourceTargetKey) pendingDbkConflictsRef.current.delete(sourceTargetKey);
         const origin = transient.descriptor.origin;
-        const externalApi = maybeGetDocBlocksHost4()?.external;
+        const externalApi = maybeGetDocBlocksHost5()?.external;
         if (externalApi && origin && (origin.kind === "loose-file" || origin.kind === "dbk")) {
           try {
             await externalApi.revoke(origin.resourceId);
@@ -9930,7 +10027,7 @@ function DocBlocksShell({
   const handleOpenFolder = useCallback19(async () => {
     const requestId = ++navigationRequestRef.current;
     try {
-      if (hostSupports2("workspaceFolderPicker")) {
+      if (hostSupports3("workspaceFolderPicker")) {
         const info = await getDocBlocksHost().workspaces.pickFolder?.();
         if (!info) return;
         if (requestId !== navigationRequestRef.current) return;
@@ -10148,7 +10245,7 @@ function DocBlocksShell({
     singlePane
   ]);
   const canFind = selectedFile !== null && mediaProvider !== null && selectedManagedOutput !== "catalog-html" && selectedImage === void 0;
-  const canFindRef = useRef20(canFind);
+  const canFindRef = useRef21(canFind);
   canFindRef.current = canFind;
   const { ensure: ensureWorkspaceIndex } = workspaceIndex;
   const openQuickOpen = useCallback19(() => {
@@ -10225,7 +10322,7 @@ function DocBlocksShell({
   );
   useShellShortcuts(shortcutHandlers, layoutMode);
   useEffect30(
-    () => maybeGetDocBlocksHost4()?.lifecycle?.onBack?.(() => {
+    () => maybeGetDocBlocksHost5()?.lifecycle?.onBack?.(() => {
       if (dismissTopmostDialog()) return true;
       const escape = new KeyboardEvent("keydown", {
         key: "Escape",
@@ -10246,7 +10343,7 @@ function DocBlocksShell({
     }),
     [singlePane, mobileShowEditor]
   );
-  const actionNewHandledRef = useRef20(false);
+  const actionNewHandledRef = useRef21(false);
   useEffect30(() => {
     if (!provider || actionNewHandledRef.current) return;
     if (typeof window === "undefined") return;
@@ -10263,8 +10360,8 @@ function DocBlocksShell({
     void handleNewFile();
   }, [provider, handleNewFile]);
   const handleRevealWorkspace = useCallback19(async () => {
-    const shell = maybeGetDocBlocksHost4()?.shell;
-    if (!hostSupports2("revealInFileManager") || !shell?.revealInFolder || !activeWorkspaceId) {
+    const shell = maybeGetDocBlocksHost5()?.shell;
+    if (!hostSupports3("revealInFileManager") || !shell?.revealInFolder || !activeWorkspaceId) {
       return;
     }
     const ws = await getWorkspace(activeWorkspaceId);
@@ -10273,8 +10370,8 @@ function DocBlocksShell({
     }
   }, [activeWorkspaceId]);
   const handleOpenWorkspaceFolder = useCallback19(() => {
-    const shell = maybeGetDocBlocksHost4()?.shell;
-    if (!hostSupports2("openWorkspaceFolder") || !shell?.openWorkspaceFolder || !nativeWorkspaceId) {
+    const shell = maybeGetDocBlocksHost5()?.shell;
+    if (!hostSupports3("openWorkspaceFolder") || !shell?.openWorkspaceFolder || !nativeWorkspaceId) {
       return;
     }
     void shell.openWorkspaceFolder(nativeWorkspaceId).catch((error) => {
@@ -10285,8 +10382,8 @@ function DocBlocksShell({
     });
   }, [nativeWorkspaceId, showToast]);
   useEffect30(() => {
-    const host = maybeGetDocBlocksHost4();
-    if (!hostSupports2("menuCommands") || !host?.onMenuCommand) return;
+    const host = maybeGetDocBlocksHost5();
+    if (!hostSupports3("menuCommands") || !host?.onMenuCommand) return;
     return host.onMenuCommand((cmd) => {
       switch (cmd) {
         case "file:new":
@@ -10435,7 +10532,7 @@ function DocBlocksShell({
       defaultNewFileFormat
     ]
   );
-  const wikiNavigationRef = useRef20(handleSelect);
+  const wikiNavigationRef = useRef21(handleSelect);
   wikiNavigationRef.current = handleSelect;
   const wikiLinks = useMemo6(() => {
     if (!provider || !selectedFile || !activeWorkspaceId) return null;
@@ -10580,7 +10677,7 @@ function DocBlocksShell({
       const nativeActions = createNativeFileActions(
         entry,
         nativeWorkspaceId,
-        maybeGetDocBlocksHost4()
+        maybeGetDocBlocksHost5()
       );
       return [...nativeActions, ...outsideInActionsForEntry(entry)];
     },
@@ -10819,13 +10916,13 @@ function DocBlocksShell({
       if (activeWorkspaceId === workspace.id && provider) {
         return { kind: "ready", workspace, provider, owned: false };
       }
-      const transient = getTransientWorkspace(workspace.id);
+      const transient = getTransientWorkspace2(workspace.id);
       if (transient) {
         return { kind: "ready", workspace, provider: transient.provider, owned: false };
       }
       let pinnedProvider = null;
       if (workspace.type === "host-native") {
-        pinnedProvider = hostSupports2("nativeWorkspaces") ? await createHostProviderFromWorkspace(workspace) : null;
+        pinnedProvider = hostSupports3("nativeWorkspaces") ? await createHostProviderFromWorkspace(workspace) : null;
       } else if (workspace.type === "native") {
         pinnedProvider = await (await loadNativeFileSystem()).restoreNativeFolder(workspace.id);
       } else {
@@ -11010,8 +11107,8 @@ function DocBlocksShell({
       showToast
     ]
   );
-  const restoreInputRef = useRef20(null);
-  const restoreInProgress = useRef20(false);
+  const restoreInputRef = useRef21(null);
+  const restoreInProgress = useRef21(false);
   const handleRestoreBackup = useCallback19(
     async (file) => {
       if (restoreInProgress.current) {
@@ -11041,7 +11138,7 @@ function DocBlocksShell({
   );
   const importOrRestore = useCallback19(
     async (files) => {
-      const backups = hostSupports2("nativeWorkspaces") ? [] : files.filter((file) => /\.zip$/i.test(file.name));
+      const backups = hostSupports3("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);
@@ -11188,8 +11285,8 @@ function DocBlocksShell({
     [adoptTransientWorkspace]
   );
   useEffect30(() => {
-    const host = maybeGetDocBlocksHost4();
-    if (!hostSupports2("openRequests") || !host) return;
+    const host = maybeGetDocBlocksHost5();
+    if (!hostSupports3("openRequests") || !host) return;
     return host.onOpenRequest((req) => {
       const requestId = ++navigationRequestRef.current;
       void (req.kind === "workspace-file" ? workspaceAuthorityBarrier.wait().then(() => {
@@ -11255,7 +11352,7 @@ function DocBlocksShell({
     [adoptTransientWorkspace]
   );
   useEffect30(() => {
-    if (hostSupports2("openRequests") || typeof window === "undefined") return;
+    if (hostSupports3("openRequests") || typeof window === "undefined") return;
     const launchQueue = window.launchQueue;
     if (!launchQueue) return;
     launchQueue.setConsumer((params) => {
@@ -11302,7 +11399,7 @@ function DocBlocksShell({
         import("@bendyline/squisq/storage"),
         import("@bendyline/squisq-formats/container")
       ]);
-      const electron = hostSupports2("nativeWorkspaces");
+      const electron = hostSupports3("nativeWorkspaces");
       const all = await listWorkspaces2();
       const candidates = all.filter(
         (w) => electron ? w.type === "host-native" || w.type === "transient" : w.type !== "host-native"
@@ -11318,7 +11415,7 @@ function DocBlocksShell({
         let p = null;
         let ownsProvider = false;
         try {
-          const transient = getTransientWorkspace(ws.id);
+          const transient = getTransientWorkspace2(ws.id);
           if (transient) {
             p = transient.provider;
           } else if (ws.type === "host-native") {
@@ -11444,7 +11541,7 @@ function DocBlocksShell({
         }
       } else if (ws?.type === "transient") {
         const origin = ws.origin;
-        const externalApi = maybeGetDocBlocksHost4()?.external;
+        const externalApi = maybeGetDocBlocksHost5()?.external;
         if (externalApi && origin && (origin.kind === "loose-file" || origin.kind === "dbk")) {
           try {
             await externalApi.revoke(origin.resourceId);
@@ -11468,7 +11565,7 @@ function DocBlocksShell({
         return;
       }
       if (requestId !== navigationRequestRef.current) return;
-      const electron = hostSupports2("nativeWorkspaces");
+      const electron = hostSupports3("nativeWorkspaces");
       const remaining = (await listWorkspaces2()).filter(
         (w) => electron ? w.type === "host-native" : w.type !== "host-native"
       );
@@ -11625,7 +11722,7 @@ function DocBlocksShell({
                       onVersioningPreferenceChange: handleVersioningPreferenceChange,
                       onOpenWorkspaceSettings: activeWorkspaceDescriptor ? handleOpenWorkspaceSettings : void 0,
                       onDownloadAllWorkspaces: handleDownloadAllWorkspaces,
-                      onRestoreBackup: hostSupports2("nativeWorkspaces") ? void 0 : () => restoreInputRef.current?.click(),
+                      onRestoreBackup: hostSupports3("nativeWorkspaces") ? void 0 : () => restoreInputRef.current?.click(),
                       onShowKeyboardShortcuts: singlePane ? void 0 : openKeyboardShortcuts,
                       onKeepBrowserData: showBrowserStorageWarning && !browserStoragePersistent ? handleKeepBrowserData : void 0,
                       onInstallApp: installPromptEvent ? handleInstallApp : void 0,
@@ -11720,7 +11817,7 @@ function DocBlocksShell({
                     onPinnedDocumentDelete: handlePinnedDocumentDelete,
                     onTogglePin: handleTogglePin,
                     onSelect: handleSelect,
-                    onOpenWorkspaceFolder: hostSupports2("openWorkspaceFolder") && nativeWorkspaceId ? handleOpenWorkspaceFolder : void 0,
+                    onOpenWorkspaceFolder: hostSupports3("openWorkspaceFolder") && nativeWorkspaceId ? handleOpenWorkspaceFolder : void 0,
                     actionsForEntry,
                     onTreeMutation: handleTreeMutation,
                     onTreeChange: handleTreeChange,
@@ -11934,7 +12031,7 @@ function DocBlocksShell({
                                       onOpenSettings: openSettings
                                     }
                                   ),
-                                  hostSupports2("speechOutput") ? /* @__PURE__ */ jsx19(
+                                  hostSupports3("speechOutput") ? /* @__PURE__ */ jsx19(
                                     SpeechToolbarControl,
                                     {
                                       speech,
@@ -12019,7 +12116,7 @@ function DocBlocksShell({
                             children: "New folder"
                           }
                         ),
-                        (hostSupports2("workspaceFolderPicker") || typeof globalThis.showDirectoryPicker === "function") && /* @__PURE__ */ jsx19(
+                        (hostSupports3("workspaceFolderPicker") || typeof globalThis.showDirectoryPicker === "function") && /* @__PURE__ */ jsx19(
                           "button",
                           {
                             type: "button",