@dxos/plugin-testing 0.8.4-main.422d1c7879 → 0.8.4-main.4668b7de9b

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dxos/plugin-testing",
-  "version": "0.8.4-main.422d1c7879",
+  "version": "0.8.4-main.4668b7de9b",
   "description": "Plugin testing utils",
   "homepage": "https://dxos.org",
   "bugs": "https://github.com/dxos/dxos/issues",
@@ -8,28 +8,57 @@
     "type": "git",
     "url": "https://github.com/dxos/dxos"
   },
-  "license": "MIT",
+  "license": "FSL-1.1-Apache-2.0",
   "author": "DXOS.org",
   "sideEffects": true,
   "type": "module",
   "imports": {
-    "#capabilities": "./src/capabilities/index.ts",
-    "#components": "./src/components/index.ts",
-    "#meta": "./src/meta.ts",
-    "#operations": "./src/operations/index.ts",
-    "#types": "./src/types/index.ts"
+    "#capabilities": {
+      "source": "./src/capabilities/index.ts",
+      "types": "./dist/types/src/capabilities/index.d.ts",
+      "default": "./dist/lib/neutral/capabilities/index.mjs"
+    },
+    "#components": {
+      "source": "./src/components/index.ts",
+      "types": "./dist/types/src/components/index.d.ts",
+      "default": "./dist/lib/neutral/components/index.mjs"
+    },
+    "#meta": {
+      "source": "./src/meta.ts",
+      "types": "./dist/types/src/meta.d.ts",
+      "default": "./dist/lib/neutral/meta.mjs"
+    },
+    "#operations": {
+      "source": "./src/operations/index.ts",
+      "types": "./dist/types/src/operations/index.d.ts",
+      "default": "./dist/lib/neutral/operations/index.mjs"
+    },
+    "#plugin": {
+      "source": "./src/StorybookPlugin.ts",
+      "types": "./dist/types/src/StorybookPlugin.d.ts",
+      "default": "./dist/lib/neutral/StorybookPlugin.mjs"
+    },
+    "#types": {
+      "source": "./src/types/index.ts",
+      "types": "./dist/types/src/types/index.d.ts",
+      "default": "./dist/lib/neutral/types/index.mjs"
+    }
   },
   "exports": {
     ".": {
       "source": "./src/index.ts",
       "types": "./dist/types/src/index.d.ts",
-      "browser": "./dist/lib/browser/index.mjs"
+      "default": "./dist/lib/neutral/index.mjs"
     },
     "./harness": {
       "source": "./src/harness.ts",
       "types": "./dist/types/src/harness.d.ts",
-      "browser": "./dist/lib/browser/harness.mjs",
-      "node": "./dist/lib/node-esm/harness.mjs"
+      "default": "./dist/lib/neutral/harness.mjs"
+    },
+    "./plugin": {
+      "source": "./src/plugin.ts",
+      "types": "./dist/types/src/plugin.d.ts",
+      "default": "./dist/lib/neutral/plugin.mjs"
     }
   },
   "types": "dist/types/src/index.d.ts",
@@ -38,17 +67,18 @@
     "src"
   ],
   "dependencies": {
-    "@effect-atom/atom": "^0.5.1",
     "@effect-atom/atom-react": "^0.5.0",
-    "@dxos/app-toolkit": "0.8.4-main.422d1c7879",
-    "@dxos/app-framework": "0.8.4-main.422d1c7879",
-    "@dxos/plugin-graph": "0.8.4-main.422d1c7879",
-    "@dxos/plugin-attention": "0.8.4-main.422d1c7879",
-    "@dxos/operation": "0.8.4-main.422d1c7879",
-    "@dxos/plugin-settings": "0.8.4-main.422d1c7879",
-    "@dxos/plugin-theme": "0.8.4-main.422d1c7879",
-    "@dxos/react-ui-mosaic": "0.8.4-main.422d1c7879",
-    "@dxos/util": "0.8.4-main.422d1c7879"
+    "@dxos/app-framework": "0.8.4-main.4668b7de9b",
+    "@dxos/app-toolkit": "0.8.4-main.4668b7de9b",
+    "@dxos/log": "0.8.4-main.4668b7de9b",
+    "@dxos/plugin-graph": "0.8.4-main.4668b7de9b",
+    "@dxos/plugin-theme": "0.8.4-main.4668b7de9b",
+    "@dxos/plugin-settings": "0.8.4-main.4668b7de9b",
+    "@dxos/react-ui-mosaic": "0.8.4-main.4668b7de9b",
+    "@dxos/util": "0.8.4-main.4668b7de9b",
+    "@dxos/keys": "0.8.4-main.4668b7de9b",
+    "@dxos/plugin-attention": "0.8.4-main.4668b7de9b",
+    "@dxos/compute": "0.8.4-main.4668b7de9b"
   },
   "devDependencies": {
     "@types/react": "~19.2.7",
@@ -56,16 +86,16 @@
     "effect": "3.20.0",
     "react": "~19.2.3",
     "react-dom": "~19.2.3",
-    "vite": "^7.1.11",
-    "@dxos/react-ui": "0.8.4-main.422d1c7879",
-    "@dxos/ui-theme": "0.8.4-main.422d1c7879"
+    "vite": "^8.0.14",
+    "@dxos/ui-theme": "0.8.4-main.4668b7de9b",
+    "@dxos/react-ui": "0.8.4-main.4668b7de9b"
   },
   "peerDependencies": {
     "effect": "3.20.0",
     "react": "~19.2.3",
     "react-dom": "~19.2.3",
-    "@dxos/react-ui": "0.8.4-main.422d1c7879",
-    "@dxos/ui-theme": "0.8.4-main.422d1c7879"
+    "@dxos/react-ui": "0.8.4-main.4668b7de9b",
+    "@dxos/ui-theme": "0.8.4-main.4668b7de9b"
   },
   "publishConfig": {
     "access": "public"

package/src/StorybookPlugin.ts

@@ -10,10 +10,10 @@ import { AppActivationEvents, AppPlugin } from '@dxos/app-toolkit';
 import { OperationHandler, State } from '#capabilities';
 import { Layout } from '#components';
 import { meta } from '#meta';
-import { type LayoutStateProps } from '#types';
+import { StorybookCapabilities } from '#types';
 
 export type StorybookPluginOptions = {
-  initialState?: Partial<LayoutStateProps>;
+  initialState?: Partial<StorybookCapabilities.LayoutStateProps>;
 };
 
 export const StorybookPlugin = Plugin.define<StorybookPluginOptions>(meta).pipe(
@@ -37,3 +37,5 @@ export const StorybookPlugin = Plugin.define<StorybookPluginOptions>(meta).pipe(
   })),
   Plugin.make,
 );
+
+export default StorybookPlugin;

package/src/capabilities/index.ts

@@ -3,7 +3,7 @@
 //
 
 import { Capability } from '@dxos/app-framework';
-import { OperationHandlerSet } from '@dxos/operation';
+import { OperationHandlerSet } from '@dxos/compute';
 
 export const OperationHandler = Capability.lazy<OperationHandlerSet.OperationHandlerSet>(
   'OperationHandler',

package/src/capabilities/operation-handler.ts

@@ -5,7 +5,7 @@
 import * as Effect from 'effect/Effect';
 
 import { Capabilities, Capability } from '@dxos/app-framework';
-import type { OperationHandlerSet } from '@dxos/operation';
+import type { OperationHandlerSet } from '@dxos/compute';
 
 import { TestingOperationHandlerSet } from '#operations';
 

package/src/capabilities/state.tsx

@@ -8,9 +8,9 @@ import * as Effect from 'effect/Effect';
 import { Capability } from '@dxos/app-framework';
 import { AppCapabilities } from '@dxos/app-toolkit';
 
-import { LayoutState, type LayoutStateProps } from '#types';
+import { StorybookCapabilities } from '#types';
 
-const defaultState: LayoutStateProps = {
+const defaultState: StorybookCapabilities.LayoutStateProps = {
   sidebarState: 'closed',
   complementarySidebarState: 'closed',
   dialogOpen: false,
@@ -19,9 +19,9 @@ const defaultState: LayoutStateProps = {
 };
 
 export default Capability.makeModule(
-  Effect.fnUntraced(function* (props?: { initialState?: Partial<LayoutStateProps> }) {
+  Effect.fnUntraced(function* (props?: { initialState?: Partial<StorybookCapabilities.LayoutStateProps> }) {
     const { initialState } = props ?? {};
-    const stateAtom = Atom.make<LayoutStateProps>({ ...defaultState, ...initialState });
+    const stateAtom = Atom.make<StorybookCapabilities.LayoutStateProps>({ ...defaultState, ...initialState });
 
     const layoutAtom = Atom.make((get): AppCapabilities.Layout => {
       const state = get(stateAtom);
@@ -37,6 +37,9 @@ export default Capability.makeModule(
       };
     });
 
-    return [Capability.contributes(LayoutState, stateAtom), Capability.contributes(AppCapabilities.Layout, layoutAtom)];
+    return [
+      Capability.contributes(StorybookCapabilities.LayoutState, stateAtom),
+      Capability.contributes(AppCapabilities.Layout, layoutAtom),
+    ];
   }),
 );

package/src/components/Layout/Layout.tsx

@@ -12,7 +12,6 @@ import {
   AlertDialog,
   Button,
   Dialog,
-  Icon,
   Main,
   Popover,
   type PopoverContentInteractOutsideEvent,
@@ -25,7 +24,7 @@ import { Mosaic } from '@dxos/react-ui-mosaic';
 import { descriptionMessage, mx } from '@dxos/ui-theme';
 
 import { meta } from '#meta';
-import { LayoutState, type LayoutStateProps } from '#types';
+import { StorybookCapabilities } from '#types';
 
 const debounce_delay = 100;
 
@@ -42,27 +41,19 @@ const StoryToast = ({ toast, onDismiss }: { toast: LayoutOperation.Toast; onDism
         }
       }}
     >
-      <Toast.Body>
-        <Toast.Title classNames='items-center'>
-          {toast.icon && <Icon icon={toast.icon} classNames='inline mr-1' />}
-          {toast.title && <span>{toLocalizedString(toast.title, t)}</span>}
-        </Toast.Title>
-        {toast.description && <Toast.Description>{toLocalizedString(toast.description, t)}</Toast.Description>}
-      </Toast.Body>
-      <Toast.Actions>
-        {toast.onAction && toast.actionAlt && toast.actionLabel && (
+      <Toast.Title icon={toast.icon} onClose={toast.closeLabel ? () => onDismiss(toast.id) : undefined}>
+        {toast.title && <span>{toLocalizedString(toast.title, t)}</span>}
+      </Toast.Title>
+      {toast.description && <Toast.Description>{toLocalizedString(toast.description, t)}</Toast.Description>}
+      {toast.onAction && toast.actionAlt && toast.actionLabel && (
+        <Toast.Actions>
           <Toast.Action altText={toLocalizedString(toast.actionAlt, t)} asChild>
             <Button variant='primary' onClick={() => toast.onAction?.()}>
               {toLocalizedString(toast.actionLabel, t)}
             </Button>
           </Toast.Action>
-        )}
-        {toast.closeLabel && (
-          <Toast.Close asChild>
-            <Button>{toLocalizedString(toast.closeLabel, t)}</Button>
-          </Toast.Close>
-        )}
-      </Toast.Actions>
+        </Toast.Actions>
+      )}
     </Toast.Root>
   );
 };
@@ -71,14 +62,14 @@ export const Layout = ({ children }: PropsWithChildren<{}>) => {
   const { t } = useTranslation(meta.id);
   const trigger = useRef<HTMLButtonElement | null>(null);
   const registry = useContext(RegistryContext);
-  const stateAtom = useCapability(LayoutState);
+  const stateAtom = useCapability(StorybookCapabilities.LayoutState);
   const layout = useAtomValue(stateAtom);
   const [iter, setIter] = useState(0);
   const [open, setOpen] = useState(false);
   const debounceRef = useRef<NodeJS.Timeout | null>(null);
 
   const updateState = useCallback(
-    (updates: Partial<LayoutStateProps>) => {
+    (updates: Partial<StorybookCapabilities.LayoutStateProps>) => {
       const current = registry.get(stateAtom);
       registry.set(stateAtom, { ...current, ...updates });
     },
@@ -135,7 +126,7 @@ export const Layout = ({ children }: PropsWithChildren<{}>) => {
 
   return (
     <Toast.Provider>
-      <div role='none' className='fixed inset-0 flex overflow-hidden'>
+      <div className='fixed inset-0 flex overflow-hidden'>
         <Mosaic.Root>
           <Popover.Root open={open}>
             <Main.Root
@@ -180,6 +171,7 @@ export const Layout = ({ children }: PropsWithChildren<{}>) => {
             <Popover.Portal>
               <Popover.Content
                 side={layout.popoverSide}
+                onOpenAutoFocus={(event) => event.preventDefault()}
                 onInteractOutside={handleInteractOutside}
                 onEscapeKeyDown={handleInteractOutside}
                 sticky='always'
@@ -188,16 +180,16 @@ export const Layout = ({ children }: PropsWithChildren<{}>) => {
                 <Popover.Viewport>
                   {layout.popoverKind === 'card' && (
                     <Card.Root>
-                      <Card.Toolbar>
-                        {/* TODO(wittjosiah): Cleaner way to handle no drag handle in toolbar? */}
-                        <span />
+                      <Card.Header>
+                        {/* Disabled drag handle keeps the toolbar slot layout consistent with regular cards. */}
+                        <Card.DragHandle />
                         {layout.popoverTitle ? (
                           <Card.Title>{toLocalizedString(layout.popoverTitle, t)}</Card.Title>
                         ) : (
                           <span />
                         )}
-                        <Card.CloseIconButton onClick={handleClose} />
-                      </Card.Toolbar>
+                        <Card.ActionIconButton action='close' onClick={handleClose} />
+                      </Card.Header>
                       <Surface.Surface type={AppSurface.Card} data={layout.popoverContent} limit={1} />
                     </Card.Root>
                   )}

package/src/core.ts

@@ -2,12 +2,25 @@
 // Copyright 2025 DXOS.org
 //
 
-import { OperationPlugin, type Plugin, RuntimePlugin } from '@dxos/app-framework';
-import { AttentionPlugin } from '@dxos/plugin-attention';
-import { GraphPlugin } from '@dxos/plugin-graph';
-import { SettingsPlugin } from '@dxos/plugin-settings';
-import { ThemePlugin } from '@dxos/plugin-theme';
-import { defaultTx } from '@dxos/ui-theme';
+import { type Plugin, ProcessManagerPlugin } from '@dxos/app-framework';
+// `/testing` entrypoints re-export the plugin eagerly (without `Plugin.lazy`).
+// The default `.` and `/plugin` exports wrap each plugin in a lazy stub
+// (`() => import('./XPlugin')`), which webkit cannot reliably resolve under
+// vite-dev: the dynamic-import promise can settle with a partially-evaluated
+// namespace, throwing `ReferenceError: Cannot access 'default' before
+// initialization` from the loader's `mod.default` access. Storybook runs
+// inside `storybook dev` (vite-dev) and is currently the only host that hits
+// this. Production hosts (composer-app via `vite preview`) keep using the
+// lazy `.` exports and their associated code splitting.
+//
+// Use these `/testing` entrypoints from any storybook `withPluginManager`
+// setup. The single-line `export * from './XPlugin'` re-exports avoid the
+// dynamic-import path entirely — see e.g. `plugin-attention/src/testing.ts`.
+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';
 
 /**
  * Core plugins for testing/storybook environments.
@@ -17,8 +30,7 @@ import { defaultTx } from '@dxos/ui-theme';
 export const corePlugins = (): Plugin.Plugin[] => [
   AttentionPlugin(),
   GraphPlugin(),
-  OperationPlugin(),
-  RuntimePlugin(),
+  ProcessManagerPlugin(),
   SettingsPlugin(),
   ThemePlugin({ tx: defaultTx }),
 ];

package/src/harness.ts

@@ -2,11 +2,11 @@
 // Copyright 2026 DXOS.org
 //
 
-import { OperationPlugin, type Plugin, RuntimePlugin } from '@dxos/app-framework';
+import { type Plugin, ProcessManagerPlugin } from '@dxos/app-framework';
 import { createTestApp, type TestAppOptions, type TestHarness } from '@dxos/app-framework/testing';
-import { AttentionPlugin } from '@dxos/plugin-attention';
-import { GraphPlugin } from '@dxos/plugin-graph';
-import { SettingsPlugin } from '@dxos/plugin-settings';
+import { AttentionPlugin } from '@dxos/plugin-attention/testing';
+import { GraphPlugin } from '@dxos/plugin-graph/testing';
+import { SettingsPlugin } from '@dxos/plugin-settings/testing';
 
 export type ComposerTestAppOptions = Omit<TestAppOptions, 'plugins'> & {
   /** Plugins to register in addition to the Composer core plugins. */
@@ -26,14 +26,13 @@ export type ComposerTestAppOptions = Omit<TestAppOptions, 'plugins'> & {
 const headlessCorePlugins = (): Plugin.Plugin[] => [
   AttentionPlugin(),
   GraphPlugin(),
-  OperationPlugin(),
-  RuntimePlugin(),
+  ProcessManagerPlugin(),
   SettingsPlugin(),
 ];
 
 /**
  * Creates a TestHarness pre-loaded with the Composer core plugins
- * (Attention, Graph, Operation, Runtime, Settings, optionally Theme).
+ * (Attention, Graph, ProcessManager, Settings, optionally Theme).
  *
  * For a ClientPlugin-backed harness, pass `ClientPlugin({ ... })` via `plugins`.
  */
@@ -41,8 +40,8 @@ export const createComposerTestApp = async (opts: ComposerTestAppOptions = {}):
   const { plugins = [], theme = false, ...rest } = opts;
   const core = headlessCorePlugins();
   if (theme) {
-    const { ThemePlugin } = await import('@dxos/plugin-theme');
-    const { defaultTx } = await import('@dxos/ui-theme');
+    const { ThemePlugin } = await import('@dxos/plugin-theme/testing');
+    const { defaultTx } = await import('@dxos/react-ui');
     core.push(ThemePlugin({ tx: defaultTx }));
   }
   return createTestApp({

package/src/index.ts

@@ -3,7 +3,12 @@
 //
 
 export * from './core';
-export * from './harness';
 export * from './meta';
+export * from './types';
 
+// `@dxos/plugin-testing` is a testing-only package, so `StorybookPlugin` is
+// exported eagerly from the `.` entrypoint (no `Plugin.lazy` indirection).
+// Storybook on webkit + vite-dev cannot reliably resolve the lazy form's
+// dynamic `import()` — see `./core.ts` for the underlying chunk-init issue
+// — and there is no production code-splitting benefit to recover here.
 export * from './StorybookPlugin';

package/src/meta.ts

@@ -2,15 +2,17 @@
 // Copyright 2023 DXOS.org
 //
 
-import { type Plugin } from '@dxos/app-framework';
+import { Plugin } from '@dxos/app-framework';
+import { DXN } from '@dxos/keys';
 import { trim } from '@dxos/util';
 
-export const meta: Plugin.Meta = {
-  id: 'org.dxos.plugin.storybook-layout',
+export const meta = Plugin.makeMeta({
+  key: DXN.make('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',
-};
+});

package/src/operations/add-toast.ts

@@ -5,7 +5,7 @@
 import * as Effect from 'effect/Effect';
 
 import { LayoutOperation } from '@dxos/app-toolkit';
-import { Operation } from '@dxos/operation';
+import { Operation } from '@dxos/compute';
 
 import { updateState } from './update-state';
 

package/src/operations/close.ts

@@ -5,7 +5,7 @@
 import * as Effect from 'effect/Effect';
 
 import { LayoutOperation } from '@dxos/app-toolkit';
-import { Operation } from '@dxos/operation';
+import { Operation } from '@dxos/compute';
 
 const handler: Operation.WithHandler<typeof LayoutOperation.Close> = LayoutOperation.Close.pipe(
   Operation.withHandler(() => Effect.void),

package/src/operations/index.ts

@@ -2,7 +2,7 @@
 // Copyright 2025 DXOS.org
 //
 
-import { OperationHandlerSet } from '@dxos/operation';
+import { OperationHandlerSet } from '@dxos/compute';
 
 export const TestingOperationHandlerSet = OperationHandlerSet.lazy(
   () => import('./add-toast'),

package/src/operations/open.ts

@@ -5,11 +5,13 @@
 import * as Effect from 'effect/Effect';
 
 import { LayoutOperation } from '@dxos/app-toolkit';
-import { Operation } from '@dxos/operation';
+import { Operation } from '@dxos/compute';
+import { log } from '@dxos/log';
 
 const handler: Operation.WithHandler<typeof LayoutOperation.Open> = LayoutOperation.Open.pipe(
   Operation.withHandler(
     Effect.fnUntraced(function* (input) {
+      log('LayoutOperation.Open handler start');
       return input.subject;
     }),
   ),

package/src/operations/scroll-into-view.ts

@@ -5,7 +5,7 @@
 import * as Effect from 'effect/Effect';
 
 import { LayoutOperation } from '@dxos/app-toolkit';
-import { Operation } from '@dxos/operation';
+import { Operation } from '@dxos/compute';
 
 const handler: Operation.WithHandler<typeof LayoutOperation.ScrollIntoView> = LayoutOperation.ScrollIntoView.pipe(
   Operation.withHandler(() => Effect.void),

package/src/operations/set-layout-mode.ts

@@ -5,7 +5,7 @@
 import * as Effect from 'effect/Effect';
 
 import { LayoutOperation } from '@dxos/app-toolkit';
-import { Operation } from '@dxos/operation';
+import { Operation } from '@dxos/compute';
 
 const handler: Operation.WithHandler<typeof LayoutOperation.SetLayoutMode> = LayoutOperation.SetLayoutMode.pipe(
   Operation.withHandler(() => Effect.void),

package/src/operations/switch-workspace.ts

@@ -5,7 +5,7 @@
 import * as Effect from 'effect/Effect';
 
 import { LayoutOperation } from '@dxos/app-toolkit';
-import { Operation } from '@dxos/operation';
+import { Operation } from '@dxos/compute';
 
 import { updateState } from './update-state';
 

package/src/operations/update-complementary.ts

@@ -5,7 +5,7 @@
 import * as Effect from 'effect/Effect';
 
 import { LayoutOperation } from '@dxos/app-toolkit';
-import { Operation } from '@dxos/operation';
+import { Operation } from '@dxos/compute';
 
 import { updateState } from './update-state';
 

package/src/operations/update-dialog.ts

@@ -5,7 +5,7 @@
 import * as Effect from 'effect/Effect';
 
 import { LayoutOperation } from '@dxos/app-toolkit';
-import { Operation } from '@dxos/operation';
+import { Operation } from '@dxos/compute';
 
 import { updateState } from './update-state';
 

package/src/operations/update-popover.ts

@@ -5,9 +5,9 @@
 import * as Effect from 'effect/Effect';
 
 import { LayoutOperation } from '@dxos/app-toolkit';
-import { Operation } from '@dxos/operation';
+import { Operation } from '@dxos/compute';
 
-import { type LayoutStateProps } from '../types';
+import { StorybookCapabilities } from '../types';
 import { updateState } from './update-state';
 
 const handler: Operation.WithHandler<typeof LayoutOperation.UpdatePopover> = LayoutOperation.UpdatePopover.pipe(
@@ -15,7 +15,7 @@ const handler: Operation.WithHandler<typeof LayoutOperation.UpdatePopover> = Lay
     Effect.fnUntraced(function* (input) {
       const { subject, state, side, kind, props } = input;
       yield* updateState(() => {
-        const base: Partial<LayoutStateProps> = {
+        const base: Partial<StorybookCapabilities.LayoutStateProps> = {
           popoverKind: kind ?? 'base',
           popoverTitle: kind === 'card' ? input.title : undefined,
           popoverContent:

package/src/operations/update-sidebar.ts

@@ -5,7 +5,7 @@
 import * as Effect from 'effect/Effect';
 
 import { LayoutOperation } from '@dxos/app-toolkit';
-import { Operation } from '@dxos/operation';
+import { Operation } from '@dxos/compute';
 
 import { updateState } from './update-state';
 

package/src/operations/update-state.ts

@@ -6,12 +6,14 @@ import * as Effect from 'effect/Effect';
 
 import { Capabilities, Capability } from '@dxos/app-framework';
 
-import { LayoutState, type LayoutStateProps } from '../types';
+import { StorybookCapabilities } from '../types';
 
-export const updateState = (fn: (state: LayoutStateProps) => Partial<LayoutStateProps>) =>
+export const updateState = (
+  fn: (state: StorybookCapabilities.LayoutStateProps) => Partial<StorybookCapabilities.LayoutStateProps>,
+) =>
   Effect.gen(function* () {
     const registry = yield* Capability.get(Capabilities.AtomRegistry);
-    const stateAtom = yield* Capability.get(LayoutState);
+    const stateAtom = yield* Capability.get(StorybookCapabilities.LayoutState);
     const current = registry.get(stateAtom);
     registry.set(stateAtom, { ...current, ...fn(current) });
   });

package/src/plugin.ts

@@ -0,0 +1,12 @@
+//
+// Copyright 2023 DXOS.org
+//
+
+import { Plugin } from '@dxos/app-framework';
+
+import { meta } from './meta';
+
+export const StorybookPlugin = Plugin.lazy(meta, () => import('#plugin'));
+export type { StorybookPluginOptions } from '#plugin';
+
+export { TestingOperationHandlerSet } from './operations';

package/src/types/{capabilities.ts → StorybookCapabilities.ts}

@@ -2,6 +2,8 @@
 // Copyright 2025 DXOS.org
 //
 
+// @import-as-namespace
+
 import { type Atom } from '@effect-atom/atom-react';
 
 import { Capability } from '@dxos/app-framework';

package/src/types/index.ts

@@ -2,4 +2,4 @@
 // Copyright 2025 DXOS.org
 //
 
-export * from './capabilities';
+export * as StorybookCapabilities from './StorybookCapabilities';

package/dist/lib/browser/chunk-G2BI2IZM.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/harness.ts"],
-  "sourcesContent": ["//\n// Copyright 2026 DXOS.org\n//\n\nimport { OperationPlugin, type Plugin, RuntimePlugin } from '@dxos/app-framework';\nimport { createTestApp, type TestAppOptions, type TestHarness } from '@dxos/app-framework/testing';\nimport { AttentionPlugin } from '@dxos/plugin-attention';\nimport { GraphPlugin } from '@dxos/plugin-graph';\nimport { SettingsPlugin } from '@dxos/plugin-settings';\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(),\n  GraphPlugin(),\n  OperationPlugin(),\n  RuntimePlugin(),\n  SettingsPlugin(),\n];\n\n/**\n * Creates a TestHarness pre-loaded with the Composer core plugins\n * (Attention, Graph, Operation, Runtime, Settings, optionally Theme).\n *\n * For a ClientPlugin-backed harness, pass `ClientPlugin({ ... })` via `plugins`.\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');\n    const { defaultTx } = await import('@dxos/ui-theme');\n    core.push(ThemePlugin({ tx: defaultTx }));\n  }\n  return createTestApp({\n    ...rest,\n    plugins: [...core, ...plugins],\n  });\n};\n"],
-  "mappings": ";AAIA,SAASA,iBAA8BC,qBAAqB;AAC5D,SAASC,qBAA4D;AACrE,SAASC,uBAAuB;AAChC,SAASC,mBAAmB;AAC5B,SAASC,sBAAsB;AAiB/B,IAAMC,sBAAsB,MAAuB;EACjDC,gBAAAA;EACAC,YAAAA;EACAC,gBAAAA;EACAC,cAAAA;EACAC,eAAAA;;AASK,IAAMC,wBAAwB,OAAOC,OAA+B,CAAC,MAAC;AAC3E,QAAM,EAAEC,UAAU,CAAA,GAAIC,QAAQ,OAAO,GAAGC,KAAAA,IAASH;AACjD,QAAMI,OAAOX,oBAAAA;AACb,MAAIS,OAAO;AACT,UAAM,EAAEG,YAAW,IAAK,MAAM,OAAO,oBAAA;AACrC,UAAM,EAAEC,UAAS,IAAK,MAAM,OAAO,gBAAA;AACnCF,SAAKG,KAAKF,YAAY;MAAEG,IAAIF;IAAU,CAAA,CAAA;EACxC;AACA,SAAOG,cAAc;IACnB,GAAGN;IACHF,SAAS;SAAIG;SAASH;;EACxB,CAAA;AACF;",
-  "names": ["OperationPlugin", "RuntimePlugin", "createTestApp", "AttentionPlugin", "GraphPlugin", "SettingsPlugin", "headlessCorePlugins", "AttentionPlugin", "GraphPlugin", "OperationPlugin", "RuntimePlugin", "SettingsPlugin", "createComposerTestApp", "opts", "plugins", "theme", "rest", "core", "ThemePlugin", "defaultTx", "push", "tx", "createTestApp"]
-}

package/dist/lib/browser/harness.mjs

@@ -1,7 +0,0 @@
-import {
-  createComposerTestApp
-} from "./chunk-G2BI2IZM.mjs";
-export {
-  createComposerTestApp
-};
-//# sourceMappingURL=harness.mjs.map