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

package/dist/core/db/Operation.js

@@ -143,8 +143,10 @@ var UploadOperation = class extends Operation {
       assertUploadSize(fileName, fileSize, db.config.maxUploadSize);
       const body = Array.isArray(file) ? file[1] : await file.arrayBuffer();
       const contentType = file instanceof Blob ? file.type : "application/octet-stream";
-      const extension = extname(fileName);
-      const path = slugify(basename(fileName, extension));
+      const originalExtension = extname(fileName);
+      const title = basename(fileName, originalExtension);
+      const extension = originalExtension.toLowerCase();
+      const path = slugify(title);
       const uploadLocation = MediaLocation.storagePath(
         db.config,
         workspace,
@@ -159,7 +161,6 @@ var UploadOperation = class extends Operation {
       await sendUpload(info.url, info.method ?? "POST", contentType, body, {
         onProgress: query.onProgress
       });
-      const title = basename(fileName, extension);
       const hash = await createFileHash(new Uint8Array(body));
       const fileLocation = MediaLocation.entryLocation(
         db.config,

package/dist/dashboard/App.js

@@ -1,12 +1,12 @@
 import {
   Provider,
   useAtom,
-  useAtomValue
-} from "../chunks/chunk-U4VOHNR2.js";
+  useAtomValueRaw
+} from "../chunks/chunk-D6UJHBJJ.js";
 import {
   atom,
   createStore
-} from "../chunks/chunk-Y7XOMJOC.js";
+} from "../chunks/chunk-CFNRVI3Y.js";
 import {
   styler
 } from "../chunks/chunk-I4OYYAX5.js";
@@ -23,10 +23,10 @@ import {
 // src/dashboard/App.module.css
 var App_default = {
   "AppLoading": "alinea-AppLoading",
-  "AppLoading-progress-fade-in": "alinea-AppLoading-progress-fade-in",
-  "AppLoadingProgressFadeIn": "alinea-AppLoading-progress-fade-in",
   "AppLoading-progress": "alinea-AppLoading-progress",
-  "AppLoadingProgress": "alinea-AppLoading-progress"
+  "AppLoadingProgress": "alinea-AppLoading-progress",
+  "AppLoading-progress-fade-in": "alinea-AppLoading-progress-fade-in",
+  "AppLoadingProgressFadeIn": "alinea-AppLoading-progress-fade-in"
 };
 
 // src/dashboard/App.tsx
@@ -36,17 +36,19 @@ import { DashboardLayout } from "./app/DashboardLayout.js";
 import { DashboardMeta } from "./app/DashboardMeta.js";
 import { DashboardErrorBoundary } from "./app/DashboardErrorBoundary.js";
 import { entryPage } from "./app/pages/EntryPage.js";
+import { splashPage } from "./app/pages/SplashPage.js";
 import { MissingRoot, rootPage } from "./app/pages/RootPage.js";
 import { usersPage } from "./app/pages/UsersPage.js";
 import { Rail } from "./app/ui/Rail.js";
 import { activityAtom, activityPendingAtom } from "./atoms/activity.js";
 import { authAtom } from "./atoms/auth.js";
-import { workspaceAtom } from "./atoms/config.js";
+import { workspaceAtom, workspacesAtom } from "./atoms/config.js";
 import { useInitAtoms } from "./atoms/core.js";
 import { entryAtoms, MissingEntryError } from "./atoms/entry.js";
+import { graphReadyAtom } from "./atoms/graph.js";
 import { pageAtom } from "./atoms/nav.js";
 import { rootAtoms } from "./atoms/root.js";
-import { authReady, canManageMembersAtom } from "./atoms/user.js";
+import { canManageMembersAtom, userPolicyReadyAtom } from "./atoms/user.js";
 import { atomWithPending } from "./atoms/utils.js";
 import { DashboardModelScope } from "./hooks.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -59,18 +61,18 @@ var appAtom = atomWithPending(
   })
 );
 var authenticatedAtom = atom(async (get) => {
-  const [, canManageMembers] = await Promise.all([
-    get(authReady),
-    get(canManageMembersAtom)
-  ]);
+  await get(graphReadyAtom);
+  await get(userPolicyReadyAtom);
+  const canManageMembers = await get(canManageMembersAtom);
   const page = get(pageAtom);
   const { entry, workspace, root } = page;
   const workspaceData = workspace ? get(workspaceAtom(workspace)) : void 0;
-  const meta = (label) => /* @__PURE__ */ jsx(
+  const meta = (label, plain = false) => /* @__PURE__ */ jsx(
     DashboardMeta,
     {
-      color: workspaceData?.color ?? "#7c3aed",
+      color: plain ? "#6b7280" : workspaceData?.color ?? "#7c3aed",
       icon: workspaceData?.icon,
+      plain,
       title: dashboardTitle(workspaceData?.label ?? "Alinea", label)
     }
   );
@@ -87,6 +89,18 @@ var authenticatedAtom = atom(async (get) => {
       content2
     ] });
   }
+  if (page.type === "splash") {
+    if (get(workspacesAtom).length === 0) {
+      return /* @__PURE__ */ jsxs(Fragment, { children: [
+        meta("No workspace access"),
+        /* @__PURE__ */ jsx(AccessDenied, { canManageMembers, scope: "workspace" })
+      ] });
+    }
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      meta("Workspaces", true),
+      await splashPage(get)
+    ] });
+  }
   if (!workspace || !workspaceData) {
     return /* @__PURE__ */ jsxs(Fragment, { children: [
       meta("No workspace access"),
@@ -179,8 +193,8 @@ function App(props) {
 }
 function DashboardApp(props) {
   useInitAtoms(props);
-  const [appPending, app] = useAtomValue(appAtom);
-  const activity = useAtomValue(activityAtom);
+  const [appPending, app] = useAtomValueRaw(appAtom);
+  const activity = useAtomValueRaw(activityAtom);
   const [, setActivityPending] = useAtom(activityPendingAtom);
   const pending = appPending || activity.isFetchingUpdates || activity.isMutating;
   useEffect(() => {

package/dist/dashboard/StoryProvider.js

@@ -1,9 +1,9 @@
 import {
   Provider
-} from "../chunks/chunk-U4VOHNR2.js";
+} from "../chunks/chunk-D6UJHBJJ.js";
 import {
   createStore
-} from "../chunks/chunk-Y7XOMJOC.js";
+} from "../chunks/chunk-CFNRVI3Y.js";
 import "../chunks/chunk-CQ52GEHY.js";
 
 // src/dashboard/StoryProvider.tsx

package/dist/dashboard/app/AccessDenied.js

@@ -1,7 +1,7 @@
 import {
   useSetAtom
-} from "../../chunks/chunk-U4VOHNR2.js";
-import "../../chunks/chunk-Y7XOMJOC.js";
+} from "../../chunks/chunk-D6UJHBJJ.js";
+import "../../chunks/chunk-CFNRVI3Y.js";
 import {
   styler
 } from "../../chunks/chunk-I4OYYAX5.js";
@@ -14,11 +14,11 @@ import { AppShell, AppShellContent, AppShellInner } from "./AppShell.js";
 
 // src/dashboard/app/AccessDenied.module.css
 var AccessDenied_default = {
+  "AccessDenied": "alinea-AccessDenied",
   "AccessDenied-card": "alinea-AccessDenied-card",
   "AccessDeniedCard": "alinea-AccessDenied-card",
   "AccessDenied-title": "alinea-AccessDenied-title",
   "AccessDeniedTitle": "alinea-AccessDenied-title",
-  "AccessDenied": "alinea-AccessDenied",
   "AccessDenied-message": "alinea-AccessDenied-message",
   "AccessDeniedMessage": "alinea-AccessDenied-message"
 };

package/dist/dashboard/app/ActivityStatus.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 {
   dist_default
 } from "../../chunks/chunk-I4OYYAX5.js";
@@ -42,29 +42,29 @@ import { IcRoundCheck, IcRoundHistory, IcRoundWarning } from "../icons.js";
 
 // src/dashboard/app/ActivityStatus.module.css
 var ActivityStatus_default = {
-  "ActivityStatus-icon": "alinea-ActivityStatus-icon",
-  "ActivityStatusIcon": "alinea-ActivityStatus-icon",
-  "ActivityStatus-popover-item-error": "alinea-ActivityStatus-popover-item-error",
-  "ActivityStatusPopoverItemError": "alinea-ActivityStatus-popover-item-error",
-  "ActivityStatus-popover-surface": "alinea-ActivityStatus-popover-surface",
-  "ActivityStatusPopoverSurface": "alinea-ActivityStatus-popover-surface",
   "is-syncing": "alinea-is-syncing",
   "isSyncing": "alinea-is-syncing",
-  "ActivityStatus-popover-actions": "alinea-ActivityStatus-popover-actions",
-  "ActivityStatusPopoverActions": "alinea-ActivityStatus-popover-actions",
+  "is-failed": "alinea-is-failed",
+  "isFailed": "alinea-is-failed",
+  "ActivityStatus-label": "alinea-ActivityStatus-label",
+  "ActivityStatusLabel": "alinea-ActivityStatus-label",
+  "ActivityStatus-popover": "alinea-ActivityStatus-popover",
+  "ActivityStatusPopover": "alinea-ActivityStatus-popover",
   "ActivityStatus-popover-header": "alinea-ActivityStatus-popover-header",
   "ActivityStatusPopoverHeader": "alinea-ActivityStatus-popover-header",
-  "ActivityStatus-popover-title": "alinea-ActivityStatus-popover-title",
-  "ActivityStatusPopoverTitle": "alinea-ActivityStatus-popover-title",
+  "ActivityStatus": "alinea-ActivityStatus",
+  "ActivityStatus-popover-surface": "alinea-ActivityStatus-popover-surface",
+  "ActivityStatusPopoverSurface": "alinea-ActivityStatus-popover-surface",
   "ActivityStatus-popover-list": "alinea-ActivityStatus-popover-list",
   "ActivityStatusPopoverList": "alinea-ActivityStatus-popover-list",
-  "ActivityStatus-popover": "alinea-ActivityStatus-popover",
-  "ActivityStatusPopover": "alinea-ActivityStatus-popover",
-  "ActivityStatus-label": "alinea-ActivityStatus-label",
-  "ActivityStatusLabel": "alinea-ActivityStatus-label",
-  "is-failed": "alinea-is-failed",
-  "isFailed": "alinea-is-failed",
-  "ActivityStatus": "alinea-ActivityStatus"
+  "ActivityStatus-popover-item-error": "alinea-ActivityStatus-popover-item-error",
+  "ActivityStatusPopoverItemError": "alinea-ActivityStatus-popover-item-error",
+  "ActivityStatus-icon": "alinea-ActivityStatus-icon",
+  "ActivityStatusIcon": "alinea-ActivityStatus-icon",
+  "ActivityStatus-popover-title": "alinea-ActivityStatus-popover-title",
+  "ActivityStatusPopoverTitle": "alinea-ActivityStatus-popover-title",
+  "ActivityStatus-popover-actions": "alinea-ActivityStatus-popover-actions",
+  "ActivityStatusPopoverActions": "alinea-ActivityStatus-popover-actions"
 };
 
 // src/dashboard/app/ActivityStatus.tsx
@@ -95,8 +95,8 @@ function ActivityStatus({
   openOnFail = false,
   placement = "right"
 }) {
-  const [appPending] = useAtomValue(appAtom);
-  const activity = useAtomValue(activityAtom);
+  const [appPending] = useAtomValueRaw(appAtom);
+  const activity = useAtomValueRaw(activityAtom);
   const retry = useSetAtom(retryActivityAtom);
   const discard = useSetAtom(discardActivityAtom);
   const [isOpen, setIsOpen] = useState(false);
@@ -112,7 +112,7 @@ function ActivityStatus({
     appPending,
     activity.isMutating
   );
-  const showSpinner = useAtomValue(activityPendingAtom);
+  const showSpinner = useAtomValueRaw(activityPendingAtom);
   if (activityLabel !== void 0) lastActivityLabel.current = activityLabel;
   const visibleActivityLabel = activityLabel ?? (showSpinner ? lastActivityLabel.current : void 0);
   const label = getStatusLabel(

package/dist/dashboard/app/AppShell.js

@@ -6,8 +6,8 @@ import "../../chunks/chunk-CQ52GEHY.js";
 // src/dashboard/app/AppShell.module.css
 var AppShell_default = {
   "AppShellContent": "alinea-AppShellContent",
-  "AppShell": "alinea-AppShell",
-  "AppShellInner": "alinea-AppShellInner"
+  "AppShellInner": "alinea-AppShellInner",
+  "AppShell": "alinea-AppShell"
 };
 
 // src/dashboard/app/AppShell.tsx

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

@@ -0,0 +1 @@
+export declare function AppearanceToggle(): import("react").JSX.Element;

package/dist/dashboard/app/AppearanceToggle.js

@@ -0,0 +1,43 @@
+import {
+  useAtom
+} from "../../chunks/chunk-D6UJHBJJ.js";
+import "../../chunks/chunk-CFNRVI3Y.js";
+import "../../chunks/chunk-CQ52GEHY.js";
+
+// src/dashboard/app/AppearanceToggle.tsx
+import { ToggleButton, ToggleButtonGroup } from "alinea/components";
+import { themeAtom } from "alinea/dashboard/atoms/dashboard";
+import {
+  IcRoundBrightness2,
+  IcRoundDesktopWindows,
+  IcRoundWbSunny
+} from "../icons.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+function AppearanceToggle() {
+  const [theme, setTheme] = useAtom(themeAtom);
+  return /* @__PURE__ */ jsxs(
+    ToggleButtonGroup,
+    {
+      "aria-label": "Appearance",
+      disallowEmptySelection: true,
+      selectedKeys: [theme],
+      selectionMode: "single",
+      variant: "icon-small",
+      onSelectionChange: (keys) => {
+        const selectedTheme = [...keys].at(0);
+        if (isDashboardTheme(selectedTheme)) setTheme(selectedTheme);
+      },
+      children: [
+        /* @__PURE__ */ jsx(ToggleButton, { id: "system", "aria-label": "Use system theme", children: /* @__PURE__ */ jsx(IcRoundDesktopWindows, { "aria-hidden": true, "data-slot": "icon" }) }),
+        /* @__PURE__ */ jsx(ToggleButton, { id: "light", "aria-label": "Use light theme", children: /* @__PURE__ */ jsx(IcRoundWbSunny, { "aria-hidden": true, "data-slot": "icon" }) }),
+        /* @__PURE__ */ jsx(ToggleButton, { id: "dark", "aria-label": "Use dark theme", children: /* @__PURE__ */ jsx(IcRoundBrightness2, { "aria-hidden": true, "data-slot": "icon" }) })
+      ]
+    }
+  );
+}
+function isDashboardTheme(value) {
+  return value === "system" || value === "light" || value === "dark";
+}
+export {
+  AppearanceToggle
+};

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

@@ -5,4 +5,4 @@ export interface AuthViewProps {
         action?: DashboardAuthAction
     ], unknown>;
 }
-export declare function AuthView({ auth: authState }: AuthViewProps): import("react").JSX.Element | null;
+export declare function AuthView({ auth: authState }: AuthViewProps): import("react").JSX.Element;

package/dist/dashboard/app/AuthView.js

@@ -1,7 +1,7 @@
 import {
   useAtom
-} 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";
@@ -16,25 +16,25 @@ import { IcRoundArrowForward, IcRoundPublish } from "../icons.js";
 
 // src/dashboard/app/AuthView.module.css
 var AuthView_default = {
-  "AuthView-panel": "alinea-AuthView-panel",
-  "AuthViewPanel": "alinea-AuthView-panel",
-  "AuthView-text": "alinea-AuthView-text",
-  "AuthViewText": "alinea-AuthView-text",
+  "AuthView-surface": "alinea-AuthView-surface",
+  "AuthViewSurface": "alinea-AuthView-surface",
   "AuthView": "alinea-AuthView",
-  "AuthView-heading": "alinea-AuthView-heading",
-  "AuthViewHeading": "alinea-AuthView-heading",
   "AuthView-link": "alinea-AuthView-link",
   "AuthViewLink": "alinea-AuthView-link",
-  "AuthView-title": "alinea-AuthView-title",
-  "AuthViewTitle": "alinea-AuthView-title",
-  "AuthView-surface": "alinea-AuthView-surface",
-  "AuthViewSurface": "alinea-AuthView-surface",
+  "AuthView-actionRow": "alinea-AuthView-actionRow",
+  "AuthViewActionRow": "alinea-AuthView-actionRow",
   "AuthView-loader": "alinea-AuthView-loader",
   "AuthViewLoader": "alinea-AuthView-loader",
+  "AuthView-panel": "alinea-AuthView-panel",
+  "AuthViewPanel": "alinea-AuthView-panel",
+  "AuthView-heading": "alinea-AuthView-heading",
+  "AuthViewHeading": "alinea-AuthView-heading",
   "AuthView-mark": "alinea-AuthView-mark",
   "AuthViewMark": "alinea-AuthView-mark",
-  "AuthView-actionRow": "alinea-AuthView-actionRow",
-  "AuthViewActionRow": "alinea-AuthView-actionRow"
+  "AuthView-text": "alinea-AuthView-text",
+  "AuthViewText": "alinea-AuthView-text",
+  "AuthView-title": "alinea-AuthView-title",
+  "AuthViewTitle": "alinea-AuthView-title"
 };
 
 // src/dashboard/app/AuthView.tsx
@@ -42,15 +42,13 @@ import { jsx, jsxs } from "react/jsx-runtime";
 var styles = dist_default(AuthView_default);
 function AuthView({ auth: authState = authAtom }) {
   const [auth, setAuth] = useAtom(authState);
-  if (auth.status === "loading" || auth.status === "redirecting") {
+  const isLoading = auth.status === "loading" || auth.status === "redirecting" || auth.status === "authenticated";
+  if (isLoading) {
     return /* @__PURE__ */ jsx(AuthViewLoader, {});
   }
   if (auth.status === "error") {
     throw auth.error;
   }
-  if (auth.status === "authenticated") {
-    return null;
-  }
   if (auth.status === "missingHandler") {
     return /* @__PURE__ */ jsx(AuthViewFrame, { title: "Ready to deploy?", children: /* @__PURE__ */ jsxs("p", { className: styles.AuthView.text(), children: [
       "Alinea requires a",
@@ -95,7 +93,7 @@ function AuthView({ auth: authState = authAtom }) {
   ] });
 }
 function AuthViewLoader() {
-  return /* @__PURE__ */ jsx("div", { className: styles.AuthView(), children: /* @__PURE__ */ jsx("div", { className: styles.AuthView.panel(), children: /* @__PURE__ */ jsx("div", { className: styles.AuthView.loader(), children: /* @__PURE__ */ jsx(ProgressCircle, { isIndeterminate: true, "aria-label": "Checking sign in" }) }) }) });
+  return /* @__PURE__ */ jsx("div", { className: styles.AuthView(), children: /* @__PURE__ */ jsx("div", { className: styles.AuthView.panel(), children: /* @__PURE__ */ jsx("div", { className: styles.AuthView.loader(), children: /* @__PURE__ */ jsx(ProgressCircle, { isIndeterminate: true, "aria-label": "Loading" }) }) }) });
 }
 function AuthViewFrame({ title, children }) {
   return /* @__PURE__ */ jsx("div", { className: styles.AuthView(), children: /* @__PURE__ */ jsx("div", { className: styles.AuthView.panel(), children: /* @__PURE__ */ jsxs(Surface, { className: styles.AuthView.surface(), children: [

package/dist/dashboard/app/Badge.js

@@ -8,9 +8,9 @@ import { Icon } from "../../components/Icon.js";
 
 // src/dashboard/app/Badge.module.css
 var Badge_default = {
-  "Badge": "alinea-Badge",
   "Badge-label": "alinea-Badge-label",
-  "BadgeLabel": "alinea-Badge-label"
+  "BadgeLabel": "alinea-Badge-label",
+  "Badge": "alinea-Badge"
 };
 
 // src/dashboard/app/Badge.tsx

package/dist/dashboard/app/CompactField.js

@@ -1,9 +1,9 @@
 import {
-  useAtomValue
-} from "../../chunks/chunk-U4VOHNR2.js";
+  useAtomValueRaw
+} 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";
@@ -21,23 +21,23 @@ import { Badge } from "./Badge.js";
 var CompactField_default = {
   "CompactField-json": "alinea-CompactField-json",
   "CompactFieldJson": "alinea-CompactField-json",
-  "CompactField-list-count": "alinea-CompactField-list-count",
-  "CompactFieldListCount": "alinea-CompactField-list-count",
-  "CompactField-record-field": "alinea-CompactField-record-field",
-  "CompactFieldRecordField": "alinea-CompactField-record-field",
-  "CompactField-items": "alinea-CompactField-items",
-  "CompactFieldItems": "alinea-CompactField-items",
-  "CompactField-text": "alinea-CompactField-text",
-  "CompactFieldText": "alinea-CompactField-text",
-  "CompactField-muted": "alinea-CompactField-muted",
-  "CompactFieldMuted": "alinea-CompactField-muted",
   "CompactField-record": "alinea-CompactField-record",
   "CompactFieldRecord": "alinea-CompactField-record",
-  "CompactField-record-label": "alinea-CompactField-record-label",
-  "CompactFieldRecordLabel": "alinea-CompactField-record-label",
   "CompactField": "alinea-CompactField",
   "CompactField-record-value": "alinea-CompactField-record-value",
-  "CompactFieldRecordValue": "alinea-CompactField-record-value"
+  "CompactFieldRecordValue": "alinea-CompactField-record-value",
+  "CompactField-record-label": "alinea-CompactField-record-label",
+  "CompactFieldRecordLabel": "alinea-CompactField-record-label",
+  "CompactField-items": "alinea-CompactField-items",
+  "CompactFieldItems": "alinea-CompactField-items",
+  "CompactField-muted": "alinea-CompactField-muted",
+  "CompactFieldMuted": "alinea-CompactField-muted",
+  "CompactField-list-count": "alinea-CompactField-list-count",
+  "CompactFieldListCount": "alinea-CompactField-list-count",
+  "CompactField-text": "alinea-CompactField-text",
+  "CompactFieldText": "alinea-CompactField-text",
+  "CompactField-record-field": "alinea-CompactField-record-field",
+  "CompactFieldRecordField": "alinea-CompactField-record-field"
 };
 
 // src/dashboard/app/CompactField.tsx
@@ -51,7 +51,7 @@ function CompactField({ field, value }) {
     ),
     [customView]
   );
-  const ResolvedView = useAtomValue(resolvedViewAtom);
+  const ResolvedView = useAtomValueRaw(resolvedViewAtom);
   if (typeof customView === "function") return customView({ field, value });
   if (ResolvedView) return /* @__PURE__ */ jsx(ResolvedView, { field, value });
   return /* @__PURE__ */ jsx(CompactFieldFallback, { field, value });

package/dist/dashboard/app/DashboardErrorBoundary.js

@@ -1,15 +1,15 @@
 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 {
   styler
 } from "../../chunks/chunk-I4OYYAX5.js";
 import "../../chunks/chunk-CQ52GEHY.js";
 
 // src/dashboard/app/DashboardErrorBoundary.tsx
-import { Icon, Surface } from "alinea/components";
+import { Button, Icon, Surface } from "alinea/components";
 import { MissingEntryError } from "alinea/dashboard/atoms/entry";
 import { routeAtom, routeGuardAtom } from "alinea/dashboard/atoms/nav";
 import { useEffect, useRef } from "react";
@@ -65,22 +65,24 @@ import { IcRoundWarning } from "../icons.js";
 
 // src/dashboard/app/DashboardErrorBoundary.module.css
 var DashboardErrorBoundary_default = {
+  "DashboardErrorBoundary-title": "alinea-DashboardErrorBoundary-title",
+  "DashboardErrorBoundaryTitle": "alinea-DashboardErrorBoundary-title",
+  "DashboardErrorBoundary-actions": "alinea-DashboardErrorBoundary-actions",
+  "DashboardErrorBoundaryActions": "alinea-DashboardErrorBoundary-actions",
   "DashboardErrorBoundary-message": "alinea-DashboardErrorBoundary-message",
   "DashboardErrorBoundaryMessage": "alinea-DashboardErrorBoundary-message",
   "DashboardErrorBoundary": "alinea-DashboardErrorBoundary",
   "DashboardErrorBoundary-card": "alinea-DashboardErrorBoundary-card",
   "DashboardErrorBoundaryCard": "alinea-DashboardErrorBoundary-card",
   "DashboardErrorBoundary-heading": "alinea-DashboardErrorBoundary-heading",
-  "DashboardErrorBoundaryHeading": "alinea-DashboardErrorBoundary-heading",
-  "DashboardErrorBoundary-title": "alinea-DashboardErrorBoundary-title",
-  "DashboardErrorBoundaryTitle": "alinea-DashboardErrorBoundary-title"
+  "DashboardErrorBoundaryHeading": "alinea-DashboardErrorBoundary-heading"
 };
 
 // src/dashboard/app/DashboardErrorBoundary.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
 var styles = styler(DashboardErrorBoundary_default);
 function DashboardErrorBoundary({ children }) {
-  const route = useAtomValue(routeAtom);
+  const route = useAtomValueRaw(routeAtom);
   const routeKey = JSON.stringify(route);
   return /* @__PURE__ */ jsx(DashboardRouteErrorBoundary, { routeKey, children });
 }
@@ -89,7 +91,7 @@ function DashboardRouteErrorBoundary({
   routeKey
 }) {
   const { ErrorBoundary, didCatch, error, reset } = index_module_default();
-  const route = useAtomValue(routeAtom);
+  const route = useAtomValueRaw(routeAtom);
   const setRoute = useSetAtom(routeAtom);
   const setRouteGuard = useSetAtom(routeGuardAtom);
   const previousRouteKey = useRef(routeKey);
@@ -106,17 +108,27 @@ function DashboardRouteErrorBoundary({
   }, [error, route, setRoute, setRouteGuard]);
   if (didCatch && error instanceof MissingEntryError) return null;
   if (didCatch) {
-    const message = error instanceof Error ? error.message : String(error);
+    const message = errorMessage(error);
     return /* @__PURE__ */ jsx("div", { className: styles.DashboardErrorBoundary(), children: /* @__PURE__ */ jsxs(Surface, { className: styles.DashboardErrorBoundary.card(), children: [
       /* @__PURE__ */ jsxs("div", { className: styles.DashboardErrorBoundary.heading(), children: [
         /* @__PURE__ */ jsx(Icon, { icon: IcRoundWarning }),
         /* @__PURE__ */ jsx("h1", { className: styles.DashboardErrorBoundary.title(), children: "Oops, something went wrong" })
       ] }),
-      /* @__PURE__ */ jsx("pre", { className: styles.DashboardErrorBoundary.message(), children: message })
+      /* @__PURE__ */ jsx("pre", { className: styles.DashboardErrorBoundary.message(), children: message }),
+      /* @__PURE__ */ jsx("div", { className: styles.DashboardErrorBoundary.actions(), children: /* @__PURE__ */ jsx(Button, { intent: "primary", onPress: reloadDashboard, children: "Reload dashboard" }) })
     ] }) });
   }
   return /* @__PURE__ */ jsx(ErrorBoundary, { children });
 }
+function errorMessage(error) {
+  if (!(error instanceof Error)) return String(error);
+  if (!(error.cause instanceof Error)) return error.message;
+  return `${error.message}
+Caused by: ${error.cause.message}`;
+}
+function reloadDashboard() {
+  window.location.reload();
+}
 export {
   DashboardErrorBoundary
 };

package/dist/dashboard/app/DashboardLayout.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 {
   styler
 } from "../../chunks/chunk-I4OYYAX5.js";
@@ -22,10 +22,10 @@ import { Sidebar, SidebarFooter, SidebarHeader } from "./ui/Sidebar.js";
 
 // src/dashboard/app/DashboardLayout.module.css
 var DashboardLayout_default = {
-  "DashboardLayout-create": "alinea-DashboardLayout-create",
-  "DashboardLayoutCreate": "alinea-DashboardLayout-create",
   "is-toolbar": "alinea-is-toolbar",
-  "isToolbar": "alinea-is-toolbar"
+  "isToolbar": "alinea-is-toolbar",
+  "DashboardLayout-create": "alinea-DashboardLayout-create",
+  "DashboardLayoutCreate": "alinea-DashboardLayout-create"
 };
 
 // src/dashboard/app/DashboardLayout.tsx
@@ -39,7 +39,14 @@ function DashboardLayout({
   workspace
 }) {
   return /* @__PURE__ */ jsx(DashboardScope, { value: { page, root, workspace }, children: /* @__PURE__ */ jsx(AppShell, { children: /* @__PURE__ */ jsxs(AppShellInner, { children: [
-    /* @__PURE__ */ jsx(WorkspaceRoots, { canManageMembers, page }),
+    /* @__PURE__ */ jsx(
+      WorkspaceRoots,
+      {
+        canManageMembers,
+        page,
+        root
+      }
+    ),
     /* @__PURE__ */ jsx(AppShellContent, { children: /* @__PURE__ */ jsx(
       SidebarLayout,
       {
@@ -69,7 +76,7 @@ function CreateEntryButton({
   root,
   toolbar = false
 }) {
-  const canCreate = useAtomValue(root.canCreate);
+  const canCreate = useAtomValueRaw(root.canCreate);
   if (!canCreate) return null;
   return /* @__PURE__ */ jsxs(DialogTrigger, { children: [
     /* @__PURE__ */ jsx(

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

@@ -2,6 +2,7 @@ import type { ComponentType } from 'react';
 export interface DashboardMetaProps {
     color: string;
     icon?: ComponentType;
+    plain?: boolean;
     title: string;
 }
-export declare function DashboardMeta({ color, icon, title }: DashboardMetaProps): import("react").JSX.Element;
+export declare function DashboardMeta({ color, icon, plain, title }: DashboardMetaProps): import("react").JSX.Element;

package/dist/dashboard/app/DashboardMeta.js

@@ -7,16 +7,31 @@ import { renderToString } from "react-dom/server";
 import { AlineaLogo } from "./AlineaLogo.js";
 import { LogoShape } from "./LogoShape.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-function faviconHref(color, Icon) {
-  const svg = renderToString(
+function faviconHref(color, Icon, plain) {
+  const svg = plain ? renderToString(
+    /* @__PURE__ */ jsx(
+      AlineaLogo,
+      {
+        width: "36",
+        height: "36",
+        viewBox: "-4 -4 32 32",
+        style: { color }
+      }
+    )
+  ) : renderToString(
     /* @__PURE__ */ jsx(LogoShape, { width: "36", height: "36", background: color, icon: Icon })
   );
   return `data:image/svg+xml;base64,${btoa(svg)}`;
 }
-function DashboardMeta({ color, icon, title }) {
+function DashboardMeta({
+  color,
+  icon,
+  plain = false,
+  title
+}) {
   const href = useMemo(
-    () => faviconHref(color, icon ?? AlineaLogo),
-    [color, icon]
+    () => faviconHref(color, icon ?? AlineaLogo, plain),
+    [color, icon, plain]
   );
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx("title", { children: title }),