@dxos/plugin-testing 0.8.4-main.3fbcb4aa9b → 0.8.4-main.43cb759274

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dxos/plugin-testing",
-  "version": "0.8.4-main.3fbcb4aa9b",
+  "version": "0.8.4-main.43cb759274",
   "description": "Plugin testing utils",
   "homepage": "https://dxos.org",
   "bugs": "https://github.com/dxos/dxos/issues",
@@ -8,7 +8,7 @@
     "type": "git",
     "url": "https://github.com/dxos/dxos"
   },
-  "license": "MIT",
+  "license": "FSL-1.1-Apache-2.0",
   "author": "DXOS.org",
   "sideEffects": true,
   "type": "module",
@@ -67,34 +67,35 @@
     "src"
   ],
   "dependencies": {
-    "@effect-atom/atom": "^0.5.1",
     "@effect-atom/atom-react": "^0.5.0",
-    "@dxos/app-framework": "0.8.4-main.3fbcb4aa9b",
-    "@dxos/plugin-attention": "0.8.4-main.3fbcb4aa9b",
-    "@dxos/compute": "0.8.4-main.3fbcb4aa9b",
-    "@dxos/app-toolkit": "0.8.4-main.3fbcb4aa9b",
-    "@dxos/plugin-settings": "0.8.4-main.3fbcb4aa9b",
-    "@dxos/plugin-graph": "0.8.4-main.3fbcb4aa9b",
-    "@dxos/react-ui-mosaic": "0.8.4-main.3fbcb4aa9b",
-    "@dxos/util": "0.8.4-main.3fbcb4aa9b",
-    "@dxos/plugin-theme": "0.8.4-main.3fbcb4aa9b"
+    "@dxos/app-framework": "0.8.4-main.43cb759274",
+    "@dxos/compute": "0.8.4-main.43cb759274",
+    "@dxos/keys": "0.8.4-main.43cb759274",
+    "@dxos/log": "0.8.4-main.43cb759274",
+    "@dxos/app-toolkit": "0.8.4-main.43cb759274",
+    "@dxos/plugin-attention": "0.8.4-main.43cb759274",
+    "@dxos/plugin-graph": "0.8.4-main.43cb759274",
+    "@dxos/plugin-theme": "0.8.4-main.43cb759274",
+    "@dxos/util": "0.8.4-main.43cb759274",
+    "@dxos/react-ui-mosaic": "0.8.4-main.43cb759274",
+    "@dxos/plugin-settings": "0.8.4-main.43cb759274"
   },
   "devDependencies": {
     "@types/react": "~19.2.7",
     "@types/react-dom": "~19.2.3",
-    "effect": "3.20.0",
+    "effect": "3.21.2",
     "react": "~19.2.3",
     "react-dom": "~19.2.3",
-    "vite": "^8.0.10",
-    "@dxos/react-ui": "0.8.4-main.3fbcb4aa9b",
-    "@dxos/ui-theme": "0.8.4-main.3fbcb4aa9b"
+    "vite": "^8.0.14",
+    "@dxos/ui-theme": "0.8.4-main.43cb759274",
+    "@dxos/react-ui": "0.8.4-main.43cb759274"
   },
   "peerDependencies": {
-    "effect": "3.20.0",
+    "effect": "3.21.2",
     "react": "~19.2.3",
     "react-dom": "~19.2.3",
-    "@dxos/react-ui": "0.8.4-main.3fbcb4aa9b",
-    "@dxos/ui-theme": "0.8.4-main.3fbcb4aa9b"
+    "@dxos/ui-theme": "0.8.4-main.43cb759274",
+    "@dxos/react-ui": "0.8.4-main.43cb759274"
   },
   "publishConfig": {
     "access": "public"

package/src/components/Layout/Layout.tsx

@@ -12,7 +12,6 @@ import {
   AlertDialog,
   Button,
   Dialog,
-  Icon,
   Main,
   Popover,
   type PopoverContentInteractOutsideEvent,
@@ -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>
   );
 };
@@ -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,27 +2,25 @@
 // Copyright 2025 DXOS.org
 //
 
-import { OperationPlugin, type Plugin, RuntimePlugin } from '@dxos/app-framework';
-// `/plugin` entrypoints — `@dxos/plugin-attention/plugin`, `/plugin-client/plugin`,
-// `/plugin-graph/plugin`, `/plugin-preview/plugin`, `/plugin-settings/plugin`,
-// `/plugin-space/plugin`, `/plugin-theme/plugin` — re-export the plugin eagerly
-// (without `Plugin.lazy`). The default `.` export wraps 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.
+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 `/plugin` entrypoints from any storybook `withPluginManager`
+// 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/plugin.ts`.
+// 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/plugin';
-import { defaultTx } from '@dxos/ui-theme';
+import { ThemePlugin } from '@dxos/plugin-theme/testing';
+import { defaultTx } from '@dxos/react-ui';
 
 /**
  * Core plugins for testing/storybook environments.
@@ -32,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/plugin';
-import { GraphPlugin } from '@dxos/plugin-graph/plugin';
-import { SettingsPlugin } from '@dxos/plugin-settings/plugin';
+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/plugin');
-    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/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/open.ts

@@ -6,10 +6,12 @@ import * as Effect from 'effect/Effect';
 
 import { LayoutOperation } from '@dxos/app-toolkit';
 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/dist/lib/neutral/chunk-7UPIIIZM.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/core.ts"],
-  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { OperationPlugin, type Plugin, RuntimePlugin } from '@dxos/app-framework';\n// `/plugin` entrypoints — `@dxos/plugin-attention/plugin`, `/plugin-client/plugin`,\n// `/plugin-graph/plugin`, `/plugin-preview/plugin`, `/plugin-settings/plugin`,\n// `/plugin-space/plugin`, `/plugin-theme/plugin` — re-export the plugin eagerly\n// (without `Plugin.lazy`). The default `.` export wraps each plugin in a lazy\n// stub (`() => import('./XPlugin')`), which webkit cannot reliably resolve\n// under vite-dev: the dynamic-import promise can settle with a\n// partially-evaluated namespace, throwing `ReferenceError: Cannot access\n// 'default' before initialization` from the loader's `mod.default` access.\n// Storybook runs inside `storybook dev` (vite-dev) and is currently the only\n// host that hits this. Production hosts (composer-app via `vite preview`)\n// keep using the lazy `.` exports and their associated code splitting.\n//\n// Use these `/plugin` 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/plugin.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/plugin';\nimport { defaultTx } from '@dxos/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(),\n  GraphPlugin(),\n  OperationPlugin(),\n  RuntimePlugin(),\n  SettingsPlugin(),\n  ThemePlugin({ tx: defaultTx }),\n];\n"],
-  "mappings": ";AAIA,SAASA,iBAA8BC,qBAAqB;AAgB5D,SAASC,uBAAuB;AAChC,SAASC,mBAAmB;AAC5B,SAASC,sBAAsB;AAC/B,SAASC,mBAAmB;AAC5B,SAASC,iBAAiB;AAOnB,IAAMC,cAAc,MAAuB;EAChDL,gBAAAA;EACAC,YAAAA;EACAH,gBAAAA;EACAC,cAAAA;EACAG,eAAAA;EACAC,YAAY;IAAEG,IAAIF;EAAU,CAAA;;",
-  "names": ["OperationPlugin", "RuntimePlugin", "AttentionPlugin", "GraphPlugin", "SettingsPlugin", "ThemePlugin", "defaultTx", "corePlugins", "tx"]
-}

package/dist/lib/neutral/chunk-ZVN23V74.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/meta.ts"],
-  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { type Plugin } from '@dxos/app-framework';\nimport { trim } from '@dxos/util';\n\nexport const meta: Plugin.Meta = {\n  id: 'org.dxos.plugin.storybook-layout',\n  name: 'Storybook',\n  description: trim`\n    Development layout optimized for Storybook component testing and documentation.\n    Provides specialized views for component development and design system exploration.\n  `,\n  source: 'https://github.com/dxos/dxos/tree/main/packages/plugins/plugin-testing',\n};\n"],
-  "mappings": ";AAKA,SAASA,YAAY;AAEd,IAAMC,OAAoB;EAC/BC,IAAI;EACJC,MAAM;EACNC,aAAaJ;;;;EAIbK,QAAQ;AACV;",
-  "names": ["trim", "meta", "id", "name", "description", "source"]
-}

package/dist/lib/neutral/open-WBONYQ47.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/operations/open.ts"],
-  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Effect from 'effect/Effect';\n\nimport { LayoutOperation } from '@dxos/app-toolkit';\nimport { Operation } from '@dxos/compute';\n\nconst handler: Operation.WithHandler<typeof LayoutOperation.Open> = LayoutOperation.Open.pipe(\n  Operation.withHandler(\n    Effect.fnUntraced(function* (input) {\n      return input.subject;\n    }),\n  ),\n);\n\nexport default handler;\n"],
-  "mappings": ";;;AAIA,YAAYA,YAAY;AAExB,SAASC,uBAAuB;AAChC,SAASC,iBAAiB;AAE1B,IAAMC,UAA8DF,gBAAgBG,KAAKC,KACvFH,UAAUI,YACDC,kBAAW,WAAWC,OAAK;AAChC,SAAOA,MAAMC;AACf,CAAA,CAAA,CAAA;AAIJ,IAAA,eAAeN;",
-  "names": ["Effect", "LayoutOperation", "Operation", "handler", "Open", "pipe", "withHandler", "fnUntraced", "input", "subject"]
-}