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

package/dist/dashboard/app/ImagePicker.js

@@ -1,10 +1,10 @@
 import {
-  useAtomValue,
+  useAtomValueRaw,
   useSetAtom
-} from "../../chunks/chunk-U4VOHNR2.js";
+} from "../../chunks/chunk-D6UJHBJJ.js";
 import {
   atom
-} from "../../chunks/chunk-Y7XOMJOC.js";
+} from "../../chunks/chunk-CFNRVI3Y.js";
 import "../../chunks/chunk-CQ52GEHY.js";
 
 // src/dashboard/app/ImagePicker.tsx
@@ -57,7 +57,7 @@ function ImagePicker(options) {
 function ImagePickerModalContent({ label, options }) {
   const modal = useDashboardModal();
   const { page, root, workspace } = useDashboardContext();
-  const policy = useAtomValue(policyAtom);
+  const policy = useAtomValueRaw(policyAtom);
   const mediaRoot = Object.entries(workspace.roots).find(
     ([key, value]) => policy.canRead({ workspace: root.workspace, root: key }) && Boolean(getRoot(value).isMediaRoot)
   )?.[0];
@@ -66,7 +66,7 @@ function ImagePickerModalContent({ label, options }) {
     root: mediaRoot ?? root.key
   };
   const pickerRoot = rootAtoms(location.workspace, location.root ?? root.key);
-  const pickerI18n = useAtomValue(pickerRoot.i18n);
+  const pickerI18n = useAtomValueRaw(pickerRoot.i18n);
   const initialLocale = normalizePickerLocale(
     location.locale ?? options.selectedLocale ?? page.locale,
     pickerI18n?.locales ?? []
@@ -93,9 +93,9 @@ function ImagePickerModalContent({ label, options }) {
     });
     return { explorer: explorer2, tree: tree2 };
   }, [explorerIdentity]);
-  const explorerPage = useAtomValue(explorer.page);
+  const explorerPage = useAtomValueRaw(explorer.page);
   const onConfirm = useSetAtom(explorer.onConfirm);
-  const selection = useAtomValue(explorer.selection);
+  const selection = useAtomValueRaw(explorer.selection);
   const selectedItems = selection === "all" ? 0 : selection.size;
   if (!explorerPage)
     return /* @__PURE__ */ jsx(DashboardModalDialog, { "aria-label": label, variant: "explorer", isLoading: true });

package/dist/dashboard/app/LinkPicker.js

@@ -1,10 +1,10 @@
 import {
-  useAtomValue,
+  useAtomValueRaw,
   useSetAtom
-} from "../../chunks/chunk-U4VOHNR2.js";
+} from "../../chunks/chunk-D6UJHBJJ.js";
 import {
   atom
-} from "../../chunks/chunk-Y7XOMJOC.js";
+} from "../../chunks/chunk-CFNRVI3Y.js";
 import {
   dist_default
 } from "../../chunks/chunk-I4OYYAX5.js";
@@ -19,7 +19,6 @@ import { rootAtoms } from "alinea/dashboard/atoms/root";
 import { useDashboardContext } from "alinea/dashboard/hooks";
 import {
   Suspense,
-  startTransition,
   useMemo,
   useState
 } from "react";
@@ -40,9 +39,13 @@ import {
 
 // src/dashboard/app/LinkPicker.module.css
 var LinkPicker_default = {
+  "LinkPickerCompact-footer": "alinea-LinkPickerCompact-footer",
+  "LinkPickerCompactFooter": "alinea-LinkPickerCompact-footer",
+  "LinkPickerCompact-selection": "alinea-LinkPickerCompact-selection",
+  "LinkPickerCompactSelection": "alinea-LinkPickerCompact-selection",
+  "LinkPickerCompact": "alinea-LinkPickerCompact",
   "LinkPicker-popover": "alinea-LinkPicker-popover",
   "LinkPickerPopover": "alinea-LinkPicker-popover",
-  "LinkPickerCompact": "alinea-LinkPickerCompact",
   "LinkPickerCompact-header": "alinea-LinkPickerCompact-header",
   "LinkPickerCompactHeader": "alinea-LinkPickerCompact-header"
 };
@@ -92,7 +95,7 @@ function LinkPickerModalLoading() {
 }
 function LinkPickerModalContent({ options }) {
   const { explorer, tree } = useLinkPickerExplorer(options);
-  const page = useAtomValue(explorer.page);
+  const page = useAtomValueRaw(explorer.page);
   if (!page) return /* @__PURE__ */ jsx(LinkPickerModalLoading, {});
   return /* @__PURE__ */ jsx(
     LinkPickerExpanded,
@@ -129,7 +132,7 @@ function LinkPickerReady({
   options
 }) {
   const { explorer, tree } = useLinkPickerExplorer(options);
-  const page = useAtomValue(explorer.page);
+  const page = useAtomValueRaw(explorer.page);
   if (!page)
     return /* @__PURE__ */ jsx(
       LinkPickerLoading,
@@ -174,7 +177,7 @@ function useLinkPickerExplorer(options) {
     root: root.key
   };
   const pickerRoot = rootAtoms(location.workspace, location.root ?? root.key);
-  const pickerI18n = useAtomValue(pickerRoot.i18n);
+  const pickerI18n = useAtomValueRaw(pickerRoot.i18n);
   const initialLocale = normalizePickerLocale(
     location.locale ?? options.selectedLocale ?? page.locale,
     pickerI18n?.locales ?? []
@@ -210,18 +213,27 @@ function LinkPickerCompact({
   onExpand
 }) {
   const popover = useDashboardModal();
+  const selection = useAtomValueRaw(explorer.selection);
   const setSelection = useSetAtom(explorer.selection);
-  function commitSelection(selection) {
-    if (selection === "all" || selection.size === 0) return;
-    startTransition(() => {
-      onCommit?.([...selection].map(String));
-      popover.close();
-    });
+  const selectsMultiple = explorer.selectionMode === "multiple";
+  const selectedItems = selection === "all" ? 0 : selection.size;
+  function commitSelection(selection2) {
+    if (selection2 === "all" || selection2.size === 0 && explorer.selectionMode !== "multiple")
+      return;
+    onCommit?.([...selection2].map(String));
+    popover.close();
   }
   function commitEntry(entry) {
-    const selection = /* @__PURE__ */ new Set([entry.id]);
-    setSelection(selection);
-    commitSelection(selection);
+    if (selectsMultiple) {
+      const nextSelection2 = selection === "all" ? /* @__PURE__ */ new Set() : new Set(selection);
+      if (nextSelection2.has(entry.id)) nextSelection2.delete(entry.id);
+      else nextSelection2.add(entry.id);
+      setSelection(nextSelection2);
+      return;
+    }
+    const nextSelection = /* @__PURE__ */ new Set([entry.id]);
+    setSelection(nextSelection);
+    commitSelection(nextSelection);
   }
   function openExpanded() {
     onExpand();
@@ -254,10 +266,19 @@ function LinkPickerCompact({
       {
         compactTable: true,
         explorer,
-        onSelectionChange: commitSelection,
+        onSelectionChange: selectsMultiple ? void 0 : commitSelection,
         page
       }
-    )
+    ),
+    selectsMultiple && /* @__PURE__ */ jsxs("div", { className: styles.LinkPickerCompact.footer(), children: [
+      /* @__PURE__ */ jsxs("span", { className: styles.LinkPickerCompact.selection(), children: [
+        selectedItems,
+        " ",
+        selectedItems === 1 ? "item" : "items",
+        " selected"
+      ] }),
+      /* @__PURE__ */ jsx(Button, { intent: "primary", onPress: () => commitSelection(selection), children: "Select" })
+    ] })
   ] });
 }
 function LinkPickerExpanded({
@@ -268,19 +289,18 @@ function LinkPickerExpanded({
 }) {
   const modal = useDashboardModal();
   const onConfirm = useSetAtom(explorer.onConfirm);
-  const selection = useAtomValue(explorer.selection);
+  const selection = useAtomValueRaw(explorer.selection);
   const selectedItems = selection === "all" ? 0 : selection.size;
   function onSubmit() {
-    startTransition(() => {
-      onConfirm();
-      modal.close();
-    });
+    onConfirm();
+    modal.close();
   }
   return /* @__PURE__ */ jsx(DashboardModalDialog, { "aria-label": expandedPickerLabel, variant: "explorer", children: /* @__PURE__ */ jsx(ExplorerModalSuspense, { children: /* @__PURE__ */ jsxs(ExplorerModal, { children: [
     /* @__PURE__ */ jsx(
       ExplorerHeader,
       {
         autoFocusSearch: true,
+        canBrowse: options.enableNavigation !== false,
         controls: /* @__PURE__ */ jsx(DashboardModalCloseButton, {}),
         explorer,
         navigate: true,

package/dist/dashboard/app/LocaleMenu.js

@@ -1,7 +1,7 @@
 import {
-  useAtomValue
-} from "../../chunks/chunk-U4VOHNR2.js";
-import "../../chunks/chunk-Y7XOMJOC.js";
+  useAtomValueRaw
+} from "../../chunks/chunk-D6UJHBJJ.js";
+import "../../chunks/chunk-CFNRVI3Y.js";
 import {
   $7705c033048f6da7$export$353f5b6fc5456de1
 } from "../../chunks/chunk-VXZM6V4P.js";
@@ -20,7 +20,6 @@ import "../../chunks/chunk-CQ52GEHY.js";
 
 // src/dashboard/app/LocaleMenu.tsx
 import { Icon, Menu, MenuItem } from "alinea/components";
-import { useTransition } from "react";
 import { IcRoundUnfoldMore } from "../icons.js";
 
 // src/dashboard/app/LocaleMenu.module.css
@@ -68,15 +67,14 @@ function LocaleLabel({ locale }) {
   ] });
 }
 function LocaleMenu({ root, locale, onLocaleChange }) {
-  const i18n = useAtomValue(root.i18n);
-  const [isPending, startTransition] = useTransition();
+  const i18n = useAtomValueRaw(root.i18n);
   if (!i18n || i18n.locales.length === 0) return null;
   const activeLocale = locale ?? i18n.locales[0];
   if (!activeLocale) return null;
   return /* @__PURE__ */ jsx(
     Menu,
     {
-      label: /* @__PURE__ */ jsxs($7705c033048f6da7$export$353f5b6fc5456de1, { className: styles.LocaleMenu.trigger(), isDisabled: isPending, children: [
+      label: /* @__PURE__ */ jsxs($7705c033048f6da7$export$353f5b6fc5456de1, { className: styles.LocaleMenu.trigger(), children: [
         /* @__PURE__ */ jsx(LocaleLabel, { locale: activeLocale }),
         /* @__PURE__ */ jsx(
           Icon,

package/dist/dashboard/app/SidebarLayout.js

@@ -1,8 +1,8 @@
 import {
   useAtom,
-  useAtomValue
-} from "../../chunks/chunk-U4VOHNR2.js";
-import "../../chunks/chunk-Y7XOMJOC.js";
+  useAtomValueRaw
+} from "../../chunks/chunk-D6UJHBJJ.js";
+import "../../chunks/chunk-CFNRVI3Y.js";
 import {
   styler
 } from "../../chunks/chunk-I4OYYAX5.js";
@@ -1100,7 +1100,7 @@ function SidebarLayout({
   side,
   visible = true
 }) {
-  const isMobile = useAtomValue(dashboardMobileAtom);
+  const isMobile = useAtomValueRaw(dashboardMobileAtom);
   const [width, setWidth] = useAtom(
     side === "left" ? navigationSidebarWidthAtom : entrySidebarWidthAtom
   );
@@ -1126,7 +1126,6 @@ function SidebarLayout({
       maxSize: isMobile ? Infinity : side === "left" ? 480 : 640,
       preferredSize: width,
       priority: de.Low,
-      visible: sidebarVisible,
       children: sidebar
     },
     "sidebar"
@@ -1135,11 +1134,12 @@ function SidebarLayout({
     Ve,
     {
       ref: allotment,
+      defaultSizes: sidebarVisible ? side === "left" ? [width, 500] : [200, width] : [500],
       proportionalLayout: false,
       onDragEnd: saveWidth,
       onReset: resetWidth,
       children: [
-        side === "left" && sidebarPane,
+        sidebarVisible && side === "left" && sidebarPane,
         /* @__PURE__ */ jsx(
           Ve.Pane,
           {
@@ -1150,7 +1150,7 @@ function SidebarLayout({
           },
           "content"
         ),
-        side === "right" && sidebarPane
+        sidebarVisible && side === "right" && sidebarPane
       ]
     }
   ) });

package/dist/dashboard/app/SidebarTree.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 {
   $143fb904d86051ce$export$89be5a243e59c4b2
 } from "../../chunks/chunk-VXZM6V4P.js";
@@ -43,62 +43,62 @@ import { LocaleMenu } from "./LocaleMenu.js";
 
 // src/dashboard/app/SidebarTree.module.css
 var SidebarTree_default = {
-  "SidebarTree-rootButton": "alinea-SidebarTree-rootButton",
-  "SidebarTreeRootButton": "alinea-SidebarTree-rootButton",
-  "SidebarTree-itemSkeleton-label": "alinea-SidebarTree-itemSkeleton-label",
-  "SidebarTreeItemSkeletonLabel": "alinea-SidebarTree-itemSkeleton-label",
-  "is-selected": "alinea-is-selected",
-  "isSelected": "alinea-is-selected",
-  "SidebarTree-rootButton-label": "alinea-SidebarTree-rootButton-label",
-  "SidebarTreeRootButtonLabel": "alinea-SidebarTree-rootButton-label",
+  "is-short": "alinea-is-short",
+  "isShort": "alinea-is-short",
+  "SidebarTree-skeleton-row": "alinea-SidebarTree-skeleton-row",
+  "SidebarTreeSkeletonRow": "alinea-SidebarTree-skeleton-row",
+  "SidebarTree-itemLoading": "alinea-SidebarTree-itemLoading",
+  "SidebarTreeItemLoading": "alinea-SidebarTree-itemLoading",
   "SidebarTree-root": "alinea-SidebarTree-root",
   "SidebarTreeRoot": "alinea-SidebarTree-root",
   "SidebarTree-rootButton-locale": "alinea-SidebarTree-rootButton-locale",
   "SidebarTreeRootButtonLocale": "alinea-SidebarTree-rootButton-locale",
-  "is-draft": "alinea-is-draft",
-  "isDraft": "alinea-is-draft",
-  "SidebarTree-tree": "alinea-SidebarTree-tree",
-  "SidebarTreeTree": "alinea-SidebarTree-tree",
-  "SidebarTree-skeleton-pulse": "alinea-SidebarTree-skeleton-pulse",
-  "SidebarTreeSkeletonPulse": "alinea-SidebarTree-skeleton-pulse",
-  "SidebarTree-skeleton-label": "alinea-SidebarTree-skeleton-label",
-  "SidebarTreeSkeletonLabel": "alinea-SidebarTree-skeleton-label",
-  "SidebarTree-skeleton-row": "alinea-SidebarTree-skeleton-row",
-  "SidebarTreeSkeletonRow": "alinea-SidebarTree-skeleton-row",
+  "is-loading": "alinea-is-loading",
+  "isLoading": "alinea-is-loading",
+  "SidebarTree-rootButton-action": "alinea-SidebarTree-rootButton-action",
+  "SidebarTreeRootButtonAction": "alinea-SidebarTree-rootButton-action",
+  "SidebarTree-entryLink": "alinea-SidebarTree-entryLink",
+  "SidebarTreeEntryLink": "alinea-SidebarTree-entryLink",
+  "SidebarTree-tree-viewport": "alinea-SidebarTree-tree-viewport",
+  "SidebarTreeTreeViewport": "alinea-SidebarTree-tree-viewport",
   "is-archived": "alinea-is-archived",
   "isArchived": "alinea-is-archived",
   "is-untranslated": "alinea-is-untranslated",
   "isUntranslated": "alinea-is-untranslated",
-  "SidebarTree-entryLink": "alinea-SidebarTree-entryLink",
-  "SidebarTreeEntryLink": "alinea-SidebarTree-entryLink",
-  "SidebarTree-skeleton": "alinea-SidebarTree-skeleton",
-  "SidebarTreeSkeleton": "alinea-SidebarTree-skeleton",
-  "is-short": "alinea-is-short",
-  "isShort": "alinea-is-short",
-  "SidebarTree-loading": "alinea-SidebarTree-loading",
-  "SidebarTreeLoading": "alinea-SidebarTree-loading",
-  "SidebarTree-itemLoading": "alinea-SidebarTree-itemLoading",
-  "SidebarTreeItemLoading": "alinea-SidebarTree-itemLoading",
-  "SidebarTree-itemLoading-pulse": "alinea-SidebarTree-itemLoading-pulse",
-  "SidebarTreeItemLoadingPulse": "alinea-SidebarTree-itemLoading-pulse",
-  "SidebarTree-item": "alinea-SidebarTree-item",
-  "SidebarTreeItem": "alinea-SidebarTree-item",
   "SidebarTree-skeleton-chevron": "alinea-SidebarTree-skeleton-chevron",
   "SidebarTreeSkeletonChevron": "alinea-SidebarTree-skeleton-chevron",
-  "SidebarTree-skeleton-icon": "alinea-SidebarTree-skeleton-icon",
-  "SidebarTreeSkeletonIcon": "alinea-SidebarTree-skeleton-icon",
-  "is-loading": "alinea-is-loading",
-  "isLoading": "alinea-is-loading",
-  "SidebarTree-tree-viewport": "alinea-SidebarTree-tree-viewport",
-  "SidebarTreeTreeViewport": "alinea-SidebarTree-tree-viewport",
-  "is-unpublished": "alinea-is-unpublished",
-  "isUnpublished": "alinea-is-unpublished",
+  "SidebarTree-skeleton-pulse": "alinea-SidebarTree-skeleton-pulse",
+  "SidebarTreeSkeletonPulse": "alinea-SidebarTree-skeleton-pulse",
   "is-parentSelected": "alinea-is-parentSelected",
   "isParentSelected": "alinea-is-parentSelected",
   "SidebarTree-status": "alinea-SidebarTree-status",
   "SidebarTreeStatus": "alinea-SidebarTree-status",
-  "SidebarTree-rootButton-action": "alinea-SidebarTree-rootButton-action",
-  "SidebarTreeRootButtonAction": "alinea-SidebarTree-rootButton-action"
+  "is-selected": "alinea-is-selected",
+  "isSelected": "alinea-is-selected",
+  "SidebarTree-skeleton-icon": "alinea-SidebarTree-skeleton-icon",
+  "SidebarTreeSkeletonIcon": "alinea-SidebarTree-skeleton-icon",
+  "is-draft": "alinea-is-draft",
+  "isDraft": "alinea-is-draft",
+  "SidebarTree-rootButton-label": "alinea-SidebarTree-rootButton-label",
+  "SidebarTreeRootButtonLabel": "alinea-SidebarTree-rootButton-label",
+  "is-unpublished": "alinea-is-unpublished",
+  "isUnpublished": "alinea-is-unpublished",
+  "SidebarTree-rootButton": "alinea-SidebarTree-rootButton",
+  "SidebarTreeRootButton": "alinea-SidebarTree-rootButton",
+  "SidebarTree-item": "alinea-SidebarTree-item",
+  "SidebarTreeItem": "alinea-SidebarTree-item",
+  "SidebarTree-itemLoading-pulse": "alinea-SidebarTree-itemLoading-pulse",
+  "SidebarTreeItemLoadingPulse": "alinea-SidebarTree-itemLoading-pulse",
+  "SidebarTree-loading": "alinea-SidebarTree-loading",
+  "SidebarTreeLoading": "alinea-SidebarTree-loading",
+  "SidebarTree-skeleton": "alinea-SidebarTree-skeleton",
+  "SidebarTreeSkeleton": "alinea-SidebarTree-skeleton",
+  "SidebarTree-tree": "alinea-SidebarTree-tree",
+  "SidebarTreeTree": "alinea-SidebarTree-tree",
+  "SidebarTree-skeleton-label": "alinea-SidebarTree-skeleton-label",
+  "SidebarTreeSkeletonLabel": "alinea-SidebarTree-skeleton-label",
+  "SidebarTree-itemSkeleton-label": "alinea-SidebarTree-itemSkeleton-label",
+  "SidebarTreeItemSkeletonLabel": "alinea-SidebarTree-itemSkeleton-label"
 };
 
 // src/dashboard/app/SidebarTree.tsx
@@ -127,8 +127,8 @@ var SidebarTreeItem = memo(function SidebarTreeItem2({
   selectedItem,
   tree
 }) {
-  const data = useAtomValue(tree.item(item.id));
-  const configuredIcon = useAtomValue(typeAtoms(data.type)).icon;
+  const data = useAtomValueRaw(tree.item(item.id));
+  const configuredIcon = useAtomValueRaw(typeAtoms(data.type)).icon;
   const displayStatus = sidebarStatus(data, locale);
   const selectedAncestor = selectedItem && data.parents.includes(selectedItem.id) ? selectedItem : void 0;
   const selectedStatus = selectedAncestor ? sidebarStatus(selectedAncestor, locale) : void 0;
@@ -136,6 +136,7 @@ var SidebarTreeItem = memo(function SidebarTreeItem2({
   const isArchived = rowStatus?.status === "archived";
   const isUnpublished = rowStatus?.status === "unpublished";
   const isUntranslated = displayStatus?.status === "untranslated";
+  const link = entryLink?.(data);
   return /* @__PURE__ */ jsx(
     TreeItem,
     {
@@ -144,6 +145,7 @@ var SidebarTreeItem = memo(function SidebarTreeItem2({
       title: data.title,
       hasChildItems: data.hasChildren,
       icon: configuredIcon ?? (data.hasChildren ? LucideFolder : LucideFile),
+      iconHref: link ? dashboardHref(link.href) : void 0,
       className: styles.SidebarTree.item({
         archived: isArchived,
         parentSelected: selectedAncestor !== void 0,
@@ -162,13 +164,7 @@ var SidebarTreeItem = memo(function SidebarTreeItem2({
           children: /* @__PURE__ */ jsx(Icon, { icon: displayStatus.icon })
         }
       ) : void 0,
-      label: entryLink ? /* @__PURE__ */ jsx(
-        SidebarTreeEntryLink,
-        {
-          href: entryLink(data).href,
-          title: data.title
-        }
-      ) : data.title,
+      label: link ? /* @__PURE__ */ jsx(SidebarTreeEntryLink, { href: link.href, title: data.title }) : data.title,
       children
     }
   );
@@ -176,15 +172,11 @@ var SidebarTreeItem = memo(function SidebarTreeItem2({
 function documentPath() {
   return typeof window === "undefined" ? "" : `${window.location.pathname}${window.location.search}`;
 }
+function dashboardHref(href) {
+  return `${documentPath()}#${href}`;
+}
 function SidebarTreeEntryLink({ href, title }) {
-  return /* @__PURE__ */ jsx(
-    "a",
-    {
-      className: styles.SidebarTree.entryLink(),
-      href: `${documentPath()}#${href}`,
-      children: title
-    }
-  );
+  return /* @__PURE__ */ jsx("a", { className: styles.SidebarTree.entryLink(), href: dashboardHref(href), children: title });
 }
 function equalStringSets(left, right) {
   return left.size === right.size && Array.from(left).every((value) => right.has(value));
@@ -196,15 +188,15 @@ var SidebarTree = memo(function SidebarTree2({
 }) {
   const { locale } = page;
   const tree = root.tree(locale);
-  const snapshot = useAtomValue(tree.snapshot);
-  const selectedItem = useAtomValue(tree.selectedItem);
-  const label = useAtomValue(root.label);
-  const icon = useAtomValue(root.icon);
-  const i18n = useAtomValue(root.i18n);
+  const snapshot = useAtomValueRaw(tree.snapshot);
+  const selectedItem = useAtomValueRaw(tree.selectedItem);
+  const label = useAtomValueRaw(root.label);
+  const icon = useAtomValueRaw(root.icon);
+  const i18n = useAtomValueRaw(root.i18n);
   const setRoute = useSetAtom(routeAtom);
   const setExpandedKeys = useSetAtom(tree.expandedKeys);
   const [collapsed, setCollapsed] = useAtom(tree.collapsedKeys);
-  const dragDisabled = useAtomValue(root.dragDisabled);
+  const dragDisabled = useAtomValueRaw(root.dragDisabled);
   const getItems = useSetAtom(root.getItems);
   const getDropOperation = useSetAtom(root.getDropOperation);
   const drop = useSetAtom(root.onDrop);
@@ -336,13 +328,13 @@ var SidebarTreeExplorer = memo(function SidebarTreeExplorer2({
   tree
 }) {
   const [locale, setLocale] = useAtom(selectedLocale);
-  const label = useAtomValue(root.label);
-  const icon = useAtomValue(root.icon);
-  const i18n = useAtomValue(root.i18n);
+  const label = useAtomValueRaw(root.label);
+  const icon = useAtomValueRaw(root.icon);
+  const i18n = useAtomValueRaw(root.i18n);
   const setExpandedKeys = useSetAtom(tree.expandedKeys);
-  const snapshot = useAtomValue(tree.snapshot);
-  const selectedItem = useAtomValue(tree.selectedItem);
-  const dragDisabled = useAtomValue(root.dragDisabled);
+  const snapshot = useAtomValueRaw(tree.snapshot);
+  const selectedItem = useAtomValueRaw(tree.selectedItem);
+  const dragDisabled = useAtomValueRaw(root.dragDisabled);
   const getItems = useSetAtom(root.getItems);
   const getDropOperation = useSetAtom(root.getDropOperation);
   const drop = useSetAtom(root.onDrop);

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

@@ -1,7 +1,7 @@
 import type { WorkspaceInternal } from 'alinea/core/Workspace';
 import type { Page } from 'alinea/dashboard/atoms/nav';
 import type { RootAtoms } from 'alinea/dashboard/atoms/root';
-import { type ComponentType } from 'react';
+import { type ComponentType, type ReactNode } from 'react';
 interface WorkspaceMenuProps {
     canManageMembers: boolean;
     page: Page;
@@ -13,12 +13,19 @@ interface WorkspaceMenuProps {
 interface WorkspaceAvatarProps {
     color: string;
     icon?: ComponentType;
-    size?: 'default' | 'small';
+    size?: 'default' | 'large' | 'small';
 }
 declare function WorkspaceAvatar({ color, icon, size }: WorkspaceAvatarProps): import("react").JSX.Element;
 export { WorkspaceAvatar };
 interface WorkspaceAvatarMenuProps {
     page: Page;
+    root: RootAtoms;
+}
+export declare function WorkspaceAvatarMenu({ page, root }: WorkspaceAvatarMenuProps): import("react").JSX.Element;
+interface GlobalSearchProps {
+    children: ReactNode;
+    initialSearchScope?: 'everything' | 'workspace';
+    root: RootAtoms;
 }
-export declare function WorkspaceAvatarMenu({ page }: WorkspaceAvatarMenuProps): import("react").JSX.Element;
+export declare function GlobalSearch({ children, initialSearchScope, root }: GlobalSearchProps): import("react").JSX.Element;
 export declare function WorkspaceMenu({ canManageMembers, page, root, workspace }: WorkspaceMenuProps): import("react").JSX.Element;