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

package/dist/components/Tree.js

@@ -25,16 +25,18 @@ import { Icon } from "./Icon.js";
 
 // src/components/Tree.module.css
 var Tree_default = {
+  "Tree": "alinea-Tree",
+  "TreeItem": "alinea-TreeItem",
   "TreeItem-controls": "alinea-TreeItem-controls",
   "TreeItemControls": "alinea-TreeItem-controls",
   "TreeItem-dragHandle": "alinea-TreeItem-dragHandle",
   "TreeItemDragHandle": "alinea-TreeItem-dragHandle",
-  "Tree": "alinea-Tree",
-  "TreeItem": "alinea-TreeItem",
   "TreeItem-chevron": "alinea-TreeItem-chevron",
   "TreeItemChevron": "alinea-TreeItem-chevron",
   "TreeItem-foldIcon": "alinea-TreeItem-foldIcon",
-  "TreeItemFoldIcon": "alinea-TreeItem-foldIcon"
+  "TreeItemFoldIcon": "alinea-TreeItem-foldIcon",
+  "TreeItem-iconLink": "alinea-TreeItem-iconLink",
+  "TreeItemIconLink": "alinea-TreeItem-iconLink"
 };
 
 // src/components/Tree.tsx
@@ -47,6 +49,7 @@ function Tree(props) {
 var TreeItemContent = memo(function TreeItemContent2({
   disableDragging,
   icon,
+  iconHref,
   suffix,
   children
 }) {
@@ -85,7 +88,16 @@ var TreeItemContent = memo(function TreeItemContent2({
         }
       )
     ] }),
-    icon && /* @__PURE__ */ jsx("span", { "data-slot": "icon", children: /* @__PURE__ */ jsx(Icon, { icon }) }),
+    icon && /* @__PURE__ */ jsx("span", { "data-slot": "icon", children: iconHref ? /* @__PURE__ */ jsx(
+      "a",
+      {
+        "aria-hidden": true,
+        className: styles.TreeItem.iconLink(),
+        href: iconHref,
+        tabIndex: -1,
+        children: /* @__PURE__ */ jsx(Icon, { icon })
+      }
+    ) : /* @__PURE__ */ jsx(Icon, { icon }) }),
     /* @__PURE__ */ jsx("span", { "data-slot": "label", children }),
     suffix && /* @__PURE__ */ jsx("span", { "data-slot": "suffix", children: suffix })
   ] }) });
@@ -94,6 +106,7 @@ function TreeItem({
   disableDragging,
   title,
   icon,
+  iconHref,
   label,
   suffix,
   children,
@@ -114,6 +127,7 @@ function TreeItem({
           {
             disableDragging,
             icon,
+            iconHref,
             suffix,
             children: label ?? title
           }

package/dist/core/Connection.d.ts

@@ -8,11 +8,15 @@ import type { GetBlobsOptions } from './source/Source.js';
 import type { ReadonlyTree } from './source/Tree.js';
 import type { User, UserInput } from './User.js';
 export interface AuthApi {
-    authenticate(request: Request, options?: AuthOptions): Promise<Response>;
+    authenticate(request: Request, options: AuthOptions): Promise<Response>;
     verify(request: Request): Promise<AuthedContext>;
 }
 export interface AuthOptions {
-    enrichUser?(user: User): Promise<User>;
+    authenticated(user: User): Promise<AuthenticatedUser>;
+}
+export interface AuthenticatedUser {
+    user: User;
+    capabilities: BackendCapabilities;
 }
 export interface UserApi {
     enrichUser(user: User): Promise<User>;
@@ -25,7 +29,7 @@ export interface BackendCapabilities {
     users: boolean;
 }
 export interface CapabilitiesApi {
-    capabilities?(): Promise<BackendCapabilities>;
+    capabilities(): Promise<BackendCapabilities>;
 }
 export interface RemoteConnection extends Connection, AuthApi, CapabilitiesApi {
 }
@@ -33,7 +37,6 @@ export interface BrowserConnection extends Connection {
     logout?(): Promise<void>;
 }
 export interface LocalConnection extends Connection, CapabilitiesApi {
-    capabilities(): Promise<BackendCapabilities>;
     mutate(mutations: Array<Mutation>): Promise<{
         sha: string;
     }>;

package/dist/core/Entry.d.ts

@@ -30,6 +30,10 @@ export interface Entry<Data extends object = Record<string, unknown>> {
 export interface EntryAlias {
     url: string;
 }
+export interface EntryAuditUser {
+    email: string;
+    name: string;
+}
 export declare const Entry: {
     id: Expr<string>;
     status: Expr<EntryStatus>;
@@ -54,7 +58,9 @@ export declare const Entry: {
     url: Expr<string>;
     aliases: Expr<EntryAlias[]>;
     createdAt: Expr<number | null>;
+    createdBy: Expr<EntryAuditUser | null>;
     updatedAt: Expr<number | null>;
+    updatedBy: Expr<EntryAuditUser | null>;
     data: Expr<Record<string, any>>;
     searchableText: Expr<string>;
 };

package/dist/core/Entry.js

@@ -40,11 +40,21 @@ var Entry = {
     name: "createdAt",
     path: ["metadata"]
   }),
+  createdBy: new Expr({
+    type: "entryField",
+    name: "createdBy",
+    path: ["metadata"]
+  }),
   updatedAt: new Expr({
     type: "entryField",
     name: "updatedAt",
     path: ["metadata"]
   }),
+  updatedBy: new Expr({
+    type: "entryField",
+    name: "updatedBy",
+    path: ["metadata"]
+  }),
   data: new Expr({ type: "entryField", name: "data" }),
   searchableText: new Expr({ type: "entryField", name: "searchableText" })
 };

package/dist/core/Graph.d.ts

@@ -106,7 +106,7 @@ export declare class QuerySettings {
     /** Filter by url */
     url?: Condition<string>;
     /** Filter by a metadata URL alias */
-    alias?: string;
+    alias?: Condition<string>;
     /** Filter by metadata created timestamp */
     createdAt?: Condition<number | null>;
     /** Filter by metadata updated timestamp */

package/dist/core/Id.d.ts

@@ -1,2 +1,3 @@
 export declare function validateId(id: string): boolean;
+export declare function timestampFromId(id: string): number | undefined;
 export declare function createId(): string;

package/dist/core/Id.js

@@ -132,10 +132,18 @@ function validateId(id) {
     return false;
   }
 }
+function timestampFromId(id) {
+  try {
+    return parse(id).ts.getTime();
+  } catch {
+    return void 0;
+  }
+}
 function createId() {
   return generate();
 }
 export {
   createId,
+  timestampFromId,
   validateId
 };

package/dist/core/Infer.d.ts

@@ -5,6 +5,7 @@ import type { Field } from './Field.js';
 import type { InferProjection } from './Graph.js';
 import type { ListRow } from './ListRow.js';
 import type { Type } from './Type.js';
+import type { RecordField } from './field/RecordField.js';
 type QueryList<T> = Expand<UnionOfValues<{
     [K in keyof T]: {
         _type: K;
@@ -19,9 +20,15 @@ type StoredList<T> = Expand<UnionOfValues<{
 export type StoredRow<Definition> = {
     [K in keyof Definition as Definition[K] extends Field<any> ? K : never]: Definition[K] extends Field<infer T> ? T : never;
 };
-export type InferStoredValue<T> = T extends Type<infer Fields> ? StoredRow<Fields> : T extends Field<infer StoredValue> ? StoredValue : T extends Record<string, Type> ? StoredList<T> : {};
+type CreateInputValue<T> = T extends RecordField<infer Row, infer _Options> ? Partial<Row> : T extends Field<infer StoredValue> ? StoredValue : never;
+export type CreateInputRow<Definition> = {
+    [K in keyof Definition as Definition[K] extends Field ? K : never]: CreateInputValue<Definition[K]>;
+};
+export type InferStoredValue<T> = T extends Type<infer Fields> ? StoredRow<Fields> : T extends Field<infer StoredValue> ? StoredValue : T extends Record<string, Type> ? StoredList<T> : T extends object ? StoredRow<T> : {};
 export type Infer<T> = InferQueryValue<T>;
 export declare namespace Infer {
+    /** Stored content for creation and editing, before links are resolved. */
+    type Stored<T> = InferStoredValue<T>;
     type Entry<T extends Type, TypeName extends string = string> = InferQueryValue<T> & Omit<EntryFields, '_type'> & {
         _type: TypeName;
     };

package/dist/core/db/EntryAliases.js

@@ -17,10 +17,7 @@ function aliasesFromData(data) {
   return hasAliases ? result : void 0;
 }
 function aliasUrl(value) {
-  const url = typeof value === "string" ? value : isRecord(value) && typeof value.url === "string" ? value.url : void 0;
-  if (url === void 0) return void 0;
-  const trimmed = url.trim();
-  return trimmed.length > 0 ? trimmed : void 0;
+  return isRecord(value) && typeof value.url === "string" ? value.url : void 0;
 }
 export {
   aliasUrl,

package/dist/core/db/EntryResolver.js

@@ -536,13 +536,13 @@ function valueAtPath(value, path) {
   return current;
 }
 function aliasChecker(alias) {
-  return (entry) => {
+  return filterChecker({ aliases: { includes: { url: alias } } }, (entry) => {
     const aliases = aliasesFromData(entry.data) ?? [];
-    for (const row of aliases) {
-      if (aliasUrl(row) === alias) return true;
-    }
-    return false;
-  };
+    return aliases.flatMap((row) => {
+      const url = aliasUrl(row);
+      return url === void 0 ? [] : [{ url }];
+    });
+  });
 }
 function typeChecker(type) {
   if (Array.isArray(type)) {

package/dist/core/db/EntryTransaction.js

@@ -208,6 +208,7 @@ var EntryTransaction = class {
       { id, type, index: newIndex, path, seeded, data, title },
       status
     );
+    if (fromSeed && data.title === void 0) delete record.title;
     const contents = new TextEncoder().encode(JSON.stringify(record, null, 2));
     this.#tx.add(filePath, contents);
     this.#messages.push(this.#reportOp("create", title));

package/dist/core/db/Operation.d.ts

@@ -1,4 +1,4 @@
-import type { StoredRow } from '../Infer.js';
+import type { CreateInputRow, StoredRow } from '../Infer.js';
 import type { ImagePreviewDetails } from '../media/CreatePreview.js';
 import { Type } from '../Type.js';
 import type { Mutation } from './Mutation.js';
@@ -17,7 +17,7 @@ export interface CreateQuery<Fields> {
     parentId?: string | null;
     locale?: string | null;
     status?: 'draft' | 'published' | 'archived';
-    set: Partial<StoredRow<Fields>>;
+    set: Partial<CreateInputRow<Fields>>;
     insertOrder?: 'first' | 'last';
     overwrite?: boolean;
 }

package/dist/core/db/Operation.js

@@ -1,6 +1,7 @@
 import "../../chunks/chunk-CQ52GEHY.js";
 
 // src/core/db/Operation.ts
+import { Field } from "../Field.js";
 import { HttpError } from "../HttpError.js";
 import { createId } from "../Id.js";
 import { isImage } from "../media/IsImage.js";
@@ -9,6 +10,7 @@ import { assertUploadSize } from "../media/UploadLimits.js";
 import { Schema } from "../Schema.js";
 import { Type } from "../Type.js";
 import { createFileHash } from "../util/ContentHash.js";
+import { keys } from "../util/Objects.js";
 import { basename, extname } from "../util/Paths.js";
 import { slugify } from "../util/Slugs.js";
 import { Workspace } from "../Workspace.js";
@@ -37,7 +39,7 @@ var CreateOp = class extends Operation {
           locale: op.locale ?? null,
           parentId: op.parentId ?? null,
           type: typeName(config, op.type),
-          data: op.set ?? {},
+          data: initializeSet(op.type, op.set),
           insertOrder: op.insertOrder,
           status: op.status,
           overwrite: op.overwrite,
@@ -49,6 +51,14 @@ var CreateOp = class extends Operation {
     this.id = op.id ?? createId();
   }
 };
+function initializeSet(type, set) {
+  const result = { ...set };
+  for (const key of keys(result)) {
+    const field = Type.field(type, key);
+    if (field) result[key] = Field.withInitialValue(field, result[key]);
+  }
+  return result;
+}
 var DeleteOp = class extends Operation {
   constructor(entryIds) {
     super(() => {
@@ -133,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,
@@ -149,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";
@@ -22,11 +22,11 @@ import {
 
 // src/dashboard/App.module.css
 var App_default = {
-  "AppLoading-progress-fade-in": "alinea-AppLoading-progress-fade-in",
-  "AppLoadingProgressFadeIn": "alinea-AppLoading-progress-fade-in",
   "AppLoading": "alinea-AppLoading",
   "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,28 +61,46 @@ 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)
     }
   );
-  if (page.type === "users" && canManageMembers) {
+  if (page.type === "users") {
+    if (!canManageMembers) {
+      return /* @__PURE__ */ jsxs(Fragment, { children: [
+        meta("No user management access"),
+        /* @__PURE__ */ jsx(AccessDenied, { canManageMembers: false, scope: "users" })
+      ] });
+    }
     const content2 = await usersPage(page, get);
     return /* @__PURE__ */ jsxs(Fragment, { children: [
       meta("Users"),
       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"),
@@ -173,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.d.ts

@@ -1,5 +1,20 @@
+declare const copy: {
+    root: {
+        title: string;
+        message: string;
+    };
+    users: {
+        title: string;
+        message: string;
+    };
+    workspace: {
+        title: string;
+        message: string;
+    };
+};
 export interface AccessDeniedProps {
     canManageMembers: boolean;
-    scope: 'root' | 'workspace';
+    scope: keyof typeof copy;
 }
 export declare function AccessDenied({ canManageMembers, scope }: AccessDeniedProps): import("react").JSX.Element;
+export {};

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,29 +14,38 @@ import { AppShell, AppShellContent, AppShellInner } from "./AppShell.js";
 
 // src/dashboard/app/AccessDenied.module.css
 var AccessDenied_default = {
-  "AccessDenied-message": "alinea-AccessDenied-message",
-  "AccessDeniedMessage": "alinea-AccessDenied-message",
   "AccessDenied": "alinea-AccessDenied",
   "AccessDenied-card": "alinea-AccessDenied-card",
   "AccessDeniedCard": "alinea-AccessDenied-card",
   "AccessDenied-title": "alinea-AccessDenied-title",
-  "AccessDeniedTitle": "alinea-AccessDenied-title"
+  "AccessDeniedTitle": "alinea-AccessDenied-title",
+  "AccessDenied-message": "alinea-AccessDenied-message",
+  "AccessDeniedMessage": "alinea-AccessDenied-message"
 };
 
 // src/dashboard/app/AccessDenied.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
 var styles = styler(AccessDenied_default);
+var copy = {
+  root: {
+    title: "No root access",
+    message: "Your current roles do not grant permission to read any root."
+  },
+  users: {
+    title: "No user management access",
+    message: "Your current roles do not grant permission to manage users."
+  },
+  workspace: {
+    title: "No workspace access",
+    message: "Your current roles do not grant permission to read any workspace."
+  }
+};
 function AccessDenied({ canManageMembers, scope }) {
   const setRoute = useSetAtom(routeAtom);
-  const title = scope === "workspace" ? "No workspace access" : "No root access";
-  const target = scope === "workspace" ? "workspace" : "root";
+  const { title, message } = copy[scope];
   return /* @__PURE__ */ jsx(AppShell, { children: /* @__PURE__ */ jsx(AppShellInner, { children: /* @__PURE__ */ jsx(AppShellContent, { children: /* @__PURE__ */ jsx("div", { className: styles.AccessDenied(), children: /* @__PURE__ */ jsxs(Surface, { className: styles.AccessDenied.card(), children: [
     /* @__PURE__ */ jsx("h1", { className: styles.AccessDenied.title(), children: title }),
-    /* @__PURE__ */ jsxs("p", { className: styles.AccessDenied.message(), children: [
-      "Your current roles do not grant permission to read any ",
-      target,
-      "."
-    ] }),
+    /* @__PURE__ */ jsx("p", { className: styles.AccessDenied.message(), children: message }),
     canManageMembers && /* @__PURE__ */ jsx(
       Button,
       {

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-popover-actions": "alinea-ActivityStatus-popover-actions",
-  "ActivityStatusPopoverActions": "alinea-ActivityStatus-popover-actions",
+  "is-syncing": "alinea-is-syncing",
+  "isSyncing": "alinea-is-syncing",
   "is-failed": "alinea-is-failed",
   "isFailed": "alinea-is-failed",
-  "ActivityStatus-popover-header": "alinea-ActivityStatus-popover-header",
-  "ActivityStatusPopoverHeader": "alinea-ActivityStatus-popover-header",
-  "ActivityStatus-popover-surface": "alinea-ActivityStatus-popover-surface",
-  "ActivityStatusPopoverSurface": "alinea-ActivityStatus-popover-surface",
-  "ActivityStatus": "alinea-ActivityStatus",
   "ActivityStatus-label": "alinea-ActivityStatus-label",
   "ActivityStatusLabel": "alinea-ActivityStatus-label",
   "ActivityStatus-popover": "alinea-ActivityStatus-popover",
   "ActivityStatusPopover": "alinea-ActivityStatus-popover",
-  "is-syncing": "alinea-is-syncing",
-  "isSyncing": "alinea-is-syncing",
-  "ActivityStatus-popover-title": "alinea-ActivityStatus-popover-title",
-  "ActivityStatusPopoverTitle": "alinea-ActivityStatus-popover-title",
+  "ActivityStatus-popover-header": "alinea-ActivityStatus-popover-header",
+  "ActivityStatusPopoverHeader": "alinea-ActivityStatus-popover-header",
+  "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-item-error": "alinea-ActivityStatus-popover-item-error",
+  "ActivityStatusPopoverItemError": "alinea-ActivityStatus-popover-item-error",
   "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-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/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
+};