npm - @dxos/plugin-testing - Versions diffs - 0.8.4-main.bc674ce → 0.8.4-main.bcb3aa67d6 - Mend

@dxos/plugin-testing 0.8.4-main.bc674ce → 0.8.4-main.bcb3aa67d6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (93) hide show

package/dist/lib/browser/index.mjs CHANGED Viewed

@@ -1,13 +1,8 @@
-import {
-  LayoutState,
-  meta
-} from "./chunk-YHPXIILW.mjs";
 // src/core.ts
-import { OperationPlugin, RuntimePlugin, SettingsPlugin } from "@dxos/app-framework";
+import { OperationPlugin, RuntimePlugin } from "@dxos/app-framework";
 import { AttentionPlugin } from "@dxos/plugin-attention";
-import { ClientPlugin } from "@dxos/plugin-client";
 import { GraphPlugin } from "@dxos/plugin-graph";
+import { SettingsPlugin } from "@dxos/plugin-settings";
 import { ThemePlugin } from "@dxos/plugin-theme";
 import { defaultTx } from "@dxos/ui-theme";
 var corePlugins = () => [
@@ -21,181 +16,44 @@ var corePlugins = () => [
   })
 ];
-// src/StorybookPlugin.ts
-import * as Effect from "effect/Effect";
-import { Capability as Capability3, Common, Plugin } from "@dxos/app-framework";
-// src/capabilities/operation-resolver/index.ts
-import { Capability } from "@dxos/app-framework";
-var OperationResolver = Capability.lazy("OperationResolver", () => import("./operation-resolver-B2DOYB7C.mjs"));
-// src/capabilities/state/index.ts
-import { Capability as Capability2 } from "@dxos/app-framework";
-var State = Capability2.lazy("State", () => import("./state-2M3RMJYA.mjs"));
-// src/components/Layout.tsx
-import { RegistryContext, useAtomValue } from "@effect-atom/atom-react";
-import React, { useCallback, useContext, useEffect, useRef, useState } from "react";
-import { Surface, useCapability } from "@dxos/app-framework/react";
-import { AlertDialog, Dialog, Main, Popover, toLocalizedString, useTranslation } from "@dxos/react-ui";
-import { Card, Mosaic } from "@dxos/react-ui-mosaic";
-import { descriptionMessage, mx } from "@dxos/ui-theme";
-var debounce_delay = 100;
-var Layout = ({ children }) => {
-  const { t } = useTranslation(meta.id);
-  const trigger = useRef(null);
-  const registry = useContext(RegistryContext);
-  const stateAtom = useCapability(LayoutState);
-  const layout = useAtomValue(stateAtom);
-  const [iter, setIter] = useState(0);
-  const [open, setOpen] = useState(false);
-  const debounceRef = useRef(null);
-  const updateState = useCallback((updates) => {
-    const current = registry.get(stateAtom);
-    registry.set(stateAtom, {
-      ...current,
-      ...updates
-    });
-  }, [
-    registry,
-    stateAtom
-  ]);
-  useEffect(() => {
-    setOpen(false);
-    if (debounceRef.current) {
-      clearTimeout(debounceRef.current);
-      debounceRef.current = null;
-    }
-    trigger.current = layout.popoverAnchor ?? null;
-    setIter((iter2) => iter2 + 1);
-    if (layout.popoverOpen) {
-      debounceRef.current = setTimeout(() => setOpen(true), debounce_delay);
-    }
-  }, [
-    layout.popoverAnchor,
-    layout.popoverContent,
-    layout.popoverOpen
-  ]);
-  const handleClose = useCallback(() => {
-    setOpen(false);
-    updateState({
-      popoverOpen: false,
-      popoverAnchor: void 0,
-      popoverAnchorId: void 0,
-      popoverSide: void 0
-    });
-  }, [
-    updateState
-  ]);
-  const handleInteractOutside = useCallback((event) => {
-    if (
-      // TODO(thure): CodeMirror should not focus itself when it updates.
-      event.type === "dismissableLayer.focusOutside" && event.currentTarget?.classList.contains("cm-content")
-    ) {
-      event.preventDefault();
-    } else {
-      handleClose();
-    }
-  }, [
-    handleClose
-  ]);
-  const DialogRoot = layout.dialogType === "alert" ? AlertDialog.Root : Dialog.Root;
-  const DialogOverlay = layout.dialogType === "alert" ? AlertDialog.Overlay : Dialog.Overlay;
-  return /* @__PURE__ */ React.createElement("div", {
-    role: "none",
-    className: "fixed inset-0 flex overflow-hidden"
-  }, /* @__PURE__ */ React.createElement(Mosaic.Root, null, /* @__PURE__ */ React.createElement(Popover.Root, {
-    open
-  }, /* @__PURE__ */ React.createElement(Main.Root, {
-    navigationSidebarState: layout.sidebarState,
-    complementarySidebarState: layout.complementarySidebarState,
-    onNavigationSidebarStateChange: (next) => updateState({
-      sidebarState: next
-    }),
-    onComplementarySidebarStateChange: (next) => updateState({
-      complementarySidebarState: next
-    })
-  }, children), /* @__PURE__ */ React.createElement(DialogRoot, {
-    modal: layout.dialogBlockAlign !== "end",
-    open: layout.dialogOpen,
-    onOpenChange: (nextOpen) => updateState({
-      dialogOpen: nextOpen
-    })
-  }, layout.dialogBlockAlign === "end" ? /* @__PURE__ */ React.createElement(Surface, {
-    role: "dialog",
-    data: layout.dialogContent,
-    limit: 1,
-    fallback: ContentError,
-    placeholder: /* @__PURE__ */ React.createElement("div", null)
-  }) : /* @__PURE__ */ React.createElement(DialogOverlay, {
-    blockAlign: layout.dialogBlockAlign,
-    classNames: layout.dialogOverlayClasses,
-    style: layout.dialogOverlayStyle
-  }, /* @__PURE__ */ React.createElement(Surface, {
-    role: "dialog",
-    data: layout.dialogContent,
-    limit: 1,
-    fallback: ContentError
-  }))), /* @__PURE__ */ React.createElement(Popover.VirtualTrigger, {
-    key: iter,
-    virtualRef: trigger
-  }), /* @__PURE__ */ React.createElement(Popover.Portal, null, /* @__PURE__ */ React.createElement(Popover.Content, {
-    side: layout.popoverSide,
-    onInteractOutside: handleInteractOutside,
-    onEscapeKeyDown: handleInteractOutside,
-    sticky: "always",
-    hideWhenDetached: true
-  }, /* @__PURE__ */ React.createElement(Popover.Viewport, null, layout.popoverKind === "card" && /* @__PURE__ */ React.createElement(Card.Root, null, /* @__PURE__ */ React.createElement(Card.Toolbar, null, /* @__PURE__ */ React.createElement("span", null), layout.popoverTitle ? /* @__PURE__ */ React.createElement(Card.Title, null, toLocalizedString(layout.popoverTitle, t)) : /* @__PURE__ */ React.createElement("span", null), /* @__PURE__ */ React.createElement(Card.Close, {
-    onClick: handleClose
-  })), /* @__PURE__ */ React.createElement(Surface, {
-    role: "card--content",
-    data: layout.popoverContent,
-    limit: 1
-  })), layout.popoverKind === "base" && /* @__PURE__ */ React.createElement(Surface, {
-    role: "popover",
-    data: layout.popoverContent,
-    limit: 1
-  })), /* @__PURE__ */ React.createElement(Popover.Arrow, null))))));
-};
-var ContentError = ({ error }) => {
-  const { t } = useTranslation(meta.id);
-  const errorString = error?.toString() ?? "";
-  return /* @__PURE__ */ React.createElement("div", {
-    role: "none",
-    className: "overflow-auto p-8 attention-surface grid place-items-center"
-  }, /* @__PURE__ */ React.createElement("p", {
-    role: "alert",
-    className: mx(descriptionMessage, "break-words rounded-md p-8", errorString.length < 256 && "text-lg")
-  }, error ? errorString : t("error fallback message")));
+// src/meta.ts
+import { trim } from "@dxos/util";
+var meta = {
+  id: "org.dxos.plugin.storybook-layout",
+  name: "Storybook",
+  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"
 };
 // src/StorybookPlugin.ts
-var StorybookPlugin = Plugin.define(meta).pipe(Plugin.addModule(({ initialState }) => ({
-  id: Capability3.getModuleTag(State),
-  activatesOn: Common.ActivationEvent.Startup,
+import * as Effect from "effect/Effect";
+import { ActivationEvents, Capabilities, Capability, Plugin } from "@dxos/app-framework";
+import { AppActivationEvents, AppPlugin } from "@dxos/app-toolkit";
+import { Layout } from "#components";
+import { meta as meta2 } from "#meta";
+import { OperationHandler, State } from "#capabilities";
+var StorybookPlugin = Plugin.define(meta2).pipe(AppPlugin.addOperationHandlerModule({
+  activate: OperationHandler
+}), AppPlugin.addReactContextModule({
+  activate: () => Effect.succeed(Capability.contributes(Capabilities.ReactContext, {
+    id: "storybook-layout",
+    context: Layout
+  }))
+}), Plugin.addModule(({ initialState }) => ({
+  id: Capability.getModuleTag(State),
+  activatesOn: ActivationEvents.Startup,
   activatesAfter: [
-    Common.ActivationEvent.LayoutReady
+    AppActivationEvents.LayoutReady
   ],
   activate: () => State({
     initialState
   })
-})), Common.Plugin.addReactContextModule({
-  activate: () => Effect.succeed(Capability3.contributes(Common.Capability.ReactContext, {
-    id: "storybook-layout",
-    context: Layout
-  }))
-}), Common.Plugin.addOperationResolverModule({
-  activate: OperationResolver
-}), Plugin.make);
+})), Plugin.make);
 export {
-  AttentionPlugin,
-  ClientPlugin,
-  GraphPlugin,
-  OperationPlugin,
-  RuntimePlugin,
-  SettingsPlugin,
   StorybookPlugin,
-  ThemePlugin,
   corePlugins,
   meta
 };

package/dist/lib/browser/index.mjs.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../src/core.ts", "../../../src/StorybookPlugin.ts", "../../../src/capabilities/operation-resolver/index.ts", "../../../src/capabilities/state/index.ts", "../../../src/components/Layout.tsx"],
-  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { OperationPlugin, type Plugin, RuntimePlugin, SettingsPlugin } from '@dxos/app-framework';\nimport { AttentionPlugin } from '@dxos/plugin-attention';\nimport { ClientPlugin } from '@dxos/plugin-client';\nimport { GraphPlugin } from '@dxos/plugin-graph';\nimport { ThemePlugin } from '@dxos/plugin-theme';\nimport { defaultTx } from '@dxos/ui-theme';\n\n// TODO(burdon): Remove this.\n// Re-export common framework plugins.\nexport { AttentionPlugin, ClientPlugin, GraphPlugin, OperationPlugin, RuntimePlugin, SettingsPlugin, ThemePlugin };\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", "//\n// Copyright 2023 DXOS.org\n//\n\nimport * as Effect from 'effect/Effect';\n\nimport { Capability, Common, Plugin } from '@dxos/app-framework';\n\nimport { OperationResolver, State } from './capabilities';\nimport { Layout } from './components';\nimport { meta } from './meta';\nimport { type LayoutStateProps } from './types';\n\nexport type StorybookPluginOptions = {\n  initialState?: Partial<LayoutStateProps>;\n};\n\nexport const StorybookPlugin = Plugin.define<StorybookPluginOptions>(meta).pipe(\n  Plugin.addModule(({ initialState }) => ({\n    id: Capability.getModuleTag(State),\n    activatesOn: Common.ActivationEvent.Startup,\n    activatesAfter: [Common.ActivationEvent.LayoutReady],\n    activate: () => State({ initialState }),\n  })),\n  Common.Plugin.addReactContextModule({\n    activate: () =>\n      Effect.succeed(\n        Capability.contributes(Common.Capability.ReactContext, {\n          id: 'storybook-layout',\n          context: Layout,\n        }),\n      ),\n  }),\n  Common.Plugin.addOperationResolverModule({\n    activate: OperationResolver,\n  }),\n  Plugin.make,\n);\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { Capability } from '@dxos/app-framework';\n\nexport const OperationResolver = Capability.lazy('OperationResolver', () => import('./operation-resolver'));\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { Capability } from '@dxos/app-framework';\n\nexport const State = Capability.lazy('State', () => import('./state'));\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { RegistryContext, useAtomValue } from '@effect-atom/atom-react';\nimport React, { type PropsWithChildren, useCallback, useContext, useEffect, useRef, useState } from 'react';\n\nimport { Surface, useCapability } from '@dxos/app-framework/react';\nimport {\n  AlertDialog,\n  Dialog,\n  Main,\n  Popover,\n  type PopoverContentInteractOutsideEvent,\n  toLocalizedString,\n  useTranslation,\n} from '@dxos/react-ui';\nimport { Card, Mosaic } from '@dxos/react-ui-mosaic';\nimport { descriptionMessage, mx } from '@dxos/ui-theme';\n\nimport { meta } from '../meta';\nimport { LayoutState, type LayoutStateProps } from '../types';\n\nconst debounce_delay = 100;\n\n// TODO(wittjosiah): Support dialogs, tooltips, maybe toast.\nexport const Layout = ({ children }: PropsWithChildren<{}>) => {\n  const { t } = useTranslation(meta.id);\n  const trigger = useRef<HTMLButtonElement | null>(null);\n  const registry = useContext(RegistryContext);\n  const stateAtom = useCapability(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<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 DialogRoot = layout.dialogType === 'alert' ? AlertDialog.Root : Dialog.Root;\n  const DialogOverlay = layout.dialogType === 'alert' ? AlertDialog.Overlay : Dialog.Overlay;\n\n  return (\n    <div role='none' className='fixed inset-0 flex overflow-hidden'>\n      <Mosaic.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\n                role='dialog'\n                data={layout.dialogContent}\n                limit={1}\n                fallback={ContentError}\n                placeholder={<div />}\n              />\n            ) : (\n              <DialogOverlay\n                blockAlign={layout.dialogBlockAlign}\n                classNames={layout.dialogOverlayClasses}\n                style={layout.dialogOverlayStyle}\n              >\n                <Surface role='dialog' data={layout.dialogContent} limit={1} fallback={ContentError} />\n              </DialogOverlay>\n            )}\n          </DialogRoot>\n\n          <Popover.VirtualTrigger key={iter} virtualRef={trigger} />\n          <Popover.Portal>\n            <Popover.Content\n              side={layout.popoverSide}\n              onInteractOutside={handleInteractOutside}\n              onEscapeKeyDown={handleInteractOutside}\n              sticky='always'\n              hideWhenDetached\n            >\n              <Popover.Viewport>\n                {layout.popoverKind === 'card' && (\n                  <Card.Root>\n                    <Card.Toolbar>\n                      {/* TODO(wittjosiah): Cleaner way to handle no drag handle in toolbar? */}\n                      <span />\n                      {layout.popoverTitle ? (\n                        <Card.Title>{toLocalizedString(layout.popoverTitle, t)}</Card.Title>\n                      ) : (\n                        <span />\n                      )}\n                      <Card.Close onClick={handleClose} />\n                    </Card.Toolbar>\n                    <Surface role='card--content' data={layout.popoverContent} limit={1} />\n                  </Card.Root>\n                )}\n                {layout.popoverKind === 'base' && <Surface role='popover' data={layout.popoverContent} limit={1} />}\n              </Popover.Viewport>\n              <Popover.Arrow />\n            </Popover.Content>\n          </Popover.Portal>\n        </Popover.Root>\n      </Mosaic.Root>\n    </div>\n  );\n};\n\nexport const ContentError = ({ error }: { error?: Error }) => {\n  const { t } = useTranslation(meta.id);\n  const errorString = error?.toString() ?? '';\n  return (\n    <div role='none' className='overflow-auto p-8 attention-surface grid place-items-center'>\n      <p\n        role='alert'\n        className={mx(descriptionMessage, 'break-words rounded-md p-8', errorString.length < 256 && 'text-lg')}\n      >\n        {error ? errorString : t('error fallback message')}\n      </p>\n    </div>\n  );\n};\n"],
-  "mappings": "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",
-  "names": ["OperationPlugin", "RuntimePlugin", "SettingsPlugin", "AttentionPlugin", "ClientPlugin", "GraphPlugin", "ThemePlugin", "defaultTx", "corePlugins", "AttentionPlugin", "GraphPlugin", "OperationPlugin", "RuntimePlugin", "SettingsPlugin", "ThemePlugin", "tx", "defaultTx", "Effect", "Capability", "Common", "Plugin", "Capability", "OperationResolver", "Capability", "lazy", "Capability", "State", "Capability", "lazy", "RegistryContext", "useAtomValue", "React", "useCallback", "useContext", "useEffect", "useRef", "useState", "Surface", "useCapability", "AlertDialog", "Dialog", "Main", "Popover", "toLocalizedString", "useTranslation", "Card", "Mosaic", "descriptionMessage", "mx", "debounce_delay", "Layout", "children", "t", "useTranslation", "meta", "id", "trigger", "useRef", "registry", "useContext", "RegistryContext", "stateAtom", "useCapability", "LayoutState", "layout", "useAtomValue", "iter", "setIter", "useState", "open", "setOpen", "debounceRef", "updateState", "useCallback", "updates", "current", "get", "set", "useEffect", "clearTimeout", "popoverAnchor", "popoverOpen", "setTimeout", "popoverContent", "handleClose", "undefined", "popoverAnchorId", "popoverSide", "handleInteractOutside", "event", "type", "currentTarget", "classList", "contains", "preventDefault", "DialogRoot", "dialogType", "AlertDialog", "Root", "Dialog", "DialogOverlay", "Overlay", "div", "role", "className", "Mosaic", "Popover", "Main", "navigationSidebarState", "sidebarState", "complementarySidebarState", "onNavigationSidebarStateChange", "next", "onComplementarySidebarStateChange", "modal", "dialogBlockAlign", "dialogOpen", "onOpenChange", "nextOpen", "Surface", "data", "dialogContent", "limit", "fallback", "ContentError", "placeholder", "blockAlign", "classNames", "dialogOverlayClasses", "style", "dialogOverlayStyle", "VirtualTrigger", "key", "virtualRef", "Portal", "Content", "side", "onInteractOutside", "onEscapeKeyDown", "sticky", "hideWhenDetached", "Viewport", "popoverKind", "Card", "Toolbar", "span", "popoverTitle", "Title", "toLocalizedString", "Close", "onClick", "Arrow", "error", "errorString", "toString", "p", "mx", "descriptionMessage", "length", "StorybookPlugin", "Plugin", "define", "meta", "pipe", "addModule", "initialState", "id", "Capability", "getModuleTag", "State", "activatesOn", "Common", "ActivationEvent", "Startup", "activatesAfter", "LayoutReady", "activate", "addReactContextModule", "succeed", "contributes", "ReactContext", "context", "Layout", "addOperationResolverModule", "OperationResolver", "make"]
+  "sources": ["../../../src/core.ts", "../../../src/meta.ts", "../../../src/StorybookPlugin.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { OperationPlugin, type Plugin, RuntimePlugin } from '@dxos/app-framework';\nimport { AttentionPlugin } from '@dxos/plugin-attention';\nimport { GraphPlugin } from '@dxos/plugin-graph';\nimport { SettingsPlugin } from '@dxos/plugin-settings';\nimport { ThemePlugin } from '@dxos/plugin-theme';\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", "//\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", "//\n// Copyright 2023 DXOS.org\n//\n\nimport * as Effect from 'effect/Effect';\n\nimport { ActivationEvents, Capabilities, Capability, Plugin } from '@dxos/app-framework';\nimport { AppActivationEvents, AppPlugin } from '@dxos/app-toolkit';\n\nimport { Layout } from '#components';\nimport { meta } from '#meta';\nimport { type LayoutStateProps } from '#types';\n\nimport { OperationHandler, State } from '#capabilities';\n\nexport type StorybookPluginOptions = {\n  initialState?: Partial<LayoutStateProps>;\n};\n\nexport const StorybookPlugin = Plugin.define<StorybookPluginOptions>(meta).pipe(\n  AppPlugin.addOperationHandlerModule({\n    activate: OperationHandler,\n  }),\n  AppPlugin.addReactContextModule({\n    activate: () =>\n      Effect.succeed(\n        Capability.contributes(Capabilities.ReactContext, {\n          id: 'storybook-layout',\n          context: Layout,\n        }),\n      ),\n  }),\n  Plugin.addModule(({ initialState }) => ({\n    id: Capability.getModuleTag(State),\n    activatesOn: ActivationEvents.Startup,\n    activatesAfter: [AppActivationEvents.LayoutReady],\n    activate: () => State({ initialState }),\n  })),\n  Plugin.make,\n);\n"],
+  "mappings": ";AAIA,SAASA,iBAA8BC,qBAAqB;AAC5D,SAASC,uBAAuB;AAChC,SAASC,mBAAmB;AAC5B,SAASC,sBAAsB;AAC/B,SAASC,mBAAmB;AAC5B,SAASC,iBAAiB;AAOnB,IAAMC,cAAc,MAAuB;EAChDC,gBAAAA;EACAC,YAAAA;EACAC,gBAAAA;EACAC,cAAAA;EACAC,eAAAA;EACAC,YAAY;IAAEC,IAAIC;EAAU,CAAA;;;;ACjB9B,SAASC,YAAY;AAEd,IAAMC,OAAoB;EAC/BC,IAAI;EACJC,MAAM;EACNC,aAAaC;;;;EAIbC,QAAQ;AACV;;;ACXA,YAAYC,YAAY;AAExB,SAASC,kBAAkBC,cAAcC,YAAYC,cAAc;AACnE,SAASC,qBAAqBC,iBAAiB;AAE/C,SAASC,cAAc;AACvB,SAASC,QAAAA,aAAY;AAGrB,SAASC,kBAAkBC,aAAa;AAMjC,IAAMC,kBAAkBC,OAAOC,OAA+BC,KAAAA,EAAMC,KACzEC,UAAUC,0BAA0B;EAClCC,UAAUC;AACZ,CAAA,GACAH,UAAUI,sBAAsB;EAC9BF,UAAU,MACDG,eACLC,WAAWC,YAAYC,aAAaC,cAAc;IAChDC,IAAI;IACJC,SAASC;EACX,CAAA,CAAA;AAEN,CAAA,GACAhB,OAAOiB,UAAU,CAAC,EAAEC,aAAY,OAAQ;EACtCJ,IAAIJ,WAAWS,aAAaC,KAAAA;EAC5BC,aAAaC,iBAAiBC;EAC9BC,gBAAgB;IAACC,oBAAoBC;;EACrCpB,UAAU,MAAMc,MAAM;IAAEF;EAAa,CAAA;AACvC,EAAA,GACAlB,OAAO2B,IAAI;",
+  "names": ["OperationPlugin", "RuntimePlugin", "AttentionPlugin", "GraphPlugin", "SettingsPlugin", "ThemePlugin", "defaultTx", "corePlugins", "AttentionPlugin", "GraphPlugin", "OperationPlugin", "RuntimePlugin", "SettingsPlugin", "ThemePlugin", "tx", "defaultTx", "trim", "meta", "id", "name", "description", "trim", "source", "Effect", "ActivationEvents", "Capabilities", "Capability", "Plugin", "AppActivationEvents", "AppPlugin", "Layout", "meta", "OperationHandler", "State", "StorybookPlugin", "Plugin", "define", "meta", "pipe", "AppPlugin", "addOperationHandlerModule", "activate", "OperationHandler", "addReactContextModule", "succeed", "Capability", "contributes", "Capabilities", "ReactContext", "id", "context", "Layout", "addModule", "initialState", "getModuleTag", "State", "activatesOn", "ActivationEvents", "Startup", "activatesAfter", "AppActivationEvents", "LayoutReady", "make"]
 }

package/dist/lib/browser/meta.json CHANGED Viewed

	@@ -1 +1 @@
1	- {"inputs":{"src/core.ts":{"bytes":~~3313~~,"imports":[{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/plugin-attention","kind":"import-statement","external":true},{"path":"@dxos/plugin-~~client~~","kind":"import-statement","external":true},{"path":"@dxos/plugin-~~graph~~","kind":"import-statement","external":true},{"path":"@dxos/plugin-theme","kind":"import-statement","external":true},{"path":"@dxos/ui-theme","kind":"import-statement","external":true}],"format":"esm"},"src/meta.ts":{"bytes":1661,"imports":[{"path":"@dxos/util","kind":"import-statement","external":true}],"format":"esm"},"src/~~types/capabilities~~.ts":{"bytes":~~2133~~,"imports":[{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"src/meta.ts","kind":"import-statement","original":"../meta"}],"format":"esm"},"src/types/index.ts":{"bytes":476,"imports":[{"path":"src/types/capabilities.ts","kind":"import-statement","original":"./capabilities"}],"format":"esm"},"src/capabilities/operation-resolver/operation-resolver.ts":{"bytes":13591,"imports":[{"path":"effect/Effect","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/operation","kind":"import-statement","external":true},{"path":"src/types/index.ts","kind":"import-statement","original":"../../types"}],"format":"esm"},"src/capabilities/operation-resolver/index.ts":{"bytes":963,"imports":[{"path":"@dxos/app-~~framework~~","kind":"import-statement","external":true},{"path":"src/capabilities/operation-resolver/operation-resolver.ts","kind":"dynamic-import","original":"./operation-resolver"}],"format":"esm"},"src/capabilities/state/state.tsx":{"bytes":4683,"imports":[{"path":"@effect-atom/atom-react","kind":"import-statement","external":true},{"path":"effect/Effect","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"src/types/index.ts","kind":"import-statement","original":"../../types"}],"format":"esm"},"src/capabilities/state/index.ts":{"bytes":837,"imports":[{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"src/capabilities/state/state.tsx","kind":"dynamic-import","original":"./state"}],"format":"esm"},"src/capabilities/index.ts":{"bytes":578,"imports":[{"path":"src/capabilities/operation-resolver/index.ts","kind":"import-statement","original":"./operation-resolver"},{"path":"src/capabilities/state/index.ts","kind":"import-statement","original":"./state"}],"format":"esm"},"src/components~~/Layout.tsx~~"~~:{"bytes":20783~~,"~~imports":[{"path":"@effect-atom/atom-react","~~kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework/react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-mosaic","kind":"import-statement","external":true},{"path":"@dxos/ui-theme","kind":"import-statement","external":true},{"path":"src/meta~~.ts~~","kind":"import-statement","original":"../meta"},{"path":"src/types/index.ts","kind":"import-statement","original":"../types"}],"format":"esm"},"src/components/index.ts":{"bytes":467,"imports":[{"path":"src/components/Layout.tsx","kind":"import-statement","original":"./Layout"}],"format":"esm"},"src/StorybookPlugin.ts":{"bytes":4089,"imports":[{"path":"effect/Effect","kind":"import-statement","external":true},{"path":"~~@dxos/app-framework~~","kind":"import-statement","external":true},{"path":"src/capabilities/index.ts","kind":"import-statement","original":"./capabilities"},{"path":"src/components/index.ts","kind":"import-statement","original":"./components"},{"path":"src/meta.ts","kind":"import-statement","original":"./meta"}],"format":"esm"},"src/index.ts":{"bytes":637,"imports":[{"path":"src/core.ts","kind":"import-statement","original":"./core"},{"path":"src/meta.ts","kind":"import-statement","original":"./meta"},{"path":"src/StorybookPlugin.ts","kind":"import-statement","original":"./StorybookPlugin"}],"format":"esm"}},"outputs":{"dist/lib/browser/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":~~15612~~},"dist/lib/browser/index.mjs":{"imports":[{"path":"~~dist/lib/browser/chunk-YHPXIILW.mjs","kind":"import-statement"},{"path":"~~@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/plugin-attention","kind":"import-statement","external":true},{"path":"@dxos/plugin-~~client~~","kind":"import-statement","external":true},{"path":"@dxos/plugin-~~graph~~","kind":"import-statement","external":true},{"path":"@dxos/plugin-theme","kind":"import-statement","external":true},{"path":"@dxos/ui-theme","kind":"import-statement","external":true},{"path":"~~effect/Effect","kind":"import-statement","external":true},{"path":"~~@dxos/~~app-framework~~","kind":"import-statement","external":true},{"path":"~~@dxos~~/~~app-framework~~","kind":"import-statement","external":true},{"path":"~~dist/lib/browser/operation-resolver-B2DOYB7C.mjs","kind":"dynamic-import"},{"path":"~~@dxos/app-framework","kind":"import-statement","external":true},{"path":"~~dist/lib/browser/state-2M3RMJYA.mjs","kind":"dynamic-import"},{"path":"~~@~~effect-atom/atom-react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@~~dxos/app-~~framework/react~~","kind":"import-statement","external":true},{"path":"~~@dxos/react-ui~~","kind":"import-statement","external":true},{"path":"~~@dxos/react-ui-mosaic~~","kind":"import-statement","external":true},{"path":"~~@dxos/ui-theme~~","kind":"import-statement","external":true}],"exports":["~~AttentionPlugin","ClientPlugin","GraphPlugin","OperationPlugin","RuntimePlugin","SettingsPlugin","~~StorybookPlugin","~~ThemePlugin","~~corePlugins","meta"],"entryPoint":"src/index.ts","inputs":{"src/core.ts":{"bytesInOutput":~~506~~},"src/index.ts":{"bytesInOutput":0},"src/StorybookPlugin.ts":{"bytesInOutput":692},"src/capabilities/operation-resolver/index.ts":{"bytesInOutput":163},"src/capabilities/index.ts":{"bytesInOutput":0},"src/capabilities/state/index.ts":{"bytesInOutput":142},"src/components/Layout.tsx":{"bytesInOutput":5418},"src/components/index.ts":{"bytesInOutput":0}},"bytes":7375},"dist/lib/browser/operation-resolver-B2DOYB7C.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":6682},"dist/lib/browser/operation-resolver-B2DOYB7C.mjs":{"imports":[{"path":"dist/lib/browser/chunk-YHPXIILW.mjs","kind":"import-statement"},{"path":"effect/Effect","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/operation","kind":"import-statement","external":true}],"exports":["default"],"entryPoint":"src/capabilities/operation-resolver/operation-resolver.ts","inputs":{"src/capabilities/operation-resolver/operation-resolver.ts":{"bytesInOutput":3403}},"bytes":3628},"dist/lib/browser/state-2M3RMJYA.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":2490},"dist/lib/browser/state-2M3RMJYA.mjs":{"imports":[{"path":"dist/lib/browser/chunk-YHPXIILW.mjs","kind":"import-statement"},{"path":"@effect-atom/atom-react","kind":"import-statement","external":true},{"path":"effect/Effect","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true}],"exports":["default"],"entryPoint":"src/capabilities/state/state.tsx","inputs":{"src/capabilities/state/state.tsx":{"bytesInOutput":1015}},"bytes":1189},"dist/lib/browser/chunk-YHPXIILW.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":2020},"dist/lib/browser/chunk-YHPXIILW.mjs":{"imports":[{"path":"@dxos/util","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true}],"exports":["LayoutState","meta~~"],"inputs":{"src/meta~~.ts":{"bytesInOutput":395},"src/~~types/capabilities~~.ts":{"bytesInOutput":~~105~~}~~,"src/types/index.ts":{"bytesInOutput":0~~}},"bytes":~~624~~}}}
1	+ {"inputs":{"src/core.ts":{"bytes":2660,"imports":[{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/plugin-attention","kind":"import-statement","external":true},{"path":"@dxos/plugin-graph","kind":"import-statement","external":true},{"path":"@dxos/plugin-settings","kind":"import-statement","external":true},{"path":"@dxos/plugin-theme","kind":"import-statement","external":true},{"path":"@dxos/ui-theme","kind":"import-statement","external":true}],"format":"esm"},"src/meta.ts":{"bytes":1661,"imports":[{"path":"@dxos/util","kind":"import-statement","external":true}],"format":"esm"},"src/StorybookPlugin.ts":{"bytes":4301,"imports":[{"path":"effect/Effect","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/app-toolkit","kind":"import-statement","external":true},{"path":"#components","kind":"import-statement","external":true},{"path":"#meta","kind":"import-statement","external":true},{"path":"#capabilities","kind":"import-statement","external":true}],"format":"esm"},"src/index.ts":{"bytes":637,"imports":[{"path":"src/core.ts","kind":"import-statement","original":"./core"},{"path":"src/meta.ts","kind":"import-statement","original":"./meta"},{"path":"src/StorybookPlugin.ts","kind":"import-statement","original":"./StorybookPlugin"}],"format":"esm"}},"outputs":{"dist/lib/browser/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":4411},"dist/lib/browser/index.mjs":{"imports":[{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/plugin-attention","kind":"import-statement","external":true},{"path":"@dxos/plugin-graph","kind":"import-statement","external":true},{"path":"@dxos/plugin-settings","kind":"import-statement","external":true},{"path":"@dxos/plugin-theme","kind":"import-statement","external":true},{"path":"@dxos/ui-theme","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true},{"path":"effect/Effect","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/app-toolkit","kind":"import-statement","external":true},{"path":"#components","kind":"import-statement","external":true},{"path":"#meta","kind":"import-statement","external":true},{"path":"#capabilities","kind":"import-statement","external":true}],"exports":["StorybookPlugin","corePlugins","meta"],"entryPoint":"src/index.ts","inputs":{"src/core.ts":{"bytesInOutput":494},"src/index.ts":{"bytesInOutput":0},"src/meta.ts":{"bytesInOutput":395},"src/StorybookPlugin.ts":{"bytesInOutput":878}},"bytes":1913}}}

package/dist/lib/node-esm/index.mjs CHANGED Viewed

@@ -1,14 +1,10 @@
 import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
-import {
-  LayoutState,
-  meta
-} from "./chunk-OWK6XE6C.mjs";
 // src/core.ts
-import { OperationPlugin, RuntimePlugin, SettingsPlugin } from "@dxos/app-framework";
+import { OperationPlugin, RuntimePlugin } from "@dxos/app-framework";
 import { AttentionPlugin } from "@dxos/plugin-attention";
-import { ClientPlugin } from "@dxos/plugin-client";
 import { GraphPlugin } from "@dxos/plugin-graph";
+import { SettingsPlugin } from "@dxos/plugin-settings";
 import { ThemePlugin } from "@dxos/plugin-theme";
 import { defaultTx } from "@dxos/ui-theme";
 var corePlugins = () => [
@@ -22,181 +18,44 @@ var corePlugins = () => [
   })
 ];
-// src/StorybookPlugin.ts
-import * as Effect from "effect/Effect";
-import { Capability as Capability3, Common, Plugin } from "@dxos/app-framework";
-// src/capabilities/operation-resolver/index.ts
-import { Capability } from "@dxos/app-framework";
-var OperationResolver = Capability.lazy("OperationResolver", () => import("./operation-resolver-DJI7OPBP.mjs"));
-// src/capabilities/state/index.ts
-import { Capability as Capability2 } from "@dxos/app-framework";
-var State = Capability2.lazy("State", () => import("./state-UF2MWBFU.mjs"));
-// src/components/Layout.tsx
-import { RegistryContext, useAtomValue } from "@effect-atom/atom-react";
-import React, { useCallback, useContext, useEffect, useRef, useState } from "react";
-import { Surface, useCapability } from "@dxos/app-framework/react";
-import { AlertDialog, Dialog, Main, Popover, toLocalizedString, useTranslation } from "@dxos/react-ui";
-import { Card, Mosaic } from "@dxos/react-ui-mosaic";
-import { descriptionMessage, mx } from "@dxos/ui-theme";
-var debounce_delay = 100;
-var Layout = ({ children }) => {
-  const { t } = useTranslation(meta.id);
-  const trigger = useRef(null);
-  const registry = useContext(RegistryContext);
-  const stateAtom = useCapability(LayoutState);
-  const layout = useAtomValue(stateAtom);
-  const [iter, setIter] = useState(0);
-  const [open, setOpen] = useState(false);
-  const debounceRef = useRef(null);
-  const updateState = useCallback((updates) => {
-    const current = registry.get(stateAtom);
-    registry.set(stateAtom, {
-      ...current,
-      ...updates
-    });
-  }, [
-    registry,
-    stateAtom
-  ]);
-  useEffect(() => {
-    setOpen(false);
-    if (debounceRef.current) {
-      clearTimeout(debounceRef.current);
-      debounceRef.current = null;
-    }
-    trigger.current = layout.popoverAnchor ?? null;
-    setIter((iter2) => iter2 + 1);
-    if (layout.popoverOpen) {
-      debounceRef.current = setTimeout(() => setOpen(true), debounce_delay);
-    }
-  }, [
-    layout.popoverAnchor,
-    layout.popoverContent,
-    layout.popoverOpen
-  ]);
-  const handleClose = useCallback(() => {
-    setOpen(false);
-    updateState({
-      popoverOpen: false,
-      popoverAnchor: void 0,
-      popoverAnchorId: void 0,
-      popoverSide: void 0
-    });
-  }, [
-    updateState
-  ]);
-  const handleInteractOutside = useCallback((event) => {
-    if (
-      // TODO(thure): CodeMirror should not focus itself when it updates.
-      event.type === "dismissableLayer.focusOutside" && event.currentTarget?.classList.contains("cm-content")
-    ) {
-      event.preventDefault();
-    } else {
-      handleClose();
-    }
-  }, [
-    handleClose
-  ]);
-  const DialogRoot = layout.dialogType === "alert" ? AlertDialog.Root : Dialog.Root;
-  const DialogOverlay = layout.dialogType === "alert" ? AlertDialog.Overlay : Dialog.Overlay;
-  return /* @__PURE__ */ React.createElement("div", {
-    role: "none",
-    className: "fixed inset-0 flex overflow-hidden"
-  }, /* @__PURE__ */ React.createElement(Mosaic.Root, null, /* @__PURE__ */ React.createElement(Popover.Root, {
-    open
-  }, /* @__PURE__ */ React.createElement(Main.Root, {
-    navigationSidebarState: layout.sidebarState,
-    complementarySidebarState: layout.complementarySidebarState,
-    onNavigationSidebarStateChange: (next) => updateState({
-      sidebarState: next
-    }),
-    onComplementarySidebarStateChange: (next) => updateState({
-      complementarySidebarState: next
-    })
-  }, children), /* @__PURE__ */ React.createElement(DialogRoot, {
-    modal: layout.dialogBlockAlign !== "end",
-    open: layout.dialogOpen,
-    onOpenChange: (nextOpen) => updateState({
-      dialogOpen: nextOpen
-    })
-  }, layout.dialogBlockAlign === "end" ? /* @__PURE__ */ React.createElement(Surface, {
-    role: "dialog",
-    data: layout.dialogContent,
-    limit: 1,
-    fallback: ContentError,
-    placeholder: /* @__PURE__ */ React.createElement("div", null)
-  }) : /* @__PURE__ */ React.createElement(DialogOverlay, {
-    blockAlign: layout.dialogBlockAlign,
-    classNames: layout.dialogOverlayClasses,
-    style: layout.dialogOverlayStyle
-  }, /* @__PURE__ */ React.createElement(Surface, {
-    role: "dialog",
-    data: layout.dialogContent,
-    limit: 1,
-    fallback: ContentError
-  }))), /* @__PURE__ */ React.createElement(Popover.VirtualTrigger, {
-    key: iter,
-    virtualRef: trigger
-  }), /* @__PURE__ */ React.createElement(Popover.Portal, null, /* @__PURE__ */ React.createElement(Popover.Content, {
-    side: layout.popoverSide,
-    onInteractOutside: handleInteractOutside,
-    onEscapeKeyDown: handleInteractOutside,
-    sticky: "always",
-    hideWhenDetached: true
-  }, /* @__PURE__ */ React.createElement(Popover.Viewport, null, layout.popoverKind === "card" && /* @__PURE__ */ React.createElement(Card.Root, null, /* @__PURE__ */ React.createElement(Card.Toolbar, null, /* @__PURE__ */ React.createElement("span", null), layout.popoverTitle ? /* @__PURE__ */ React.createElement(Card.Title, null, toLocalizedString(layout.popoverTitle, t)) : /* @__PURE__ */ React.createElement("span", null), /* @__PURE__ */ React.createElement(Card.Close, {
-    onClick: handleClose
-  })), /* @__PURE__ */ React.createElement(Surface, {
-    role: "card--content",
-    data: layout.popoverContent,
-    limit: 1
-  })), layout.popoverKind === "base" && /* @__PURE__ */ React.createElement(Surface, {
-    role: "popover",
-    data: layout.popoverContent,
-    limit: 1
-  })), /* @__PURE__ */ React.createElement(Popover.Arrow, null))))));
-};
-var ContentError = ({ error }) => {
-  const { t } = useTranslation(meta.id);
-  const errorString = error?.toString() ?? "";
-  return /* @__PURE__ */ React.createElement("div", {
-    role: "none",
-    className: "overflow-auto p-8 attention-surface grid place-items-center"
-  }, /* @__PURE__ */ React.createElement("p", {
-    role: "alert",
-    className: mx(descriptionMessage, "break-words rounded-md p-8", errorString.length < 256 && "text-lg")
-  }, error ? errorString : t("error fallback message")));
+// src/meta.ts
+import { trim } from "@dxos/util";
+var meta = {
+  id: "org.dxos.plugin.storybook-layout",
+  name: "Storybook",
+  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"
 };
 // src/StorybookPlugin.ts
-var StorybookPlugin = Plugin.define(meta).pipe(Plugin.addModule(({ initialState }) => ({
-  id: Capability3.getModuleTag(State),
-  activatesOn: Common.ActivationEvent.Startup,
+import * as Effect from "effect/Effect";
+import { ActivationEvents, Capabilities, Capability, Plugin } from "@dxos/app-framework";
+import { AppActivationEvents, AppPlugin } from "@dxos/app-toolkit";
+import { Layout } from "#components";
+import { meta as meta2 } from "#meta";
+import { OperationHandler, State } from "#capabilities";
+var StorybookPlugin = Plugin.define(meta2).pipe(AppPlugin.addOperationHandlerModule({
+  activate: OperationHandler
+}), AppPlugin.addReactContextModule({
+  activate: () => Effect.succeed(Capability.contributes(Capabilities.ReactContext, {
+    id: "storybook-layout",
+    context: Layout
+  }))
+}), Plugin.addModule(({ initialState }) => ({
+  id: Capability.getModuleTag(State),
+  activatesOn: ActivationEvents.Startup,
   activatesAfter: [
-    Common.ActivationEvent.LayoutReady
+    AppActivationEvents.LayoutReady
   ],
   activate: () => State({
     initialState
   })
-})), Common.Plugin.addReactContextModule({
-  activate: () => Effect.succeed(Capability3.contributes(Common.Capability.ReactContext, {
-    id: "storybook-layout",
-    context: Layout
-  }))
-}), Common.Plugin.addOperationResolverModule({
-  activate: OperationResolver
-}), Plugin.make);
+})), Plugin.make);
 export {
-  AttentionPlugin,
-  ClientPlugin,
-  GraphPlugin,
-  OperationPlugin,
-  RuntimePlugin,
-  SettingsPlugin,
   StorybookPlugin,
-  ThemePlugin,
   corePlugins,
   meta
 };