@dxos/plugin-testing 0.9.1-staging.ee54ba693a → 0.11.0

package/dist/lib/StorybookPlugin.mjs

@@ -0,0 +1,20 @@
+import { ActivationEvents, Capabilities, Capability, Plugin } from "@dxos/app-framework";
+import { meta } from "#meta";
+import * as Effect from "effect/Effect";
+import { AppActivationEvents, AppPlugin } from "@dxos/app-toolkit";
+import { OperationHandler, State } from "#capabilities";
+import { Layout } from "#components";
+//#region src/StorybookPlugin.ts
+var StorybookPlugin = Plugin.define(meta).pipe(AppPlugin.addOperationHandlerModule({ activate: OperationHandler }), AppPlugin.addReactContextModule({ activate: () => Effect.succeed(Capability.contributes(Capabilities.ReactContext, {
+	id: "storybook-layout",
+	context: Layout
+})) }), Plugin.addModule(({ initialState }) => ({
+	id: Capability.getModuleTag(State),
+	activatesOn: ActivationEvents.Startup,
+	firesAfterActivation: [AppActivationEvents.LayoutReady],
+	activate: () => State({ initialState })
+})), Plugin.make);
+//#endregion
+export { StorybookPlugin, StorybookPlugin as default };
+
+//# sourceMappingURL=StorybookPlugin.mjs.map

package/dist/lib/StorybookPlugin.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"StorybookPlugin.mjs","names":[],"sources":["../../src/StorybookPlugin.ts"],"sourcesContent":["//\n// Copyright 2023 DXOS.org\n//\n\nimport * as Effect from 'effect/Effect';\n\nimport { ActivationEvents, Capabilities, Capability, Plugin } from '@dxos/app-framework';\nimport { AppActivationEvents, AppPlugin } from '@dxos/app-toolkit';\n\nimport { OperationHandler, State } from '#capabilities';\nimport { Layout } from '#components';\nimport { meta } from '#meta';\nimport { StorybookCapabilities } from '#types';\n\nexport type StorybookPluginOptions = {\n  initialState?: Partial<StorybookCapabilities.LayoutStateProps>;\n};\n\nexport const StorybookPlugin = Plugin.define<StorybookPluginOptions>(meta).pipe(\n  AppPlugin.addOperationHandlerModule({\n    activate: OperationHandler,\n  }),\n  AppPlugin.addReactContextModule({\n    activate: () =>\n      Effect.succeed(\n        Capability.contributes(Capabilities.ReactContext, {\n          id: 'storybook-layout',\n          context: Layout,\n        }),\n      ),\n  }),\n  Plugin.addModule(({ initialState }) => ({\n    id: Capability.getModuleTag(State),\n    activatesOn: ActivationEvents.Startup,\n    firesAfterActivation: [AppActivationEvents.LayoutReady],\n    activate: () => State({ initialState }),\n  })),\n  Plugin.make,\n);\n\nexport default StorybookPlugin;\n"],"mappings":";;;;;;;AAkBA,IAAa,kBAAkB,OAAO,OAA+B,IAAI,CAAC,CAAC,KACzE,UAAU,0BAA0B,EAClC,UAAU,iBACZ,CAAC,GACD,UAAU,sBAAsB,EAC9B,gBACE,OAAO,QACL,WAAW,YAAY,aAAa,cAAc;CAChD,IAAI;CACJ,SAAS;AACX,CAAC,CACH,EACJ,CAAC,GACD,OAAO,WAAW,EAAE,oBAAoB;CACtC,IAAI,WAAW,aAAa,KAAK;CACjC,aAAa,iBAAiB;CAC9B,sBAAsB,CAAC,oBAAoB,WAAW;CACtD,gBAAgB,MAAM,EAAE,aAAa,CAAC;AACxC,EAAE,GACF,OAAO,IACT"}

package/dist/lib/capabilities.mjs

@@ -0,0 +1,8 @@
+import { Capability } from "@dxos/app-framework";
+//#region src/capabilities/index.ts
+var OperationHandler = Capability.lazy("OperationHandler", () => import("./chunk-operation-handler.mjs"));
+var State = Capability.lazy("State", () => import("./chunk-state.mjs"));
+//#endregion
+export { OperationHandler, State };
+
+//# sourceMappingURL=capabilities.mjs.map

package/dist/lib/capabilities.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"capabilities.mjs","names":[],"sources":["../../src/capabilities/index.ts"],"sourcesContent":["//\n// Copyright 2025 DXOS.org\n//\n\nimport { Capability } from '@dxos/app-framework';\nimport { OperationHandlerSet } from '@dxos/compute';\n\nexport const OperationHandler = Capability.lazy<OperationHandlerSet.OperationHandlerSet>(\n  'OperationHandler',\n  () => import('./operation-handler'),\n);\nexport const State = Capability.lazy('State', () => import('./state'));\n"],"mappings":";;AAOA,IAAa,mBAAmB,WAAW,KACzC,0BACM,OAAO,gCACf;AACA,IAAa,QAAQ,WAAW,KAAK,eAAe,OAAO,oBAAU"}

package/dist/lib/chunk-add-toast.mjs

@@ -0,0 +1,12 @@
+import { t as updateState } from "./chunk-update-state.mjs";
+import * as Effect from "effect/Effect";
+import { LayoutOperation } from "@dxos/app-toolkit";
+import { Operation } from "@dxos/compute";
+//#region src/operations/add-toast.ts
+var handler = LayoutOperation.AddToast.pipe(Operation.withHandler(Effect.fnUntraced(function* (input) {
+	yield* updateState((state) => ({ toasts: [...state.toasts, input] }));
+})));
+//#endregion
+export { handler as default };
+
+//# sourceMappingURL=chunk-add-toast.mjs.map

package/dist/lib/chunk-add-toast.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"chunk-add-toast.mjs","names":[],"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/compute';\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":";;;;;AAWA,IAAM,UAAkE,gBAAgB,SAAS,KAC/F,UAAU,YACR,OAAO,WAAW,WAAW,OAAO;CAClC,OAAO,aAAa,WAAW,EAC7B,QAAQ,CAAC,GAAG,MAAM,QAAQ,KAA8B,EAC1D,EAAE;AACJ,CAAC,CACH,CACF"}

package/dist/lib/{neutral/close-L3FBJQ3J.mjs → chunk-close.mjs}

@@ -1,12 +1,9 @@
-import "./chunk-J5LGTIGS.mjs";
-
-// src/operations/close.ts
 import * as Effect from "effect/Effect";
 import { LayoutOperation } from "@dxos/app-toolkit";
 import { Operation } from "@dxos/compute";
+//#region src/operations/close.ts
 var handler = LayoutOperation.Close.pipe(Operation.withHandler(() => Effect.void));
-var close_default = handler;
-export {
-  close_default as default
-};
-//# sourceMappingURL=close-L3FBJQ3J.mjs.map
+//#endregion
+export { handler as default };
+
+//# sourceMappingURL=chunk-close.mjs.map

package/dist/lib/chunk-close.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"chunk-close.mjs","names":[],"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/compute';\n\nconst handler: Operation.WithHandler<typeof LayoutOperation.Close> = LayoutOperation.Close.pipe(\n  Operation.withHandler(() => Effect.void),\n);\n\nexport default handler;\n"],"mappings":";;;;AASA,IAAM,UAA+D,gBAAgB,MAAM,KACzF,UAAU,kBAAkB,OAAO,IAAI,CACzC"}

package/dist/lib/chunk-meta.mjs

@@ -0,0 +1,22 @@
+import { Plugin } from "@dxos/app-framework";
+import { Config2 } from "@dxos/app-framework/config";
+import { trim } from "@dxos/util";
+//#region dx.config.ts
+var dx_config_default = Config2.make({ plugin: {
+	key: "org.dxos.plugin.storybookLayout",
+	name: "Storybook",
+	author: "DXOS",
+	description: trim`
+      Development layout optimized for Storybook component testing and documentation.
+      Provides specialized views for component development and design system exploration.
+    `,
+	source: "https://github.com/dxos/dxos/tree/main/packages/plugins/plugin-testing",
+	tags: ["labs"]
+} });
+//#endregion
+//#region src/meta.ts
+var meta = Plugin.getMetaFromConfig(dx_config_default);
+//#endregion
+export { meta as t };
+
+//# sourceMappingURL=chunk-meta.mjs.map

package/dist/lib/chunk-meta.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"chunk-meta.mjs","names":[],"sources":["../../dx.config.ts","../../src/meta.ts"],"sourcesContent":["//\n// Copyright 2025 DXOS.org\n//\n\nimport { Config2 } from '@dxos/app-framework/config';\nimport { trim } from '@dxos/util';\n\nexport default Config2.make({\n  plugin: {\n    key: 'org.dxos.plugin.storybookLayout',\n    name: 'Storybook',\n    author: 'DXOS',\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    tags: ['labs'],\n  },\n});\n","//\n// Copyright 2023 DXOS.org\n//\n\nimport { Plugin } from '@dxos/app-framework';\n\nimport config from '../dx.config';\n\nexport const meta = Plugin.getMetaFromConfig(config);\n"],"mappings":";;;;AAOA,IAAA,oBAAe,QAAQ,KAAK,EAC1B,QAAQ;CACN,KAAK;CACL,MAAM;CACN,QAAQ;CACR,aAAa,IAAI;;;;CAIjB,QAAQ;CACR,MAAM,CAAC,MAAM;AACf,EACF,CAAC;;;ACXD,IAAa,OAAO,OAAO,kBAAkB,iBAAM"}

package/dist/lib/{neutral/open-O5FFJF2B.mjs → chunk-open.mjs}

@@ -1,17 +1,19 @@
-import "./chunk-J5LGTIGS.mjs";
-
-// src/operations/open.ts
 import * as Effect from "effect/Effect";
 import { LayoutOperation } from "@dxos/app-toolkit";
 import { Operation } from "@dxos/compute";
 import { log } from "@dxos/log";
+//#region src/operations/open.ts
 var __dxlog_file = "/__w/dxos/dxos/packages/plugins/plugin-testing/src/operations/open.ts";
 var handler = LayoutOperation.Open.pipe(Operation.withHandler(Effect.fnUntraced(function* (input) {
-  log("LayoutOperation.Open handler start", void 0, { "~LogMeta": "~LogMeta", F: __dxlog_file, L: 9, S: this });
-  return input.subject;
+	log("LayoutOperation.Open handler start", void 0, {
+		"~LogMeta": "~LogMeta",
+		F: __dxlog_file,
+		L: 14,
+		S: this
+	});
+	return input.subject;
 })));
-var open_default = handler;
-export {
-  open_default as default
-};
-//# sourceMappingURL=open-O5FFJF2B.mjs.map
+//#endregion
+export { handler as default };
+
+//# sourceMappingURL=chunk-open.mjs.map

package/dist/lib/chunk-open.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"chunk-open.mjs","names":[],"sources":["../../src/operations/open.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/compute';\nimport { log } from '@dxos/log';\n\nconst handler: Operation.WithHandler<typeof LayoutOperation.Open> = LayoutOperation.Open.pipe(\n  Operation.withHandler(\n    Effect.fnUntraced(function* (input) {\n      log('LayoutOperation.Open handler start');\n      return input.subject;\n    }),\n  ),\n);\n\nexport default handler;\n"],"mappings":";;;;;;AAUA,IAAM,UAA8D,gBAAgB,KAAK,KACvF,UAAU,YACR,OAAO,WAAW,WAAW,OAAO;CAClC,IAAI,sCAAmC,KAAA,GAAA;EAAA,YAAA;EAAA,GAAA;EAAA,GAAA;EAAA,GAAA;CAAA,CAAC;CACxC,OAAO,MAAM;AACf,CAAC,CACH,CACF"}

package/dist/lib/chunk-operation-handler.mjs

@@ -0,0 +1,11 @@
+import { Capabilities, Capability } from "@dxos/app-framework";
+import * as Effect from "effect/Effect";
+import { TestingOperationHandlerSet } from "#operations";
+//#region src/capabilities/operation-handler.ts
+var operation_handler_default = Capability.makeModule(Effect.fnUntraced(function* () {
+	return Capability.contributes(Capabilities.OperationHandler, TestingOperationHandlerSet);
+}));
+//#endregion
+export { operation_handler_default as default };
+
+//# sourceMappingURL=chunk-operation-handler.mjs.map

package/dist/lib/chunk-operation-handler.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"chunk-operation-handler.mjs","names":[],"sources":["../../src/capabilities/operation-handler.ts"],"sourcesContent":["//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Effect from 'effect/Effect';\n\nimport { Capabilities, Capability } from '@dxos/app-framework';\nimport type { OperationHandlerSet } from '@dxos/compute';\n\nimport { TestingOperationHandlerSet } from '#operations';\n\nexport default Capability.makeModule<OperationHandlerSet.OperationHandlerSet>(\n  Effect.fnUntraced(function* () {\n    return Capability.contributes(Capabilities.OperationHandler, TestingOperationHandlerSet);\n  }),\n);\n"],"mappings":";;;;AAWA,IAAA,4BAAe,WAAW,WACxB,OAAO,WAAW,aAAa;CAC7B,OAAO,WAAW,YAAY,aAAa,kBAAkB,0BAA0B;AACzF,CAAC,CACH"}

package/dist/lib/{neutral/scroll-into-view-BKOOOECC.mjs → chunk-scroll-into-view.mjs}

@@ -1,12 +1,9 @@
-import "./chunk-J5LGTIGS.mjs";
-
-// src/operations/scroll-into-view.ts
 import * as Effect from "effect/Effect";
 import { LayoutOperation } from "@dxos/app-toolkit";
 import { Operation } from "@dxos/compute";
+//#region src/operations/scroll-into-view.ts
 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-BKOOOECC.mjs.map
+//#endregion
+export { handler as default };
+
+//# sourceMappingURL=chunk-scroll-into-view.mjs.map

package/dist/lib/chunk-scroll-into-view.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"chunk-scroll-into-view.mjs","names":[],"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/compute';\n\nconst handler: Operation.WithHandler<typeof LayoutOperation.ScrollIntoView> = LayoutOperation.ScrollIntoView.pipe(\n  Operation.withHandler(() => Effect.void),\n);\n\nexport default handler;\n"],"mappings":";;;;AASA,IAAM,UAAwE,gBAAgB,eAAe,KAC3G,UAAU,kBAAkB,OAAO,IAAI,CACzC"}

package/dist/lib/chunk-state.mjs

@@ -0,0 +1,38 @@
+import { Capability } from "@dxos/app-framework";
+import * as Effect from "effect/Effect";
+import { AppCapabilities } from "@dxos/app-toolkit";
+import { StorybookCapabilities } from "#types";
+import { Atom } from "@effect-atom/atom";
+//#region src/capabilities/state.tsx
+var defaultState = {
+	sidebarState: "closed",
+	complementarySidebarState: "closed",
+	dialogOpen: false,
+	toasts: [],
+	workspace: "default"
+};
+var state_default = Capability.makeModule(Effect.fnUntraced(function* (props) {
+	const { initialState } = props ?? {};
+	const stateAtom = Atom.make({
+		...defaultState,
+		...initialState
+	});
+	const layoutAtom = Atom.make((get) => {
+		const state = get(stateAtom);
+		return {
+			mode: "storybook",
+			dialogOpen: state.dialogOpen,
+			sidebarOpen: state.sidebarState === "expanded",
+			complementarySidebarOpen: state.complementarySidebarState === "expanded",
+			workspace: state.workspace,
+			active: [],
+			inactive: [],
+			scrollIntoView: void 0
+		};
+	});
+	return [Capability.contributes(StorybookCapabilities.LayoutState, stateAtom), Capability.contributes(AppCapabilities.Layout, layoutAtom)];
+}));
+//#endregion
+export { state_default as default };
+
+//# sourceMappingURL=chunk-state.mjs.map

package/dist/lib/chunk-state.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"chunk-state.mjs","names":[],"sources":["../../src/capabilities/state.tsx"],"sourcesContent":["//\n// Copyright 2025 DXOS.org\n//\n\nimport { Atom } from '@effect-atom/atom';\nimport * as Effect from 'effect/Effect';\n\nimport { Capability } from '@dxos/app-framework';\nimport { AppCapabilities } from '@dxos/app-toolkit';\n\nimport { StorybookCapabilities } from '#types';\n\nconst defaultState: StorybookCapabilities.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<StorybookCapabilities.LayoutStateProps> }) {\n    const { initialState } = props ?? {};\n    const stateAtom = Atom.make<StorybookCapabilities.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 [\n      Capability.contributes(StorybookCapabilities.LayoutState, stateAtom),\n      Capability.contributes(AppCapabilities.Layout, layoutAtom),\n    ];\n  }),\n);\n"],"mappings":";;;;;;AAYA,IAAM,eAAuD;CAC3D,cAAc;CACd,2BAA2B;CAC3B,YAAY;CACZ,QAAQ,CAAC;CACT,WAAW;AACb;AAEA,IAAA,gBAAe,WAAW,WACxB,OAAO,WAAW,WAAW,OAA4E;CACvG,MAAM,EAAE,iBAAiB,SAAS,CAAC;CACnC,MAAM,YAAY,KAAK,KAA6C;EAAE,GAAG;EAAc,GAAG;CAAa,CAAC;CAExG,MAAM,aAAa,KAAK,MAAM,QAAgC;EAC5D,MAAM,QAAQ,IAAI,SAAS;EAC3B,OAAO;GACL,MAAM;GACN,YAAY,MAAM;GAClB,aAAa,MAAM,iBAAiB;GACpC,0BAA0B,MAAM,8BAA8B;GAC9D,WAAW,MAAM;GACjB,QAAQ,CAAC;GACT,UAAU,CAAC;GACX,gBAAgB,KAAA;EAClB;CACF,CAAC;CAED,OAAO,CACL,WAAW,YAAY,sBAAsB,aAAa,SAAS,GACnE,WAAW,YAAY,gBAAgB,QAAQ,UAAU,CAC3D;AACF,CAAC,CACH"}

package/dist/lib/chunk-switch-workspace.mjs

@@ -0,0 +1,12 @@
+import { t as updateState } from "./chunk-update-state.mjs";
+import * as Effect from "effect/Effect";
+import { LayoutOperation } from "@dxos/app-toolkit";
+import { Operation } from "@dxos/compute";
+//#region src/operations/switch-workspace.ts
+var handler = LayoutOperation.SwitchWorkspace.pipe(Operation.withHandler(Effect.fnUntraced(function* ({ subject }) {
+	yield* updateState(() => ({ workspace: subject }));
+})));
+//#endregion
+export { handler as default };
+
+//# sourceMappingURL=chunk-switch-workspace.mjs.map

package/dist/lib/chunk-switch-workspace.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"chunk-switch-workspace.mjs","names":[],"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/compute';\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":";;;;;AAWA,IAAM,UAAyE,gBAAgB,gBAAgB,KAC7G,UAAU,YACR,OAAO,WAAW,WAAW,EAAE,WAAW;CACxC,OAAO,mBAAmB,EAAE,WAAW,QAAQ,EAAE;AACnD,CAAC,CACH,CACF"}

package/dist/lib/chunk-types.mjs

@@ -0,0 +1,21 @@
+import { Capability } from "@dxos/app-framework";
+import { meta } from "#meta";
+//#region \0rolldown/runtime.js
+var __defProp = Object.defineProperty;
+var __exportAll = (all, no_symbols) => {
+	let target = {};
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
+	if (!no_symbols) __defProp(target, Symbol.toStringTag, { value: "Module" });
+	return target;
+};
+//#endregion
+//#region src/types/StorybookCapabilities.ts
+var StorybookCapabilities_exports = /* @__PURE__ */ __exportAll({ LayoutState: () => LayoutState });
+var LayoutState = Capability.make(`${meta.profile.key}.state`);
+//#endregion
+export { StorybookCapabilities_exports as n, LayoutState as t };
+
+//# sourceMappingURL=chunk-types.mjs.map

package/dist/lib/chunk-types.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"chunk-types.mjs","names":[],"sources":["../../src/types/StorybookCapabilities.ts"],"sourcesContent":["//\n// Copyright 2025 DXOS.org\n//\n\n// @import-as-namespace\n\nimport { type Atom } from '@effect-atom/atom';\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' | 'rename';\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.profile.key}.state`);\n"],"mappings":";;;;;;;;;;;;;;;;AAwCA,IAAa,cAAc,WAAW,KAAsC,GAAG,KAAK,QAAQ,IAAI,OAAO"}

package/dist/lib/chunk-update-complementary.mjs

@@ -0,0 +1,16 @@
+import { t as updateState } from "./chunk-update-state.mjs";
+import * as Effect from "effect/Effect";
+import { LayoutOperation } from "@dxos/app-toolkit";
+import { Operation } from "@dxos/compute";
+//#region src/operations/update-complementary.ts
+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 {};
+	});
+})));
+//#endregion
+export { handler as default };
+
+//# sourceMappingURL=chunk-update-complementary.mjs.map

package/dist/lib/chunk-update-complementary.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"chunk-update-complementary.mjs","names":[],"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/compute';\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":";;;;;AAWA,IAAM,UACJ,gBAAgB,oBAAoB,KAClC,UAAU,YACR,OAAO,WAAW,WAAW,EAAE,SAAS;CACtC,OAAO,aAAa,WAAW;EAC7B,MAAM,OAAO,SAAS,OAAO;EAC7B,IAAI,SAAS,OAAO,2BAClB,OAAO,EAAE,2BAA2B,KAAK;EAE3C,OAAO,CAAC;CACV,CAAC;AACH,CAAC,CACH,CACF"}

package/dist/lib/chunk-update-dialog.mjs

@@ -0,0 +1,22 @@
+import { t as updateState } from "./chunk-update-state.mjs";
+import * as Effect from "effect/Effect";
+import { LayoutOperation } from "@dxos/app-toolkit";
+import { Operation } from "@dxos/compute";
+//#region src/operations/update-dialog.ts
+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
+	}));
+})));
+//#endregion
+export { handler as default };
+
+//# sourceMappingURL=chunk-update-dialog.mjs.map

package/dist/lib/chunk-update-dialog.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"chunk-update-dialog.mjs","names":[],"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/compute';\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":";;;;;AAWA,IAAM,UAAsE,gBAAgB,aAAa,KACvG,UAAU,YACR,OAAO,WAAW,WAAW,EAAE,SAAS,OAAO,MAAM,YAAY,gBAAgB,cAAc,SAAS;CACtG,OAAO,mBAAmB;EACxB,YAAY,SAAS,QAAQ,OAAO;EACpC,YAAY,QAAQ;EACpB,kBAAkB,cAAc;EAChC,sBAAsB;EACtB,oBAAoB;EACpB,eAAe,UAAU;GAAE,WAAW;GAAS;EAAM,IAAI;CAC3D,EAAE;AACJ,CAAC,CACH,CACF"}

package/dist/lib/chunk-update-popover.mjs

@@ -0,0 +1,35 @@
+import { t as updateState } from "./chunk-update-state.mjs";
+import * as Effect from "effect/Effect";
+import { LayoutOperation } from "@dxos/app-toolkit";
+import { Operation } from "@dxos/compute";
+//#region src/operations/update-popover.ts
+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;
+	});
+})));
+//#endregion
+export { handler as default };
+
+//# sourceMappingURL=chunk-update-popover.mjs.map

package/dist/lib/chunk-update-popover.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"chunk-update-popover.mjs","names":[],"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/compute';\n\nimport { StorybookCapabilities } 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<StorybookCapabilities.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":";;;;;AAYA,IAAM,UAAuE,gBAAgB,cAAc,KACzG,UAAU,YACR,OAAO,WAAW,WAAW,OAAO;CAClC,MAAM,EAAE,SAAS,OAAO,MAAM,MAAM,UAAU;CAC9C,OAAO,kBAAkB;EACvB,MAAM,OAAwD;GAC5D,aAAa,QAAQ;GACrB,cAAc,SAAS,SAAS,MAAM,QAAQ,KAAA;GAC9C,gBACE,OAAO,YAAY,WAAW;IAAE,WAAW;IAAS;GAAM,IAAI,UAAU,EAAE,QAAQ,IAAI,KAAA;GACxF,aAAa,SAAS,QAAQ,OAAO;GACrC,aAAa;EACf;EACA,IAAI,aAAa,SAAS,MAAM,YAAY,WAC1C,OAAO;GAAE,GAAG;GAAM,gBAAgB;GAAW,eAAe,MAAM;EAAO;OACpE,IAAI,cAAc,OACvB,OAAO;GAAE,GAAG;GAAM,gBAAgB;GAAS,iBAAiB,MAAM;EAAS;EAE7E,OAAO;CACT,CAAC;AACH,CAAC,CACH,CACF"}

package/dist/lib/chunk-update-sidebar.mjs

@@ -0,0 +1,16 @@
+import { t as updateState } from "./chunk-update-state.mjs";
+import * as Effect from "effect/Effect";
+import { LayoutOperation } from "@dxos/app-toolkit";
+import { Operation } from "@dxos/compute";
+//#region src/operations/update-sidebar.ts
+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 {};
+	});
+})));
+//#endregion
+export { handler as default };
+
+//# sourceMappingURL=chunk-update-sidebar.mjs.map

package/dist/lib/chunk-update-sidebar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"chunk-update-sidebar.mjs","names":[],"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/compute';\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":";;;;;AAWA,IAAM,UAAuE,gBAAgB,cAAc,KACzG,UAAU,YACR,OAAO,WAAW,WAAW,EAAE,SAAS;CACtC,OAAO,aAAa,WAAW;EAC7B,MAAM,OAAO,SAAS,OAAO;EAC7B,IAAI,SAAS,OAAO,cAClB,OAAO,EAAE,cAAc,KAAK;EAE9B,OAAO,CAAC;CACV,CAAC;AACH,CAAC,CACH,CACF"}

package/dist/lib/chunk-update-state.mjs

@@ -0,0 +1,20 @@
+import { t as LayoutState } from "./chunk-types.mjs";
+import { Capabilities, Capability } from "@dxos/app-framework";
+import * as Effect from "effect/Effect";
+import * as Option from "effect/Option";
+//#region src/operations/update-state.ts
+var updateState = (fn) => Effect.gen(function* () {
+	const registry = yield* Capability.get(Capabilities.AtomRegistry);
+	const stateAtomOption = yield* Effect.option(Capability.get(LayoutState));
+	if (Option.isNone(stateAtomOption)) return;
+	const stateAtom = stateAtomOption.value;
+	const current = registry.get(stateAtom);
+	registry.set(stateAtom, {
+		...current,
+		...fn(current)
+	});
+});
+//#endregion
+export { updateState as t };
+
+//# sourceMappingURL=chunk-update-state.mjs.map

package/dist/lib/chunk-update-state.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"chunk-update-state.mjs","names":[],"sources":["../../src/operations/update-state.ts"],"sourcesContent":["//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Effect from 'effect/Effect';\nimport * as Option from 'effect/Option';\n\nimport { Capabilities, Capability } from '@dxos/app-framework';\n\nimport { StorybookCapabilities } from '../types';\n\nexport const updateState = (\n  fn: (state: StorybookCapabilities.LayoutStateProps) => Partial<StorybookCapabilities.LayoutStateProps>,\n) =>\n  Effect.gen(function* () {\n    const registry = yield* Capability.get(Capabilities.AtomRegistry);\n    // LayoutState may be absent when the plugin manager has been disposed (e.g. after a storybook test\n    // completes but a background Effect fiber is still in flight). Treat this as a no-op.\n    const stateAtomOption = yield* Effect.option(Capability.get(StorybookCapabilities.LayoutState));\n    if (Option.isNone(stateAtomOption)) {\n      return;\n    }\n    const stateAtom = stateAtomOption.value;\n    const current = registry.get(stateAtom);\n    registry.set(stateAtom, { ...current, ...fn(current) });\n  });\n"],"mappings":";;;;;AAWA,IAAa,eACX,OAEA,OAAO,IAAI,aAAa;CACtB,MAAM,WAAW,OAAO,WAAW,IAAI,aAAa,YAAY;CAGhE,MAAM,kBAAkB,OAAO,OAAO,OAAO,WAAW,IAAI,WAAiC,CAAC;CAC9F,IAAI,OAAO,OAAO,eAAe,GAC/B;CAEF,MAAM,YAAY,gBAAgB;CAClC,MAAM,UAAU,SAAS,IAAI,SAAS;CACtC,SAAS,IAAI,WAAW;EAAE,GAAG;EAAS,GAAG,GAAG,OAAO;CAAE,CAAC;AACxD,CAAC"}

package/dist/lib/components.mjs

@@ -0,0 +1,175 @@
+import { AlertDialog, Button, Card, Dialog, Main, Popover, Toast, toLocalizedString, useTranslation } from "@dxos/react-ui";
+import { meta } from "#meta";
+import { RegistryContext, useAtomValue } from "@effect-atom/atom-react";
+import { useCallback, useContext, useEffect, useRef, useState } from "react";
+import { Surface, useCapability } from "@dxos/app-framework/ui";
+import { AppSurface } from "@dxos/app-toolkit/ui";
+import { Dnd } from "@dxos/react-ui-dnd";
+import { descriptionMessage, mx } from "@dxos/ui-theme";
+import { StorybookCapabilities } from "#types";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/Layout/Layout.tsx
+var debounce_delay = 100;
+var StoryToast = ({ toast, onDismiss }) => {
+	const { t } = useTranslation(meta.profile.key);
+	return /* @__PURE__ */ jsxs(Toast.Root, {
+		"data-testid": toast.id,
+		defaultOpen: true,
+		duration: toast.duration,
+		onOpenChange: (open) => {
+			if (!open) onDismiss(toast.id);
+		},
+		children: [
+			/* @__PURE__ */ jsx(Toast.Title, {
+				icon: toast.icon,
+				onClose: toast.closeLabel ? () => onDismiss(toast.id) : void 0,
+				children: toast.title && /* @__PURE__ */ jsx("span", { children: toLocalizedString(toast.title, t) })
+			}),
+			toast.description && /* @__PURE__ */ jsx(Toast.Description, { children: toLocalizedString(toast.description, t) }),
+			toast.onAction && toast.actionAlt && toast.actionLabel && /* @__PURE__ */ jsx(Toast.Actions, { children: /* @__PURE__ */ jsx(Toast.Action, {
+				altText: toLocalizedString(toast.actionAlt, t),
+				asChild: true,
+				children: /* @__PURE__ */ jsx(Button, {
+					variant: "primary",
+					onClick: () => toast.onAction?.(),
+					children: toLocalizedString(toast.actionLabel, t)
+				})
+			}) })
+		]
+	});
+};
+var Layout = ({ children }) => {
+	const { t } = useTranslation(meta.profile.key);
+	const trigger = useRef(null);
+	const registry = useContext(RegistryContext);
+	const stateAtom = useCapability(StorybookCapabilities.LayoutState);
+	const layout = useAtomValue(stateAtom);
+	const [iter, setIter] = useState(0);
+	const [open, setOpen] = useState(false);
+	const debounceRef = useRef(null);
+	const updateState = useCallback((updates) => {
+		const current = registry.get(stateAtom);
+		registry.set(stateAtom, {
+			...current,
+			...updates
+		});
+	}, [registry, stateAtom]);
+	useEffect(() => {
+		setOpen(false);
+		if (debounceRef.current) {
+			clearTimeout(debounceRef.current);
+			debounceRef.current = null;
+		}
+		trigger.current = layout.popoverAnchor ?? null;
+		setIter((iter) => iter + 1);
+		if (layout.popoverOpen) debounceRef.current = setTimeout(() => setOpen(true), debounce_delay);
+	}, [
+		layout.popoverAnchor,
+		layout.popoverContent,
+		layout.popoverOpen
+	]);
+	const handleClose = useCallback(() => {
+		setOpen(false);
+		updateState({
+			popoverOpen: false,
+			popoverAnchor: void 0,
+			popoverAnchorId: void 0,
+			popoverSide: void 0
+		});
+	}, [updateState]);
+	const handleInteractOutside = useCallback((event) => {
+		if (event.type === "dismissableLayer.focusOutside" && event.currentTarget?.classList.contains("cm-content")) event.preventDefault();
+		else handleClose();
+	}, [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__ */ jsx(Toast.Provider, { children: /* @__PURE__ */ jsxs("div", {
+		className: "fixed inset-0 flex overflow-hidden",
+		children: [
+			/* @__PURE__ */ jsx(Dnd.Root, { children: /* @__PURE__ */ jsxs(Popover.Root, {
+				open,
+				children: [
+					/* @__PURE__ */ jsx(Main.Root, {
+						navigationSidebarState: layout.sidebarState,
+						complementarySidebarState: layout.complementarySidebarState,
+						onNavigationSidebarStateChange: (next) => updateState({ sidebarState: next }),
+						onComplementarySidebarStateChange: (next) => updateState({ complementarySidebarState: next }),
+						children
+					}),
+					/* @__PURE__ */ jsx(DialogRoot, {
+						modal: layout.dialogBlockAlign !== "end",
+						open: layout.dialogOpen,
+						onOpenChange: (nextOpen) => updateState({ dialogOpen: nextOpen }),
+						children: layout.dialogBlockAlign === "end" ? /* @__PURE__ */ jsx(Surface.Surface, {
+							type: AppSurface.Dialog,
+							data: layout.dialogContent,
+							limit: 1,
+							fallback: ErrorFallback,
+							placeholder: /* @__PURE__ */ jsx("div", {})
+						}) : /* @__PURE__ */ jsx(DialogOverlay, {
+							blockAlign: layout.dialogBlockAlign,
+							classNames: layout.dialogOverlayClasses,
+							style: layout.dialogOverlayStyle,
+							children: /* @__PURE__ */ jsx(Surface.Surface, {
+								type: AppSurface.Dialog,
+								data: layout.dialogContent,
+								limit: 1,
+								fallback: ErrorFallback
+							})
+						})
+					}),
+					/* @__PURE__ */ jsx(Popover.VirtualTrigger, { virtualRef: trigger }, iter),
+					/* @__PURE__ */ jsx(Popover.Portal, { children: /* @__PURE__ */ jsxs(Popover.Content, {
+						side: layout.popoverSide,
+						onOpenAutoFocus: (event) => event.preventDefault(),
+						onInteractOutside: handleInteractOutside,
+						onEscapeKeyDown: handleInteractOutside,
+						sticky: "always",
+						hideWhenDetached: true,
+						children: [/* @__PURE__ */ jsxs(Popover.Viewport, { children: [layout.popoverKind === "card" && /* @__PURE__ */ jsxs(Card.Root, { children: [/* @__PURE__ */ jsxs(Card.Header, { children: [
+							/* @__PURE__ */ jsx(Card.DragHandle, {}),
+							layout.popoverTitle ? /* @__PURE__ */ jsx(Card.Title, { children: toLocalizedString(layout.popoverTitle, t) }) : /* @__PURE__ */ jsx("span", {}),
+							/* @__PURE__ */ jsx(Card.ActionIconButton, {
+								action: "close",
+								onClick: handleClose
+							})
+						] }), /* @__PURE__ */ jsx(Surface.Surface, {
+							type: AppSurface.CardContent,
+							data: layout.popoverContent,
+							limit: 1
+						})] }), (layout.popoverKind === "base" || layout.popoverKind === "rename") && /* @__PURE__ */ jsx(Surface.Surface, {
+							type: AppSurface.Popover,
+							data: layout.popoverContent,
+							limit: 1
+						})] }), /* @__PURE__ */ jsx(Popover.Arrow, {})]
+					}) })
+				]
+			}) }),
+			layout.toasts.map((toast) => /* @__PURE__ */ jsx(StoryToast, {
+				toast,
+				onDismiss: handleDismissToast
+			}, toast.id)),
+			/* @__PURE__ */ jsx(Toast.Viewport, {})
+		]
+	}) });
+};
+var ErrorFallback = ({ error }) => {
+	const { t } = useTranslation(meta.profile.key);
+	const errorString = error?.toString() ?? "";
+	return /* @__PURE__ */ jsx("div", {
+		role: "alert",
+		"data-testid": "error-boundary-fallback",
+		className: mx("overflow-auto p-8 dx-attention-surface grid place-items-center"),
+		children: /* @__PURE__ */ jsx("p", {
+			className: mx(descriptionMessage, "break-words rounded-md p-8", errorString.length < 256 && "text-lg"),
+			children: error ? errorString : t("error-fallback.message")
+		})
+	});
+};
+//#endregion
+export { ErrorFallback, Layout };
+
+//# sourceMappingURL=components.mjs.map