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

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-trigger-text": "alinea-WorkspaceMenu-trigger-text",
+  "WorkspaceMenuTriggerText": "alinea-WorkspaceMenu-trigger-text",
+  "WorkspaceMenu-avatarTrigger": "alinea-WorkspaceMenu-avatarTrigger",
+  "WorkspaceMenuAvatarTrigger": "alinea-WorkspaceMenu-avatarTrigger",
   "WorkspaceMenu-trigger": "alinea-WorkspaceMenu-trigger",
   "WorkspaceMenuTrigger": "alinea-WorkspaceMenu-trigger",
   "WorkspaceMenu-search": "alinea-WorkspaceMenu-search",
   "WorkspaceMenuSearch": "alinea-WorkspaceMenu-search",
-  "WorkspaceMenu-avatarTrigger": "alinea-WorkspaceMenu-avatarTrigger",
-  "WorkspaceMenuAvatarTrigger": "alinea-WorkspaceMenu-avatarTrigger",
-  "WorkspaceMenu-avatar": "alinea-WorkspaceMenu-avatar",
-  "WorkspaceMenuAvatar": "alinea-WorkspaceMenu-avatar",
   "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",
-  "WorkspaceMenu-trigger-text": "alinea-WorkspaceMenu-trigger-text",
-  "WorkspaceMenuTriggerText": "alinea-WorkspaceMenu-trigger-text"
+  "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;

package/dist/dashboard/app/WorkspaceRoots.js

@@ -1,9 +1,8 @@
 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 {
   dist_default
 } from "../../chunks/chunk-I4OYYAX5.js";
@@ -20,11 +19,7 @@ import {
   Tooltip
 } from "alinea/components";
 import { rootAtoms } from "alinea/dashboard/atoms/root";
-import {
-  canLogoutAtom,
-  logoutAtom,
-  themeAtom
-} from "alinea/dashboard/atoms/dashboard";
+import { canLogoutAtom, logoutAtom } from "alinea/dashboard/atoms/dashboard";
 import { configAtom, localAtom } from "alinea/dashboard/atoms/core";
 import { routeAtom } from "alinea/dashboard/atoms/nav";
 import { workspaceAtom } from "alinea/dashboard/atoms/config";
@@ -34,67 +29,68 @@ import { useUser } from "alinea/dashboard/hooks";
 import {
   IcBaselineAccountCircle,
   IcOutlineSettings,
-  IcRoundBrightness2,
-  IcRoundDesktopWindows,
   IcRoundLogout,
-  IcRoundMoreHoriz,
-  IcRoundUnfoldMore,
-  IcRoundWbSunny
+  IcRoundUnfoldMore
 } from "../icons.js";
 import { ActivityStatus } from "./ActivityStatus.js";
+import { AppearanceToggle } from "./AppearanceToggle.js";
 import { WorkspaceAvatarMenu } from "./WorkspaceMenu.js";
 
 // src/dashboard/app/WorkspaceRoots.module.css
 var WorkspaceRoots_default = {
-  "WorkspaceRoots-profile": "alinea-WorkspaceRoots-profile",
-  "WorkspaceRootsProfile": "alinea-WorkspaceRoots-profile",
-  "WorkspaceRoots-profile-popover-user-title": "alinea-WorkspaceRoots-profile-popover-user-title",
-  "WorkspaceRootsProfilePopoverUserTitle": "alinea-WorkspaceRoots-profile-popover-user-title",
   "WorkspaceRoots-profile-popover-item-label": "alinea-WorkspaceRoots-profile-popover-item-label",
   "WorkspaceRootsProfilePopoverItemLabel": "alinea-WorkspaceRoots-profile-popover-item-label",
-  "WorkspaceRoots-profile-popover-user-icon": "alinea-WorkspaceRoots-profile-popover-user-icon",
-  "WorkspaceRootsProfilePopoverUserIcon": "alinea-WorkspaceRoots-profile-popover-user-icon",
-  "WorkspaceRoots": "alinea-WorkspaceRoots",
-  "WorkspaceRoots-profile-popover-user": "alinea-WorkspaceRoots-profile-popover-user",
-  "WorkspaceRootsProfilePopoverUser": "alinea-WorkspaceRoots-profile-popover-user",
   "WorkspaceRoots-profile-popover-action-label": "alinea-WorkspaceRoots-profile-popover-action-label",
   "WorkspaceRootsProfilePopoverActionLabel": "alinea-WorkspaceRoots-profile-popover-action-label",
-  "WorkspaceRoots-profile-popover-action-button": "alinea-WorkspaceRoots-profile-popover-action-button",
-  "WorkspaceRootsProfilePopoverActionButton": "alinea-WorkspaceRoots-profile-popover-action-button",
-  "WorkspaceRoots-profile-popover-surface": "alinea-WorkspaceRoots-profile-popover-surface",
-  "WorkspaceRootsProfilePopoverSurface": "alinea-WorkspaceRoots-profile-popover-surface",
+  "WorkspaceRoots-trigger-text": "alinea-WorkspaceRoots-trigger-text",
+  "WorkspaceRootsTriggerText": "alinea-WorkspaceRoots-trigger-text",
   "WorkspaceRoots-workspace": "alinea-WorkspaceRoots-workspace",
   "WorkspaceRootsWorkspace": "alinea-WorkspaceRoots-workspace",
-  "WorkspaceRoots-profile-popover": "alinea-WorkspaceRoots-profile-popover",
-  "WorkspaceRootsProfilePopover": "alinea-WorkspaceRoots-profile-popover",
+  "WorkspaceRoots": "alinea-WorkspaceRoots",
+  "WorkspaceRoots-roots": "alinea-WorkspaceRoots-roots",
+  "WorkspaceRootsRoots": "alinea-WorkspaceRoots-roots",
   "WorkspaceRoots-footer": "alinea-WorkspaceRoots-footer",
   "WorkspaceRootsFooter": "alinea-WorkspaceRoots-footer",
-  "WorkspaceRoots-profile-popover-themeOptions": "alinea-WorkspaceRoots-profile-popover-themeOptions",
-  "WorkspaceRootsProfilePopoverThemeOptions": "alinea-WorkspaceRoots-profile-popover-themeOptions",
-  "WorkspaceRoots-trigger-text": "alinea-WorkspaceRoots-trigger-text",
-  "WorkspaceRootsTriggerText": "alinea-WorkspaceRoots-trigger-text",
-  "WorkspaceRoots-profile-popover-action": "alinea-WorkspaceRoots-profile-popover-action",
-  "WorkspaceRootsProfilePopoverAction": "alinea-WorkspaceRoots-profile-popover-action",
   "WorkspaceRoots-profile-popover-item": "alinea-WorkspaceRoots-profile-popover-item",
   "WorkspaceRootsProfilePopoverItem": "alinea-WorkspaceRoots-profile-popover-item",
+  "WorkspaceRoots-profile-popover": "alinea-WorkspaceRoots-profile-popover",
+  "WorkspaceRootsProfilePopover": "alinea-WorkspaceRoots-profile-popover",
   "WorkspaceRoots-rootButton": "alinea-WorkspaceRoots-rootButton",
   "WorkspaceRootsRootButton": "alinea-WorkspaceRoots-rootButton",
+  "WorkspaceRoots-profile-popover-user": "alinea-WorkspaceRoots-profile-popover-user",
+  "WorkspaceRootsProfilePopoverUser": "alinea-WorkspaceRoots-profile-popover-user",
+  "WorkspaceRoots-profile-popover-action-button": "alinea-WorkspaceRoots-profile-popover-action-button",
+  "WorkspaceRootsProfilePopoverActionButton": "alinea-WorkspaceRoots-profile-popover-action-button",
   "WorkspaceRoots-trigger": "alinea-WorkspaceRoots-trigger",
   "WorkspaceRootsTrigger": "alinea-WorkspaceRoots-trigger",
-  "WorkspaceRoots-roots": "alinea-WorkspaceRoots-roots",
-  "WorkspaceRootsRoots": "alinea-WorkspaceRoots-roots"
+  "WorkspaceRoots-profile-popover-user-icon": "alinea-WorkspaceRoots-profile-popover-user-icon",
+  "WorkspaceRootsProfilePopoverUserIcon": "alinea-WorkspaceRoots-profile-popover-user-icon",
+  "WorkspaceRoots-profile-popover-user-title": "alinea-WorkspaceRoots-profile-popover-user-title",
+  "WorkspaceRootsProfilePopoverUserTitle": "alinea-WorkspaceRoots-profile-popover-user-title",
+  "WorkspaceRoots-profile-popover-surface": "alinea-WorkspaceRoots-profile-popover-surface",
+  "WorkspaceRootsProfilePopoverSurface": "alinea-WorkspaceRoots-profile-popover-surface",
+  "WorkspaceRoots-profile-popover-action-icon": "alinea-WorkspaceRoots-profile-popover-action-icon",
+  "WorkspaceRootsProfilePopoverActionIcon": "alinea-WorkspaceRoots-profile-popover-action-icon",
+  "WorkspaceRoots-profile": "alinea-WorkspaceRoots-profile",
+  "WorkspaceRootsProfile": "alinea-WorkspaceRoots-profile",
+  "WorkspaceRoots-profile-popover-action": "alinea-WorkspaceRoots-profile-popover-action",
+  "WorkspaceRootsProfilePopoverAction": "alinea-WorkspaceRoots-profile-popover-action"
 };
 
 // src/dashboard/app/WorkspaceRoots.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
 var styles = dist_default(WorkspaceRoots_default);
-function WorkspaceRoots({ canManageMembers, page }) {
-  const policy = useAtomValue(policyAtom);
+function WorkspaceRoots({
+  canManageMembers,
+  page,
+  root: currentRoot
+}) {
+  const policy = useAtomValueRaw(policyAtom);
   const workspace = page.workspace;
-  const settings = useAtomValue(workspaceAtom(workspace));
+  const settings = useAtomValueRaw(workspaceAtom(workspace));
   const roots = Object.keys(settings.roots).filter((key) => policy.canRead({ workspace, root: key })).map((key) => rootAtoms(workspace, key));
   return /* @__PURE__ */ jsxs("aside", { className: styles.WorkspaceRoots(), "aria-label": "Workspace roots", children: [
-    /* @__PURE__ */ jsx("div", { className: styles.WorkspaceRoots.workspace(), children: /* @__PURE__ */ jsx(WorkspaceAvatarMenu, { page }) }),
+    /* @__PURE__ */ jsx("div", { className: styles.WorkspaceRoots.workspace(), children: /* @__PURE__ */ jsx(WorkspaceAvatarMenu, { page, root: currentRoot }) }),
     /* @__PURE__ */ jsx("nav", { className: styles.WorkspaceRoots.roots(), children: roots.map((root) => /* @__PURE__ */ jsx(WorkspaceRootButton, { page, root }, root.key)) }),
     /* @__PURE__ */ jsxs("div", { className: styles.WorkspaceRoots.footer(), children: [
       /* @__PURE__ */ jsx(ActivityStatus, { mobilePlacement: "bottom right", openOnFail: true }),
@@ -103,8 +99,8 @@ function WorkspaceRoots({ canManageMembers, page }) {
   ] });
 }
 function WorkspaceRootButton({ page, root }) {
-  const icon = useAtomValue(root.icon);
-  const label = useAtomValue(root.label);
+  const icon = useAtomValueRaw(root.icon);
+  const label = useAtomValueRaw(root.label);
   const setRoute = useSetAtom(routeAtom);
   const selected = page.root === root.key;
   return /* @__PURE__ */ jsx(Tooltip, { placement: "right", delay: 100, tooltip: label, children: /* @__PURE__ */ jsx(
@@ -127,10 +123,9 @@ function WorkspaceProfileMenu({
   page
 }) {
   const user = useUser();
-  const config = useAtomValue(configAtom);
-  const isLocal = useAtomValue(localAtom);
-  const canLogout = useAtomValue(canLogoutAtom);
-  const [theme, setTheme] = useAtom(themeAtom);
+  const config = useAtomValueRaw(configAtom);
+  const isLocal = useAtomValueRaw(localAtom);
+  const canLogout = useAtomValueRaw(canLogoutAtom);
   const setUserRoles = useSetAtom(setUserRolesAtom);
   const setRoute = useSetAtom(routeAtom);
   const logout = useSetAtom(logoutAtom);
@@ -162,56 +157,49 @@ function WorkspaceProfileMenu({
         style: { padding: "0", boxShadow: "0 8px 20px rgba(0, 0, 0, 0.12)" },
         children: /* @__PURE__ */ jsxs("ul", { className: styles.WorkspaceRoots.profile.popover(), children: [
           /* @__PURE__ */ jsxs("li", { className: styles.WorkspaceRoots.profile.popover.user(), children: [
-            /* @__PURE__ */ jsx("span", { className: styles.WorkspaceRoots.profile.popover.user.icon(), children: /* @__PURE__ */ jsx(IcBaselineAccountCircle, {}) }),
+            /* @__PURE__ */ jsx(
+              Icon,
+              {
+                icon: IcBaselineAccountCircle,
+                className: styles.WorkspaceRoots.profile.popover.user.icon()
+              }
+            ),
             /* @__PURE__ */ jsx(
               "span",
               {
                 className: styles.WorkspaceRoots.profile.popover.user.title(),
                 children: userName
               }
-            ),
-            /* @__PURE__ */ jsx(IcRoundMoreHoriz, {})
+            )
           ] }),
+          canManageMembers && /* @__PURE__ */ jsx("li", { className: styles.WorkspaceRoots.profile.popover.action(), children: /* @__PURE__ */ jsxs(
+            Button,
+            {
+              appearance: "plain",
+              "aria-label": "Manage users",
+              className: styles.WorkspaceRoots.profile.popover.action.button(),
+              onPress: () => setRoute({ page: "users" }),
+              children: [
+                /* @__PURE__ */ jsx(
+                  Icon,
+                  {
+                    icon: IcOutlineSettings,
+                    className: styles.WorkspaceRoots.profile.popover.action.icon()
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    className: styles.WorkspaceRoots.profile.popover.action.label(),
+                    children: "Manage users"
+                  }
+                )
+              ]
+            }
+          ) }),
           /* @__PURE__ */ jsxs("li", { className: styles.WorkspaceRoots.profile.popover.item(), children: [
-            /* @__PURE__ */ jsx("p", { className: styles.WorkspaceRoots.profile.popover.item.label(), children: "Theme" }),
-            /* @__PURE__ */ jsxs(
-              "div",
-              {
-                className: styles.WorkspaceRoots.profile.popover.themeOptions(),
-                children: [
-                  /* @__PURE__ */ jsx(
-                    Button,
-                    {
-                      size: "icon",
-                      appearance: theme === "system" ? "active" : "outline",
-                      icon: IcRoundDesktopWindows,
-                      "aria-label": "Use system theme",
-                      onPress: () => setTheme("system")
-                    }
-                  ),
-                  /* @__PURE__ */ jsx(
-                    Button,
-                    {
-                      size: "icon",
-                      appearance: theme === "light" ? "active" : "outline",
-                      icon: IcRoundWbSunny,
-                      "aria-label": "Use light theme",
-                      onPress: () => setTheme("light")
-                    }
-                  ),
-                  /* @__PURE__ */ jsx(
-                    Button,
-                    {
-                      size: "icon",
-                      appearance: theme === "dark" ? "active" : "outline",
-                      icon: IcRoundBrightness2,
-                      "aria-label": "Use dark theme",
-                      onPress: () => setTheme("dark")
-                    }
-                  )
-                ]
-              }
-            )
+            /* @__PURE__ */ jsx("p", { className: styles.WorkspaceRoots.profile.popover.item.label(), children: "Appearance" }),
+            /* @__PURE__ */ jsx(AppearanceToggle, {})
           ] }),
           isLocal && roleEntries.length > 0 && /* @__PURE__ */ jsxs("li", { className: styles.WorkspaceRoots.profile.popover.item(), children: [
             /* @__PURE__ */ jsx("p", { className: styles.WorkspaceRoots.profile.popover.item.label(), children: "Role" }),
@@ -245,31 +233,18 @@ function WorkspaceProfileMenu({
               className: styles.WorkspaceRoots.profile.popover.action.button(),
               onPress: logout,
               children: [
-                /* @__PURE__ */ jsx(Icon, { icon: IcRoundLogout }),
                 /* @__PURE__ */ jsx(
-                  "span",
+                  Icon,
                   {
-                    className: styles.WorkspaceRoots.profile.popover.action.label(),
-                    children: "Logout"
+                    icon: IcRoundLogout,
+                    className: styles.WorkspaceRoots.profile.popover.action.icon()
                   }
-                )
-              ]
-            }
-          ) }),
-          canManageMembers && /* @__PURE__ */ jsx("li", { className: styles.WorkspaceRoots.profile.popover.action(), children: /* @__PURE__ */ jsxs(
-            Button,
-            {
-              appearance: "plain",
-              "aria-label": "Manage users",
-              className: styles.WorkspaceRoots.profile.popover.action.button(),
-              onPress: () => setRoute({ page: "users" }),
-              children: [
-                /* @__PURE__ */ jsx(Icon, { icon: IcOutlineSettings }),
+                ),
                 /* @__PURE__ */ jsx(
                   "span",
                   {
                     className: styles.WorkspaceRoots.profile.popover.action.label(),
-                    children: "Manage users"
+                    children: "Logout"
                   }
                 )
               ]

package/dist/dashboard/app/editor/FileEditor.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 {
   thumbHashToDataURL
 } from "../../../chunks/chunk-GWZU2AWQ.js";
@@ -28,45 +28,45 @@ import { NodeEditor } from "../EntryFields.js";
 
 // src/dashboard/app/editor/FileEditor.module.css
 var FileEditor_default = {
-  "FileEditor-focus-header": "alinea-FileEditor-focus-header",
-  "FileEditorFocusHeader": "alinea-FileEditor-focus-header",
-  "is-full": "alinea-is-full",
-  "isFull": "alinea-is-full",
-  "FileEditor-metadata-value": "alinea-FileEditor-metadata-value",
-  "FileEditorMetadataValue": "alinea-FileEditor-metadata-value",
-  "FileEditor-metadata-term": "alinea-FileEditor-metadata-term",
-  "FileEditorMetadataTerm": "alinea-FileEditor-metadata-term",
-  "FileEditor-tabs": "alinea-FileEditor-tabs",
-  "FileEditorTabs": "alinea-FileEditor-tabs",
-  "FileEditor-metadata-item": "alinea-FileEditor-metadata-item",
-  "FileEditorMetadataItem": "alinea-FileEditor-metadata-item",
   "is-link": "alinea-is-link",
   "isLink": "alinea-is-link",
   "FileEditor-metadataPanel": "alinea-FileEditor-metadataPanel",
   "FileEditorMetadataPanel": "alinea-FileEditor-metadataPanel",
+  "FileEditor-metadata": "alinea-FileEditor-metadata",
+  "FileEditorMetadata": "alinea-FileEditor-metadata",
+  "FileEditor-metadata-term": "alinea-FileEditor-metadata-term",
+  "FileEditorMetadataTerm": "alinea-FileEditor-metadata-term",
+  "FileEditor": "alinea-FileEditor",
+  "FileEditor-content": "alinea-FileEditor-content",
+  "FileEditorContent": "alinea-FileEditor-content",
   "FileEditor-focus-label": "alinea-FileEditor-focus-label",
   "FileEditorFocusLabel": "alinea-FileEditor-focus-label",
-  "FileEditor-surface": "alinea-FileEditor-surface",
-  "FileEditorSurface": "alinea-FileEditor-surface",
-  "FileEditor-tabPanel": "alinea-FileEditor-tabPanel",
-  "FileEditorTabPanel": "alinea-FileEditor-tabPanel",
+  "FileEditor-focus-value": "alinea-FileEditor-focus-value",
+  "FileEditorFocusValue": "alinea-FileEditor-focus-value",
+  "is-full": "alinea-is-full",
+  "isFull": "alinea-is-full",
   "FileEditor-focus": "alinea-FileEditor-focus",
   "FileEditorFocus": "alinea-FileEditor-focus",
+  "FileEditor-focus-description": "alinea-FileEditor-focus-description",
+  "FileEditorFocusDescription": "alinea-FileEditor-focus-description",
+  "FileEditor-tabPanel": "alinea-FileEditor-tabPanel",
+  "FileEditorTabPanel": "alinea-FileEditor-tabPanel",
+  "FileEditor-metadata-value": "alinea-FileEditor-metadata-value",
+  "FileEditorMetadataValue": "alinea-FileEditor-metadata-value",
   "FileEditor-tabs-header": "alinea-FileEditor-tabs-header",
   "FileEditorTabsHeader": "alinea-FileEditor-tabs-header",
-  "FileEditor-content": "alinea-FileEditor-content",
-  "FileEditorContent": "alinea-FileEditor-content",
-  "FileEditor-metadata": "alinea-FileEditor-metadata",
-  "FileEditorMetadata": "alinea-FileEditor-metadata",
-  "FileEditor": "alinea-FileEditor",
+  "FileEditor-surface": "alinea-FileEditor-surface",
+  "FileEditorSurface": "alinea-FileEditor-surface",
+  "FileEditor-focus-header": "alinea-FileEditor-focus-header",
+  "FileEditorFocusHeader": "alinea-FileEditor-focus-header",
+  "is-image": "alinea-is-image",
+  "isImage": "alinea-is-image",
   "FileEditor-metadata-grid": "alinea-FileEditor-metadata-grid",
   "FileEditorMetadataGrid": "alinea-FileEditor-metadata-grid",
-  "FileEditor-focus-description": "alinea-FileEditor-focus-description",
-  "FileEditorFocusDescription": "alinea-FileEditor-focus-description",
-  "FileEditor-focus-value": "alinea-FileEditor-focus-value",
-  "FileEditorFocusValue": "alinea-FileEditor-focus-value",
-  "is-image": "alinea-is-image",
-  "isImage": "alinea-is-image"
+  "FileEditor-tabs": "alinea-FileEditor-tabs",
+  "FileEditorTabs": "alinea-FileEditor-tabs",
+  "FileEditor-metadata-item": "alinea-FileEditor-metadata-item",
+  "FileEditorMetadataItem": "alinea-FileEditor-metadata-item"
 };
 
 // src/dashboard/app/editor/FileEditor.tsx
@@ -82,7 +82,7 @@ var metadataFields = type("Metadata", {
   }
 });
 function FileEditor({ entry, parentPaths }) {
-  const config = useAtomValue(configAtom);
+  const config = useAtomValueRaw(configAtom);
   const location = useFieldValue(MediaFile.location);
   const path = useFieldValue(MediaFile.path);
   const extension = useFieldValue(MediaFile.extension);

package/dist/dashboard/app/editor/FilePreview.js

@@ -10,16 +10,16 @@ import { useEffect, useRef, useState } from "react";
 
 // src/dashboard/app/editor/FilePreview.module.css
 var FilePreview_default = {
-  "FilePreview-interactive": "alinea-FilePreview-interactive",
-  "FilePreviewInteractive": "alinea-FilePreview-interactive",
   "FilePreview-image": "alinea-FilePreview-image",
   "FilePreviewImage": "alinea-FilePreview-image",
+  "FilePreview-interactive": "alinea-FilePreview-interactive",
+  "FilePreviewInteractive": "alinea-FilePreview-interactive",
+  "FilePreview-focus-inner": "alinea-FilePreview-focus-inner",
+  "FilePreviewFocusInner": "alinea-FilePreview-focus-inner",
   "FilePreview-focus-dot": "alinea-FilePreview-focus-dot",
   "FilePreviewFocusDot": "alinea-FilePreview-focus-dot",
   "FilePreview-focus": "alinea-FilePreview-focus",
   "FilePreviewFocus": "alinea-FilePreview-focus",
-  "FilePreview-focus-inner": "alinea-FilePreview-focus-inner",
-  "FilePreviewFocusInner": "alinea-FilePreview-focus-inner",
   "FilePreview": "alinea-FilePreview"
 };