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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dxos/plugin-testing",
-  "version": "0.12.0-next-73daef452f1464b62efdbca75fb0067c1066f264",
+  "version": "0.13.0",
   "description": "Plugin testing utils",
   "homepage": "https://dxos.org",
   "bugs": "https://github.com/dxos/dxos/issues",
@@ -10,19 +10,21 @@
   },
   "license": "FSL-1.1-Apache-2.0",
   "author": "DXOS.org",
-  "sideEffects": true,
+  "sideEffects": false,
   "type": "module",
   "imports": {
     "#capabilities": {
       "source": {
         "workerd": "./src/capabilities/gen/workerd.ts",
         "node": "./src/capabilities/gen/node.ts",
-        "default": "./src/capabilities/index.ts"
+        "tauri": "./src/capabilities/gen/tauri.ts",
+        "browser": "./src/capabilities/gen/browser.ts"
       },
       "types": "./dist/types/src/capabilities/index.d.ts",
       "workerd": "./dist/lib/capabilities.workerd.mjs",
       "node": "./dist/lib/capabilities.node.mjs",
-      "default": "./dist/lib/capabilities.mjs"
+      "tauri": "./dist/lib/capabilities.tauri.mjs",
+      "browser": "./dist/lib/capabilities.browser.mjs"
     },
     "#components": {
       "source": "./src/components/index.ts",
@@ -56,9 +58,19 @@
       "types": "./dist/types/src/index.d.ts",
       "import": "./dist/lib/index.mjs"
     },
-    "./harness": {
-      "source": "./src/harness.ts",
-      "types": "./dist/types/src/harness.d.ts",
+    "./CorePlugins": {
+      "source": "./src/CorePlugins.ts",
+      "types": "./dist/types/src/CorePlugins.d.ts",
+      "import": "./dist/lib/ns/CorePlugins.mjs"
+    },
+    "./Corpus": {
+      "source": "./src/Corpus.ts",
+      "types": "./dist/types/src/Corpus.d.ts",
+      "import": "./dist/lib/ns/Corpus.mjs"
+    },
+    "./Harness": {
+      "source": "./src/Harness.ts",
+      "types": "./dist/types/src/Harness.d.ts",
       "import": "./dist/lib/harness.mjs"
     },
     "./package.json": "./package.json",
@@ -87,34 +99,34 @@
     "src"
   ],
   "dependencies": {
-    "@effect/atom-react": "4.0.0-rc.108",
-    "@dxos/app-framework": "0.12.0-next-73daef452f1464b62efdbca75fb0067c1066f264",
-    "@dxos/app-toolkit": "0.12.0-next-73daef452f1464b62efdbca75fb0067c1066f264",
-    "@dxos/log": "0.12.0-next-73daef452f1464b62efdbca75fb0067c1066f264",
-    "@dxos/compute": "0.12.0-next-73daef452f1464b62efdbca75fb0067c1066f264",
-    "@dxos/plugin-attention": "0.12.0-next-73daef452f1464b62efdbca75fb0067c1066f264",
-    "@dxos/plugin-graph": "0.12.0-next-73daef452f1464b62efdbca75fb0067c1066f264",
-    "@dxos/plugin-settings": "0.12.0-next-73daef452f1464b62efdbca75fb0067c1066f264",
-    "@dxos/plugin-theme": "0.12.0-next-73daef452f1464b62efdbca75fb0067c1066f264",
-    "@dxos/react-ui-dnd": "0.12.0-next-73daef452f1464b62efdbca75fb0067c1066f264",
-    "@dxos/util": "0.12.0-next-73daef452f1464b62efdbca75fb0067c1066f264"
+    "@effect/atom-react": "4.0.0",
+    "@dxos/app-framework": "0.13.0",
+    "@dxos/app-toolkit": "0.13.0",
+    "@dxos/compute": "0.13.0",
+    "@dxos/log": "0.13.0",
+    "@dxos/plugin-graph": "0.13.0",
+    "@dxos/plugin-attention": "0.13.0",
+    "@dxos/plugin-settings": "0.13.0",
+    "@dxos/plugin-theme": "0.13.0",
+    "@dxos/react-ui-dnd": "0.13.0",
+    "@dxos/util": "0.13.0"
   },
   "devDependencies": {
     "@types/react": "~19.2.17",
     "@types/react-dom": "~19.2.3",
-    "effect": "4.0.0-rc.108",
+    "effect": "4.0.0",
     "react": "~19.2.7",
     "react-dom": "~19.2.7",
-    "vite": "^8.2.1",
-    "@dxos/react-ui": "0.12.0-next-73daef452f1464b62efdbca75fb0067c1066f264",
-    "@dxos/ui-theme": "0.12.0-next-73daef452f1464b62efdbca75fb0067c1066f264"
+    "vite": "^8.2.2",
+    "@dxos/react-ui": "0.13.0",
+    "@dxos/ui-theme": "0.13.0"
   },
   "peerDependencies": {
-    "effect": "4.0.0-rc.108",
+    "effect": "4.0.0",
     "react": "~19.2.7",
     "react-dom": "~19.2.7",
-    "@dxos/react-ui": "^0.12.0-next-73daef452f1464b62efdbca75fb0067c1066f264",
-    "@dxos/ui-theme": "^0.12.0-next-73daef452f1464b62efdbca75fb0067c1066f264"
+    "@dxos/react-ui": "^0.13.0",
+    "@dxos/ui-theme": "^0.13.0"
   },
   "publishConfig": {
     "access": "public"

package/src/CorePlugins.ts

@@ -0,0 +1,7 @@
+//
+// Copyright 2026 DXOS.org
+//
+
+// @import-as-namespace
+
+export { corePlugins as make } from './core.ts';

package/src/Corpus.ts

@@ -0,0 +1,7 @@
+//
+// Copyright 2026 DXOS.org
+//
+
+// @import-as-namespace
+
+export * from './corpus/index.ts';

package/src/{harness.ts → Harness.ts}

@@ -2,8 +2,10 @@
 // Copyright 2026 DXOS.org
 //
 
-import { ProcessManagerPlugin } from '@dxos/app-framework';
+// @import-as-namespace
+
 import type * as Plugin from '@dxos/app-framework/Plugin';
+import * as ProcessManagerPlugin from '@dxos/app-framework/ProcessManagerPlugin';
 import { type TestAppOptions, type TestHarness, createTestApp } from '@dxos/app-framework/testing';
 import { AttentionPlugin } from '@dxos/plugin-attention/testing';
 import { GraphPlugin } from '@dxos/plugin-graph/testing';
@@ -27,7 +29,7 @@ export type ComposerTestAppOptions = Omit<TestAppOptions, 'plugins'> & {
 const headlessCorePlugins = (): Plugin.Plugin[] => [
   AttentionPlugin.make(),
   GraphPlugin.make(),
-  ProcessManagerPlugin(),
+  ProcessManagerPlugin.make(),
   SettingsPlugin.make(),
 ];
 
@@ -48,7 +50,7 @@ export const createComposerTestApp = async (opts: ComposerTestAppOptions = {}):
   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({

package/src/capabilities/gen/browser.ts

@@ -0,0 +1,23 @@
+//
+// Copyright 2026 DXOS.org
+//
+
+// GENERATED by dx-plugin — do not edit. Sliced from ../index.ts for the 'browser' condition.
+
+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';
+
+export const OperationHandler = AppCapability.operationHandler(() => import('../operation-handler.ts'));
+
+export const ReactContext = AppCapability.reactContext(() => import('../react-context.tsx'));
+
+export const State = Capability.lazyModule(
+  'State',
+  // Shell state read by `Layout` on its first render — same class as the deck's `DeckState`.
+  { activatesOn: ActivationEvents.Startup, provides: [StorybookCapabilities.LayoutState, AppCapabilities.Layout] },
+  () => import('../state.tsx'),
+);

package/src/capabilities/gen/node.ts

@@ -11,13 +11,13 @@ import * as AppCapability from '@dxos/app-toolkit/AppCapability';
 
 import { StorybookCapabilities } from '#types';
 
-export const OperationHandler = AppCapability.operationHandler(() => import('../operation-handler'));
+export const OperationHandler = AppCapability.operationHandler(() => import('../operation-handler.ts'));
 
 export const State = Capability.lazyModule(
   'State',
   // Shell state read by `Layout` on its first render — same class as the deck's `DeckState`.
   { activatesOn: ActivationEvents.Startup, provides: [StorybookCapabilities.LayoutState, AppCapabilities.Layout] },
-  () => import('../state'),
+  () => import('../state.tsx'),
 );
 
 export const ReactContext = undefined;

package/src/capabilities/gen/tauri.ts

@@ -0,0 +1,23 @@
+//
+// Copyright 2026 DXOS.org
+//
+
+// GENERATED by dx-plugin — do not edit. Sliced from ../index.ts for the 'tauri' condition.
+
+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';
+
+export const OperationHandler = AppCapability.operationHandler(() => import('../operation-handler.ts'));
+
+export const ReactContext = AppCapability.reactContext(() => import('../react-context.tsx'));
+
+export const State = Capability.lazyModule(
+  'State',
+  // Shell state read by `Layout` on its first render — same class as the deck's `DeckState`.
+  { activatesOn: ActivationEvents.Startup, provides: [StorybookCapabilities.LayoutState, AppCapabilities.Layout] },
+  () => import('../state.tsx'),
+);

package/src/capabilities/gen/workerd.ts

@@ -11,13 +11,13 @@ import * as AppCapability from '@dxos/app-toolkit/AppCapability';
 
 import { StorybookCapabilities } from '#types';
 
-export const OperationHandler = AppCapability.operationHandler(() => import('../operation-handler'));
+export const OperationHandler = AppCapability.operationHandler(() => import('../operation-handler.ts'));
 
 export const State = Capability.lazyModule(
   'State',
   // Shell state read by `Layout` on its first render — same class as the deck's `DeckState`.
   { activatesOn: ActivationEvents.Startup, provides: [StorybookCapabilities.LayoutState, AppCapabilities.Layout] },
-  () => import('../state'),
+  () => import('../state.tsx'),
 );
 
 export const ReactContext = undefined;

package/src/capabilities/index.ts

@@ -9,11 +9,11 @@ import * as AppCapability from '@dxos/app-toolkit/AppCapability';
 
 import { StorybookCapabilities } from '#types';
 
-export const OperationHandler = AppCapability.operationHandler(() => import('./operation-handler'));
-export const ReactContext = AppCapability.reactContext(() => import('./react-context'));
+export const OperationHandler = AppCapability.operationHandler(() => import('./operation-handler.ts'));
+export const ReactContext = AppCapability.reactContext(() => import('./react-context.tsx'));
 export const State = Capability.lazyModule(
   'State',
   // Shell state read by `Layout` on its first render — same class as the deck's `DeckState`.
   { activatesOn: ActivationEvents.Startup, provides: [StorybookCapabilities.LayoutState, AppCapabilities.Layout] },
-  () => import('./state'),
+  () => import('./state.tsx'),
 );

package/src/capabilities/state.tsx

@@ -3,7 +3,7 @@
 //
 
 import * as Effect from 'effect/Effect';
-import * as Atom from 'effect/unstable/reactivity/Atom';
+import * as Atom from 'effect/reactivity/Atom';
 
 import * as Capability from '@dxos/app-framework/Capability';
 import * as AppCapabilities from '@dxos/app-toolkit/AppCapabilities';

package/src/components/Layout/Layout.tsx

@@ -4,24 +4,31 @@
 
 import { useAtomValue } from '@effect/atom-react/Hooks';
 import { RegistryContext } from '@effect/atom-react/RegistryContext';
-import React, { type PropsWithChildren, useCallback, useContext, useEffect, useRef, useState } from 'react';
-
-import { Surface, useCapability } from '@dxos/app-framework/ui';
+import React, {
+  type ComponentProps,
+  type PropsWithChildren,
+  useCallback,
+  useContext,
+  useEffect,
+  useRef,
+  useState,
+} from 'react';
+
+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 type * as LayoutOperation from '@dxos/app-toolkit/LayoutOperation';
-import { AppSurface } from '@dxos/app-toolkit/ui';
-import {
-  AlertDialog,
-  Button,
-  Dialog,
-  Main,
-  Popover,
-  type PopoverContentInteractOutsideEvent,
-  Toast,
-  toLocalizedString,
-  useTranslation,
-} from '@dxos/react-ui';
-import { Card } from '@dxos/react-ui';
 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 Theme from '@dxos/react-ui/Theme';
+import * as Toast from '@dxos/react-ui/Toast';
+import * as VirtualAnchor from '@dxos/react-ui/VirtualAnchor';
 import { descriptionMessage, mx } from '@dxos/ui-theme';
 
 import { meta } from '#meta';
@@ -29,8 +36,10 @@ import { StorybookCapabilities } from '#types';
 
 const debounce_delay = 100;
 
+type FocusOutsideEvent = Parameters<NonNullable<ComponentProps<typeof Popover.Root>['onFocusOutside']>>[0];
+
 const StoryToast = ({ toast, onDismiss }: { toast: LayoutOperation.Toast; onDismiss: (id: string) => void }) => {
-  const { t } = useTranslation(meta.profile.key);
+  const { t } = UiHooks.useTranslation(meta.profile.key);
   return (
     <Toast.Root
       data-testid={toast.id}
@@ -42,28 +51,26 @@ const StoryToast = ({ toast, onDismiss }: { toast: LayoutOperation.Toast; onDism
         }
       }}
     >
-      <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.Header icon={toast.icon} closable={!!toast.closeLabel}>
+        {toast.title && Theme.toLocalizedString(toast.title, t)}
+      </Toast.Header>
+      {toast.description && <Toast.Description>{Theme.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.Actions>
+        <Toast.Footer>
+          <Toast.ActionTrigger variant='primary' onClick={() => toast.onAction?.()}>
+            {Theme.toLocalizedString(toast.actionLabel, t)}
+          </Toast.ActionTrigger>
+        </Toast.Footer>
       )}
     </Toast.Root>
   );
 };
 
 export const Layout = ({ children }: PropsWithChildren<{}>) => {
-  const { t } = useTranslation(meta.profile.key);
+  const { t } = UiHooks.useTranslation(meta.profile.key);
   const trigger = useRef<HTMLButtonElement | null>(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);
@@ -100,13 +107,11 @@ export const Layout = ({ children }: PropsWithChildren<{}>) => {
     });
   }, [updateState]);
 
-  const handleInteractOutside = useCallback(
-    (event: KeyboardEvent | PopoverContentInteractOutsideEvent) => {
-      if (
-        // TODO(thure): CodeMirror should not focus itself when it updates.
-        event.type === 'dismissableLayer.focusOutside' &&
-        (event.currentTarget as HTMLElement | undefined)?.classList.contains('cm-content')
-      ) {
+  const handleFocusOutside = useCallback(
+    (event: FocusOutsideEvent) => {
+      // TODO(thure): CodeMirror should not focus itself when it updates.
+      const target = event.detail.originalEvent.target;
+      if (target instanceof HTMLElement && target.classList.contains('cm-content')) {
         event.preventDefault();
       } else {
         handleClose();
@@ -123,13 +128,27 @@ export const Layout = ({ children }: PropsWithChildren<{}>) => {
   );
 
   const DialogRoot = layout.dialogType === 'alert' ? AlertDialog.Root : Dialog.Root;
-  const DialogOverlay = layout.dialogType === 'alert' ? AlertDialog.Overlay : Dialog.Overlay;
 
   return (
     <Toast.Provider>
+      {/* The plugin `ReactContext` capabilities — the theme plugin's `Tooltip.Provider` among them —
+          wrap `children` only, so the dialog and popover portals rendered as its siblings below sit
+          outside them. Any `IconButton` there renders a `Tooltip.Trigger`, which throws rather than
+          degrades when it finds no provider, taking the whole surface down with it. */}
       <div className='fixed inset-0 flex overflow-hidden'>
         <Dnd.Root>
-          <Popover.Root open={open}>
+          <Popover.Root
+            open={open}
+            positioning={{
+              ...VirtualAnchor.virtualAnchor(trigger),
+              placement: layout.popoverSide,
+              hideWhenDetached: true,
+            }}
+            autoFocus={false}
+            onFocusOutside={handleFocusOutside}
+            onPointerDownOutside={handleClose}
+            onEscapeKeyDown={handleClose}
+          >
             <Main.Root
               navigationSidebarState={layout.sidebarState}
               complementarySidebarState={layout.complementarySidebarState}
@@ -142,78 +161,64 @@ export const Layout = ({ children }: PropsWithChildren<{}>) => {
             <DialogRoot
               modal={layout.dialogBlockAlign !== 'end'}
               open={layout.dialogOpen}
-              onOpenChange={(nextOpen) => updateState({ dialogOpen: nextOpen })}
+              onOpenChange={({ open: nextOpen }) => updateState({ dialogOpen: nextOpen })}
             >
-              {layout.dialogBlockAlign === 'end' ? (
-                <Surface.Surface
-                  type={AppSurface.Dialog}
-                  data={layout.dialogContent}
-                  limit={1}
-                  fallback={ErrorFallback}
-                  placeholder={<div />}
-                />
-              ) : (
-                <DialogOverlay
-                  blockAlign={layout.dialogBlockAlign}
-                  classNames={layout.dialogOverlayClasses}
-                  style={layout.dialogOverlayStyle}
-                >
-                  <Surface.Surface
-                    type={AppSurface.Dialog}
-                    data={layout.dialogContent}
-                    limit={1}
-                    fallback={ErrorFallback}
-                  />
-                </DialogOverlay>
-              )}
+              {/* The dialog surface renders its own Content, which carries the placement and scrim. */}
+              <Surface.Surface
+                type={AppSurface.Dialog}
+                data={layout.dialogContent}
+                limit={1}
+                fallback={ErrorFallback}
+                placeholder={<div />}
+              />
             </DialogRoot>
 
-            <Popover.VirtualTrigger key={iter} virtualRef={trigger} />
-            <Popover.Portal>
-              <Popover.Content
-                side={layout.popoverSide}
-                onOpenAutoFocus={(event) => event.preventDefault()}
-                onInteractOutside={handleInteractOutside}
-                onEscapeKeyDown={handleInteractOutside}
-                sticky='always'
-                hideWhenDetached
-              >
-                <Popover.Viewport>
-                  {layout.popoverKind === 'card' && (
-                    <Card.Root>
-                      <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.ActionIconButton action='close' onClick={handleClose} />
-                      </Card.Header>
+            <Popover.Content>
+              <Popover.Body>
+                {/* `border={false}`: the popover content already draws the surface and its border,
+                        so a bordered card inside it reads as a second frame. Matches the deck's popover. */}
+                {layout.popoverKind === 'card' && (
+                  <Card.Root grid border={false} classNames='dx-card-popover rounded-md'>
+                    <Card.Header>
+                      {/* Disabled drag handle keeps the toolbar slot layout consistent with regular cards. */}
+                      <DragHandle.DragHandle />
+                      {layout.popoverTitle ? (
+                        <Card.Title>{Theme.toLocalizedString(layout.popoverTitle, t)}</Card.Title>
+                      ) : (
+                        <span />
+                      )}
+                      <Card.Action system='close' onClick={handleClose} />
+                    </Card.Header>
+                    {layout.popoverContent ? (
                       <Surface.Surface type={AppSurface.CardContent} data={layout.popoverContent} limit={1} />
-                    </Card.Root>
-                  )}
-                  {(layout.popoverKind === 'base' || layout.popoverKind === 'rename') && (
-                    <Surface.Surface type={AppSurface.Popover} data={layout.popoverContent} limit={1} />
-                  )}
-                </Popover.Viewport>
-                <Popover.Arrow />
-              </Popover.Content>
-            </Popover.Portal>
+                    ) : (
+                      // Matches the deck's popover, which opens a card with no subject for a link that did not resolve.
+                      <Card.Body classNames='min-h-8'>
+                        <Card.Row>
+                          <Card.Text variant='muted'>No preview available.</Card.Text>
+                        </Card.Row>
+                      </Card.Body>
+                    )}
+                  </Card.Root>
+                )}
+                {(layout.popoverKind === 'base' || layout.popoverKind === 'rename') && (
+                  <Surface.Surface type={AppSurface.Popover} data={layout.popoverContent} limit={1} />
+                )}
+              </Popover.Body>
+            </Popover.Content>
           </Popover.Root>
         </Dnd.Root>
         {layout.toasts.map((toast) => (
           <StoryToast key={toast.id} toast={toast} onDismiss={handleDismissToast} />
         ))}
-        <Toast.Viewport />
+        <Toast.Toaster />
       </div>
     </Toast.Provider>
   );
 };
 
 export const ErrorFallback = ({ error }: { error?: Error }) => {
-  const { t } = useTranslation(meta.profile.key);
+  const { t } = UiHooks.useTranslation(meta.profile.key);
   const errorString = error?.toString() ?? '';
   return (
     <div

package/src/components/Layout/index.ts

@@ -2,4 +2,4 @@
 // Copyright 2023 DXOS.org
 //
 
-export * from './Layout';
+export * from './Layout.tsx';

package/src/components/index.ts

@@ -2,4 +2,4 @@
 // Copyright 2023 DXOS.org
 //
 
-export * from './Layout';
+export * from './Layout/index.ts';

package/src/core.ts

@@ -2,8 +2,8 @@
 // Copyright 2025 DXOS.org
 //
 
-import { ProcessManagerPlugin } from '@dxos/app-framework';
 import type * as Plugin from '@dxos/app-framework/Plugin';
+import * as ProcessManagerPlugin from '@dxos/app-framework/ProcessManagerPlugin';
 // `/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
@@ -21,7 +21,7 @@ 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';
 
 /**
  * Core plugins for testing/storybook environments.
@@ -31,7 +31,7 @@ import { defaultTx } from '@dxos/react-ui';
 export const corePlugins = (): Plugin.Plugin[] => [
   AttentionPlugin.make(),
   GraphPlugin.make(),
-  ProcessManagerPlugin(),
+  ProcessManagerPlugin.make(),
   SettingsPlugin.make(),
-  ThemePlugin.make({ tx: defaultTx }),
+  ThemePlugin.make({ tx: Theme.defaultTx }),
 ];

package/src/corpus/index.ts

@@ -2,4 +2,4 @@
 // Copyright 2026 DXOS.org
 //
 
-export * from './sample-messages';
+export * from './sample-messages.ts';

package/src/corpus/sample-messages.test.ts

@@ -4,7 +4,7 @@
 
 import { describe, expect, test } from 'vitest';
 
-import { SAMPLE_MESSAGES, type SampleMessage } from './sample-messages';
+import { SAMPLE_MESSAGES, type SampleMessage } from './sample-messages.ts';
 
 const TOPICS: SampleMessage['topic'][] = ['project', 'finance', 'scheduling', 'hiring', 'ops'];
 

package/src/index.ts

@@ -7,8 +7,8 @@
 // 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 * as StorybookPlugin from './StorybookPlugin';
-export * from './core';
-export * from './corpus';
-export * from '#meta';
+export * as StorybookPlugin from './StorybookPlugin.ts';
 export * from '#types';
+export * as CorePlugins from './CorePlugins.ts';
+export * as Corpus from './Corpus.ts';
+export * as Harness from './Harness.ts';

package/src/meta.ts

@@ -4,6 +4,6 @@
 
 import * as Plugin from '@dxos/app-framework/Plugin';
 
-import config from '../dx.config';
+import config from '../dx.config.ts';
 
 export const meta = Plugin.getMetaFromConfig(config);

package/src/operations/add-toast.ts

@@ -7,7 +7,7 @@ import * as Effect from 'effect/Effect';
 import * as LayoutOperation from '@dxos/app-toolkit/LayoutOperation';
 import * as Operation from '@dxos/compute/Operation';
 
-import { updateState } from './update-state';
+import { updateState } from './update-state.ts';
 
 const handler: Operation.WithHandler<typeof LayoutOperation.AddToast> = LayoutOperation.AddToast.pipe(
   Operation.withHandler(