alinea 2.0.0-preview.3 → 2.0.0-preview.4

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,15 +39,15 @@ import {
 
 // src/dashboard/app/LinkPicker.module.css
 var LinkPicker_default = {
-  "LinkPicker-popover": "alinea-LinkPicker-popover",
-  "LinkPickerPopover": "alinea-LinkPicker-popover",
+  "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-header": "alinea-LinkPickerCompact-header",
-  "LinkPickerCompactHeader": "alinea-LinkPickerCompact-header",
-  "LinkPickerCompact-footer": "alinea-LinkPickerCompact-footer",
-  "LinkPickerCompactFooter": "alinea-LinkPickerCompact-footer"
+  "LinkPickerCompactHeader": "alinea-LinkPickerCompact-header"
 };
 
 // src/dashboard/app/LinkPicker.tsx
@@ -96,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,
@@ -133,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,
@@ -178,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 ?? []
@@ -214,17 +213,15 @@ function LinkPickerCompact({
   onExpand
 }) {
   const popover = useDashboardModal();
-  const selection = useAtomValue(explorer.selection);
+  const selection = useAtomValueRaw(explorer.selection);
   const setSelection = useSetAtom(explorer.selection);
   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;
-    startTransition(() => {
-      onCommit?.([...selection2].map(String));
-      popover.close();
-    });
+    onCommit?.([...selection2].map(String));
+    popover.close();
   }
   function commitEntry(entry) {
     if (selectsMultiple) {
@@ -292,13 +289,11 @@ 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(

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,21 +20,20 @@ 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
 var LocaleMenu_default = {
-  "LocaleMenu-trigger": "alinea-LocaleMenu-trigger",
-  "LocaleMenuTrigger": "alinea-LocaleMenu-trigger",
-  "LocaleMenu-label-fullName": "alinea-LocaleMenu-label-fullName",
-  "LocaleMenuLabelFullName": "alinea-LocaleMenu-label-fullName",
   "LocaleMenu-label": "alinea-LocaleMenu-label",
   "LocaleMenuLabel": "alinea-LocaleMenu-label",
+  "LocaleMenu-label-fullName": "alinea-LocaleMenu-label-fullName",
+  "LocaleMenuLabelFullName": "alinea-LocaleMenu-label-fullName",
   "LocaleMenu-label-code": "alinea-LocaleMenu-label-code",
   "LocaleMenuLabelCode": "alinea-LocaleMenu-label-code",
   "LocaleMenu-trigger-icon": "alinea-LocaleMenu-trigger-icon",
-  "LocaleMenuTriggerIcon": "alinea-LocaleMenu-trigger-icon"
+  "LocaleMenuTriggerIcon": "alinea-LocaleMenu-trigger-icon",
+  "LocaleMenu-trigger": "alinea-LocaleMenu-trigger",
+  "LocaleMenuTrigger": "alinea-LocaleMenu-trigger"
 };
 
 // src/dashboard/app/LocaleMenu.tsx
@@ -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
   );

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-status": "alinea-SidebarTree-status",
-  "SidebarTreeStatus": "alinea-SidebarTree-status",
-  "is-archived": "alinea-is-archived",
-  "isArchived": "alinea-is-archived",
-  "SidebarTree-skeleton": "alinea-SidebarTree-skeleton",
-  "SidebarTreeSkeleton": "alinea-SidebarTree-skeleton",
-  "is-parentSelected": "alinea-is-parentSelected",
-  "isParentSelected": "alinea-is-parentSelected",
-  "SidebarTree-entryLink": "alinea-SidebarTree-entryLink",
-  "SidebarTreeEntryLink": "alinea-SidebarTree-entryLink",
-  "SidebarTree-skeleton-row": "alinea-SidebarTree-skeleton-row",
-  "SidebarTreeSkeletonRow": "alinea-SidebarTree-skeleton-row",
-  "is-draft": "alinea-is-draft",
-  "isDraft": "alinea-is-draft",
-  "SidebarTree-tree": "alinea-SidebarTree-tree",
-  "SidebarTreeTree": "alinea-SidebarTree-tree",
-  "SidebarTree-tree-viewport": "alinea-SidebarTree-tree-viewport",
-  "SidebarTreeTreeViewport": "alinea-SidebarTree-tree-viewport",
-  "SidebarTree-skeleton-label": "alinea-SidebarTree-skeleton-label",
-  "SidebarTreeSkeletonLabel": "alinea-SidebarTree-skeleton-label",
   "is-short": "alinea-is-short",
   "isShort": "alinea-is-short",
-  "SidebarTree-rootButton": "alinea-SidebarTree-rootButton",
-  "SidebarTreeRootButton": "alinea-SidebarTree-rootButton",
+  "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-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-skeleton-chevron": "alinea-SidebarTree-skeleton-chevron",
+  "SidebarTreeSkeletonChevron": "alinea-SidebarTree-skeleton-chevron",
+  "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",
   "is-selected": "alinea-is-selected",
   "isSelected": "alinea-is-selected",
-  "SidebarTree-item": "alinea-SidebarTree-item",
-  "SidebarTreeItem": "alinea-SidebarTree-item",
   "SidebarTree-skeleton-icon": "alinea-SidebarTree-skeleton-icon",
   "SidebarTreeSkeletonIcon": "alinea-SidebarTree-skeleton-icon",
-  "SidebarTree-skeleton-chevron": "alinea-SidebarTree-skeleton-chevron",
-  "SidebarTreeSkeletonChevron": "alinea-SidebarTree-skeleton-chevron",
-  "is-untranslated": "alinea-is-untranslated",
-  "isUntranslated": "alinea-is-untranslated",
+  "is-draft": "alinea-is-draft",
+  "isDraft": "alinea-is-draft",
   "SidebarTree-rootButton-label": "alinea-SidebarTree-rootButton-label",
   "SidebarTreeRootButtonLabel": "alinea-SidebarTree-rootButton-label",
-  "SidebarTree-rootButton-locale": "alinea-SidebarTree-rootButton-locale",
-  "SidebarTreeRootButtonLocale": "alinea-SidebarTree-rootButton-locale",
+  "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",
-  "is-loading": "alinea-is-loading",
-  "isLoading": "alinea-is-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",
-  "SidebarTree-skeleton-pulse": "alinea-SidebarTree-skeleton-pulse",
-  "SidebarTreeSkeletonPulse": "alinea-SidebarTree-skeleton-pulse",
-  "SidebarTree-itemLoading-pulse": "alinea-SidebarTree-itemLoading-pulse",
-  "SidebarTreeItemLoadingPulse": "alinea-SidebarTree-itemLoading-pulse",
-  "SidebarTree-itemLoading": "alinea-SidebarTree-itemLoading",
-  "SidebarTreeItemLoading": "alinea-SidebarTree-itemLoading",
-  "is-unpublished": "alinea-is-unpublished",
-  "isUnpublished": "alinea-is-unpublished"
+  "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;
@@ -188,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);
@@ -328,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;

package/dist/dashboard/app/WorkspaceMenu.js

@@ -1,8 +1,8 @@
 import {
-  useAtomValue,
+  useAtomValueRaw,
   useSetAtom
-} from "../../chunks/chunk-U4VOHNR2.js";
-import "../../chunks/chunk-Y7XOMJOC.js";
+} from "../../chunks/chunk-D6UJHBJJ.js";
+import "../../chunks/chunk-CFNRVI3Y.js";
 import {
   $7705c033048f6da7$export$353f5b6fc5456de1
 } from "../../chunks/chunk-VXZM6V4P.js";
@@ -47,22 +47,24 @@ import {
 
 // src/dashboard/app/WorkspaceMenu.module.css
 var WorkspaceMenu_default = {
-  "WorkspaceMenu-avatar": "alinea-WorkspaceMenu-avatar",
-  "WorkspaceMenuAvatar": "alinea-WorkspaceMenu-avatar",
-  "WorkspaceMenu-avatar-logo": "alinea-WorkspaceMenu-avatar-logo",
-  "WorkspaceMenuAvatarLogo": "alinea-WorkspaceMenu-avatar-logo",
+  "WorkspaceMenu-trigger-text": "alinea-WorkspaceMenu-trigger-text",
+  "WorkspaceMenuTriggerText": "alinea-WorkspaceMenu-trigger-text",
   "WorkspaceMenu-avatarTrigger": "alinea-WorkspaceMenu-avatarTrigger",
   "WorkspaceMenuAvatarTrigger": "alinea-WorkspaceMenu-avatarTrigger",
-  "WorkspaceMenu-menuItemIcon": "alinea-WorkspaceMenu-menuItemIcon",
-  "WorkspaceMenuMenuItemIcon": "alinea-WorkspaceMenu-menuItemIcon",
   "WorkspaceMenu-trigger": "alinea-WorkspaceMenu-trigger",
   "WorkspaceMenuTrigger": "alinea-WorkspaceMenu-trigger",
   "WorkspaceMenu-search": "alinea-WorkspaceMenu-search",
   "WorkspaceMenuSearch": "alinea-WorkspaceMenu-search",
-  "WorkspaceMenu-trigger-text": "alinea-WorkspaceMenu-trigger-text",
-  "WorkspaceMenuTriggerText": "alinea-WorkspaceMenu-trigger-text",
+  "WorkspaceMenu-menuItemIcon": "alinea-WorkspaceMenu-menuItemIcon",
+  "WorkspaceMenuMenuItemIcon": "alinea-WorkspaceMenu-menuItemIcon",
+  "WorkspaceMenu-avatar-logo": "alinea-WorkspaceMenu-avatar-logo",
+  "WorkspaceMenuAvatarLogo": "alinea-WorkspaceMenu-avatar-logo",
+  "WorkspaceMenu-avatar": "alinea-WorkspaceMenu-avatar",
+  "WorkspaceMenuAvatar": "alinea-WorkspaceMenu-avatar",
   "WorkspaceMenu-parent": "alinea-WorkspaceMenu-parent",
-  "WorkspaceMenuParent": "alinea-WorkspaceMenu-parent"
+  "WorkspaceMenuParent": "alinea-WorkspaceMenu-parent",
+  "WorkspaceMenu-avatar-large": "alinea-WorkspaceMenu-avatar-large",
+  "WorkspaceMenuAvatarLarge": "alinea-WorkspaceMenu-avatar-large"
 };
 
 // src/dashboard/app/WorkspaceMenu.tsx
@@ -90,7 +92,7 @@ function WorkspaceSelectorMenu({
   popoverProps
 }) {
   const setRoute = useSetAtom(routeAtom);
-  const workspaces = useAtomValue(workspacesAtom);
+  const workspaces = useAtomValueRaw(workspacesAtom);
   if (workspaces.length <= 1 && !includeUsersLink) return label;
   return /* @__PURE__ */ jsxs(
     Menu,
@@ -125,35 +127,46 @@ function WorkspaceSelectorMenu({
     }
   );
 }
-function WorkspaceAvatarMenu({ page }) {
-  const workspace = useAtomValue(workspaceAtom(page.workspace));
+function WorkspaceAvatarMenu({ page, root }) {
+  const workspace = useAtomValueRaw(workspaceAtom(page.workspace));
+  const workspaces = useAtomValueRaw(workspacesAtom);
+  const setRoute = useSetAtom(routeAtom);
+  const setExplorerLocale = useSetAtom(root.explorer.selectedLocale);
+  const avatar = /* @__PURE__ */ jsx(
+    WorkspaceAvatar,
+    {
+      color: workspace.color,
+      icon: workspace.icon,
+      size: "small"
+    }
+  );
+  if (workspaces.length <= 1) {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: styles.WorkspaceMenu.avatarTrigger(),
+        "aria-label": workspace.label,
+        children: avatar
+      }
+    );
+  }
+  function showWorkspaces() {
+    setExplorerLocale(page.locale);
+    setRoute({ page: "splash" });
+  }
   return /* @__PURE__ */ jsx(
-    WorkspaceSelectorMenu,
+    Button,
     {
-      page,
-      ariaLabel: "Workspace",
-      popoverProps: { placement: "right top", offset: 16 },
-      label: /* @__PURE__ */ jsx(
-        Button,
-        {
-          size: "icon-nav",
-          appearance: "plain",
-          className: styles.WorkspaceMenu.avatarTrigger(),
-          "aria-label": workspace.label,
-          children: /* @__PURE__ */ jsx(
-            WorkspaceAvatar,
-            {
-              color: workspace.color,
-              icon: workspace.icon,
-              size: "small"
-            }
-          )
-        }
-      )
+      size: "icon-nav",
+      appearance: "plain",
+      className: styles.WorkspaceMenu.avatarTrigger(),
+      "aria-label": "Back to workspaces",
+      onPress: showWorkspaces,
+      children: avatar
     }
   );
 }
-function SearchPopup({ root }) {
+function SearchPopup({ initialSearchScope, root }) {
   const modal = useDashboardModal();
   const setRoute = useSetAtom(routeAtom);
   const [explorer] = useState(
@@ -164,7 +177,7 @@ function SearchPopup({ root }) {
         autoSelectFirstItem: true,
         breadcrumbs: true,
         enableNavigation: true,
-        hideResultsUntilSearch: true,
+        initialSearchScope,
         mode: "search",
         rootData: root.data,
         searchDepth: "all",
@@ -181,7 +194,7 @@ function SearchPopup({ root }) {
       }
     )
   );
-  const explorerPage = useAtomValue(explorer.page);
+  const explorerPage = useAtomValueRaw(explorer.page);
   if (!explorerPage)
     return /* @__PURE__ */ jsx(
       DashboardModalDialog,
@@ -204,13 +217,36 @@ function SearchPopup({ root }) {
     /* @__PURE__ */ jsx(ExplorerBody, { explorer, page: explorerPage })
   ] }) }) });
 }
+function GlobalSearch({
+  children,
+  initialSearchScope,
+  root
+}) {
+  return /* @__PURE__ */ jsxs(DialogTrigger, { children: [
+    children,
+    /* @__PURE__ */ jsx(DashboardModal, { size: "explorer", children: /* @__PURE__ */ jsx(
+      Suspense,
+      {
+        fallback: /* @__PURE__ */ jsx(
+          DashboardModalDialog,
+          {
+            "aria-label": "Search entries",
+            variant: "explorer",
+            isLoading: true
+          }
+        ),
+        children: /* @__PURE__ */ jsx(SearchPopup, { initialSearchScope, root })
+      }
+    ) })
+  ] });
+}
 function WorkspaceMenu({
   canManageMembers,
   page,
   root,
   workspace
 }) {
-  const workspaces = useAtomValue(workspacesAtom);
+  const workspaces = useAtomValueRaw(workspacesAtom);
   const menu = workspaces.length > 1 ? /* @__PURE__ */ jsx(
     WorkspaceSelectorMenu,
     {
@@ -225,39 +261,24 @@ function WorkspaceMenu({
   ) : /* @__PURE__ */ jsx("div", { className: styles.WorkspaceMenu.trigger(), children: /* @__PURE__ */ jsx("span", { className: styles.WorkspaceMenu.trigger.text(), children: workspace.label }) });
   return /* @__PURE__ */ jsxs("div", { className: styles.WorkspaceMenu.parent(), children: [
     menu,
-    /* @__PURE__ */ jsxs(DialogTrigger, { children: [
-      /* @__PURE__ */ jsx(
-        Button,
-        {
-          size: "icon",
-          appearance: "plain",
-          className: styles.WorkspaceMenu.search(),
-          "aria-label": "Search entries",
-          children: /* @__PURE__ */ jsx(IconComp, { icon: IcRoundSearch, "data-slot": "icon" })
-        }
-      ),
-      /* @__PURE__ */ jsx(DashboardModal, { size: "explorer", children: /* @__PURE__ */ jsx(
-        Suspense,
-        {
-          fallback: /* @__PURE__ */ jsx(
-            DashboardModalDialog,
-            {
-              "aria-label": "Search entries",
-              variant: "explorer",
-              isLoading: true
-            }
-          ),
-          children: /* @__PURE__ */ jsx(SearchPopup, { root })
-        }
-      ) })
-    ] })
+    /* @__PURE__ */ jsx(GlobalSearch, { root, children: /* @__PURE__ */ jsx(
+      Button,
+      {
+        size: "icon",
+        appearance: "plain",
+        className: styles.WorkspaceMenu.search(),
+        "aria-label": "Search entries",
+        children: /* @__PURE__ */ jsx(IconComp, { icon: IcRoundSearch, "data-slot": "icon" })
+      }
+    ) })
   ] });
 }
 function WorkspaceItem({ workspace }) {
-  const data = useAtomValue(workspaceAtom(workspace));
+  const data = useAtomValueRaw(workspaceAtom(workspace));
   return /* @__PURE__ */ jsx(MenuItem, { id: workspace, textValue: data.label, children: data.label }, workspace);
 }
 export {
+  GlobalSearch,
   WorkspaceAvatar,
   WorkspaceAvatarMenu,
   WorkspaceMenu

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

@@ -1,4 +1,6 @@
 export declare function GlobalSearchStory(): import("react").JSX.Element;
+export declare function SingleWorkspaceAvatarStory(): import("react").JSX.Element;
+export declare function LocalizedGlobalSearchStory(): import("react").JSX.Element;
 declare const _default: {
     title: string;
 };

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

@@ -1,6 +1,8 @@
 import type { Page } from 'alinea/dashboard/atoms/nav';
+import { type RootAtoms } from 'alinea/dashboard/atoms/root';
 export interface WorkspaceRootsProps {
     canManageMembers: boolean;
     page: Page;
+    root: RootAtoms;
 }
-export declare function WorkspaceRoots({ canManageMembers, page }: WorkspaceRootsProps): import("react").JSX.Element;
+export declare function WorkspaceRoots({ canManageMembers, page, root: currentRoot }: WorkspaceRootsProps): import("react").JSX.Element;