alinea 2.0.0-preview.2 → 2.0.0-preview.4

package/dist/dashboard/app/EntrySidebarPreview.js

@@ -1,10 +1,11 @@
 import {
-  useAtomValue,
+  useAtomValueRaw,
+  useAtomValueRawSync,
   useSetAtom
-} from "../../chunks/chunk-U4VOHNR2.js";
+} from "../../chunks/chunk-D6UJHBJJ.js";
 import {
   atom
-} from "../../chunks/chunk-Y7XOMJOC.js";
+} from "../../chunks/chunk-CFNRVI3Y.js";
 import {
   styler
 } from "../../chunks/chunk-I4OYYAX5.js";
@@ -25,23 +26,23 @@ import {
 
 // src/dashboard/app/EntrySidebarPreview.module.css
 var EntrySidebarPreview_default = {
-  "EntrySidebarPreview-component": "alinea-EntrySidebarPreview-component",
-  "EntrySidebarPreviewComponent": "alinea-EntrySidebarPreview-component",
+  "EntrySidebarPreview-empty": "alinea-EntrySidebarPreview-empty",
+  "EntrySidebarPreviewEmpty": "alinea-EntrySidebarPreview-empty",
+  "EntrySidebarPreview-controls": "alinea-EntrySidebarPreview-controls",
+  "EntrySidebarPreviewControls": "alinea-EntrySidebarPreview-controls",
+  "EntrySidebarPreview-browser": "alinea-EntrySidebarPreview-browser",
+  "EntrySidebarPreviewBrowser": "alinea-EntrySidebarPreview-browser",
   "EntrySidebarPreview-subheader": "alinea-EntrySidebarPreview-subheader",
   "EntrySidebarPreviewSubheader": "alinea-EntrySidebarPreview-subheader",
+  "EntrySidebarPreview-loading": "alinea-EntrySidebarPreview-loading",
+  "EntrySidebarPreviewLoading": "alinea-EntrySidebarPreview-loading",
   "EntrySidebarPreview-browserMessage": "alinea-EntrySidebarPreview-browserMessage",
   "EntrySidebarPreviewBrowserMessage": "alinea-EntrySidebarPreview-browserMessage",
+  "EntrySidebarPreview": "alinea-EntrySidebarPreview",
   "EntrySidebarPreview-iframe": "alinea-EntrySidebarPreview-iframe",
   "EntrySidebarPreviewIframe": "alinea-EntrySidebarPreview-iframe",
-  "EntrySidebarPreview-controls": "alinea-EntrySidebarPreview-controls",
-  "EntrySidebarPreviewControls": "alinea-EntrySidebarPreview-controls",
-  "EntrySidebarPreview-browser": "alinea-EntrySidebarPreview-browser",
-  "EntrySidebarPreviewBrowser": "alinea-EntrySidebarPreview-browser",
-  "EntrySidebarPreview-empty": "alinea-EntrySidebarPreview-empty",
-  "EntrySidebarPreviewEmpty": "alinea-EntrySidebarPreview-empty",
-  "EntrySidebarPreview": "alinea-EntrySidebarPreview",
-  "EntrySidebarPreview-loading": "alinea-EntrySidebarPreview-loading",
-  "EntrySidebarPreviewLoading": "alinea-EntrySidebarPreview-loading"
+  "EntrySidebarPreview-component": "alinea-EntrySidebarPreview-component",
+  "EntrySidebarPreviewComponent": "alinea-EntrySidebarPreview-component"
 };
 
 // src/dashboard/app/EntrySidebarPreview.tsx
@@ -52,7 +53,7 @@ function EntrySidebarPreview({
   entry,
   localeData
 }) {
-  const preview = useAtomValue(entry.preview);
+  const preview = useAtomValueRaw(entry.preview);
   if (!preview)
     return /* @__PURE__ */ jsx(EntrySidebarPreviewMessage, { title: "No preview", children: "This entry has no preview." });
   if (preview === true)
@@ -63,7 +64,7 @@ function EntrySidebarComponentPreview({
   localeData,
   preview: Component
 }) {
-  const previewEntry = useAtomValue(localeData.previewEntry);
+  const previewEntry = useAtomValueRaw(localeData.previewEntry);
   if (!previewEntry)
     return /* @__PURE__ */ jsx(EntrySidebarPreviewMessage, { title: "Preview unavailable", children: "Preview is currently unavailable." });
   return /* @__PURE__ */ jsx("div", { className: styles.EntrySidebarPreview(), children: /* @__PURE__ */ jsx("div", { className: styles.EntrySidebarPreview.component(), children: /* @__PURE__ */ jsx(Component, { entry: previewEntry }) }) });
@@ -134,12 +135,12 @@ function EntrySidebarBrowserPreviewHeader({
 function EntrySidebarBrowserPreview({
   localeData
 }) {
-  const [previewUrlPending, previewUrl] = useAtomValue(
+  const [previewUrlPending, previewUrl] = useAtomValueRawSync(
     localeData.previewUrlState
   );
   const retryPreviewUrl = useSetAtom(localeData.retryPreviewUrl);
   const payloadSignalAtom = localeData.previewPayloadSignal;
-  const payloadSignal = useAtomValue(
+  const payloadSignal = useAtomValueRaw(
     payloadSignalAtom ?? emptyPayloadSignalAtom
   );
   const updatePreviewPayload = useSetAtom(
@@ -149,6 +150,7 @@ function EntrySidebarBrowserPreview({
   const iframe = useRef(null);
   const previewPayload = useRef();
   const hasPreviewListener = useRef(false);
+  const previewWindows = useRef(/* @__PURE__ */ new Set());
   const [frameVersion, setFrameVersion] = useState(0);
   const [loading, setLoading] = useState(true);
   const targetOrigin = useMemo(() => {
@@ -162,24 +164,43 @@ function EntrySidebarBrowserPreview({
     hasPreviewListener.current = false;
     previewPayload.current = void 0;
   }, [previewUrl]);
+  useEffect(() => {
+    const windows = previewWindows.current;
+    previewPayload.current = void 0;
+    function disconnect() {
+      if (targetOrigin)
+        for (const previewWindow of windows) {
+          if (!previewWindow.closed)
+            previewWindow.postMessage(
+              { action: PreviewAction.Disconnect },
+              targetOrigin
+            );
+        }
+      windows.clear();
+    }
+    window.addEventListener("pagehide", disconnect);
+    return () => {
+      window.removeEventListener("pagehide", disconnect);
+      disconnect();
+    };
+  }, [localeData, previewUrl, targetOrigin]);
   useEffect(() => {
     if (!targetOrigin) return;
     function handleMessage(event) {
       if (event.origin !== targetOrigin) return;
-      if (event.source !== iframe.current?.contentWindow) return;
+      const source = event.source;
+      const isFrame = source === iframe.current?.contentWindow;
+      if (!source || !isFrame && !previewWindows.current.has(source)) return;
       if (!event.data || typeof event.data !== "object") return;
       if (event.data.action === PreviewAction.Ping) {
-        hasPreviewListener.current = true;
-        iframe.current?.contentWindow?.postMessage(
-          { action: PreviewAction.Pong },
-          targetOrigin
-        );
+        if (isFrame) hasPreviewListener.current = true;
+        source.postMessage({ action: PreviewAction.Pong }, targetOrigin);
         if (previewPayload.current)
-          iframe.current?.contentWindow?.postMessage(
+          source.postMessage(
             { action: PreviewAction.Preview, payload: previewPayload.current },
             targetOrigin
           );
-      } else if (event.data.action === PreviewAction.Meta) {
+      } else if (isFrame && event.data.action === PreviewAction.Meta) {
         setMetadata(event.data);
       }
     }
@@ -193,11 +214,14 @@ function EntrySidebarBrowserPreview({
       void updatePreviewPayload().then((payload) => {
         if (cancelled) return;
         previewPayload.current = payload;
-        if (!payload || !targetOrigin || !hasPreviewListener.current) return;
-        iframe.current?.contentWindow?.postMessage(
-          { action: PreviewAction.Preview, payload },
-          targetOrigin
-        );
+        if (!payload || !targetOrigin) return;
+        const message = { action: PreviewAction.Preview, payload };
+        if (hasPreviewListener.current)
+          iframe.current?.contentWindow?.postMessage(message, targetOrigin);
+        for (const previewWindow of previewWindows.current) {
+          if (previewWindow.closed) previewWindows.current.delete(previewWindow);
+          else previewWindow.postMessage(message, targetOrigin);
+        }
       });
     }, 250);
     return () => {
@@ -205,8 +229,9 @@ function EntrySidebarBrowserPreview({
       clearTimeout(timeout);
     };
   }, [
-    localeData.updatePreviewPayload,
+    localeData,
     payloadSignal,
+    previewUrl,
     targetOrigin,
     updatePreviewPayload
   ]);
@@ -225,8 +250,10 @@ function EntrySidebarBrowserPreview({
   }
   function openPreview() {
     if (!previewUrl || typeof window === "undefined") return;
-    const href = `${previewUrl}${previewUrl.includes("?") ? "&" : "?"}full`;
-    window.open(href, "_blank", "noopener,noreferrer");
+    const href = new URL(previewUrl, location.href);
+    href.searchParams.set("full", "");
+    const previewWindow = window.open(href.href, "_blank");
+    if (previewWindow) previewWindows.current.add(previewWindow);
   }
   return /* @__PURE__ */ jsxs("div", { className: styles.EntrySidebarPreview(), children: [
     /* @__PURE__ */ jsx(

package/dist/dashboard/app/EntrySidebarPreview.story.d.ts

@@ -1 +1,6 @@
-export declare function EntrySidebarPreviewStory(): import("react").JSX.Element;
+interface EntrySidebarPreviewStoryProps {
+    previewUrl?: string;
+    entryId?: string;
+}
+export declare function EntrySidebarPreviewStory({ previewUrl, entryId }: EntrySidebarPreviewStoryProps): import("react").JSX.Element;
+export {};

package/dist/dashboard/app/EntryTranslationBanner.js

@@ -9,19 +9,19 @@ import { memo } from "react";
 
 // src/dashboard/app/EntryTranslationBanner.module.css
 var EntryTranslationBanner_default = {
-  "EntryTranslationBanner-actions": "alinea-EntryTranslationBanner-actions",
-  "EntryTranslationBannerActions": "alinea-EntryTranslationBanner-actions",
-  "EntryTranslationBanner": "alinea-EntryTranslationBanner",
   "EntryTranslationBanner-label": "alinea-EntryTranslationBanner-label",
   "EntryTranslationBannerLabel": "alinea-EntryTranslationBanner-label",
-  "EntryTranslationBanner-select": "alinea-EntryTranslationBanner-select",
-  "EntryTranslationBannerSelect": "alinea-EntryTranslationBanner-select",
+  "EntryTranslationBanner": "alinea-EntryTranslationBanner",
+  "EntryTranslationBanner-message": "alinea-EntryTranslationBanner-message",
+  "EntryTranslationBannerMessage": "alinea-EntryTranslationBanner-message",
+  "EntryTranslationBanner-actions": "alinea-EntryTranslationBanner-actions",
+  "EntryTranslationBannerActions": "alinea-EntryTranslationBanner-actions",
   "EntryTranslationBanner-body": "alinea-EntryTranslationBanner-body",
   "EntryTranslationBannerBody": "alinea-EntryTranslationBanner-body",
+  "EntryTranslationBanner-select": "alinea-EntryTranslationBanner-select",
+  "EntryTranslationBannerSelect": "alinea-EntryTranslationBanner-select",
   "EntryTranslationBanner-title": "alinea-EntryTranslationBanner-title",
-  "EntryTranslationBannerTitle": "alinea-EntryTranslationBanner-title",
-  "EntryTranslationBanner-message": "alinea-EntryTranslationBanner-message",
-  "EntryTranslationBannerMessage": "alinea-EntryTranslationBanner-message"
+  "EntryTranslationBannerTitle": "alinea-EntryTranslationBanner-title"
 };
 
 // src/dashboard/app/EntryTranslationBanner.tsx

package/dist/dashboard/app/Explorer.d.ts

@@ -14,6 +14,7 @@ export interface ExplorerHeaderEntry {
     onBack(): void;
 }
 export interface ExplorerHeaderProps {
+    canBrowse?: boolean;
     autoFocusSearch?: boolean;
     controls?: ReactNode;
     explorer: DashboardExplorer;
@@ -35,7 +36,7 @@ interface ExplorerSearchProps {
     page: ExplorerReadyPage;
 }
 export declare function ExplorerSearch({ autoFocus, explorer, onEntryAction, page }: ExplorerSearchProps): import("react").JSX.Element;
-export declare function ExplorerHeader({ autoFocusSearch, controls, explorer, headerEntry, navigate, page, titleControls }: ExplorerHeaderProps): import("react").JSX.Element;
+export declare function ExplorerHeader({ canBrowse, autoFocusSearch, controls, explorer, headerEntry, navigate, page, titleControls }: ExplorerHeaderProps): import("react").JSX.Element;
 export declare function ExplorerBody({ compactTable, explorer, onSelectionChange, page }: ExplorerBodyProps): import("react").JSX.Element;
 export declare function Explorer({ controls, explorer, headerEntry, page: loadedPage, titleControls }: ExplorerProps): import("react").JSX.Element;
 export {};

package/dist/dashboard/app/Explorer.js

@@ -1,9 +1,9 @@
 import {
   useAtom,
-  useAtomValue,
+  useAtomValueRaw,
   useSetAtom
-} from "../../chunks/chunk-U4VOHNR2.js";
-import "../../chunks/chunk-Y7XOMJOC.js";
+} from "../../chunks/chunk-D6UJHBJJ.js";
+import "../../chunks/chunk-CFNRVI3Y.js";
 import {
   $b325d7bd7e74496a$export$6fb4a10d2c950550,
   $f2ff30fde7b014be$export$2e1e1122cf0cba88
@@ -60,63 +60,63 @@ import { EditorBackButton } from "./EditorBackButton.js";
 
 // src/dashboard/app/Explorer.module.css
 var Explorer_default = {
-  "ExplorerHeader": "alinea-ExplorerHeader",
-  "Explorer-searchSlot": "alinea-Explorer-searchSlot",
-  "ExplorerSearchSlot": "alinea-Explorer-searchSlot",
-  "Sorting-button": "alinea-Sorting-button",
-  "SortingButton": "alinea-Sorting-button",
-  "Explorer-toolbar": "alinea-Explorer-toolbar",
-  "ExplorerToolbar": "alinea-Explorer-toolbar",
+  "is-navigation": "alinea-is-navigation",
+  "isNavigation": "alinea-is-navigation",
+  "Explorer-toolbar-mediaActions": "alinea-Explorer-toolbar-mediaActions",
+  "ExplorerToolbarMediaActions": "alinea-Explorer-toolbar-mediaActions",
+  "ExplorerHeader-content": "alinea-ExplorerHeader-content",
+  "ExplorerHeaderContent": "alinea-ExplorerHeader-content",
   "Explorer-locationBreadcrumbs": "alinea-Explorer-locationBreadcrumbs",
   "ExplorerLocationBreadcrumbs": "alinea-Explorer-locationBreadcrumbs",
-  "Explorer-locationBreadcrumbs-item": "alinea-Explorer-locationBreadcrumbs-item",
-  "ExplorerLocationBreadcrumbsItem": "alinea-Explorer-locationBreadcrumbs-item",
-  "ExplorerHeader-title": "alinea-ExplorerHeader-title",
-  "ExplorerHeaderTitle": "alinea-ExplorerHeader-title",
-  "Explorer-locationBreadcrumbs-localeValue": "alinea-Explorer-locationBreadcrumbs-localeValue",
-  "ExplorerLocationBreadcrumbsLocaleValue": "alinea-Explorer-locationBreadcrumbs-localeValue",
   "Explorer-locationBreadcrumbs-separator": "alinea-Explorer-locationBreadcrumbs-separator",
   "ExplorerLocationBreadcrumbsSeparator": "alinea-Explorer-locationBreadcrumbs-separator",
-  "ExplorerHeader-content": "alinea-ExplorerHeader-content",
-  "ExplorerHeaderContent": "alinea-ExplorerHeader-content",
-  "ExplorerHeader-primary": "alinea-ExplorerHeader-primary",
-  "ExplorerHeaderPrimary": "alinea-ExplorerHeader-primary",
-  "ExplorerHeader-location": "alinea-ExplorerHeader-location",
-  "ExplorerHeaderLocation": "alinea-ExplorerHeader-location",
-  "is-navigation": "alinea-is-navigation",
-  "isNavigation": "alinea-is-navigation",
+  "Explorer-locationBreadcrumbs-root-locale": "alinea-Explorer-locationBreadcrumbs-root-locale",
+  "ExplorerLocationBreadcrumbsRootLocale": "alinea-Explorer-locationBreadcrumbs-root-locale",
   "Explorer-toolbar-tools": "alinea-Explorer-toolbar-tools",
   "ExplorerToolbarTools": "alinea-Explorer-toolbar-tools",
-  "Explorer-toolbar-mediaActions": "alinea-Explorer-toolbar-mediaActions",
-  "ExplorerToolbarMediaActions": "alinea-Explorer-toolbar-mediaActions",
-  "Explorer-breadcrumbs": "alinea-Explorer-breadcrumbs",
-  "ExplorerBreadcrumbs": "alinea-Explorer-breadcrumbs",
-  "Popover": "alinea-Popover",
-  "Popover-Label": "alinea-Popover-Label",
-  "PopoverLabel": "alinea-Popover-Label",
-  "Explorer-locationBreadcrumbs-parentAction": "alinea-Explorer-locationBreadcrumbs-parentAction",
-  "ExplorerLocationBreadcrumbsParentAction": "alinea-Explorer-locationBreadcrumbs-parentAction",
-  "Explorer-locationBreadcrumbs-parentValue": "alinea-Explorer-locationBreadcrumbs-parentValue",
-  "ExplorerLocationBreadcrumbsParentValue": "alinea-Explorer-locationBreadcrumbs-parentValue",
+  "Explorer-locationBreadcrumbs-root": "alinea-Explorer-locationBreadcrumbs-root",
+  "ExplorerLocationBreadcrumbsRoot": "alinea-Explorer-locationBreadcrumbs-root",
   "Explorer-locationBreadcrumbs-value": "alinea-Explorer-locationBreadcrumbs-value",
   "ExplorerLocationBreadcrumbsValue": "alinea-Explorer-locationBreadcrumbs-value",
+  "ExplorerHeader-main": "alinea-ExplorerHeader-main",
+  "ExplorerHeaderMain": "alinea-ExplorerHeader-main",
   "Explorer-resultMode": "alinea-Explorer-resultMode",
   "ExplorerResultMode": "alinea-Explorer-resultMode",
   "Explorer-actions": "alinea-Explorer-actions",
   "ExplorerActions": "alinea-Explorer-actions",
+  "Popover-Label": "alinea-Popover-Label",
+  "PopoverLabel": "alinea-Popover-Label",
+  "ExplorerHeader": "alinea-ExplorerHeader",
+  "ExplorerHeader-location": "alinea-ExplorerHeader-location",
+  "ExplorerHeaderLocation": "alinea-ExplorerHeader-location",
+  "Explorer-locationBreadcrumbs-localeValue": "alinea-Explorer-locationBreadcrumbs-localeValue",
+  "ExplorerLocationBreadcrumbsLocaleValue": "alinea-Explorer-locationBreadcrumbs-localeValue",
+  "Popover": "alinea-Popover",
+  "Explorer-searchSlot": "alinea-Explorer-searchSlot",
+  "ExplorerSearchSlot": "alinea-Explorer-searchSlot",
+  "Explorer-toolbar": "alinea-Explorer-toolbar",
+  "ExplorerToolbar": "alinea-Explorer-toolbar",
+  "Explorer-locationBreadcrumbs-parentValue": "alinea-Explorer-locationBreadcrumbs-parentValue",
+  "ExplorerLocationBreadcrumbsParentValue": "alinea-Explorer-locationBreadcrumbs-parentValue",
+  "Explorer-locationBreadcrumbs-item": "alinea-Explorer-locationBreadcrumbs-item",
+  "ExplorerLocationBreadcrumbsItem": "alinea-Explorer-locationBreadcrumbs-item",
+  "ExplorerHeader-primary": "alinea-ExplorerHeader-primary",
+  "ExplorerHeaderPrimary": "alinea-ExplorerHeader-primary",
+  "ExplorerHeader-title": "alinea-ExplorerHeader-title",
+  "ExplorerHeaderTitle": "alinea-ExplorerHeader-title",
+  "Sorting-button": "alinea-Sorting-button",
+  "SortingButton": "alinea-Sorting-button",
   "Explorer-locationBreadcrumbs-current": "alinea-Explorer-locationBreadcrumbs-current",
   "ExplorerLocationBreadcrumbsCurrent": "alinea-Explorer-locationBreadcrumbs-current",
-  "Explorer-searchScope": "alinea-Explorer-searchScope",
-  "ExplorerSearchScope": "alinea-Explorer-searchScope",
-  "Explorer-locationBreadcrumbs-root": "alinea-Explorer-locationBreadcrumbs-root",
-  "ExplorerLocationBreadcrumbsRoot": "alinea-Explorer-locationBreadcrumbs-root",
-  "Explorer-locationBreadcrumbs-root-locale": "alinea-Explorer-locationBreadcrumbs-root-locale",
-  "ExplorerLocationBreadcrumbsRootLocale": "alinea-Explorer-locationBreadcrumbs-root-locale",
+  "Explorer": "alinea-Explorer",
+  "Explorer-breadcrumbs": "alinea-Explorer-breadcrumbs",
+  "ExplorerBreadcrumbs": "alinea-Explorer-breadcrumbs",
   "Explorer-search": "alinea-Explorer-search",
   "ExplorerSearch": "alinea-Explorer-search",
-  "Explorer": "alinea-Explorer",
-  "ExplorerHeader-main": "alinea-ExplorerHeader-main",
-  "ExplorerHeaderMain": "alinea-ExplorerHeader-main",
+  "Explorer-searchScope": "alinea-Explorer-searchScope",
+  "ExplorerSearchScope": "alinea-Explorer-searchScope",
+  "Explorer-locationBreadcrumbs-parentAction": "alinea-Explorer-locationBreadcrumbs-parentAction",
+  "ExplorerLocationBreadcrumbsParentAction": "alinea-Explorer-locationBreadcrumbs-parentAction",
   "Explorer-viewport": "alinea-Explorer-viewport",
   "ExplorerViewport": "alinea-Explorer-viewport"
 };
@@ -136,7 +136,7 @@ function ExplorerSearch({
 }) {
   const items = page.items;
   const [selection, setSelection] = useAtom(explorer.selection);
-  const search = useAtomValue(explorer.search);
+  const search = useAtomValueRaw(explorer.search);
   const setSearch = useSetAtom(explorer.search);
   const performAction = useSetAtom(explorer.onAction);
   const [inputValue, setInputValue] = useState(search);
@@ -205,7 +205,7 @@ function ExplorerSearch({
       autoFocus,
       className: styles.Explorer.search(),
       hasIcon: true,
-      isPending,
+      isPending: isPending || inputValue !== page.search,
       placeholder: "Search...",
       value: inputValue,
       onChange: onSearchChange,
@@ -217,7 +217,7 @@ function ExplorerSearchScope({ explorer, page }) {
   const searchScope = page.searchScope;
   const setSearchScope = useSetAtom(explorer.searchScope);
   const resultMode = page.resultMode;
-  const canSearchEverything = useAtomValue(explorer.canSearchEverything);
+  const canSearchEverything = useAtomValueRaw(explorer.canSearchEverything);
   const [, startTransition] = useTransition();
   if (!explorer.allowAllWorkspaces) return null;
   const isDisabled = !canSearchEverything || explorer.mode !== "search" && resultMode !== "matches";
@@ -234,13 +234,17 @@ function ExplorerSearchScope({ explorer, page }) {
     }
   );
 }
-function ExplorerResultMode({ explorer, page }) {
+function ExplorerResultMode({
+  canBrowse: navigationEnabled,
+  explorer,
+  page
+}) {
   const resultMode = page.resultMode;
   const setResultMode = useSetAtom(explorer.resultMode);
-  const search = useAtomValue(explorer.search);
+  const search = useAtomValueRaw(explorer.search);
   const [, startTransition] = useTransition();
   const canShowFiltered = explorer.pickChildren || explorer.hasCondition || Boolean(search.trim());
-  const canBrowse = !explorer.pickChildren && !search.trim();
+  const canBrowse = navigationEnabled && !explorer.pickChildren && !search.trim();
   return /* @__PURE__ */ jsxs(
     ToggleButtonGroup,
     {
@@ -275,8 +279,8 @@ function ExplorerHeaderLoadedParentMain({
   explorer,
   titleControls
 }) {
-  const label = useAtomValue(data.label);
-  const parents = useAtomValue(data.parents);
+  const label = useAtomValueRaw(data.label);
+  const parents = useAtomValueRaw(data.parents);
   const setLocation = useSetAtom(explorer.location);
   const parent = parents.at(-1);
   return /* @__PURE__ */ jsxs("div", { className: styles.ExplorerHeader.main(), children: [
@@ -302,7 +306,7 @@ function ExplorerHeaderMain({
   page,
   titleControls
 }) {
-  const parent = useAtomValue(explorer.parent(page.location, page.locale));
+  const parent = useAtomValueRaw(explorer.parent(page.location, page.locale));
   if (headerEntry) {
     return /* @__PURE__ */ jsxs("div", { className: styles.ExplorerHeader.main(), children: [
       /* @__PURE__ */ jsx(
@@ -336,7 +340,7 @@ function ExplorerLocationParents({
   lockNavigation,
   parent
 }) {
-  const { data } = useAtomValue(parent.data);
+  const { data } = useAtomValueRaw(parent.data);
   if (!data) return null;
   return /* @__PURE__ */ jsx(
     ExplorerLoadedLocationParents,
@@ -354,7 +358,7 @@ function ExplorerLoadedLocationParents({
   lockNavigation,
   parent
 }) {
-  const parents = useAtomValue(data.parents);
+  const parents = useAtomValueRaw(data.parents);
   return [...parents, parent].map((entry, index, entries) => /* @__PURE__ */ jsx(
     ExplorerLocationParent,
     {
@@ -372,7 +376,7 @@ function ExplorerLocationParent({
   explorer,
   lockNavigation
 }) {
-  const { data } = useAtomValue(entry.data);
+  const { data } = useAtomValueRaw(entry.data);
   if (!data) return null;
   return /* @__PURE__ */ jsx(
     ExplorerLoadedLocationParent,
@@ -392,7 +396,7 @@ function ExplorerLoadedLocationParent({
   explorer,
   lockNavigation
 }) {
-  const label = useAtomValue(data.label);
+  const label = useAtomValueRaw(data.label);
   const setLocation = useSetAtom(explorer.location);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
@@ -425,13 +429,13 @@ function ExplorerLocationMenu({
   lockNavigation = false,
   page
 }) {
-  const config = useAtomValue(configAtom);
+  const config = useAtomValueRaw(configAtom);
   const location = page.location;
-  const policy = useAtomValue(policyAtom);
+  const policy = useAtomValueRaw(policyAtom);
   const selectedLocale = page.locale;
   const setSelectedLocale = useSetAtom(explorer.selectedLocale);
   const setLocation = useSetAtom(explorer.location);
-  const parent = useAtomValue(explorer.parent(location, selectedLocale));
+  const parent = useAtomValueRaw(explorer.parent(location, selectedLocale));
   const configuredLocations = explorer.limitLocations?.length ? explorer.limitLocations : Object.entries(config.workspaces).flatMap(
     ([workspace, value]) => Object.keys(getWorkspace(value).roots).map((root) => ({ workspace, root }))
   );
@@ -573,7 +577,7 @@ function ExplorerHeaderParentMain({
   parent,
   titleControls
 }) {
-  const { data } = useAtomValue(parent.data);
+  const { data } = useAtomValueRaw(parent.data);
   if (!data) return null;
   return /* @__PURE__ */ jsx(
     ExplorerHeaderLoadedParentMain,
@@ -669,15 +673,15 @@ function ExplorerToolbar({ explorer, page }) {
   const [, setView] = useAtom(explorer.view);
   const [sort, setSort] = useAtom(explorer.sort);
   const [selectedFilter, toggleFilter] = useAtom(explorer.filter);
-  const requestedLocation = useAtomValue(explorer.location);
-  const selectedLocale = useAtomValue(explorer.selectedLocale);
+  const requestedLocation = useAtomValueRaw(explorer.location);
+  const selectedLocale = useAtomValueRaw(explorer.selectedLocale);
   const locationIsPending = explorerPageIsPending(
     page,
     requestedLocation,
     selectedLocale
   );
-  const canUpload = useAtomValue(explorer.canUpload);
-  const uploads = useAtomValue(explorer.uploadsInCurrentFolder);
+  const canUpload = useAtomValueRaw(explorer.canUpload);
+  const uploads = useAtomValueRaw(explorer.uploadsInCurrentFolder);
   const upload = useSetAtom(explorer.upload);
   const uploadCount = uploads.length;
   const uploadLabel = uploadCount === 1 ? "1 file uploading" : `${uploadCount} files uploading`;
@@ -709,6 +713,7 @@ function ExplorerToolbar({ explorer, page }) {
   ] });
 }
 function ExplorerHeader({
+  canBrowse = true,
   autoFocusSearch,
   controls,
   explorer,
@@ -751,7 +756,14 @@ function ExplorerHeader({
         className: styles.ExplorerHeader.location(),
         role: "group",
         children: [
-          /* @__PURE__ */ jsx(ExplorerResultMode, { explorer, page }),
+          /* @__PURE__ */ jsx(
+            ExplorerResultMode,
+            {
+              canBrowse,
+              explorer,
+              page
+            }
+          ),
           !page.searchesEverything && /* @__PURE__ */ jsx(
             ExplorerLocationMenu,
             {
@@ -788,7 +800,7 @@ function Explorer({
   page: loadedPage,
   titleControls
 }) {
-  const resolvedPage = useAtomValue(explorer.page);
+  const resolvedPage = useAtomValueRaw(explorer.page);
   const page = resolvedPage ?? loadedPage;
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(