@dxos/plugin-testing 0.12.0-next-73daef452f1464b62efdbca75fb0067c1066f264 → 0.13.0

package/dist/lib/StorybookCapabilities.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"StorybookCapabilities.mjs","names":[],"sources":["../../src/types/StorybookCapabilities.ts"],"sourcesContent":["//\n// Copyright 2025 DXOS.org\n//\n\n// @import-as-namespace\n\nimport type * as Atom from 'effect/unstable/reactivity/Atom';\n\nimport * as Capability from '@dxos/app-framework/Capability';\nimport type * as LayoutOperation from '@dxos/app-toolkit/LayoutOperation';\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.makeSingleton<Atom.Writable<LayoutStateProps>>()(`${meta.profile.key}.state`);\n"],"mappings":";;;;;AAwCA,IAAa,cAAc,WAAW,cAA+C,CAAC,CAAC,GAAG,KAAK,QAAQ,IAAI,OAAO"}
+{"version":3,"file":"StorybookCapabilities.mjs","names":[],"sources":["../../src/types/StorybookCapabilities.ts"],"sourcesContent":["//\n// Copyright 2025 DXOS.org\n//\n\n// @import-as-namespace\n\nimport type * as Atom from 'effect/reactivity/Atom';\n\nimport * as Capability from '@dxos/app-framework/Capability';\nimport type * as LayoutOperation from '@dxos/app-toolkit/LayoutOperation';\nimport type * as Theme from '@dxos/react-ui/Theme';\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?: Theme.Label;\n  popoverContent?: any;\n\n  toasts: LayoutOperation.Toast[];\n\n  workspace: string;\n};\n\nexport const LayoutState = Capability.makeSingleton<Atom.Writable<LayoutStateProps>>()(`${meta.profile.key}.state`);\n"],"mappings":";;;;;AAwCA,IAAa,cAAc,WAAW,cAA+C,CAAC,CAAC,GAAG,KAAK,QAAQ,IAAI,OAAO"}

package/dist/lib/capabilities.browser.mjs

@@ -0,0 +1,16 @@
+import * as ActivationEvents from "@dxos/app-framework/ActivationEvents";
+import * as Capability from "@dxos/app-framework/Capability";
+import * as AppCapabilities from "@dxos/app-toolkit/AppCapabilities";
+import * as AppCapability from "@dxos/app-toolkit/AppCapability";
+import { StorybookCapabilities } from "#types";
+//#region src/capabilities/gen/browser.ts
+var OperationHandler = AppCapability.operationHandler(() => import("./chunk-operation-handler.mjs"));
+var ReactContext = AppCapability.reactContext(() => import("./chunk-react-context.mjs"));
+var State = Capability.lazyModule("State", {
+	activatesOn: ActivationEvents.Startup,
+	provides: [StorybookCapabilities.LayoutState, AppCapabilities.Layout]
+}, () => import("./chunk-state.mjs"));
+//#endregion
+export { OperationHandler, ReactContext, State };
+
+//# sourceMappingURL=capabilities.browser.mjs.map

package/dist/lib/capabilities.browser.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"capabilities.browser.mjs","names":[],"sources":["../../src/capabilities/gen/browser.ts"],"sourcesContent":["//\n// Copyright 2026 DXOS.org\n//\n\n// GENERATED by dx-plugin — do not edit. Sliced from ../index.ts for the 'browser' condition.\n\nimport * as ActivationEvents from '@dxos/app-framework/ActivationEvents';\nimport * as Capability from '@dxos/app-framework/Capability';\nimport * as AppCapabilities from '@dxos/app-toolkit/AppCapabilities';\nimport * as AppCapability from '@dxos/app-toolkit/AppCapability';\n\nimport { StorybookCapabilities } from '#types';\n\nexport const OperationHandler = AppCapability.operationHandler(() => import('../operation-handler.ts'));\n\nexport const ReactContext = AppCapability.reactContext(() => import('../react-context.tsx'));\n\nexport const State = Capability.lazyModule(\n  'State',\n  // Shell state read by `Layout` on its first render — same class as the deck's `DeckState`.\n  { activatesOn: ActivationEvents.Startup, provides: [StorybookCapabilities.LayoutState, AppCapabilities.Layout] },\n  () => import('../state.tsx'),\n);\n"],"mappings":";;;;;;AAaA,IAAa,mBAAmB,cAAc,uBAAuB,OAAO,gCAA0B;AAEtG,IAAa,eAAe,cAAc,mBAAmB,OAAO,4BAAuB;AAE3F,IAAa,QAAQ,WAAW,WAC9B,SAEA;CAAE,aAAa,iBAAiB;CAAS,UAAU,CAAC,sBAAsB,aAAa,gBAAgB,MAAM;AAAE,SACzG,OAAO,oBACf"}

package/dist/lib/capabilities.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"capabilities.mjs","names":[],"sources":["../../src/capabilities/index.ts"],"sourcesContent":["//\n// Copyright 2025 DXOS.org\n//\n\nimport * as ActivationEvents from '@dxos/app-framework/ActivationEvents';\nimport * as Capability from '@dxos/app-framework/Capability';\nimport * as AppCapabilities from '@dxos/app-toolkit/AppCapabilities';\nimport * as AppCapability from '@dxos/app-toolkit/AppCapability';\n\nimport { StorybookCapabilities } from '#types';\n\nexport const OperationHandler = AppCapability.operationHandler(() => import('./operation-handler'));\nexport const ReactContext = AppCapability.reactContext(() => import('./react-context'));\nexport const State = Capability.lazyModule(\n  'State',\n  // Shell state read by `Layout` on its first render — same class as the deck's `DeckState`.\n  { activatesOn: ActivationEvents.Startup, provides: [StorybookCapabilities.LayoutState, AppCapabilities.Layout] },\n  () => import('./state'),\n);\n"],"mappings":";;;;;;AAWA,IAAa,mBAAmB,cAAc,uBAAuB,OAAO,gCAAsB;AAClG,IAAa,eAAe,cAAc,mBAAmB,OAAO,4BAAkB;AACtF,IAAa,QAAQ,WAAW,WAC9B,SAEA;CAAE,aAAa,iBAAiB;CAAS,UAAU,CAAC,sBAAsB,aAAa,gBAAgB,MAAM;AAAE,SACzG,OAAO,oBACf"}
+{"version":3,"file":"capabilities.mjs","names":[],"sources":["../../src/capabilities/index.ts"],"sourcesContent":["//\n// Copyright 2025 DXOS.org\n//\n\nimport * as ActivationEvents from '@dxos/app-framework/ActivationEvents';\nimport * as Capability from '@dxos/app-framework/Capability';\nimport * as AppCapabilities from '@dxos/app-toolkit/AppCapabilities';\nimport * as AppCapability from '@dxos/app-toolkit/AppCapability';\n\nimport { StorybookCapabilities } from '#types';\n\nexport const OperationHandler = AppCapability.operationHandler(() => import('./operation-handler.ts'));\nexport const ReactContext = AppCapability.reactContext(() => import('./react-context.tsx'));\nexport const State = Capability.lazyModule(\n  'State',\n  // Shell state read by `Layout` on its first render — same class as the deck's `DeckState`.\n  { activatesOn: ActivationEvents.Startup, provides: [StorybookCapabilities.LayoutState, AppCapabilities.Layout] },\n  () => import('./state.tsx'),\n);\n"],"mappings":";;;;;;AAWA,IAAa,mBAAmB,cAAc,uBAAuB,OAAO,gCAAyB;AACrG,IAAa,eAAe,cAAc,mBAAmB,OAAO,4BAAsB;AAC1F,IAAa,QAAQ,WAAW,WAC9B,SAEA;CAAE,aAAa,iBAAiB;CAAS,UAAU,CAAC,sBAAsB,aAAa,gBAAgB,MAAM;AAAE,SACzG,OAAO,oBACf"}

package/dist/lib/capabilities.node.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"capabilities.node.mjs","names":[],"sources":["../../src/capabilities/gen/node.ts"],"sourcesContent":["//\n// Copyright 2026 DXOS.org\n//\n\n// GENERATED by dx-plugin — do not edit. Sliced from ../index.ts for the 'node' condition.\n\nimport * as ActivationEvents from '@dxos/app-framework/ActivationEvents';\nimport * as Capability from '@dxos/app-framework/Capability';\nimport * as AppCapabilities from '@dxos/app-toolkit/AppCapabilities';\nimport * as AppCapability from '@dxos/app-toolkit/AppCapability';\n\nimport { StorybookCapabilities } from '#types';\n\nexport const OperationHandler = AppCapability.operationHandler(() => import('../operation-handler'));\n\nexport const State = Capability.lazyModule(\n  'State',\n  // Shell state read by `Layout` on its first render — same class as the deck's `DeckState`.\n  { activatesOn: ActivationEvents.Startup, provides: [StorybookCapabilities.LayoutState, AppCapabilities.Layout] },\n  () => import('../state'),\n);\n\nexport const ReactContext = undefined;\n"],"mappings":";;;;;;AAaA,IAAa,mBAAmB,cAAc,uBAAuB,OAAO,gCAAuB;AAEnG,IAAa,QAAQ,WAAW,WAC9B,SAEA;CAAE,aAAa,iBAAiB;CAAS,UAAU,CAAC,sBAAsB,aAAa,gBAAgB,MAAM;AAAE,SACzG,OAAO,oBACf;AAEA,IAAa,eAAe,KAAA"}
+{"version":3,"file":"capabilities.node.mjs","names":[],"sources":["../../src/capabilities/gen/node.ts"],"sourcesContent":["//\n// Copyright 2026 DXOS.org\n//\n\n// GENERATED by dx-plugin — do not edit. Sliced from ../index.ts for the 'node' condition.\n\nimport * as ActivationEvents from '@dxos/app-framework/ActivationEvents';\nimport * as Capability from '@dxos/app-framework/Capability';\nimport * as AppCapabilities from '@dxos/app-toolkit/AppCapabilities';\nimport * as AppCapability from '@dxos/app-toolkit/AppCapability';\n\nimport { StorybookCapabilities } from '#types';\n\nexport const OperationHandler = AppCapability.operationHandler(() => import('../operation-handler.ts'));\n\nexport const State = Capability.lazyModule(\n  'State',\n  // Shell state read by `Layout` on its first render — same class as the deck's `DeckState`.\n  { activatesOn: ActivationEvents.Startup, provides: [StorybookCapabilities.LayoutState, AppCapabilities.Layout] },\n  () => import('../state.tsx'),\n);\n\nexport const ReactContext = undefined;\n"],"mappings":";;;;;;AAaA,IAAa,mBAAmB,cAAc,uBAAuB,OAAO,gCAA0B;AAEtG,IAAa,QAAQ,WAAW,WAC9B,SAEA;CAAE,aAAa,iBAAiB;CAAS,UAAU,CAAC,sBAAsB,aAAa,gBAAgB,MAAM;AAAE,SACzG,OAAO,oBACf;AAEA,IAAa,eAAe,KAAA"}

package/dist/lib/capabilities.tauri.mjs

@@ -0,0 +1,16 @@
+import * as ActivationEvents from "@dxos/app-framework/ActivationEvents";
+import * as Capability from "@dxos/app-framework/Capability";
+import * as AppCapabilities from "@dxos/app-toolkit/AppCapabilities";
+import * as AppCapability from "@dxos/app-toolkit/AppCapability";
+import { StorybookCapabilities } from "#types";
+//#region src/capabilities/gen/tauri.ts
+var OperationHandler = AppCapability.operationHandler(() => import("./chunk-operation-handler.mjs"));
+var ReactContext = AppCapability.reactContext(() => import("./chunk-react-context.mjs"));
+var State = Capability.lazyModule("State", {
+	activatesOn: ActivationEvents.Startup,
+	provides: [StorybookCapabilities.LayoutState, AppCapabilities.Layout]
+}, () => import("./chunk-state.mjs"));
+//#endregion
+export { OperationHandler, ReactContext, State };
+
+//# sourceMappingURL=capabilities.tauri.mjs.map

package/dist/lib/capabilities.tauri.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"capabilities.tauri.mjs","names":[],"sources":["../../src/capabilities/gen/tauri.ts"],"sourcesContent":["//\n// Copyright 2026 DXOS.org\n//\n\n// GENERATED by dx-plugin — do not edit. Sliced from ../index.ts for the 'tauri' condition.\n\nimport * as ActivationEvents from '@dxos/app-framework/ActivationEvents';\nimport * as Capability from '@dxos/app-framework/Capability';\nimport * as AppCapabilities from '@dxos/app-toolkit/AppCapabilities';\nimport * as AppCapability from '@dxos/app-toolkit/AppCapability';\n\nimport { StorybookCapabilities } from '#types';\n\nexport const OperationHandler = AppCapability.operationHandler(() => import('../operation-handler.ts'));\n\nexport const ReactContext = AppCapability.reactContext(() => import('../react-context.tsx'));\n\nexport const State = Capability.lazyModule(\n  'State',\n  // Shell state read by `Layout` on its first render — same class as the deck's `DeckState`.\n  { activatesOn: ActivationEvents.Startup, provides: [StorybookCapabilities.LayoutState, AppCapabilities.Layout] },\n  () => import('../state.tsx'),\n);\n"],"mappings":";;;;;;AAaA,IAAa,mBAAmB,cAAc,uBAAuB,OAAO,gCAA0B;AAEtG,IAAa,eAAe,cAAc,mBAAmB,OAAO,4BAAuB;AAE3F,IAAa,QAAQ,WAAW,WAC9B,SAEA;CAAE,aAAa,iBAAiB;CAAS,UAAU,CAAC,sBAAsB,aAAa,gBAAgB,MAAM;AAAE,SACzG,OAAO,oBACf"}

package/dist/lib/capabilities.workerd.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"capabilities.workerd.mjs","names":[],"sources":["../../src/capabilities/gen/workerd.ts"],"sourcesContent":["//\n// Copyright 2026 DXOS.org\n//\n\n// GENERATED by dx-plugin — do not edit. Sliced from ../index.ts for the 'workerd' condition.\n\nimport * as ActivationEvents from '@dxos/app-framework/ActivationEvents';\nimport * as Capability from '@dxos/app-framework/Capability';\nimport * as AppCapabilities from '@dxos/app-toolkit/AppCapabilities';\nimport * as AppCapability from '@dxos/app-toolkit/AppCapability';\n\nimport { StorybookCapabilities } from '#types';\n\nexport const OperationHandler = AppCapability.operationHandler(() => import('../operation-handler'));\n\nexport const State = Capability.lazyModule(\n  'State',\n  // Shell state read by `Layout` on its first render — same class as the deck's `DeckState`.\n  { activatesOn: ActivationEvents.Startup, provides: [StorybookCapabilities.LayoutState, AppCapabilities.Layout] },\n  () => import('../state'),\n);\n\nexport const ReactContext = undefined;\n"],"mappings":";;;;;;AAaA,IAAa,mBAAmB,cAAc,uBAAuB,OAAO,gCAAuB;AAEnG,IAAa,QAAQ,WAAW,WAC9B,SAEA;CAAE,aAAa,iBAAiB;CAAS,UAAU,CAAC,sBAAsB,aAAa,gBAAgB,MAAM;AAAE,SACzG,OAAO,oBACf;AAEA,IAAa,eAAe,KAAA"}
+{"version":3,"file":"capabilities.workerd.mjs","names":[],"sources":["../../src/capabilities/gen/workerd.ts"],"sourcesContent":["//\n// Copyright 2026 DXOS.org\n//\n\n// GENERATED by dx-plugin — do not edit. Sliced from ../index.ts for the 'workerd' condition.\n\nimport * as ActivationEvents from '@dxos/app-framework/ActivationEvents';\nimport * as Capability from '@dxos/app-framework/Capability';\nimport * as AppCapabilities from '@dxos/app-toolkit/AppCapabilities';\nimport * as AppCapability from '@dxos/app-toolkit/AppCapability';\n\nimport { StorybookCapabilities } from '#types';\n\nexport const OperationHandler = AppCapability.operationHandler(() => import('../operation-handler.ts'));\n\nexport const State = Capability.lazyModule(\n  'State',\n  // Shell state read by `Layout` on its first render — same class as the deck's `DeckState`.\n  { activatesOn: ActivationEvents.Startup, provides: [StorybookCapabilities.LayoutState, AppCapabilities.Layout] },\n  () => import('../state.tsx'),\n);\n\nexport const ReactContext = undefined;\n"],"mappings":";;;;;;AAaA,IAAa,mBAAmB,cAAc,uBAAuB,OAAO,gCAA0B;AAEtG,IAAa,QAAQ,WAAW,WAC9B,SAEA;CAAE,aAAa,iBAAiB;CAAS,UAAU,CAAC,sBAAsB,aAAa,gBAAgB,MAAM;AAAE,SACzG,OAAO,oBACf;AAEA,IAAa,eAAe,KAAA"}

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

@@ -1 +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 * as LayoutOperation from '@dxos/app-toolkit/LayoutOperation';\nimport * as Operation from '@dxos/compute/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":";;;;;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"}
+{"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 * as LayoutOperation from '@dxos/app-toolkit/LayoutOperation';\nimport * as Operation from '@dxos/compute/Operation';\n\nimport { updateState } from './update-state.ts';\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/chunk-state.mjs

@@ -2,7 +2,7 @@ import * as Capability from "@dxos/app-framework/Capability";
 import * as AppCapabilities from "@dxos/app-toolkit/AppCapabilities";
 import { StorybookCapabilities } from "#types";
 import * as Effect from "effect/Effect";
-import * as Atom from "effect/unstable/reactivity/Atom";
+import * as Atom from "effect/reactivity/Atom";
 //#region src/capabilities/state.tsx
 var defaultState = {
 	sidebarState: "closed",

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

@@ -1 +1 @@
-{"version":3,"file":"chunk-state.mjs","names":[],"sources":["../../src/capabilities/state.tsx"],"sourcesContent":["//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Effect from 'effect/Effect';\nimport * as Atom from 'effect/unstable/reactivity/Atom';\n\nimport * as Capability from '@dxos/app-framework/Capability';\nimport * as AppCapabilities from '@dxos/app-toolkit/AppCapabilities';\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.contribute(StorybookCapabilities.LayoutState, stateAtom),\n      Capability.contribute(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,WAAW,sBAAsB,aAAa,SAAS,GAClE,WAAW,WAAW,gBAAgB,QAAQ,UAAU,CAC1D;AACF,CAAC,CACH"}
+{"version":3,"file":"chunk-state.mjs","names":[],"sources":["../../src/capabilities/state.tsx"],"sourcesContent":["//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Effect from 'effect/Effect';\nimport * as Atom from 'effect/reactivity/Atom';\n\nimport * as Capability from '@dxos/app-framework/Capability';\nimport * as AppCapabilities from '@dxos/app-toolkit/AppCapabilities';\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.contribute(StorybookCapabilities.LayoutState, stateAtom),\n      Capability.contribute(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,WAAW,sBAAsB,aAAa,SAAS,GAClE,WAAW,WAAW,gBAAgB,QAAQ,UAAU,CAC1D;AACF,CAAC,CACH"}

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

@@ -1 +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 * as LayoutOperation from '@dxos/app-toolkit/LayoutOperation';\nimport * as Operation from '@dxos/compute/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":";;;;;AAWA,IAAM,UAAyE,gBAAgB,gBAAgB,KAC7G,UAAU,YACR,OAAO,WAAW,WAAW,EAAE,WAAW;CACxC,OAAO,mBAAmB,EAAE,WAAW,QAAQ,EAAE;AACnD,CAAC,CACH,CACF"}
+{"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 * as LayoutOperation from '@dxos/app-toolkit/LayoutOperation';\nimport * as Operation from '@dxos/compute/Operation';\n\nimport { updateState } from './update-state.ts';\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-update-complementary.mjs.map

@@ -1 +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 * as LayoutOperation from '@dxos/app-toolkit/LayoutOperation';\nimport * as Operation from '@dxos/compute/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":";;;;;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"}
+{"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 * as LayoutOperation from '@dxos/app-toolkit/LayoutOperation';\nimport * as Operation from '@dxos/compute/Operation';\n\nimport { updateState } from './update-state.ts';\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.map

@@ -1 +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 * as LayoutOperation from '@dxos/app-toolkit/LayoutOperation';\nimport * as Operation from '@dxos/compute/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":";;;;;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"}
+{"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 * as LayoutOperation from '@dxos/app-toolkit/LayoutOperation';\nimport * as Operation from '@dxos/compute/Operation';\n\nimport { updateState } from './update-state.ts';\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.map

@@ -1 +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 * as LayoutOperation from '@dxos/app-toolkit/LayoutOperation';\nimport * as Operation from '@dxos/compute/Operation';\n\nimport { StorybookCapabilities } from '#types';\n\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":";;;;;AAaA,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"}
+{"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 * as LayoutOperation from '@dxos/app-toolkit/LayoutOperation';\nimport * as Operation from '@dxos/compute/Operation';\n\nimport { StorybookCapabilities } from '#types';\n\nimport { updateState } from './update-state.ts';\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":";;;;;AAaA,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.map

@@ -1 +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 * as LayoutOperation from '@dxos/app-toolkit/LayoutOperation';\nimport * as Operation from '@dxos/compute/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":";;;;;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"}
+{"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 * as LayoutOperation from '@dxos/app-toolkit/LayoutOperation';\nimport * as Operation from '@dxos/compute/Operation';\n\nimport { updateState } from './update-state.ts';\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/components.mjs

@@ -1,18 +1,28 @@
 import { StorybookCapabilities } from "#types";
+import * as Theme from "@dxos/react-ui/Theme";
 import { meta } from "#meta";
-import { AlertDialog, Button, Card, Dialog, Main, Popover, Toast, toLocalizedString, useTranslation } from "@dxos/react-ui";
 import { useAtomValue } from "@effect/atom-react/Hooks";
 import { RegistryContext } from "@effect/atom-react/RegistryContext";
 import { useCallback, useContext, useEffect, useRef, useState } from "react";
-import { Surface, useCapability } from "@dxos/app-framework/ui";
-import { AppSurface } from "@dxos/app-toolkit/ui";
+import * as Hooks from "@dxos/app-framework/Hooks";
+import * as Surface from "@dxos/app-framework/Surface";
+import * as AppSurface from "@dxos/app-toolkit/AppSurface";
 import { Dnd } from "@dxos/react-ui-dnd";
+import * as AlertDialog from "@dxos/react-ui/AlertDialog";
+import * as Card from "@dxos/react-ui/Card";
+import * as Dialog from "@dxos/react-ui/Dialog";
+import * as DragHandle from "@dxos/react-ui/DragHandle";
+import * as UiHooks from "@dxos/react-ui/Hooks";
+import * as Main from "@dxos/react-ui/Main";
+import * as Popover from "@dxos/react-ui/Popover";
+import * as Toast from "@dxos/react-ui/Toast";
+import * as VirtualAnchor from "@dxos/react-ui/VirtualAnchor";
 import { descriptionMessage, mx } from "@dxos/ui-theme";
 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);
+	const { t } = UiHooks.useTranslation(meta.profile.key);
 	return /* @__PURE__ */ jsxs(Toast.Root, {
 		"data-testid": toast.id,
 		defaultOpen: true,
@@ -21,29 +31,25 @@ var StoryToast = ({ toast, onDismiss }) => {
 			if (!open) onDismiss(toast.id);
 		},
 		children: [
-			/* @__PURE__ */ jsx(Toast.Title, {
+			/* @__PURE__ */ jsx(Toast.Header, {
 				icon: toast.icon,
-				onClose: toast.closeLabel ? () => onDismiss(toast.id) : void 0,
-				children: toast.title && /* @__PURE__ */ jsx("span", { children: toLocalizedString(toast.title, t) })
+				closable: !!toast.closeLabel,
+				children: toast.title && Theme.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)
-				})
+			toast.description && /* @__PURE__ */ jsx(Toast.Description, { children: Theme.toLocalizedString(toast.description, t) }),
+			toast.onAction && toast.actionAlt && toast.actionLabel && /* @__PURE__ */ jsx(Toast.Footer, { children: /* @__PURE__ */ jsx(Toast.ActionTrigger, {
+				variant: "primary",
+				onClick: () => toast.onAction?.(),
+				children: Theme.toLocalizedString(toast.actionLabel, t)
 			}) })
 		]
 	});
 };
 var Layout = ({ children }) => {
-	const { t } = useTranslation(meta.profile.key);
+	const { t } = UiHooks.useTranslation(meta.profile.key);
 	const trigger = useRef(null);
 	const registry = useContext(RegistryContext);
-	const stateAtom = useCapability(StorybookCapabilities.LayoutState);
+	const stateAtom = Hooks.useCapability(StorybookCapabilities.LayoutState);
 	const layout = useAtomValue(stateAtom);
 	const [iter, setIter] = useState(0);
 	const [open, setOpen] = useState(false);
@@ -78,20 +84,29 @@ var Layout = ({ children }) => {
 			popoverSide: void 0
 		});
 	}, [updateState]);
-	const handleInteractOutside = useCallback((event) => {
-		if (event.type === "dismissableLayer.focusOutside" && event.currentTarget?.classList.contains("cm-content")) event.preventDefault();
+	const handleFocusOutside = useCallback((event) => {
+		const target = event.detail.originalEvent.target;
+		if (target instanceof HTMLElement && target.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,
+				positioning: {
+					...VirtualAnchor.virtualAnchor(trigger),
+					placement: layout.popoverSide,
+					hideWhenDetached: true
+				},
+				autoFocus: false,
+				onFocusOutside: handleFocusOutside,
+				onPointerDownOutside: handleClose,
+				onEscapeKeyDown: handleClose,
 				children: [
 					/* @__PURE__ */ jsx(Main.Root, {
 						navigationSidebarState: layout.sidebarState,
@@ -103,62 +118,54 @@ var Layout = ({ children }) => {
 					/* @__PURE__ */ jsx(DialogRoot, {
 						modal: layout.dialogBlockAlign !== "end",
 						open: layout.dialogOpen,
-						onOpenChange: (nextOpen) => updateState({ dialogOpen: nextOpen }),
-						children: layout.dialogBlockAlign === "end" ? /* @__PURE__ */ jsx(Surface.Surface, {
+						onOpenChange: ({ open: nextOpen }) => updateState({ dialogOpen: nextOpen }),
+						children: /* @__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",
+					/* @__PURE__ */ jsx(Popover.Content, { children: /* @__PURE__ */ jsxs(Popover.Body, { children: [layout.popoverKind === "card" && /* @__PURE__ */ jsxs(Card.Root, {
+						grid: true,
+						border: false,
+						classNames: "dx-card-popover rounded-md",
+						children: [/* @__PURE__ */ jsxs(Card.Header, { children: [
+							/* @__PURE__ */ jsx(DragHandle.DragHandle, {}),
+							layout.popoverTitle ? /* @__PURE__ */ jsx(Card.Title, { children: Theme.toLocalizedString(layout.popoverTitle, t) }) : /* @__PURE__ */ jsx("span", {}),
+							/* @__PURE__ */ jsx(Card.Action, {
+								system: "close",
 								onClick: handleClose
 							})
-						] }), /* @__PURE__ */ jsx(Surface.Surface, {
+						] }), layout.popoverContent ? /* @__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, {})]
-					}) })
+						}) : /* @__PURE__ */ jsx(Card.Body, {
+							classNames: "min-h-8",
+							children: /* @__PURE__ */ jsx(Card.Row, { children: /* @__PURE__ */ jsx(Card.Text, {
+								variant: "muted",
+								children: "No preview available."
+							}) })
+						})]
+					}), (layout.popoverKind === "base" || layout.popoverKind === "rename") && /* @__PURE__ */ jsx(Surface.Surface, {
+						type: AppSurface.Popover,
+						data: layout.popoverContent,
+						limit: 1
+					})] }) })
 				]
 			}) }),
 			layout.toasts.map((toast) => /* @__PURE__ */ jsx(StoryToast, {
 				toast,
 				onDismiss: handleDismissToast
 			}, toast.id)),
-			/* @__PURE__ */ jsx(Toast.Viewport, {})
+			/* @__PURE__ */ jsx(Toast.Toaster, {})
 		]
 	}) });
 };
 var ErrorFallback = ({ error }) => {
-	const { t } = useTranslation(meta.profile.key);
+	const { t } = UiHooks.useTranslation(meta.profile.key);
 	const errorString = error?.toString() ?? "";
 	return /* @__PURE__ */ jsx("div", {
 		role: "alert",

package/dist/lib/components.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"components.mjs","names":[],"sources":["../../src/components/Layout/Layout.tsx"],"sourcesContent":["//\n// Copyright 2023 DXOS.org\n//\n\nimport { useAtomValue } from '@effect/atom-react/Hooks';\nimport { RegistryContext } from '@effect/atom-react/RegistryContext';\nimport React, { type PropsWithChildren, useCallback, useContext, useEffect, useRef, useState } from 'react';\n\nimport { Surface, useCapability } from '@dxos/app-framework/ui';\nimport type * as LayoutOperation from '@dxos/app-toolkit/LayoutOperation';\nimport { AppSurface } from '@dxos/app-toolkit/ui';\nimport {\n  AlertDialog,\n  Button,\n  Dialog,\n  Main,\n  Popover,\n  type PopoverContentInteractOutsideEvent,\n  Toast,\n  toLocalizedString,\n  useTranslation,\n} from '@dxos/react-ui';\nimport { Card } from '@dxos/react-ui';\nimport { Dnd } from '@dxos/react-ui-dnd';\nimport { descriptionMessage, mx } from '@dxos/ui-theme';\n\nimport { meta } from '#meta';\nimport { StorybookCapabilities } from '#types';\n\nconst debounce_delay = 100;\n\nconst StoryToast = ({ toast, onDismiss }: { toast: LayoutOperation.Toast; onDismiss: (id: string) => void }) => {\n  const { t } = useTranslation(meta.profile.key);\n  return (\n    <Toast.Root\n      data-testid={toast.id}\n      defaultOpen\n      duration={toast.duration}\n      onOpenChange={(open) => {\n        if (!open) {\n          onDismiss(toast.id);\n        }\n      }}\n    >\n      <Toast.Title icon={toast.icon} onClose={toast.closeLabel ? () => onDismiss(toast.id) : undefined}>\n        {toast.title && <span>{toLocalizedString(toast.title, t)}</span>}\n      </Toast.Title>\n      {toast.description && <Toast.Description>{toLocalizedString(toast.description, t)}</Toast.Description>}\n      {toast.onAction && toast.actionAlt && toast.actionLabel && (\n        <Toast.Actions>\n          <Toast.Action altText={toLocalizedString(toast.actionAlt, t)} asChild>\n            <Button variant='primary' onClick={() => toast.onAction?.()}>\n              {toLocalizedString(toast.actionLabel, t)}\n            </Button>\n          </Toast.Action>\n        </Toast.Actions>\n      )}\n    </Toast.Root>\n  );\n};\n\nexport const Layout = ({ children }: PropsWithChildren<{}>) => {\n  const { t } = useTranslation(meta.profile.key);\n  const trigger = useRef<HTMLButtonElement | null>(null);\n  const registry = useContext(RegistryContext);\n  const stateAtom = useCapability(StorybookCapabilities.LayoutState);\n  const layout = useAtomValue(stateAtom);\n  const [iter, setIter] = useState(0);\n  const [open, setOpen] = useState(false);\n  const debounceRef = useRef<NodeJS.Timeout | null>(null);\n\n  const updateState = useCallback(\n    (updates: Partial<StorybookCapabilities.LayoutStateProps>) => {\n      const current = registry.get(stateAtom);\n      registry.set(stateAtom, { ...current, ...updates });\n    },\n    [registry, stateAtom],\n  );\n\n  useEffect(() => {\n    setOpen(false);\n    if (debounceRef.current) {\n      clearTimeout(debounceRef.current);\n      debounceRef.current = null;\n    }\n    trigger.current = layout.popoverAnchor ?? null;\n    setIter((iter) => iter + 1);\n    if (layout.popoverOpen) {\n      debounceRef.current = setTimeout(() => setOpen(true), debounce_delay);\n    }\n  }, [layout.popoverAnchor, layout.popoverContent, layout.popoverOpen]);\n\n  const handleClose = useCallback(() => {\n    setOpen(false);\n    updateState({\n      popoverOpen: false,\n      popoverAnchor: undefined,\n      popoverAnchorId: undefined,\n      popoverSide: undefined,\n    });\n  }, [updateState]);\n\n  const handleInteractOutside = useCallback(\n    (event: KeyboardEvent | PopoverContentInteractOutsideEvent) => {\n      if (\n        // TODO(thure): CodeMirror should not focus itself when it updates.\n        event.type === 'dismissableLayer.focusOutside' &&\n        (event.currentTarget as HTMLElement | undefined)?.classList.contains('cm-content')\n      ) {\n        event.preventDefault();\n      } else {\n        handleClose();\n      }\n    },\n    [handleClose],\n  );\n\n  const handleDismissToast = useCallback(\n    (id: string) => {\n      updateState({ toasts: layout.toasts.filter((toast) => toast.id !== id) });\n    },\n    [updateState, layout.toasts],\n  );\n\n  const DialogRoot = layout.dialogType === 'alert' ? AlertDialog.Root : Dialog.Root;\n  const DialogOverlay = layout.dialogType === 'alert' ? AlertDialog.Overlay : Dialog.Overlay;\n\n  return (\n    <Toast.Provider>\n      <div className='fixed inset-0 flex overflow-hidden'>\n        <Dnd.Root>\n          <Popover.Root open={open}>\n            <Main.Root\n              navigationSidebarState={layout.sidebarState}\n              complementarySidebarState={layout.complementarySidebarState}\n              onNavigationSidebarStateChange={(next) => updateState({ sidebarState: next })}\n              onComplementarySidebarStateChange={(next) => updateState({ complementarySidebarState: next })}\n            >\n              {children}\n            </Main.Root>\n\n            <DialogRoot\n              modal={layout.dialogBlockAlign !== 'end'}\n              open={layout.dialogOpen}\n              onOpenChange={(nextOpen) => updateState({ dialogOpen: nextOpen })}\n            >\n              {layout.dialogBlockAlign === 'end' ? (\n                <Surface.Surface\n                  type={AppSurface.Dialog}\n                  data={layout.dialogContent}\n                  limit={1}\n                  fallback={ErrorFallback}\n                  placeholder={<div />}\n                />\n              ) : (\n                <DialogOverlay\n                  blockAlign={layout.dialogBlockAlign}\n                  classNames={layout.dialogOverlayClasses}\n                  style={layout.dialogOverlayStyle}\n                >\n                  <Surface.Surface\n                    type={AppSurface.Dialog}\n                    data={layout.dialogContent}\n                    limit={1}\n                    fallback={ErrorFallback}\n                  />\n                </DialogOverlay>\n              )}\n            </DialogRoot>\n\n            <Popover.VirtualTrigger key={iter} virtualRef={trigger} />\n            <Popover.Portal>\n              <Popover.Content\n                side={layout.popoverSide}\n                onOpenAutoFocus={(event) => event.preventDefault()}\n                onInteractOutside={handleInteractOutside}\n                onEscapeKeyDown={handleInteractOutside}\n                sticky='always'\n                hideWhenDetached\n              >\n                <Popover.Viewport>\n                  {layout.popoverKind === 'card' && (\n                    <Card.Root>\n                      <Card.Header>\n                        {/* Disabled drag handle keeps the toolbar slot layout consistent with regular cards. */}\n                        <Card.DragHandle />\n                        {layout.popoverTitle ? (\n                          <Card.Title>{toLocalizedString(layout.popoverTitle, t)}</Card.Title>\n                        ) : (\n                          <span />\n                        )}\n                        <Card.ActionIconButton action='close' onClick={handleClose} />\n                      </Card.Header>\n                      <Surface.Surface type={AppSurface.CardContent} data={layout.popoverContent} limit={1} />\n                    </Card.Root>\n                  )}\n                  {(layout.popoverKind === 'base' || layout.popoverKind === 'rename') && (\n                    <Surface.Surface type={AppSurface.Popover} data={layout.popoverContent} limit={1} />\n                  )}\n                </Popover.Viewport>\n                <Popover.Arrow />\n              </Popover.Content>\n            </Popover.Portal>\n          </Popover.Root>\n        </Dnd.Root>\n        {layout.toasts.map((toast) => (\n          <StoryToast key={toast.id} toast={toast} onDismiss={handleDismissToast} />\n        ))}\n        <Toast.Viewport />\n      </div>\n    </Toast.Provider>\n  );\n};\n\nexport const ErrorFallback = ({ error }: { error?: Error }) => {\n  const { t } = useTranslation(meta.profile.key);\n  const errorString = error?.toString() ?? '';\n  return (\n    <div\n      role='alert'\n      data-testid='error-boundary-fallback'\n      className={mx('overflow-auto p-8 dx-attention-surface grid place-items-center')}\n    >\n      <p className={mx(descriptionMessage, 'break-words rounded-md p-8', errorString.length < 256 && 'text-lg')}>\n        {error ? errorString : t('error-fallback.message')}\n      </p>\n    </div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"components.mjs","names":[],"sources":["../../src/components/Layout/Layout.tsx"],"sourcesContent":["//\n// Copyright 2023 DXOS.org\n//\n\nimport { useAtomValue } from '@effect/atom-react/Hooks';\nimport { RegistryContext } from '@effect/atom-react/RegistryContext';\nimport React, {\n  type ComponentProps,\n  type PropsWithChildren,\n  useCallback,\n  useContext,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\n\nimport * as Hooks from '@dxos/app-framework/Hooks';\nimport * as Surface from '@dxos/app-framework/Surface';\nimport * as AppSurface from '@dxos/app-toolkit/AppSurface';\nimport type * as LayoutOperation from '@dxos/app-toolkit/LayoutOperation';\nimport { Dnd } from '@dxos/react-ui-dnd';\nimport * as AlertDialog from '@dxos/react-ui/AlertDialog';\nimport * as Card from '@dxos/react-ui/Card';\nimport * as Dialog from '@dxos/react-ui/Dialog';\nimport * as DragHandle from '@dxos/react-ui/DragHandle';\nimport * as UiHooks from '@dxos/react-ui/Hooks';\nimport * as Main from '@dxos/react-ui/Main';\nimport * as Popover from '@dxos/react-ui/Popover';\nimport * as Theme from '@dxos/react-ui/Theme';\nimport * as Toast from '@dxos/react-ui/Toast';\nimport * as VirtualAnchor from '@dxos/react-ui/VirtualAnchor';\nimport { descriptionMessage, mx } from '@dxos/ui-theme';\n\nimport { meta } from '#meta';\nimport { StorybookCapabilities } from '#types';\n\nconst debounce_delay = 100;\n\ntype FocusOutsideEvent = Parameters<NonNullable<ComponentProps<typeof Popover.Root>['onFocusOutside']>>[0];\n\nconst StoryToast = ({ toast, onDismiss }: { toast: LayoutOperation.Toast; onDismiss: (id: string) => void }) => {\n  const { t } = UiHooks.useTranslation(meta.profile.key);\n  return (\n    <Toast.Root\n      data-testid={toast.id}\n      defaultOpen\n      duration={toast.duration}\n      onOpenChange={(open) => {\n        if (!open) {\n          onDismiss(toast.id);\n        }\n      }}\n    >\n      <Toast.Header icon={toast.icon} closable={!!toast.closeLabel}>\n        {toast.title && Theme.toLocalizedString(toast.title, t)}\n      </Toast.Header>\n      {toast.description && <Toast.Description>{Theme.toLocalizedString(toast.description, t)}</Toast.Description>}\n      {toast.onAction && toast.actionAlt && toast.actionLabel && (\n        <Toast.Footer>\n          <Toast.ActionTrigger variant='primary' onClick={() => toast.onAction?.()}>\n            {Theme.toLocalizedString(toast.actionLabel, t)}\n          </Toast.ActionTrigger>\n        </Toast.Footer>\n      )}\n    </Toast.Root>\n  );\n};\n\nexport const Layout = ({ children }: PropsWithChildren<{}>) => {\n  const { t } = UiHooks.useTranslation(meta.profile.key);\n  const trigger = useRef<HTMLButtonElement | null>(null);\n  const registry = useContext(RegistryContext);\n  const stateAtom = Hooks.useCapability(StorybookCapabilities.LayoutState);\n  const layout = useAtomValue(stateAtom);\n  const [iter, setIter] = useState(0);\n  const [open, setOpen] = useState(false);\n  const debounceRef = useRef<NodeJS.Timeout | null>(null);\n\n  const updateState = useCallback(\n    (updates: Partial<StorybookCapabilities.LayoutStateProps>) => {\n      const current = registry.get(stateAtom);\n      registry.set(stateAtom, { ...current, ...updates });\n    },\n    [registry, stateAtom],\n  );\n\n  useEffect(() => {\n    setOpen(false);\n    if (debounceRef.current) {\n      clearTimeout(debounceRef.current);\n      debounceRef.current = null;\n    }\n    trigger.current = layout.popoverAnchor ?? null;\n    setIter((iter) => iter + 1);\n    if (layout.popoverOpen) {\n      debounceRef.current = setTimeout(() => setOpen(true), debounce_delay);\n    }\n  }, [layout.popoverAnchor, layout.popoverContent, layout.popoverOpen]);\n\n  const handleClose = useCallback(() => {\n    setOpen(false);\n    updateState({\n      popoverOpen: false,\n      popoverAnchor: undefined,\n      popoverAnchorId: undefined,\n      popoverSide: undefined,\n    });\n  }, [updateState]);\n\n  const handleFocusOutside = useCallback(\n    (event: FocusOutsideEvent) => {\n      // TODO(thure): CodeMirror should not focus itself when it updates.\n      const target = event.detail.originalEvent.target;\n      if (target instanceof HTMLElement && target.classList.contains('cm-content')) {\n        event.preventDefault();\n      } else {\n        handleClose();\n      }\n    },\n    [handleClose],\n  );\n\n  const handleDismissToast = useCallback(\n    (id: string) => {\n      updateState({ toasts: layout.toasts.filter((toast) => toast.id !== id) });\n    },\n    [updateState, layout.toasts],\n  );\n\n  const DialogRoot = layout.dialogType === 'alert' ? AlertDialog.Root : Dialog.Root;\n\n  return (\n    <Toast.Provider>\n      {/* The plugin `ReactContext` capabilities — the theme plugin's `Tooltip.Provider` among them —\n          wrap `children` only, so the dialog and popover portals rendered as its siblings below sit\n          outside them. Any `IconButton` there renders a `Tooltip.Trigger`, which throws rather than\n          degrades when it finds no provider, taking the whole surface down with it. */}\n      <div className='fixed inset-0 flex overflow-hidden'>\n        <Dnd.Root>\n          <Popover.Root\n            open={open}\n            positioning={{\n              ...VirtualAnchor.virtualAnchor(trigger),\n              placement: layout.popoverSide,\n              hideWhenDetached: true,\n            }}\n            autoFocus={false}\n            onFocusOutside={handleFocusOutside}\n            onPointerDownOutside={handleClose}\n            onEscapeKeyDown={handleClose}\n          >\n            <Main.Root\n              navigationSidebarState={layout.sidebarState}\n              complementarySidebarState={layout.complementarySidebarState}\n              onNavigationSidebarStateChange={(next) => updateState({ sidebarState: next })}\n              onComplementarySidebarStateChange={(next) => updateState({ complementarySidebarState: next })}\n            >\n              {children}\n            </Main.Root>\n\n            <DialogRoot\n              modal={layout.dialogBlockAlign !== 'end'}\n              open={layout.dialogOpen}\n              onOpenChange={({ open: nextOpen }) => updateState({ dialogOpen: nextOpen })}\n            >\n              {/* The dialog surface renders its own Content, which carries the placement and scrim. */}\n              <Surface.Surface\n                type={AppSurface.Dialog}\n                data={layout.dialogContent}\n                limit={1}\n                fallback={ErrorFallback}\n                placeholder={<div />}\n              />\n            </DialogRoot>\n\n            <Popover.Content>\n              <Popover.Body>\n                {/* `border={false}`: the popover content already draws the surface and its border,\n                        so a bordered card inside it reads as a second frame. Matches the deck's popover. */}\n                {layout.popoverKind === 'card' && (\n                  <Card.Root grid border={false} classNames='dx-card-popover rounded-md'>\n                    <Card.Header>\n                      {/* Disabled drag handle keeps the toolbar slot layout consistent with regular cards. */}\n                      <DragHandle.DragHandle />\n                      {layout.popoverTitle ? (\n                        <Card.Title>{Theme.toLocalizedString(layout.popoverTitle, t)}</Card.Title>\n                      ) : (\n                        <span />\n                      )}\n                      <Card.Action system='close' onClick={handleClose} />\n                    </Card.Header>\n                    {layout.popoverContent ? (\n                      <Surface.Surface type={AppSurface.CardContent} data={layout.popoverContent} limit={1} />\n                    ) : (\n                      // Matches the deck's popover, which opens a card with no subject for a link that did not resolve.\n                      <Card.Body classNames='min-h-8'>\n                        <Card.Row>\n                          <Card.Text variant='muted'>No preview available.</Card.Text>\n                        </Card.Row>\n                      </Card.Body>\n                    )}\n                  </Card.Root>\n                )}\n                {(layout.popoverKind === 'base' || layout.popoverKind === 'rename') && (\n                  <Surface.Surface type={AppSurface.Popover} data={layout.popoverContent} limit={1} />\n                )}\n              </Popover.Body>\n            </Popover.Content>\n          </Popover.Root>\n        </Dnd.Root>\n        {layout.toasts.map((toast) => (\n          <StoryToast key={toast.id} toast={toast} onDismiss={handleDismissToast} />\n        ))}\n        <Toast.Toaster />\n      </div>\n    </Toast.Provider>\n  );\n};\n\nexport const ErrorFallback = ({ error }: { error?: Error }) => {\n  const { t } = UiHooks.useTranslation(meta.profile.key);\n  const errorString = error?.toString() ?? '';\n  return (\n    <div\n      role='alert'\n      data-testid='error-boundary-fallback'\n      className={mx('overflow-auto p-8 dx-attention-surface grid place-items-center')}\n    >\n      <p className={mx(descriptionMessage, 'break-words rounded-md p-8', errorString.length < 256 && 'text-lg')}>\n        {error ? errorString : t('error-fallback.message')}\n      </p>\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/lib/core.mjs

@@ -1,9 +1,9 @@
-import { ProcessManagerPlugin } from "@dxos/app-framework";
+import * as ProcessManagerPlugin from "@dxos/app-framework/ProcessManagerPlugin";
 import { AttentionPlugin } from "@dxos/plugin-attention/testing";
 import { GraphPlugin } from "@dxos/plugin-graph/testing";
 import { SettingsPlugin } from "@dxos/plugin-settings/testing";
 import { ThemePlugin } from "@dxos/plugin-theme/testing";
-import { defaultTx } from "@dxos/react-ui";
+import * as Theme from "@dxos/react-ui/Theme";
 //#region src/core.ts
 /**
 * Core plugins for testing/storybook environments.
@@ -13,9 +13,9 @@ import { defaultTx } from "@dxos/react-ui";
 var corePlugins = () => [
 	AttentionPlugin.make(),
 	GraphPlugin.make(),
-	ProcessManagerPlugin(),
+	ProcessManagerPlugin.make(),
 	SettingsPlugin.make(),
-	ThemePlugin.make({ tx: defaultTx })
+	ThemePlugin.make({ tx: Theme.defaultTx })
 ];
 //#endregion
 export { corePlugins };

package/dist/lib/core.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"core.mjs","names":[],"sources":["../../src/core.ts"],"sourcesContent":["//\n// Copyright 2025 DXOS.org\n//\n\nimport { ProcessManagerPlugin } from '@dxos/app-framework';\nimport type * as Plugin from '@dxos/app-framework/Plugin';\n// `/testing` entrypoints re-export the plugin eagerly (without `Plugin.lazy`).\n// The default `.` and `/plugin` exports wrap each plugin in a lazy stub\n// (`() => import('./XPlugin')`), which webkit cannot reliably resolve under\n// vite-dev: the dynamic-import promise can settle with a partially-evaluated\n// namespace, throwing `ReferenceError: Cannot access 'default' before\n// initialization` from the loader's `mod.default` access. Storybook runs\n// inside `storybook dev` (vite-dev) and is currently the only host that hits\n// this. Production hosts (composer-app via `vite preview`) keep using the\n// lazy `.` exports and their associated code splitting.\n//\n// Use these `/testing` entrypoints from any storybook `withPluginManager`\n// setup. The single-line `export * from './XPlugin'` re-exports avoid the\n// dynamic-import path entirely — see e.g. `plugin-attention/src/testing.ts`.\nimport { AttentionPlugin } from '@dxos/plugin-attention/testing';\nimport { GraphPlugin } from '@dxos/plugin-graph/testing';\nimport { SettingsPlugin } from '@dxos/plugin-settings/testing';\nimport { ThemePlugin } from '@dxos/plugin-theme/testing';\nimport { defaultTx } from '@dxos/react-ui';\n\n/**\n * Core plugins for testing/storybook environments.\n * NOTE: Does not include SpacePlugin to avoid circular dependencies.\n * Import SpacePlugin directly in your stories if needed.\n */\nexport const corePlugins = (): Plugin.Plugin[] => [\n  AttentionPlugin.make(),\n  GraphPlugin.make(),\n  ProcessManagerPlugin(),\n  SettingsPlugin.make(),\n  ThemePlugin.make({ tx: defaultTx }),\n];\n"],"mappings":";;;;;;;;;;;;AA8BA,IAAa,oBAAqC;CAChD,gBAAgB,KAAK;CACrB,YAAY,KAAK;CACjB,qBAAqB;CACrB,eAAe,KAAK;CACpB,YAAY,KAAK,EAAE,IAAI,UAAU,CAAC;AACpC"}
+{"version":3,"file":"core.mjs","names":[],"sources":["../../src/core.ts"],"sourcesContent":["//\n// Copyright 2025 DXOS.org\n//\n\nimport type * as Plugin from '@dxos/app-framework/Plugin';\nimport * as ProcessManagerPlugin from '@dxos/app-framework/ProcessManagerPlugin';\n// `/testing` entrypoints re-export the plugin eagerly (without `Plugin.lazy`).\n// The default `.` and `/plugin` exports wrap each plugin in a lazy stub\n// (`() => import('./XPlugin')`), which webkit cannot reliably resolve under\n// vite-dev: the dynamic-import promise can settle with a partially-evaluated\n// namespace, throwing `ReferenceError: Cannot access 'default' before\n// initialization` from the loader's `mod.default` access. Storybook runs\n// inside `storybook dev` (vite-dev) and is currently the only host that hits\n// this. Production hosts (composer-app via `vite preview`) keep using the\n// lazy `.` exports and their associated code splitting.\n//\n// Use these `/testing` entrypoints from any storybook `withPluginManager`\n// setup. The single-line `export * from './XPlugin'` re-exports avoid the\n// dynamic-import path entirely — see e.g. `plugin-attention/src/testing.ts`.\nimport { AttentionPlugin } from '@dxos/plugin-attention/testing';\nimport { GraphPlugin } from '@dxos/plugin-graph/testing';\nimport { SettingsPlugin } from '@dxos/plugin-settings/testing';\nimport { ThemePlugin } from '@dxos/plugin-theme/testing';\nimport * as Theme from '@dxos/react-ui/Theme';\n\n/**\n * Core plugins for testing/storybook environments.\n * NOTE: Does not include SpacePlugin to avoid circular dependencies.\n * Import SpacePlugin directly in your stories if needed.\n */\nexport const corePlugins = (): Plugin.Plugin[] => [\n  AttentionPlugin.make(),\n  GraphPlugin.make(),\n  ProcessManagerPlugin.make(),\n  SettingsPlugin.make(),\n  ThemePlugin.make({ tx: Theme.defaultTx }),\n];\n"],"mappings":";;;;;;;;;;;;AA8BA,IAAa,oBAAqC;CAChD,gBAAgB,KAAK;CACrB,YAAY,KAAK;CACjB,qBAAqB,KAAK;CAC1B,eAAe,KAAK;CACpB,YAAY,KAAK,EAAE,IAAI,MAAM,UAAU,CAAC;AAC1C"}

package/dist/lib/harness.mjs

@@ -1,9 +1,11 @@
-import { ProcessManagerPlugin } from "@dxos/app-framework";
+import { t as __exportAll } from "./chunk-rolldown-runtime.mjs";
+import * as ProcessManagerPlugin from "@dxos/app-framework/ProcessManagerPlugin";
 import { AttentionPlugin } from "@dxos/plugin-attention/testing";
 import { GraphPlugin } from "@dxos/plugin-graph/testing";
 import { SettingsPlugin } from "@dxos/plugin-settings/testing";
 import { createTestApp } from "@dxos/app-framework/testing";
-//#region src/harness.ts
+//#region src/Harness.ts
+var Harness_exports = /* @__PURE__ */ __exportAll({ createComposerTestApp: () => createComposerTestApp });
 /**
 * Headless core plugins for the test harness — the subset of `corePlugins()`
 * that can be activated without a browser DOM.
@@ -11,7 +13,7 @@ import { createTestApp } from "@dxos/app-framework/testing";
 var headlessCorePlugins = () => [
 	AttentionPlugin.make(),
 	GraphPlugin.make(),
-	ProcessManagerPlugin(),
+	ProcessManagerPlugin.make(),
 	SettingsPlugin.make()
 ];
 /**
@@ -31,7 +33,7 @@ var createComposerTestApp = async (opts = {}) => {
 	const core = headlessCorePlugins();
 	if (theme) {
 		const { ThemePlugin } = await import("@dxos/plugin-theme/testing");
-		const { defaultTx } = await import("@dxos/react-ui");
+		const { defaultTx } = await import("@dxos/react-ui/Theme");
 		core.push(ThemePlugin.make({ tx: defaultTx }));
 	}
 	return createTestApp({
@@ -40,6 +42,6 @@ var createComposerTestApp = async (opts = {}) => {
 	});
 };
 //#endregion
-export { createComposerTestApp };
+export { createComposerTestApp, Harness_exports as t };
 
 //# sourceMappingURL=harness.mjs.map

package/dist/lib/harness.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"harness.mjs","names":[],"sources":["../../src/harness.ts"],"sourcesContent":["//\n// Copyright 2026 DXOS.org\n//\n\nimport { ProcessManagerPlugin } from '@dxos/app-framework';\nimport type * as Plugin from '@dxos/app-framework/Plugin';\nimport { type TestAppOptions, type TestHarness, createTestApp } from '@dxos/app-framework/testing';\nimport { AttentionPlugin } from '@dxos/plugin-attention/testing';\nimport { GraphPlugin } from '@dxos/plugin-graph/testing';\nimport { SettingsPlugin } from '@dxos/plugin-settings/testing';\n\nexport type ComposerTestAppOptions = Omit<TestAppOptions, 'plugins'> & {\n  /** Plugins to register in addition to the Composer core plugins. */\n  plugins?: Plugin.Plugin[];\n  /**\n   * Whether to include `ThemePlugin` in the core plugin set.\n   * Defaults to `false` — `ThemePlugin` requires a browser DOM and breaks Node-only tests.\n   * Set to `true` (with jsdom/happy-dom) when rendering React surfaces.\n   */\n  theme?: boolean;\n};\n\n/**\n * Headless core plugins for the test harness — the subset of `corePlugins()`\n * that can be activated without a browser DOM.\n */\nconst headlessCorePlugins = (): Plugin.Plugin[] => [\n  AttentionPlugin.make(),\n  GraphPlugin.make(),\n  ProcessManagerPlugin(),\n  SettingsPlugin.make(),\n];\n\n/**\n * Creates a TestHarness pre-loaded with the Composer core plugins\n * (Attention, Graph, ProcessManager, Settings, optionally Theme).\n *\n * For a ClientPlugin-backed harness, pass `ClientPlugin.make({ ... })` via `plugins`.\n *\n * @idiom org.dxos.plugin-testing.pluginModuleActivation\n *   applies: Writing a basic activation smoke-test for any Composer plugin\n *   instead-of: Manually inspecting PluginManager internals or relying on e2e tests for activation checks\n *   uses: {@link createComposerTestApp}, {@link AppActivationEvents}\n *   related: org.dxos.app-framework.testing.operationCapture\n */\nexport const createComposerTestApp = async (opts: ComposerTestAppOptions = {}): Promise<TestHarness> => {\n  const { plugins = [], theme = false, ...rest } = opts;\n  const core = headlessCorePlugins();\n  if (theme) {\n    const { ThemePlugin } = await import('@dxos/plugin-theme/testing');\n    const { defaultTx } = await import('@dxos/react-ui');\n    core.push(ThemePlugin.make({ tx: defaultTx }));\n  }\n  return createTestApp({\n    ...rest,\n    plugins: [...core, ...plugins],\n  });\n};\n"],"mappings":";;;;;;;;;;AA0BA,IAAM,4BAA6C;CACjD,gBAAgB,KAAK;CACrB,YAAY,KAAK;CACjB,qBAAqB;CACrB,eAAe,KAAK;AACtB;;;;;;;;;;;;;AAcA,IAAa,wBAAwB,OAAO,OAA+B,CAAC,MAA4B;CACtG,MAAM,EAAE,UAAU,CAAC,GAAG,QAAQ,OAAO,GAAG,SAAS;CACjD,MAAM,OAAO,oBAAoB;CACjC,IAAI,OAAO;EACT,MAAM,EAAE,gBAAgB,MAAM,OAAO;EACrC,MAAM,EAAE,cAAc,MAAM,OAAO;EACnC,KAAK,KAAK,YAAY,KAAK,EAAE,IAAI,UAAU,CAAC,CAAC;CAC/C;CACA,OAAO,cAAc;EACnB,GAAG;EACH,SAAS,CAAC,GAAG,MAAM,GAAG,OAAO;CAC/B,CAAC;AACH"}
+{"version":3,"file":"harness.mjs","names":[],"sources":["../../src/Harness.ts"],"sourcesContent":["//\n// Copyright 2026 DXOS.org\n//\n\n// @import-as-namespace\n\nimport type * as Plugin from '@dxos/app-framework/Plugin';\nimport * as ProcessManagerPlugin from '@dxos/app-framework/ProcessManagerPlugin';\nimport { type TestAppOptions, type TestHarness, createTestApp } from '@dxos/app-framework/testing';\nimport { AttentionPlugin } from '@dxos/plugin-attention/testing';\nimport { GraphPlugin } from '@dxos/plugin-graph/testing';\nimport { SettingsPlugin } from '@dxos/plugin-settings/testing';\n\nexport type ComposerTestAppOptions = Omit<TestAppOptions, 'plugins'> & {\n  /** Plugins to register in addition to the Composer core plugins. */\n  plugins?: Plugin.Plugin[];\n  /**\n   * Whether to include `ThemePlugin` in the core plugin set.\n   * Defaults to `false` — `ThemePlugin` requires a browser DOM and breaks Node-only tests.\n   * Set to `true` (with jsdom/happy-dom) when rendering React surfaces.\n   */\n  theme?: boolean;\n};\n\n/**\n * Headless core plugins for the test harness — the subset of `corePlugins()`\n * that can be activated without a browser DOM.\n */\nconst headlessCorePlugins = (): Plugin.Plugin[] => [\n  AttentionPlugin.make(),\n  GraphPlugin.make(),\n  ProcessManagerPlugin.make(),\n  SettingsPlugin.make(),\n];\n\n/**\n * Creates a TestHarness pre-loaded with the Composer core plugins\n * (Attention, Graph, ProcessManager, Settings, optionally Theme).\n *\n * For a ClientPlugin-backed harness, pass `ClientPlugin.make({ ... })` via `plugins`.\n *\n * @idiom org.dxos.plugin-testing.pluginModuleActivation\n *   applies: Writing a basic activation smoke-test for any Composer plugin\n *   instead-of: Manually inspecting PluginManager internals or relying on e2e tests for activation checks\n *   uses: {@link createComposerTestApp}, {@link AppActivationEvents}\n *   related: org.dxos.app-framework.testing.operationCapture\n */\nexport const createComposerTestApp = async (opts: ComposerTestAppOptions = {}): Promise<TestHarness> => {\n  const { plugins = [], theme = false, ...rest } = opts;\n  const core = headlessCorePlugins();\n  if (theme) {\n    const { ThemePlugin } = await import('@dxos/plugin-theme/testing');\n    const { defaultTx } = await import('@dxos/react-ui/Theme');\n    core.push(ThemePlugin.make({ tx: defaultTx }));\n  }\n  return createTestApp({\n    ...rest,\n    plugins: [...core, ...plugins],\n  });\n};\n"],"mappings":";;;;;;;;;;;;AA4BA,IAAM,4BAA6C;CACjD,gBAAgB,KAAK;CACrB,YAAY,KAAK;CACjB,qBAAqB,KAAK;CAC1B,eAAe,KAAK;AACtB;;;;;;;;;;;;;AAcA,IAAa,wBAAwB,OAAO,OAA+B,CAAC,MAA4B;CACtG,MAAM,EAAE,UAAU,CAAC,GAAG,QAAQ,OAAO,GAAG,SAAS;CACjD,MAAM,OAAO,oBAAoB;CACjC,IAAI,OAAO;EACT,MAAM,EAAE,gBAAgB,MAAM,OAAO;EACrC,MAAM,EAAE,cAAc,MAAM,OAAO;EACnC,KAAK,KAAK,YAAY,KAAK,EAAE,IAAI,UAAU,CAAC,CAAC;CAC/C;CACA,OAAO,cAAc;EACnB,GAAG;EACH,SAAS,CAAC,GAAG,MAAM,GAAG,OAAO;CAC/B,CAAC;AACH"}