@dxos/plugin-testing 0.0.0 → 0.8.4-main.21d9917

package/dist/lib/browser/chunk-YHPXIILW.mjs

@@ -0,0 +1,21 @@
+// src/meta.ts
+import { trim } from "@dxos/util";
+var meta = {
+  id: "dxos.org/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/types/capabilities.ts
+import { Capability } from "@dxos/app-framework";
+var LayoutState = Capability.make(`${meta.id}/state`);
+
+export {
+  meta,
+  LayoutState
+};
+//# sourceMappingURL=chunk-YHPXIILW.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/meta.ts", "../../../src/types/capabilities.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: 'dxos.org/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 2025 DXOS.org\n//\n\nimport { type Atom } from '@effect-atom/atom-react';\n\nimport { Capability } from '@dxos/app-framework';\nimport { type Label } from '@dxos/react-ui';\n\nimport { meta } from '../meta';\n\nexport type LayoutStateProps = {\n  sidebarState?: 'expanded' | 'collapsed' | 'closed';\n  complementarySidebarState?: 'expanded' | 'collapsed' | 'closed';\n\n  dialogOpen: boolean;\n  dialogType?: 'default' | 'alert';\n  dialogBlockAlign?: 'start' | 'center' | 'end';\n  dialogOverlayClasses?: string;\n  dialogOverlayStyle?: Record<string, any>;\n  /** Data to be passed to the dialog Surface. */\n  dialogContent?: any;\n\n  popoverOpen?: boolean;\n  popoverSide?: 'top' | 'right' | 'bottom' | 'left';\n  popoverVariant?: 'virtual' | 'react';\n  popoverAnchor?: HTMLButtonElement;\n  popoverAnchorId?: string;\n  popoverKind?: 'base' | 'card';\n  popoverTitle?: Label;\n  popoverContent?: any;\n\n  workspace: string;\n};\n\nexport const LayoutState = Capability.make<Atom.Writable<LayoutStateProps>>(`${meta.id}/state`);\n"],
+  "mappings": ";AAKA,SAASA,YAAY;AAEd,IAAMC,OAAoB;EAC/BC,IAAI;EACJC,MAAM;EACNC,aAAaC;;;;EAIbC,QAAQ;AACV;;;ACTA,SAASC,kBAAkB;AA6BpB,IAAMC,cAAcC,WAAWC,KAAsC,GAAGC,KAAKC,EAAE,QAAQ;",
+  "names": ["trim", "meta", "id", "name", "description", "trim", "source", "Capability", "LayoutState", "Capability", "make", "meta", "id"]
+}

package/dist/lib/browser/index.mjs

@@ -0,0 +1,202 @@
+import {
+  LayoutState,
+  meta
+} from "./chunk-YHPXIILW.mjs";
+
+// src/core.ts
+import { OperationPlugin, RuntimePlugin, SettingsPlugin } from "@dxos/app-framework";
+import { AttentionPlugin } from "@dxos/plugin-attention";
+import { ClientPlugin } from "@dxos/plugin-client";
+import { GraphPlugin } from "@dxos/plugin-graph";
+import { ThemePlugin } from "@dxos/plugin-theme";
+import { defaultTx } from "@dxos/ui-theme";
+var corePlugins = () => [
+  AttentionPlugin(),
+  GraphPlugin(),
+  OperationPlugin(),
+  RuntimePlugin(),
+  SettingsPlugin(),
+  ThemePlugin({
+    tx: defaultTx
+  })
+];
+
+// 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/StorybookPlugin.ts
+var StorybookPlugin = Plugin.define(meta).pipe(Plugin.addModule(({ initialState }) => ({
+  id: Capability3.getModuleTag(State),
+  activatesOn: Common.ActivationEvent.Startup,
+  activatesAfter: [
+    Common.ActivationEvent.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);
+export {
+  AttentionPlugin,
+  ClientPlugin,
+  GraphPlugin,
+  OperationPlugin,
+  RuntimePlugin,
+  SettingsPlugin,
+  StorybookPlugin,
+  ThemePlugin,
+  corePlugins,
+  meta
+};
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +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"]
+}

package/dist/lib/browser/meta.json

@@ -0,0 +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}}}

package/dist/lib/browser/operation-resolver-B2DOYB7C.mjs

@@ -0,0 +1,111 @@
+import {
+  LayoutState
+} from "./chunk-YHPXIILW.mjs";
+
+// src/capabilities/operation-resolver/operation-resolver.ts
+import * as Effect from "effect/Effect";
+import { Capability, Common } from "@dxos/app-framework";
+import { OperationResolver } from "@dxos/operation";
+var operation_resolver_default = Capability.makeModule(Effect.fnUntraced(function* () {
+  const registry = yield* Capability.get(Common.Capability.AtomRegistry);
+  const stateAtom = yield* Capability.get(LayoutState);
+  const updateState = (fn) => {
+    const current = registry.get(stateAtom);
+    registry.set(stateAtom, {
+      ...current,
+      ...fn(current)
+    });
+  };
+  return Capability.contributes(Common.Capability.OperationResolver, [
+    OperationResolver.make({
+      operation: Common.LayoutOperation.UpdateSidebar,
+      handler: Effect.fnUntraced(function* ({ state }) {
+        updateState((layout) => {
+          const next = state ?? layout.sidebarState;
+          if (next !== layout.sidebarState) {
+            return {
+              sidebarState: next
+            };
+          }
+          return {};
+        });
+      })
+    }),
+    OperationResolver.make({
+      operation: Common.LayoutOperation.UpdateComplementary,
+      handler: Effect.fnUntraced(function* ({ state }) {
+        updateState((layout) => {
+          const next = state ?? layout.complementarySidebarState;
+          if (next !== layout.complementarySidebarState) {
+            return {
+              complementarySidebarState: next
+            };
+          }
+          return {};
+        });
+      })
+    }),
+    OperationResolver.make({
+      operation: Common.LayoutOperation.UpdateDialog,
+      handler: Effect.fnUntraced(function* ({ subject, state, type, blockAlign, overlayClasses, overlayStyle, props }) {
+        updateState(() => ({
+          dialogOpen: state ?? Boolean(subject),
+          dialogType: type ?? "default",
+          dialogBlockAlign: blockAlign ?? "center",
+          dialogOverlayClasses: overlayClasses,
+          dialogOverlayStyle: overlayStyle,
+          dialogContent: subject ? {
+            component: subject,
+            props
+          } : null
+        }));
+      })
+    }),
+    OperationResolver.make({
+      operation: Common.LayoutOperation.UpdatePopover,
+      handler: Effect.fnUntraced(function* (input) {
+        const { subject, state, side, kind, props } = input;
+        updateState(() => {
+          const base = {
+            popoverKind: kind ?? "base",
+            popoverTitle: kind === "card" ? input.title : void 0,
+            popoverContent: typeof subject === "string" ? {
+              component: subject,
+              props
+            } : subject ? {
+              subject
+            } : void 0,
+            popoverOpen: state ?? Boolean(subject),
+            popoverSide: side
+          };
+          if ("variant" in input && input.variant === "virtual") {
+            return {
+              ...base,
+              popoverVariant: "virtual",
+              popoverAnchor: input.anchor
+            };
+          } else if ("anchorId" in input) {
+            return {
+              ...base,
+              popoverVariant: "react",
+              popoverAnchorId: input.anchorId
+            };
+          }
+          return base;
+        });
+      })
+    }),
+    OperationResolver.make({
+      operation: Common.LayoutOperation.SwitchWorkspace,
+      handler: Effect.fnUntraced(function* ({ subject }) {
+        updateState(() => ({
+          workspace: subject
+        }));
+      })
+    })
+  ]);
+}));
+export {
+  operation_resolver_default as default
+};
+//# sourceMappingURL=operation-resolver-B2DOYB7C.mjs.map

package/dist/lib/browser/operation-resolver-B2DOYB7C.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/capabilities/operation-resolver/operation-resolver.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Effect from 'effect/Effect';\n\nimport { Capability, Common } from '@dxos/app-framework';\nimport { OperationResolver } from '@dxos/operation';\n\nimport { LayoutState, type LayoutStateProps } from '../../types';\n\nexport default Capability.makeModule(\n  Effect.fnUntraced(function* () {\n    const registry = yield* Capability.get(Common.Capability.AtomRegistry);\n    const stateAtom = yield* Capability.get(LayoutState);\n\n    const updateState = (fn: (state: LayoutStateProps) => Partial<LayoutStateProps>) => {\n      const current = registry.get(stateAtom);\n      registry.set(stateAtom, { ...current, ...fn(current) });\n    };\n\n    return Capability.contributes(Common.Capability.OperationResolver, [\n      OperationResolver.make({\n        operation: Common.LayoutOperation.UpdateSidebar,\n        handler: Effect.fnUntraced(function* ({ state }) {\n          updateState((layout) => {\n            const next = state ?? layout.sidebarState;\n            if (next !== layout.sidebarState) {\n              return { sidebarState: next };\n            }\n            return {};\n          });\n        }),\n      }),\n      OperationResolver.make({\n        operation: Common.LayoutOperation.UpdateComplementary,\n        handler: Effect.fnUntraced(function* ({ state }) {\n          updateState((layout) => {\n            const next = state ?? layout.complementarySidebarState;\n            if (next !== layout.complementarySidebarState) {\n              return { complementarySidebarState: next };\n            }\n            return {};\n          });\n        }),\n      }),\n      OperationResolver.make({\n        operation: Common.LayoutOperation.UpdateDialog,\n        handler: Effect.fnUntraced(function* ({\n          subject,\n          state,\n          type,\n          blockAlign,\n          overlayClasses,\n          overlayStyle,\n          props,\n        }) {\n          updateState(() => ({\n            dialogOpen: state ?? Boolean(subject),\n            dialogType: type ?? 'default',\n            dialogBlockAlign: blockAlign ?? 'center',\n            dialogOverlayClasses: overlayClasses,\n            dialogOverlayStyle: overlayStyle,\n            dialogContent: subject ? { component: subject, props } : null,\n          }));\n        }),\n      }),\n      OperationResolver.make({\n        operation: Common.LayoutOperation.UpdatePopover,\n        handler: Effect.fnUntraced(function* (input) {\n          const { subject, state, side, kind, props } = input;\n          updateState(() => {\n            const base: Partial<LayoutStateProps> = {\n              popoverKind: kind ?? 'base',\n              popoverTitle: kind === 'card' ? input.title : undefined,\n              popoverContent:\n                typeof subject === 'string' ? { component: subject, props } : subject ? { subject } : undefined,\n              popoverOpen: state ?? Boolean(subject),\n              popoverSide: side,\n            };\n            if ('variant' in input && input.variant === 'virtual') {\n              return { ...base, popoverVariant: 'virtual', popoverAnchor: input.anchor };\n            } else if ('anchorId' in input) {\n              return { ...base, popoverVariant: 'react', popoverAnchorId: input.anchorId };\n            }\n            return base;\n          });\n        }),\n      }),\n      OperationResolver.make({\n        operation: Common.LayoutOperation.SwitchWorkspace,\n        handler: Effect.fnUntraced(function* ({ subject }) {\n          updateState(() => ({ workspace: subject }));\n        }),\n      }),\n    ]);\n  }),\n);\n"],
+  "mappings": ";;;;;AAIA,YAAYA,YAAY;AAExB,SAASC,YAAYC,cAAc;AACnC,SAASC,yBAAyB;AAIlC,IAAA,6BAAeC,WAAWC,WACjBC,kBAAW,aAAA;AAChB,QAAMC,WAAW,OAAOH,WAAWI,IAAIC,OAAOL,WAAWM,YAAY;AACrE,QAAMC,YAAY,OAAOP,WAAWI,IAAII,WAAAA;AAExC,QAAMC,cAAc,CAACC,OAAAA;AACnB,UAAMC,UAAUR,SAASC,IAAIG,SAAAA;AAC7BJ,aAASS,IAAIL,WAAW;MAAE,GAAGI;MAAS,GAAGD,GAAGC,OAAAA;IAAS,CAAA;EACvD;AAEA,SAAOX,WAAWa,YAAYR,OAAOL,WAAWc,mBAAmB;IACjEA,kBAAkBC,KAAK;MACrBC,WAAWX,OAAOY,gBAAgBC;MAClCC,SAAgBjB,kBAAW,WAAW,EAAEkB,MAAK,GAAE;AAC7CX,oBAAY,CAACY,WAAAA;AACX,gBAAMC,OAAOF,SAASC,OAAOE;AAC7B,cAAID,SAASD,OAAOE,cAAc;AAChC,mBAAO;cAAEA,cAAcD;YAAK;UAC9B;AACA,iBAAO,CAAC;QACV,CAAA;MACF,CAAA;IACF,CAAA;IACAR,kBAAkBC,KAAK;MACrBC,WAAWX,OAAOY,gBAAgBO;MAClCL,SAAgBjB,kBAAW,WAAW,EAAEkB,MAAK,GAAE;AAC7CX,oBAAY,CAACY,WAAAA;AACX,gBAAMC,OAAOF,SAASC,OAAOI;AAC7B,cAAIH,SAASD,OAAOI,2BAA2B;AAC7C,mBAAO;cAAEA,2BAA2BH;YAAK;UAC3C;AACA,iBAAO,CAAC;QACV,CAAA;MACF,CAAA;IACF,CAAA;IACAR,kBAAkBC,KAAK;MACrBC,WAAWX,OAAOY,gBAAgBS;MAClCP,SAAgBjB,kBAAW,WAAW,EACpCyB,SACAP,OACAQ,MACAC,YACAC,gBACAC,cACAC,MAAK,GACN;AACCvB,oBAAY,OAAO;UACjBwB,YAAYb,SAASc,QAAQP,OAAAA;UAC7BQ,YAAYP,QAAQ;UACpBQ,kBAAkBP,cAAc;UAChCQ,sBAAsBP;UACtBQ,oBAAoBP;UACpBQ,eAAeZ,UAAU;YAAEa,WAAWb;YAASK;UAAM,IAAI;QAC3D,EAAA;MACF,CAAA;IACF,CAAA;IACAlB,kBAAkBC,KAAK;MACrBC,WAAWX,OAAOY,gBAAgBwB;MAClCtB,SAAgBjB,kBAAW,WAAWwC,OAAK;AACzC,cAAM,EAAEf,SAASP,OAAOuB,MAAMC,MAAMZ,MAAK,IAAKU;AAC9CjC,oBAAY,MAAA;AACV,gBAAMoC,OAAkC;YACtCC,aAAaF,QAAQ;YACrBG,cAAcH,SAAS,SAASF,MAAMM,QAAQC;YAC9CC,gBACE,OAAOvB,YAAY,WAAW;cAAEa,WAAWb;cAASK;YAAM,IAAIL,UAAU;cAAEA;YAAQ,IAAIsB;YACxFE,aAAa/B,SAASc,QAAQP,OAAAA;YAC9ByB,aAAaT;UACf;AACA,cAAI,aAAaD,SAASA,MAAMW,YAAY,WAAW;AACrD,mBAAO;cAAE,GAAGR;cAAMS,gBAAgB;cAAWC,eAAeb,MAAMc;YAAO;UAC3E,WAAW,cAAcd,OAAO;AAC9B,mBAAO;cAAE,GAAGG;cAAMS,gBAAgB;cAASG,iBAAiBf,MAAMgB;YAAS;UAC7E;AACA,iBAAOb;QACT,CAAA;MACF,CAAA;IACF,CAAA;IACA/B,kBAAkBC,KAAK;MACrBC,WAAWX,OAAOY,gBAAgB0C;MAClCxC,SAAgBjB,kBAAW,WAAW,EAAEyB,QAAO,GAAE;AAC/ClB,oBAAY,OAAO;UAAEmD,WAAWjC;QAAQ,EAAA;MAC1C,CAAA;IACF,CAAA;GACD;AACH,CAAA,CAAA;",
+  "names": ["Effect", "Capability", "Common", "OperationResolver", "Capability", "makeModule", "fnUntraced", "registry", "get", "Common", "AtomRegistry", "stateAtom", "LayoutState", "updateState", "fn", "current", "set", "contributes", "OperationResolver", "make", "operation", "LayoutOperation", "UpdateSidebar", "handler", "state", "layout", "next", "sidebarState", "UpdateComplementary", "complementarySidebarState", "UpdateDialog", "subject", "type", "blockAlign", "overlayClasses", "overlayStyle", "props", "dialogOpen", "Boolean", "dialogType", "dialogBlockAlign", "dialogOverlayClasses", "dialogOverlayStyle", "dialogContent", "component", "UpdatePopover", "input", "side", "kind", "base", "popoverKind", "popoverTitle", "title", "undefined", "popoverContent", "popoverOpen", "popoverSide", "variant", "popoverVariant", "popoverAnchor", "anchor", "popoverAnchorId", "anchorId", "SwitchWorkspace", "workspace"]
+}

package/dist/lib/browser/state-2M3RMJYA.mjs

@@ -0,0 +1,42 @@
+import {
+  LayoutState
+} from "./chunk-YHPXIILW.mjs";
+
+// src/capabilities/state/state.tsx
+import { Atom } from "@effect-atom/atom-react";
+import * as Effect from "effect/Effect";
+import { Capability, Common } from "@dxos/app-framework";
+var defaultState = {
+  sidebarState: "closed",
+  complementarySidebarState: "closed",
+  dialogOpen: false,
+  workspace: "default"
+};
+var state_default = Capability.makeModule(Effect.fnUntraced(function* (props) {
+  const { initialState } = props ?? {};
+  const stateAtom = Atom.make({
+    ...defaultState,
+    ...initialState
+  });
+  const layoutAtom = Atom.make((get) => {
+    const state = get(stateAtom);
+    return {
+      mode: "storybook",
+      dialogOpen: state.dialogOpen,
+      sidebarOpen: state.sidebarState === "expanded",
+      complementarySidebarOpen: state.complementarySidebarState === "expanded",
+      workspace: state.workspace,
+      active: [],
+      inactive: [],
+      scrollIntoView: void 0
+    };
+  });
+  return [
+    Capability.contributes(LayoutState, stateAtom),
+    Capability.contributes(Common.Capability.Layout, layoutAtom)
+  ];
+}));
+export {
+  state_default as default
+};
+//# sourceMappingURL=state-2M3RMJYA.mjs.map

package/dist/lib/browser/state-2M3RMJYA.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/capabilities/state/state.tsx"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { Atom } from '@effect-atom/atom-react';\nimport * as Effect from 'effect/Effect';\n\nimport { Capability, Common } from '@dxos/app-framework';\n\nimport { LayoutState, type LayoutStateProps } from '../../types';\n\nconst defaultState: LayoutStateProps = {\n  sidebarState: 'closed',\n  complementarySidebarState: 'closed',\n  dialogOpen: false,\n  workspace: 'default',\n};\n\nexport default Capability.makeModule(\n  Effect.fnUntraced(function* (props?: { initialState?: Partial<LayoutStateProps> }) {\n    const { initialState } = props ?? {};\n    const stateAtom = Atom.make<LayoutStateProps>({ ...defaultState, ...initialState });\n\n    const layoutAtom = Atom.make((get): Common.Capability.Layout => {\n      const state = get(stateAtom);\n      return {\n        mode: 'storybook',\n        dialogOpen: state.dialogOpen,\n        sidebarOpen: state.sidebarState === 'expanded',\n        complementarySidebarOpen: state.complementarySidebarState === 'expanded',\n        workspace: state.workspace,\n        active: [],\n        inactive: [],\n        scrollIntoView: undefined,\n      };\n    });\n\n    return [\n      Capability.contributes(LayoutState, stateAtom),\n      Capability.contributes(Common.Capability.Layout, layoutAtom),\n    ];\n  }),\n);\n"],
+  "mappings": ";;;;;AAIA,SAASA,YAAY;AACrB,YAAYC,YAAY;AAExB,SAASC,YAAYC,cAAc;AAInC,IAAMC,eAAiC;EACrCC,cAAc;EACdC,2BAA2B;EAC3BC,YAAY;EACZC,WAAW;AACb;AAEA,IAAA,gBAAeC,WAAWC,WACjBC,kBAAW,WAAWC,OAAoD;AAC/E,QAAM,EAAEC,aAAY,IAAKD,SAAS,CAAC;AACnC,QAAME,YAAYC,KAAKC,KAAuB;IAAE,GAAGZ;IAAc,GAAGS;EAAa,CAAA;AAEjF,QAAMI,aAAaF,KAAKC,KAAK,CAACE,QAAAA;AAC5B,UAAMC,QAAQD,IAAIJ,SAAAA;AAClB,WAAO;MACLM,MAAM;MACNb,YAAYY,MAAMZ;MAClBc,aAAaF,MAAMd,iBAAiB;MACpCiB,0BAA0BH,MAAMb,8BAA8B;MAC9DE,WAAWW,MAAMX;MACjBe,QAAQ,CAAA;MACRC,UAAU,CAAA;MACVC,gBAAgBC;IAClB;EACF,CAAA;AAEA,SAAO;IACLjB,WAAWkB,YAAYC,aAAad,SAAAA;IACpCL,WAAWkB,YAAYE,OAAOpB,WAAWqB,QAAQb,UAAAA;;AAErD,CAAA,CAAA;",
+  "names": ["Atom", "Effect", "Capability", "Common", "defaultState", "sidebarState", "complementarySidebarState", "dialogOpen", "workspace", "Capability", "makeModule", "fnUntraced", "props", "initialState", "stateAtom", "Atom", "make", "layoutAtom", "get", "state", "mode", "sidebarOpen", "complementarySidebarOpen", "active", "inactive", "scrollIntoView", "undefined", "contributes", "LayoutState", "Common", "Layout"]
+}

package/dist/lib/node-esm/chunk-OWK6XE6C.mjs

@@ -0,0 +1,23 @@
+import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
+
+// src/meta.ts
+import { trim } from "@dxos/util";
+var meta = {
+  id: "dxos.org/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/types/capabilities.ts
+import { Capability } from "@dxos/app-framework";
+var LayoutState = Capability.make(`${meta.id}/state`);
+
+export {
+  meta,
+  LayoutState
+};
+//# sourceMappingURL=chunk-OWK6XE6C.mjs.map

package/dist/lib/node-esm/chunk-OWK6XE6C.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/meta.ts", "../../../src/types/capabilities.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: 'dxos.org/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 2025 DXOS.org\n//\n\nimport { type Atom } from '@effect-atom/atom-react';\n\nimport { Capability } from '@dxos/app-framework';\nimport { type Label } from '@dxos/react-ui';\n\nimport { meta } from '../meta';\n\nexport type LayoutStateProps = {\n  sidebarState?: 'expanded' | 'collapsed' | 'closed';\n  complementarySidebarState?: 'expanded' | 'collapsed' | 'closed';\n\n  dialogOpen: boolean;\n  dialogType?: 'default' | 'alert';\n  dialogBlockAlign?: 'start' | 'center' | 'end';\n  dialogOverlayClasses?: string;\n  dialogOverlayStyle?: Record<string, any>;\n  /** Data to be passed to the dialog Surface. */\n  dialogContent?: any;\n\n  popoverOpen?: boolean;\n  popoverSide?: 'top' | 'right' | 'bottom' | 'left';\n  popoverVariant?: 'virtual' | 'react';\n  popoverAnchor?: HTMLButtonElement;\n  popoverAnchorId?: string;\n  popoverKind?: 'base' | 'card';\n  popoverTitle?: Label;\n  popoverContent?: any;\n\n  workspace: string;\n};\n\nexport const LayoutState = Capability.make<Atom.Writable<LayoutStateProps>>(`${meta.id}/state`);\n"],
+  "mappings": ";;;AAKA,SAASA,YAAY;AAEd,IAAMC,OAAoB;EAC/BC,IAAI;EACJC,MAAM;EACNC,aAAaC;;;;EAIbC,QAAQ;AACV;;;ACTA,SAASC,kBAAkB;AA6BpB,IAAMC,cAAcC,WAAWC,KAAsC,GAAGC,KAAKC,EAAE,QAAQ;",
+  "names": ["trim", "meta", "id", "name", "description", "trim", "source", "Capability", "LayoutState", "Capability", "make", "meta", "id"]
+}