@dxos/plugin-testing 0.8.4-main.69d29f4 → 0.8.4-main.7996785055

package/dist/lib/browser/scroll-into-view-UAINWR6E.mjs

@@ -0,0 +1,10 @@
+// src/operations/scroll-into-view.ts
+import * as Effect from "effect/Effect";
+import { LayoutOperation } from "@dxos/app-toolkit";
+import { Operation } from "@dxos/operation";
+var handler = LayoutOperation.ScrollIntoView.pipe(Operation.withHandler(() => Effect.void));
+var scroll_into_view_default = handler;
+export {
+  scroll_into_view_default as default
+};
+//# sourceMappingURL=scroll-into-view-UAINWR6E.mjs.map

package/dist/lib/browser/scroll-into-view-UAINWR6E.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/operations/scroll-into-view.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Effect from 'effect/Effect';\n\nimport { LayoutOperation } from '@dxos/app-toolkit';\nimport { Operation } from '@dxos/operation';\n\nconst handler: Operation.WithHandler<typeof LayoutOperation.ScrollIntoView> = LayoutOperation.ScrollIntoView.pipe(\n  Operation.withHandler(() => Effect.void),\n);\n\nexport default handler;\n"],
+  "mappings": ";AAIA,YAAYA,YAAY;AAExB,SAASC,uBAAuB;AAChC,SAASC,iBAAiB;AAE1B,IAAMC,UAAwEC,gBAAgBC,eAAeC,KAC3GC,UAAUC,YAAY,MAAaC,WAAI,CAAA;AAGzC,IAAA,2BAAeN;",
+  "names": ["Effect", "LayoutOperation", "Operation", "handler", "LayoutOperation", "ScrollIntoView", "pipe", "Operation", "withHandler", "void"]
+}

package/dist/lib/browser/set-layout-mode-E6SJ6ATN.mjs

@@ -0,0 +1,10 @@
+// src/operations/set-layout-mode.ts
+import * as Effect from "effect/Effect";
+import { LayoutOperation } from "@dxos/app-toolkit";
+import { Operation } from "@dxos/operation";
+var handler = LayoutOperation.SetLayoutMode.pipe(Operation.withHandler(() => Effect.void));
+var set_layout_mode_default = handler;
+export {
+  set_layout_mode_default as default
+};
+//# sourceMappingURL=set-layout-mode-E6SJ6ATN.mjs.map

package/dist/lib/browser/set-layout-mode-E6SJ6ATN.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/operations/set-layout-mode.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Effect from 'effect/Effect';\n\nimport { LayoutOperation } from '@dxos/app-toolkit';\nimport { Operation } from '@dxos/operation';\n\nconst handler: Operation.WithHandler<typeof LayoutOperation.SetLayoutMode> = LayoutOperation.SetLayoutMode.pipe(\n  Operation.withHandler(() => Effect.void),\n);\n\nexport default handler;\n"],
+  "mappings": ";AAIA,YAAYA,YAAY;AAExB,SAASC,uBAAuB;AAChC,SAASC,iBAAiB;AAE1B,IAAMC,UAAuEC,gBAAgBC,cAAcC,KACzGC,UAAUC,YAAY,MAAaC,WAAI,CAAA;AAGzC,IAAA,0BAAeN;",
+  "names": ["Effect", "LayoutOperation", "Operation", "handler", "LayoutOperation", "SetLayoutMode", "pipe", "Operation", "withHandler", "void"]
+}

package/dist/lib/browser/{state-2M3RMJYA.mjs → state-MRRN7LZE.mjs}

@@ -1,15 +1,17 @@
 import {
   LayoutState
-} from "./chunk-YHPXIILW.mjs";
+} from "./chunk-F2MMDTKN.mjs";
 
 // src/capabilities/state/state.tsx
 import { Atom } from "@effect-atom/atom-react";
 import * as Effect from "effect/Effect";
-import { Capability, Common } from "@dxos/app-framework";
+import { Capability } from "@dxos/app-framework";
+import { AppCapabilities } from "@dxos/app-toolkit";
 var defaultState = {
   sidebarState: "closed",
   complementarySidebarState: "closed",
   dialogOpen: false,
+  toasts: [],
   workspace: "default"
 };
 var state_default = Capability.makeModule(Effect.fnUntraced(function* (props) {
@@ -33,10 +35,10 @@ var state_default = Capability.makeModule(Effect.fnUntraced(function* (props) {
   });
   return [
     Capability.contributes(LayoutState, stateAtom),
-    Capability.contributes(Common.Capability.Layout, layoutAtom)
+    Capability.contributes(AppCapabilities.Layout, layoutAtom)
   ];
 }));
 export {
   state_default as default
 };
-//# sourceMappingURL=state-2M3RMJYA.mjs.map
+//# sourceMappingURL=state-MRRN7LZE.mjs.map

package/dist/lib/browser/state-MRRN7LZE.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/capabilities/state/state.tsx"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { Atom } from '@effect-atom/atom-react';\nimport * as Effect from 'effect/Effect';\n\nimport { Capability } from '@dxos/app-framework';\nimport { AppCapabilities } from '@dxos/app-toolkit';\n\nimport { LayoutState, type LayoutStateProps } from '../../types';\n\nconst defaultState: LayoutStateProps = {\n  sidebarState: 'closed',\n  complementarySidebarState: 'closed',\n  dialogOpen: false,\n  toasts: [],\n  workspace: 'default',\n};\n\nexport default Capability.makeModule(\n  Effect.fnUntraced(function* (props?: { initialState?: Partial<LayoutStateProps> }) {\n    const { initialState } = props ?? {};\n    const stateAtom = Atom.make<LayoutStateProps>({ ...defaultState, ...initialState });\n\n    const layoutAtom = Atom.make((get): AppCapabilities.Layout => {\n      const state = get(stateAtom);\n      return {\n        mode: 'storybook',\n        dialogOpen: state.dialogOpen,\n        sidebarOpen: state.sidebarState === 'expanded',\n        complementarySidebarOpen: state.complementarySidebarState === 'expanded',\n        workspace: state.workspace,\n        active: [],\n        inactive: [],\n        scrollIntoView: undefined,\n      };\n    });\n\n    return [Capability.contributes(LayoutState, stateAtom), Capability.contributes(AppCapabilities.Layout, layoutAtom)];\n  }),\n);\n"],
+  "mappings": ";;;;;AAIA,SAASA,YAAY;AACrB,YAAYC,YAAY;AAExB,SAASC,kBAAkB;AAC3B,SAASC,uBAAuB;AAIhC,IAAMC,eAAiC;EACrCC,cAAc;EACdC,2BAA2B;EAC3BC,YAAY;EACZC,QAAQ,CAAA;EACRC,WAAW;AACb;AAEA,IAAA,gBAAeC,WAAWC,WACjBC,kBAAW,WAAWC,OAAoD;AAC/E,QAAM,EAAEC,aAAY,IAAKD,SAAS,CAAC;AACnC,QAAME,YAAYC,KAAKC,KAAuB;IAAE,GAAGb;IAAc,GAAGU;EAAa,CAAA;AAEjF,QAAMI,aAAaF,KAAKC,KAAK,CAACE,QAAAA;AAC5B,UAAMC,QAAQD,IAAIJ,SAAAA;AAClB,WAAO;MACLM,MAAM;MACNd,YAAYa,MAAMb;MAClBe,aAAaF,MAAMf,iBAAiB;MACpCkB,0BAA0BH,MAAMd,8BAA8B;MAC9DG,WAAWW,MAAMX;MACjBe,QAAQ,CAAA;MACRC,UAAU,CAAA;MACVC,gBAAgBC;IAClB;EACF,CAAA;AAEA,SAAO;IAACjB,WAAWkB,YAAYC,aAAad,SAAAA;IAAYL,WAAWkB,YAAYE,gBAAgBC,QAAQb,UAAAA;;AACzG,CAAA,CAAA;",
+  "names": ["Atom", "Effect", "Capability", "AppCapabilities", "defaultState", "sidebarState", "complementarySidebarState", "dialogOpen", "toasts", "workspace", "Capability", "makeModule", "fnUntraced", "props", "initialState", "stateAtom", "Atom", "make", "layoutAtom", "get", "state", "mode", "sidebarOpen", "complementarySidebarOpen", "active", "inactive", "scrollIntoView", "undefined", "contributes", "LayoutState", "AppCapabilities", "Layout"]
+}

package/dist/lib/browser/switch-workspace-RPYF6M6L.mjs

@@ -0,0 +1,19 @@
+import {
+  updateState
+} from "./chunk-M4TYMLOE.mjs";
+import "./chunk-F2MMDTKN.mjs";
+
+// src/operations/switch-workspace.ts
+import * as Effect from "effect/Effect";
+import { LayoutOperation } from "@dxos/app-toolkit";
+import { Operation } from "@dxos/operation";
+var handler = LayoutOperation.SwitchWorkspace.pipe(Operation.withHandler(Effect.fnUntraced(function* ({ subject }) {
+  yield* updateState(() => ({
+    workspace: subject
+  }));
+})));
+var switch_workspace_default = handler;
+export {
+  switch_workspace_default as default
+};
+//# sourceMappingURL=switch-workspace-RPYF6M6L.mjs.map

package/dist/lib/browser/switch-workspace-RPYF6M6L.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/operations/switch-workspace.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Effect from 'effect/Effect';\n\nimport { LayoutOperation } from '@dxos/app-toolkit';\nimport { Operation } from '@dxos/operation';\n\nimport { updateState } from './update-state';\n\nconst handler: Operation.WithHandler<typeof LayoutOperation.SwitchWorkspace> = LayoutOperation.SwitchWorkspace.pipe(\n  Operation.withHandler(\n    Effect.fnUntraced(function* ({ subject }) {\n      yield* updateState(() => ({ workspace: subject }));\n    }),\n  ),\n);\n\nexport default handler;\n"],
+  "mappings": ";;;;;;AAIA,YAAYA,YAAY;AAExB,SAASC,uBAAuB;AAChC,SAASC,iBAAiB;AAI1B,IAAMC,UAAyEC,gBAAgBC,gBAAgBC,KAC7GC,UAAUC,YACDC,kBAAW,WAAW,EAAEC,QAAO,GAAE;AACtC,SAAOC,YAAY,OAAO;IAAEC,WAAWF;EAAQ,EAAA;AACjD,CAAA,CAAA,CAAA;AAIJ,IAAA,2BAAeP;",
+  "names": ["Effect", "LayoutOperation", "Operation", "handler", "LayoutOperation", "SwitchWorkspace", "pipe", "Operation", "withHandler", "fnUntraced", "subject", "updateState", "workspace"]
+}

package/dist/lib/browser/update-complementary-HNS4FIWF.mjs

@@ -0,0 +1,25 @@
+import {
+  updateState
+} from "./chunk-M4TYMLOE.mjs";
+import "./chunk-F2MMDTKN.mjs";
+
+// src/operations/update-complementary.ts
+import * as Effect from "effect/Effect";
+import { LayoutOperation } from "@dxos/app-toolkit";
+import { Operation } from "@dxos/operation";
+var handler = LayoutOperation.UpdateComplementary.pipe(Operation.withHandler(Effect.fnUntraced(function* ({ state }) {
+  yield* updateState((layout) => {
+    const next = state ?? layout.complementarySidebarState;
+    if (next !== layout.complementarySidebarState) {
+      return {
+        complementarySidebarState: next
+      };
+    }
+    return {};
+  });
+})));
+var update_complementary_default = handler;
+export {
+  update_complementary_default as default
+};
+//# sourceMappingURL=update-complementary-HNS4FIWF.mjs.map

package/dist/lib/browser/update-complementary-HNS4FIWF.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/operations/update-complementary.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Effect from 'effect/Effect';\n\nimport { LayoutOperation } from '@dxos/app-toolkit';\nimport { Operation } from '@dxos/operation';\n\nimport { updateState } from './update-state';\n\nconst handler: Operation.WithHandler<typeof LayoutOperation.UpdateComplementary> =\n  LayoutOperation.UpdateComplementary.pipe(\n    Operation.withHandler(\n      Effect.fnUntraced(function* ({ state }) {\n        yield* updateState((layout) => {\n          const next = state ?? layout.complementarySidebarState;\n          if (next !== layout.complementarySidebarState) {\n            return { complementarySidebarState: next };\n          }\n          return {};\n        });\n      }),\n    ),\n  );\n\nexport default handler;\n"],
+  "mappings": ";;;;;;AAIA,YAAYA,YAAY;AAExB,SAASC,uBAAuB;AAChC,SAASC,iBAAiB;AAI1B,IAAMC,UACJC,gBAAgBC,oBAAoBC,KAClCC,UAAUC,YACDC,kBAAW,WAAW,EAAEC,MAAK,GAAE;AACpC,SAAOC,YAAY,CAACC,WAAAA;AAClB,UAAMC,OAAOH,SAASE,OAAOE;AAC7B,QAAID,SAASD,OAAOE,2BAA2B;AAC7C,aAAO;QAAEA,2BAA2BD;MAAK;IAC3C;AACA,WAAO,CAAC;EACV,CAAA;AACF,CAAA,CAAA,CAAA;AAIN,IAAA,+BAAeV;",
+  "names": ["Effect", "LayoutOperation", "Operation", "handler", "LayoutOperation", "UpdateComplementary", "pipe", "Operation", "withHandler", "fnUntraced", "state", "updateState", "layout", "next", "complementarySidebarState"]
+}

package/dist/lib/browser/update-dialog-W7QOCQ2N.mjs

@@ -0,0 +1,27 @@
+import {
+  updateState
+} from "./chunk-M4TYMLOE.mjs";
+import "./chunk-F2MMDTKN.mjs";
+
+// src/operations/update-dialog.ts
+import * as Effect from "effect/Effect";
+import { LayoutOperation } from "@dxos/app-toolkit";
+import { Operation } from "@dxos/operation";
+var handler = LayoutOperation.UpdateDialog.pipe(Operation.withHandler(Effect.fnUntraced(function* ({ subject, state, type, blockAlign, overlayClasses, overlayStyle, props }) {
+  yield* updateState(() => ({
+    dialogOpen: state ?? Boolean(subject),
+    dialogType: type ?? "default",
+    dialogBlockAlign: blockAlign ?? "center",
+    dialogOverlayClasses: overlayClasses,
+    dialogOverlayStyle: overlayStyle,
+    dialogContent: subject ? {
+      component: subject,
+      props
+    } : null
+  }));
+})));
+var update_dialog_default = handler;
+export {
+  update_dialog_default as default
+};
+//# sourceMappingURL=update-dialog-W7QOCQ2N.mjs.map

package/dist/lib/browser/update-dialog-W7QOCQ2N.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/operations/update-dialog.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Effect from 'effect/Effect';\n\nimport { LayoutOperation } from '@dxos/app-toolkit';\nimport { Operation } from '@dxos/operation';\n\nimport { updateState } from './update-state';\n\nconst handler: Operation.WithHandler<typeof LayoutOperation.UpdateDialog> = LayoutOperation.UpdateDialog.pipe(\n  Operation.withHandler(\n    Effect.fnUntraced(function* ({ subject, state, type, blockAlign, overlayClasses, overlayStyle, props }) {\n      yield* updateState(() => ({\n        dialogOpen: state ?? Boolean(subject),\n        dialogType: type ?? 'default',\n        dialogBlockAlign: blockAlign ?? 'center',\n        dialogOverlayClasses: overlayClasses,\n        dialogOverlayStyle: overlayStyle,\n        dialogContent: subject ? { component: subject, props } : null,\n      }));\n    }),\n  ),\n);\n\nexport default handler;\n"],
+  "mappings": ";;;;;;AAIA,YAAYA,YAAY;AAExB,SAASC,uBAAuB;AAChC,SAASC,iBAAiB;AAI1B,IAAMC,UAAsEC,gBAAgBC,aAAaC,KACvGC,UAAUC,YACDC,kBAAW,WAAW,EAAEC,SAASC,OAAOC,MAAMC,YAAYC,gBAAgBC,cAAcC,MAAK,GAAE;AACpG,SAAOC,YAAY,OAAO;IACxBC,YAAYP,SAASQ,QAAQT,OAAAA;IAC7BU,YAAYR,QAAQ;IACpBS,kBAAkBR,cAAc;IAChCS,sBAAsBR;IACtBS,oBAAoBR;IACpBS,eAAed,UAAU;MAAEe,WAAWf;MAASM;IAAM,IAAI;EAC3D,EAAA;AACF,CAAA,CAAA,CAAA;AAIJ,IAAA,wBAAeb;",
+  "names": ["Effect", "LayoutOperation", "Operation", "handler", "LayoutOperation", "UpdateDialog", "pipe", "Operation", "withHandler", "fnUntraced", "subject", "state", "type", "blockAlign", "overlayClasses", "overlayStyle", "props", "updateState", "dialogOpen", "Boolean", "dialogType", "dialogBlockAlign", "dialogOverlayClasses", "dialogOverlayStyle", "dialogContent", "component"]
+}

package/dist/lib/browser/update-popover-UELZDJW6.mjs

@@ -0,0 +1,45 @@
+import {
+  updateState
+} from "./chunk-M4TYMLOE.mjs";
+import "./chunk-F2MMDTKN.mjs";
+
+// src/operations/update-popover.ts
+import * as Effect from "effect/Effect";
+import { LayoutOperation } from "@dxos/app-toolkit";
+import { Operation } from "@dxos/operation";
+var handler = LayoutOperation.UpdatePopover.pipe(Operation.withHandler(Effect.fnUntraced(function* (input) {
+  const { subject, state, side, kind, props } = input;
+  yield* updateState(() => {
+    const base = {
+      popoverKind: kind ?? "base",
+      popoverTitle: kind === "card" ? input.title : void 0,
+      popoverContent: typeof subject === "string" ? {
+        component: subject,
+        props
+      } : subject ? {
+        subject
+      } : void 0,
+      popoverOpen: state ?? Boolean(subject),
+      popoverSide: side
+    };
+    if ("variant" in input && input.variant === "virtual") {
+      return {
+        ...base,
+        popoverVariant: "virtual",
+        popoverAnchor: input.anchor
+      };
+    } else if ("anchorId" in input) {
+      return {
+        ...base,
+        popoverVariant: "react",
+        popoverAnchorId: input.anchorId
+      };
+    }
+    return base;
+  });
+})));
+var update_popover_default = handler;
+export {
+  update_popover_default as default
+};
+//# sourceMappingURL=update-popover-UELZDJW6.mjs.map

package/dist/lib/browser/update-popover-UELZDJW6.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/operations/update-popover.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Effect from 'effect/Effect';\n\nimport { LayoutOperation } from '@dxos/app-toolkit';\nimport { Operation } from '@dxos/operation';\n\nimport { type LayoutStateProps } from '../types';\nimport { updateState } from './update-state';\n\nconst handler: Operation.WithHandler<typeof LayoutOperation.UpdatePopover> = LayoutOperation.UpdatePopover.pipe(\n  Operation.withHandler(\n    Effect.fnUntraced(function* (input) {\n      const { subject, state, side, kind, props } = input;\n      yield* updateState(() => {\n        const base: Partial<LayoutStateProps> = {\n          popoverKind: kind ?? 'base',\n          popoverTitle: kind === 'card' ? input.title : undefined,\n          popoverContent:\n            typeof subject === 'string' ? { component: subject, props } : subject ? { subject } : undefined,\n          popoverOpen: state ?? Boolean(subject),\n          popoverSide: side,\n        };\n        if ('variant' in input && input.variant === 'virtual') {\n          return { ...base, popoverVariant: 'virtual', popoverAnchor: input.anchor };\n        } else if ('anchorId' in input) {\n          return { ...base, popoverVariant: 'react', popoverAnchorId: input.anchorId };\n        }\n        return base;\n      });\n    }),\n  ),\n);\n\nexport default handler;\n"],
+  "mappings": ";;;;;;AAIA,YAAYA,YAAY;AAExB,SAASC,uBAAuB;AAChC,SAASC,iBAAiB;AAK1B,IAAMC,UAAuEC,gBAAgBC,cAAcC,KACzGC,UAAUC,YACDC,kBAAW,WAAWC,OAAK;AAChC,QAAM,EAAEC,SAASC,OAAOC,MAAMC,MAAMC,MAAK,IAAKL;AAC9C,SAAOM,YAAY,MAAA;AACjB,UAAMC,OAAkC;MACtCC,aAAaJ,QAAQ;MACrBK,cAAcL,SAAS,SAASJ,MAAMU,QAAQC;MAC9CC,gBACE,OAAOX,YAAY,WAAW;QAAEY,WAAWZ;QAASI;MAAM,IAAIJ,UAAU;QAAEA;MAAQ,IAAIU;MACxFG,aAAaZ,SAASa,QAAQd,OAAAA;MAC9Be,aAAab;IACf;AACA,QAAI,aAAaH,SAASA,MAAMiB,YAAY,WAAW;AACrD,aAAO;QAAE,GAAGV;QAAMW,gBAAgB;QAAWC,eAAenB,MAAMoB;MAAO;IAC3E,WAAW,cAAcpB,OAAO;AAC9B,aAAO;QAAE,GAAGO;QAAMW,gBAAgB;QAASG,iBAAiBrB,MAAMsB;MAAS;IAC7E;AACA,WAAOf;EACT,CAAA;AACF,CAAA,CAAA,CAAA;AAIJ,IAAA,yBAAed;",
+  "names": ["Effect", "LayoutOperation", "Operation", "handler", "LayoutOperation", "UpdatePopover", "pipe", "Operation", "withHandler", "fnUntraced", "input", "subject", "state", "side", "kind", "props", "updateState", "base", "popoverKind", "popoverTitle", "title", "undefined", "popoverContent", "component", "popoverOpen", "Boolean", "popoverSide", "variant", "popoverVariant", "popoverAnchor", "anchor", "popoverAnchorId", "anchorId"]
+}

package/dist/lib/browser/update-sidebar-RJZTREDE.mjs

@@ -0,0 +1,25 @@
+import {
+  updateState
+} from "./chunk-M4TYMLOE.mjs";
+import "./chunk-F2MMDTKN.mjs";
+
+// src/operations/update-sidebar.ts
+import * as Effect from "effect/Effect";
+import { LayoutOperation } from "@dxos/app-toolkit";
+import { Operation } from "@dxos/operation";
+var handler = LayoutOperation.UpdateSidebar.pipe(Operation.withHandler(Effect.fnUntraced(function* ({ state }) {
+  yield* updateState((layout) => {
+    const next = state ?? layout.sidebarState;
+    if (next !== layout.sidebarState) {
+      return {
+        sidebarState: next
+      };
+    }
+    return {};
+  });
+})));
+var update_sidebar_default = handler;
+export {
+  update_sidebar_default as default
+};
+//# sourceMappingURL=update-sidebar-RJZTREDE.mjs.map

package/dist/lib/browser/update-sidebar-RJZTREDE.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/operations/update-sidebar.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Effect from 'effect/Effect';\n\nimport { LayoutOperation } from '@dxos/app-toolkit';\nimport { Operation } from '@dxos/operation';\n\nimport { updateState } from './update-state';\n\nconst handler: Operation.WithHandler<typeof LayoutOperation.UpdateSidebar> = LayoutOperation.UpdateSidebar.pipe(\n  Operation.withHandler(\n    Effect.fnUntraced(function* ({ state }) {\n      yield* updateState((layout) => {\n        const next = state ?? layout.sidebarState;\n        if (next !== layout.sidebarState) {\n          return { sidebarState: next };\n        }\n        return {};\n      });\n    }),\n  ),\n);\n\nexport default handler;\n"],
+  "mappings": ";;;;;;AAIA,YAAYA,YAAY;AAExB,SAASC,uBAAuB;AAChC,SAASC,iBAAiB;AAI1B,IAAMC,UAAuEC,gBAAgBC,cAAcC,KACzGC,UAAUC,YACDC,kBAAW,WAAW,EAAEC,MAAK,GAAE;AACpC,SAAOC,YAAY,CAACC,WAAAA;AAClB,UAAMC,OAAOH,SAASE,OAAOE;AAC7B,QAAID,SAASD,OAAOE,cAAc;AAChC,aAAO;QAAEA,cAAcD;MAAK;IAC9B;AACA,WAAO,CAAC;EACV,CAAA;AACF,CAAA,CAAA,CAAA;AAIJ,IAAA,yBAAeV;",
+  "names": ["Effect", "LayoutOperation", "Operation", "handler", "LayoutOperation", "UpdateSidebar", "pipe", "Operation", "withHandler", "fnUntraced", "state", "updateState", "layout", "next", "sidebarState"]
+}

package/dist/lib/node-esm/add-toast-VMEADC7Y.mjs

@@ -0,0 +1,23 @@
+import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
+import {
+  updateState
+} from "./chunk-ZLM7QUEK.mjs";
+import "./chunk-VDX7GMAD.mjs";
+
+// src/operations/add-toast.ts
+import * as Effect from "effect/Effect";
+import { LayoutOperation } from "@dxos/app-toolkit";
+import { Operation } from "@dxos/operation";
+var handler = LayoutOperation.AddToast.pipe(Operation.withHandler(Effect.fnUntraced(function* (input) {
+  yield* updateState((state) => ({
+    toasts: [
+      ...state.toasts,
+      input
+    ]
+  }));
+})));
+var add_toast_default = handler;
+export {
+  add_toast_default as default
+};
+//# sourceMappingURL=add-toast-VMEADC7Y.mjs.map

package/dist/lib/node-esm/add-toast-VMEADC7Y.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/operations/add-toast.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Effect from 'effect/Effect';\n\nimport { LayoutOperation } from '@dxos/app-toolkit';\nimport { Operation } from '@dxos/operation';\n\nimport { updateState } from './update-state';\n\nconst handler: Operation.WithHandler<typeof LayoutOperation.AddToast> = LayoutOperation.AddToast.pipe(\n  Operation.withHandler(\n    Effect.fnUntraced(function* (input) {\n      yield* updateState((state) => ({\n        toasts: [...state.toasts, input as LayoutOperation.Toast],\n      }));\n    }),\n  ),\n);\n\nexport default handler;\n"],
+  "mappings": ";;;;;;;AAIA,YAAYA,YAAY;AAExB,SAASC,uBAAuB;AAChC,SAASC,iBAAiB;AAI1B,IAAMC,UAAkEC,gBAAgBC,SAASC,KAC/FC,UAAUC,YACDC,kBAAW,WAAWC,OAAK;AAChC,SAAOC,YAAY,CAACC,WAAW;IAC7BC,QAAQ;SAAID,MAAMC;MAAQH;;EAC5B,EAAA;AACF,CAAA,CAAA,CAAA;AAIJ,IAAA,oBAAeP;",
+  "names": ["Effect", "LayoutOperation", "Operation", "handler", "LayoutOperation", "AddToast", "pipe", "Operation", "withHandler", "fnUntraced", "input", "updateState", "state", "toasts"]
+}

package/dist/lib/node-esm/{chunk-OWK6XE6C.mjs → chunk-VDX7GMAD.mjs}

@@ -3,7 +3,7 @@ import { createRequire } from 'node:module';const require = createRequire(import
 // src/meta.ts
 import { trim } from "@dxos/util";
 var meta = {
-  id: "dxos.org/plugin/storybook-layout",
+  id: "org.dxos.plugin.storybook-layout",
   name: "Storybook",
   description: trim`
     Development layout optimized for Storybook component testing and documentation.
@@ -14,10 +14,10 @@ var meta = {
 
 // src/types/capabilities.ts
 import { Capability } from "@dxos/app-framework";
-var LayoutState = Capability.make(`${meta.id}/state`);
+var LayoutState = Capability.make(`${meta.id}.state`);
 
 export {
   meta,
   LayoutState
 };
-//# sourceMappingURL=chunk-OWK6XE6C.mjs.map
+//# sourceMappingURL=chunk-VDX7GMAD.mjs.map

package/dist/lib/node-esm/chunk-VDX7GMAD.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/meta.ts", "../../../src/types/capabilities.ts"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { type Plugin } from '@dxos/app-framework';\nimport { trim } from '@dxos/util';\n\nexport const meta: Plugin.Meta = {\n  id: 'org.dxos.plugin.storybook-layout',\n  name: 'Storybook',\n  description: trim`\n    Development layout optimized for Storybook component testing and documentation.\n    Provides specialized views for component development and design system exploration.\n  `,\n  source: 'https://github.com/dxos/dxos/tree/main/packages/plugins/plugin-testing',\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { type Atom } from '@effect-atom/atom-react';\n\nimport { Capability } from '@dxos/app-framework';\nimport { type LayoutOperation } from '@dxos/app-toolkit';\nimport { type Label } from '@dxos/react-ui';\n\nimport { meta } from '../meta';\n\nexport type LayoutStateProps = {\n  sidebarState?: 'expanded' | 'collapsed' | 'closed';\n  complementarySidebarState?: 'expanded' | 'collapsed' | 'closed';\n\n  dialogOpen: boolean;\n  dialogType?: 'default' | 'alert';\n  dialogBlockAlign?: 'start' | 'center' | 'end';\n  dialogOverlayClasses?: string;\n  dialogOverlayStyle?: Record<string, any>;\n  /** Data to be passed to the dialog Surface. */\n  dialogContent?: any;\n\n  popoverOpen?: boolean;\n  popoverSide?: 'top' | 'right' | 'bottom' | 'left';\n  popoverVariant?: 'virtual' | 'react';\n  popoverAnchor?: HTMLButtonElement;\n  popoverAnchorId?: string;\n  popoverKind?: 'base' | 'card';\n  popoverTitle?: Label;\n  popoverContent?: any;\n\n  toasts: LayoutOperation.Toast[];\n\n  workspace: string;\n};\n\nexport const LayoutState = Capability.make<Atom.Writable<LayoutStateProps>>(`${meta.id}.state`);\n"],
+  "mappings": ";;;AAKA,SAASA,YAAY;AAEd,IAAMC,OAAoB;EAC/BC,IAAI;EACJC,MAAM;EACNC,aAAaC;;;;EAIbC,QAAQ;AACV;;;ACTA,SAASC,kBAAkB;AAgCpB,IAAMC,cAAcC,WAAWC,KAAsC,GAAGC,KAAKC,EAAE,QAAQ;",
+  "names": ["trim", "meta", "id", "name", "description", "trim", "source", "Capability", "LayoutState", "Capability", "make", "meta", "id"]
+}

package/dist/lib/node-esm/chunk-ZLM7QUEK.mjs

@@ -0,0 +1,22 @@
+import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
+import {
+  LayoutState
+} from "./chunk-VDX7GMAD.mjs";
+
+// src/operations/update-state.ts
+import * as Effect from "effect/Effect";
+import { Capabilities, Capability } from "@dxos/app-framework";
+var updateState = (fn) => Effect.gen(function* () {
+  const registry = yield* Capability.get(Capabilities.AtomRegistry);
+  const stateAtom = yield* Capability.get(LayoutState);
+  const current = registry.get(stateAtom);
+  registry.set(stateAtom, {
+    ...current,
+    ...fn(current)
+  });
+});
+
+export {
+  updateState
+};
+//# sourceMappingURL=chunk-ZLM7QUEK.mjs.map

package/dist/lib/node-esm/chunk-ZLM7QUEK.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/operations/update-state.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Effect from 'effect/Effect';\n\nimport { Capabilities, Capability } from '@dxos/app-framework';\n\nimport { LayoutState, type LayoutStateProps } from '../types';\n\nexport const updateState = (fn: (state: LayoutStateProps) => Partial<LayoutStateProps>) =>\n  Effect.gen(function* () {\n    const registry = yield* Capability.get(Capabilities.AtomRegistry);\n    const stateAtom = yield* Capability.get(LayoutState);\n    const current = registry.get(stateAtom);\n    registry.set(stateAtom, { ...current, ...fn(current) });\n  });\n"],
+  "mappings": ";;;;;;AAIA,YAAYA,YAAY;AAExB,SAASC,cAAcC,kBAAkB;AAIlC,IAAMC,cAAc,CAACC,OACnBC,WAAI,aAAA;AACT,QAAMC,WAAW,OAAOC,WAAWC,IAAIC,aAAaC,YAAY;AAChE,QAAMC,YAAY,OAAOJ,WAAWC,IAAII,WAAAA;AACxC,QAAMC,UAAUP,SAASE,IAAIG,SAAAA;AAC7BL,WAASQ,IAAIH,WAAW;IAAE,GAAGE;IAAS,GAAGT,GAAGS,OAAAA;EAAS,CAAA;AACvD,CAAA;",
+  "names": ["Effect", "Capabilities", "Capability", "updateState", "fn", "gen", "registry", "Capability", "get", "Capabilities", "AtomRegistry", "stateAtom", "LayoutState", "current", "set"]
+}

package/dist/lib/node-esm/close-B54TW3OK.mjs

@@ -0,0 +1,12 @@
+import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
+
+// src/operations/close.ts
+import * as Effect from "effect/Effect";
+import { LayoutOperation } from "@dxos/app-toolkit";
+import { Operation } from "@dxos/operation";
+var handler = LayoutOperation.Close.pipe(Operation.withHandler(() => Effect.void));
+var close_default = handler;
+export {
+  close_default as default
+};
+//# sourceMappingURL=close-B54TW3OK.mjs.map

package/dist/lib/node-esm/close-B54TW3OK.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/operations/close.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Effect from 'effect/Effect';\n\nimport { LayoutOperation } from '@dxos/app-toolkit';\nimport { Operation } from '@dxos/operation';\n\nconst handler: Operation.WithHandler<typeof LayoutOperation.Close> = LayoutOperation.Close.pipe(\n  Operation.withHandler(() => Effect.void),\n);\n\nexport default handler;\n"],
+  "mappings": ";;;AAIA,YAAYA,YAAY;AAExB,SAASC,uBAAuB;AAChC,SAASC,iBAAiB;AAE1B,IAAMC,UAA+DC,gBAAgBC,MAAMC,KACzFC,UAAUC,YAAY,MAAaC,WAAI,CAAA;AAGzC,IAAA,gBAAeN;",
+  "names": ["Effect", "LayoutOperation", "Operation", "handler", "LayoutOperation", "Close", "pipe", "Operation", "withHandler", "void"]
+}

package/dist/lib/node-esm/index.mjs

@@ -2,13 +2,13 @@ import { createRequire } from 'node:module';const require = createRequire(import
 import {
   LayoutState,
   meta
-} from "./chunk-OWK6XE6C.mjs";
+} from "./chunk-VDX7GMAD.mjs";
 
 // src/core.ts
-import { OperationPlugin, RuntimePlugin, SettingsPlugin } from "@dxos/app-framework";
+import { OperationPlugin, RuntimePlugin } from "@dxos/app-framework";
 import { AttentionPlugin } from "@dxos/plugin-attention";
-import { ClientPlugin } from "@dxos/plugin-client";
 import { GraphPlugin } from "@dxos/plugin-graph";
+import { SettingsPlugin } from "@dxos/plugin-settings";
 import { ThemePlugin } from "@dxos/plugin-theme";
 import { defaultTx } from "@dxos/ui-theme";
 var corePlugins = () => [
@@ -24,24 +24,52 @@ var corePlugins = () => [
 
 // src/StorybookPlugin.ts
 import * as Effect from "effect/Effect";
-import { Capability as Capability3, Common, Plugin } from "@dxos/app-framework";
+import { ActivationEvents, Capabilities, Capability as Capability3, Plugin } from "@dxos/app-framework";
+import { AppActivationEvents, AppPlugin } from "@dxos/app-toolkit";
 
-// src/capabilities/operation-resolver/index.ts
+// src/capabilities/operation-handler/index.ts
 import { Capability } from "@dxos/app-framework";
-var OperationResolver = Capability.lazy("OperationResolver", () => import("./operation-resolver-DJI7OPBP.mjs"));
+var OperationHandler = Capability.lazy("OperationHandler", () => import("./operation-handler-TCIEZXBS.mjs"));
 
 // src/capabilities/state/index.ts
 import { Capability as Capability2 } from "@dxos/app-framework";
-var State = Capability2.lazy("State", () => import("./state-UF2MWBFU.mjs"));
+var State = Capability2.lazy("State", () => import("./state-PVDE6Q6G.mjs"));
 
-// src/components/Layout.tsx
+// src/components/Layout/Layout.tsx
 import { RegistryContext, useAtomValue } from "@effect-atom/atom-react";
 import React, { useCallback, useContext, useEffect, useRef, useState } from "react";
-import { Surface, useCapability } from "@dxos/app-framework/react";
-import { AlertDialog, Dialog, Main, Popover, toLocalizedString, useTranslation } from "@dxos/react-ui";
-import { Card, Mosaic } from "@dxos/react-ui-mosaic";
+import { Surface, useCapability } from "@dxos/app-framework/ui";
+import { AlertDialog, Button, Dialog, Icon, Main, Popover, Toast, toLocalizedString, useTranslation } from "@dxos/react-ui";
+import { Card } from "@dxos/react-ui";
+import { Mosaic } from "@dxos/react-ui-mosaic";
 import { descriptionMessage, mx } from "@dxos/ui-theme";
 var debounce_delay = 100;
+var StoryToast = ({ toast, onDismiss }) => {
+  const { t } = useTranslation(meta.id);
+  return /* @__PURE__ */ React.createElement(Toast.Root, {
+    "data-testid": toast.id,
+    defaultOpen: true,
+    duration: toast.duration,
+    onOpenChange: (open) => {
+      if (!open) {
+        onDismiss(toast.id);
+      }
+    }
+  }, /* @__PURE__ */ React.createElement(Toast.Body, null, /* @__PURE__ */ React.createElement(Toast.Title, {
+    classNames: "items-center"
+  }, toast.icon && /* @__PURE__ */ React.createElement(Icon, {
+    icon: toast.icon,
+    classNames: "inline mr-1"
+  }), toast.title && /* @__PURE__ */ React.createElement("span", null, toLocalizedString(toast.title, t))), toast.description && /* @__PURE__ */ React.createElement(Toast.Description, null, toLocalizedString(toast.description, t))), /* @__PURE__ */ React.createElement(Toast.Actions, null, toast.onAction && toast.actionAlt && toast.actionLabel && /* @__PURE__ */ React.createElement(Toast.Action, {
+    altText: toLocalizedString(toast.actionAlt, t),
+    asChild: true
+  }, /* @__PURE__ */ React.createElement(Button, {
+    variant: "primary",
+    onClick: () => toast.onAction?.()
+  }, toLocalizedString(toast.actionLabel, t))), toast.closeLabel && /* @__PURE__ */ React.createElement(Toast.Close, {
+    asChild: true
+  }, /* @__PURE__ */ React.createElement(Button, null, toLocalizedString(toast.closeLabel, t)))));
+};
 var Layout = ({ children }) => {
   const { t } = useTranslation(meta.id);
   const trigger = useRef(null);
@@ -100,9 +128,17 @@ var Layout = ({ children }) => {
   }, [
     handleClose
   ]);
+  const handleDismissToast = useCallback((id) => {
+    updateState({
+      toasts: layout.toasts.filter((toast) => toast.id !== id)
+    });
+  }, [
+    updateState,
+    layout.toasts
+  ]);
   const DialogRoot = layout.dialogType === "alert" ? AlertDialog.Root : Dialog.Root;
   const DialogOverlay = layout.dialogType === "alert" ? AlertDialog.Overlay : Dialog.Overlay;
-  return /* @__PURE__ */ React.createElement("div", {
+  return /* @__PURE__ */ React.createElement(Toast.Provider, null, /* @__PURE__ */ React.createElement("div", {
     role: "none",
     className: "fixed inset-0 flex overflow-hidden"
   }, /* @__PURE__ */ React.createElement(Mosaic.Root, null, /* @__PURE__ */ React.createElement(Popover.Root, {
@@ -122,21 +158,21 @@ var Layout = ({ children }) => {
     onOpenChange: (nextOpen) => updateState({
       dialogOpen: nextOpen
     })
-  }, layout.dialogBlockAlign === "end" ? /* @__PURE__ */ React.createElement(Surface, {
+  }, layout.dialogBlockAlign === "end" ? /* @__PURE__ */ React.createElement(Surface.Surface, {
     role: "dialog",
     data: layout.dialogContent,
     limit: 1,
-    fallback: ContentError,
+    fallback: ErrorFallback,
     placeholder: /* @__PURE__ */ React.createElement("div", null)
   }) : /* @__PURE__ */ React.createElement(DialogOverlay, {
     blockAlign: layout.dialogBlockAlign,
     classNames: layout.dialogOverlayClasses,
     style: layout.dialogOverlayStyle
-  }, /* @__PURE__ */ React.createElement(Surface, {
+  }, /* @__PURE__ */ React.createElement(Surface.Surface, {
     role: "dialog",
     data: layout.dialogContent,
     limit: 1,
-    fallback: ContentError
+    fallback: ErrorFallback
   }))), /* @__PURE__ */ React.createElement(Popover.VirtualTrigger, {
     key: iter,
     virtualRef: trigger
@@ -146,57 +182,54 @@ var Layout = ({ children }) => {
     onEscapeKeyDown: handleInteractOutside,
     sticky: "always",
     hideWhenDetached: true
-  }, /* @__PURE__ */ React.createElement(Popover.Viewport, null, layout.popoverKind === "card" && /* @__PURE__ */ React.createElement(Card.Root, null, /* @__PURE__ */ React.createElement(Card.Toolbar, null, /* @__PURE__ */ React.createElement("span", null), layout.popoverTitle ? /* @__PURE__ */ React.createElement(Card.Title, null, toLocalizedString(layout.popoverTitle, t)) : /* @__PURE__ */ React.createElement("span", null), /* @__PURE__ */ React.createElement(Card.Close, {
+  }, /* @__PURE__ */ React.createElement(Popover.Viewport, null, layout.popoverKind === "card" && /* @__PURE__ */ React.createElement(Card.Root, null, /* @__PURE__ */ React.createElement(Card.Toolbar, null, /* @__PURE__ */ React.createElement("span", null), layout.popoverTitle ? /* @__PURE__ */ React.createElement(Card.Title, null, toLocalizedString(layout.popoverTitle, t)) : /* @__PURE__ */ React.createElement("span", null), /* @__PURE__ */ React.createElement(Card.CloseIconButton, {
     onClick: handleClose
-  })), /* @__PURE__ */ React.createElement(Surface, {
+  })), /* @__PURE__ */ React.createElement(Surface.Surface, {
     role: "card--content",
     data: layout.popoverContent,
     limit: 1
-  })), layout.popoverKind === "base" && /* @__PURE__ */ React.createElement(Surface, {
+  })), layout.popoverKind === "base" && /* @__PURE__ */ React.createElement(Surface.Surface, {
     role: "popover",
     data: layout.popoverContent,
     limit: 1
-  })), /* @__PURE__ */ React.createElement(Popover.Arrow, null))))));
+  })), /* @__PURE__ */ React.createElement(Popover.Arrow, null))))), layout.toasts.map((toast) => /* @__PURE__ */ React.createElement(StoryToast, {
+    key: toast.id,
+    toast,
+    onDismiss: handleDismissToast
+  })), /* @__PURE__ */ React.createElement(Toast.Viewport, null)));
 };
-var ContentError = ({ error }) => {
+var ErrorFallback = ({ error }) => {
   const { t } = useTranslation(meta.id);
   const errorString = error?.toString() ?? "";
   return /* @__PURE__ */ React.createElement("div", {
-    role: "none",
-    className: "overflow-auto p-8 attention-surface grid place-items-center"
-  }, /* @__PURE__ */ React.createElement("p", {
     role: "alert",
+    "data-testid": "error-boundary-fallback",
+    className: mx("overflow-auto p-8 dx-attention-surface grid place-items-center")
+  }, /* @__PURE__ */ React.createElement("p", {
     className: mx(descriptionMessage, "break-words rounded-md p-8", errorString.length < 256 && "text-lg")
   }, error ? errorString : t("error fallback message")));
 };
 
 // src/StorybookPlugin.ts
-var StorybookPlugin = Plugin.define(meta).pipe(Plugin.addModule(({ initialState }) => ({
+var StorybookPlugin = Plugin.define(meta).pipe(AppPlugin.addOperationHandlerModule({
+  activate: OperationHandler
+}), AppPlugin.addReactContextModule({
+  activate: () => Effect.succeed(Capability3.contributes(Capabilities.ReactContext, {
+    id: "storybook-layout",
+    context: Layout
+  }))
+}), Plugin.addModule(({ initialState }) => ({
   id: Capability3.getModuleTag(State),
-  activatesOn: Common.ActivationEvent.Startup,
+  activatesOn: ActivationEvents.Startup,
   activatesAfter: [
-    Common.ActivationEvent.LayoutReady
+    AppActivationEvents.LayoutReady
   ],
   activate: () => State({
     initialState
   })
-})), Common.Plugin.addReactContextModule({
-  activate: () => Effect.succeed(Capability3.contributes(Common.Capability.ReactContext, {
-    id: "storybook-layout",
-    context: Layout
-  }))
-}), Common.Plugin.addOperationResolverModule({
-  activate: OperationResolver
-}), Plugin.make);
+})), Plugin.make);
 export {
-  AttentionPlugin,
-  ClientPlugin,
-  GraphPlugin,
-  OperationPlugin,
-  RuntimePlugin,
-  SettingsPlugin,
   StorybookPlugin,
-  ThemePlugin,
   corePlugins,
   meta
 };