@dxos/plugin-conductor 0.8.4-main.bc674ce → 0.8.4-main.c351d160a8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dxos/plugin-conductor",
-  "version": "0.8.4-main.bc674ce",
+  "version": "0.8.4-main.c351d160a8",
   "description": "Composer plugin for conductor.",
   "homepage": "https://dxos.org",
   "bugs": "https://github.com/dxos/dxos/issues",
@@ -14,9 +14,9 @@
   "type": "module",
   "exports": {
     ".": {
+      "source": "./src/index.ts",
       "browser": "./dist/lib/browser/index.mjs",
       "node": "./dist/lib/node-esm/index.mjs",
-      "source": "./src/index.ts",
       "types": "./dist/types/src/index.d.ts"
     }
   },
@@ -26,44 +26,45 @@
     "src"
   ],
   "dependencies": {
-    "effect": "3.19.11",
-    "@dxos/ai": "0.8.4-main.bc674ce",
-    "@dxos/assistant": "0.8.4-main.bc674ce",
-    "@dxos/app-framework": "0.8.4-main.bc674ce",
-    "@dxos/conductor": "0.8.4-main.bc674ce",
-    "@dxos/echo": "0.8.4-main.bc674ce",
-    "@dxos/edge-client": "0.8.4-main.bc674ce",
-    "@dxos/debug": "0.8.4-main.bc674ce",
-    "@dxos/functions": "0.8.4-main.bc674ce",
-    "@dxos/functions-runtime": "0.8.4-main.bc674ce",
-    "@dxos/operation": "0.8.4-main.bc674ce",
-    "@dxos/plugin-automation": "0.8.4-main.bc674ce",
-    "@dxos/log": "0.8.4-main.bc674ce",
-    "@dxos/plugin-client": "0.8.4-main.bc674ce",
-    "@dxos/plugin-space": "0.8.4-main.bc674ce",
-    "@dxos/react-client": "0.8.4-main.bc674ce",
-    "@dxos/react-ui-stack": "0.8.4-main.bc674ce",
-    "@dxos/react-ui-canvas-compute": "0.8.4-main.bc674ce",
-    "@dxos/react-ui-canvas-editor": "0.8.4-main.bc674ce",
-    "@dxos/react-ui-mosaic": "0.8.4-main.bc674ce",
-    "@dxos/util": "0.8.4-main.bc674ce"
+    "effect": "3.19.16",
+    "@dxos/ai": "0.8.4-main.c351d160a8",
+    "@dxos/app-framework": "0.8.4-main.c351d160a8",
+    "@dxos/conductor": "0.8.4-main.c351d160a8",
+    "@dxos/assistant": "0.8.4-main.c351d160a8",
+    "@dxos/echo": "0.8.4-main.c351d160a8",
+    "@dxos/debug": "0.8.4-main.c351d160a8",
+    "@dxos/edge-client": "0.8.4-main.c351d160a8",
+    "@dxos/functions": "0.8.4-main.c351d160a8",
+    "@dxos/functions-runtime": "0.8.4-main.c351d160a8",
+    "@dxos/log": "0.8.4-main.c351d160a8",
+    "@dxos/operation": "0.8.4-main.c351d160a8",
+    "@dxos/plugin-automation": "0.8.4-main.c351d160a8",
+    "@dxos/plugin-space": "0.8.4-main.c351d160a8",
+    "@dxos/plugin-client": "0.8.4-main.c351d160a8",
+    "@dxos/react-client": "0.8.4-main.c351d160a8",
+    "@dxos/react-ui-canvas-compute": "0.8.4-main.c351d160a8",
+    "@dxos/react-ui-canvas-editor": "0.8.4-main.c351d160a8",
+    "@dxos/react-ui-mosaic": "0.8.4-main.c351d160a8",
+    "@dxos/react-ui-stack": "0.8.4-main.c351d160a8",
+    "@dxos/app-toolkit": "0.8.4-main.c351d160a8",
+    "@dxos/util": "0.8.4-main.c351d160a8"
   },
   "devDependencies": {
     "@types/react": "~19.2.7",
     "@types/react-dom": "~19.2.3",
     "react": "~19.2.3",
     "react-dom": "~19.2.3",
-    "vite": "7.1.9",
-    "@dxos/storybook-utils": "0.8.4-main.bc674ce",
-    "@dxos/react-ui": "0.8.4-main.bc674ce",
-    "@dxos/ui-theme": "0.8.4-main.bc674ce"
+    "vite": "^7.1.11",
+    "@dxos/react-ui": "0.8.4-main.c351d160a8",
+    "@dxos/ui-theme": "0.8.4-main.c351d160a8",
+    "@dxos/storybook-utils": "0.8.4-main.c351d160a8"
   },
   "peerDependencies": {
-    "effect": "3.19.11",
+    "effect": "3.19.16",
     "react": "~19.2.3",
     "react-dom": "~19.2.3",
-    "@dxos/react-ui": "0.8.4-main.bc674ce",
-    "@dxos/ui-theme": "0.8.4-main.bc674ce"
+    "@dxos/react-ui": "0.8.4-main.c351d160a8",
+    "@dxos/ui-theme": "0.8.4-main.c351d160a8"
   },
   "publishConfig": {
     "access": "public"

package/src/ConductorPlugin.tsx

@@ -3,31 +3,32 @@
 //
 
 import * as Effect from 'effect/Effect';
+import * as Option from 'effect/Option';
 
-import { Common, Plugin } from '@dxos/app-framework';
+import { Plugin } from '@dxos/app-framework';
+import { AppPlugin } from '@dxos/app-toolkit';
+import { Annotation } from '@dxos/echo';
 import { ComputeGraph } from '@dxos/conductor';
-import { Obj } from '@dxos/echo';
 import { type CreateObject } from '@dxos/plugin-space/types';
-import { CanvasBoardType } from '@dxos/react-ui-canvas-editor';
+import { CanvasBoard } from '@dxos/react-ui-canvas-editor';
 
 import { ReactSurface } from './capabilities';
 import { meta } from './meta';
 import { translations } from './translations';
 
 export const ConductorPlugin = Plugin.define(meta).pipe(
-  Common.Plugin.addTranslationsModule({ translations }),
-  Common.Plugin.addMetadataModule({
+  AppPlugin.addMetadataModule({
     metadata: {
-      id: CanvasBoardType.typename,
+      id: CanvasBoard.CanvasBoard.typename,
       metadata: {
-        icon: 'ph--infinity--regular',
-        iconHue: 'sky',
-        createObject: ((props) => Effect.sync(() => Obj.make(CanvasBoardType, props))) satisfies CreateObject,
-        addToCollectionOnCreate: true,
+        icon: Annotation.IconAnnotation.get(CanvasBoard.CanvasBoard).pipe(Option.getOrThrow).icon,
+        iconHue: Annotation.IconAnnotation.get(CanvasBoard.CanvasBoard).pipe(Option.getOrThrow).hue ?? 'white',
+        createObject: ((props) => Effect.sync(() => CanvasBoard.make(props))) satisfies CreateObject,
       },
     },
   }),
-  Common.Plugin.addSchemaModule({ schema: [CanvasBoardType, ComputeGraph] }),
-  Common.Plugin.addSurfaceModule({ activate: ReactSurface }),
+  AppPlugin.addSchemaModule({ schema: [CanvasBoard.CanvasBoard, ComputeGraph] }),
+  AppPlugin.addSurfaceModule({ activate: ReactSurface }),
+  AppPlugin.addTranslationsModule({ translations }),
   Plugin.make,
 );

package/src/capabilities/react-surface/react-surface.tsx

@@ -5,21 +5,23 @@
 import * as Effect from 'effect/Effect';
 import React from 'react';
 
-import { Capability, Common } from '@dxos/app-framework';
+import { Capabilities, Capability } from '@dxos/app-framework';
+import { Surface } from '@dxos/app-framework/ui';
 import { Obj } from '@dxos/echo';
-import { CanvasBoardType } from '@dxos/react-ui-canvas-editor';
+import { CanvasBoard } from '@dxos/react-ui-canvas-editor';
 
-import { CanvasContainer } from '../../components';
+import { CanvasContainer } from '../../containers';
 import { meta } from '../../meta';
 
 export default Capability.makeModule(() =>
   Effect.succeed(
     Capability.contributes(
-      Common.Capability.ReactSurface,
-      Common.createSurface({
+      Capabilities.ReactSurface,
+      Surface.create({
         id: meta.id,
         role: ['article', 'section'],
-        filter: (data): data is { subject: CanvasBoardType } => Obj.instanceOf(CanvasBoardType, data.subject),
+        filter: (data): data is { subject: CanvasBoard.CanvasBoard } =>
+          Obj.instanceOf(CanvasBoard.CanvasBoard, data.subject),
         component: ({ data, role }) => <CanvasContainer role={role} subject={data.subject} />,
       }),
     ),

package/src/components/index.ts

@@ -1,5 +1,3 @@
 //
-// Copyright 2023 DXOS.org
+// Copyright 2025 DXOS.org
 //
-
-export { CanvasContainer } from './CanvasContainer';

package/src/{components → containers/CanvasContainer}/CanvasContainer.tsx

@@ -4,10 +4,13 @@
 
 import React, { Fragment, useEffect, useMemo, useRef } from 'react';
 
-import { type SurfaceComponentProps, useCapability } from '@dxos/app-framework/react';
+import { useCapability } from '@dxos/app-framework/ui';
+import { type SurfaceComponentProps } from '@dxos/app-toolkit/ui';
 import { ComputeGraphModel } from '@dxos/conductor';
 import { Obj } from '@dxos/echo';
 import { AutomationCapabilities } from '@dxos/plugin-automation';
+import { useObject } from '@dxos/react-client/echo';
+import { Flex, type FlexProps } from '@dxos/react-ui';
 import {
   ComputeContext,
   ComputeGraphController,
@@ -18,20 +21,23 @@ import {
   useGraphMonitor,
 } from '@dxos/react-ui-canvas-compute';
 import {
-  type CanvasBoardType,
+  type CanvasBoard,
   CanvasGraphModel,
   Editor,
   type EditorController,
   KeyboardContainer,
   ShapeRegistry,
 } from '@dxos/react-ui-canvas-editor';
-import { Layout, type LayoutFlexProps } from '@dxos/react-ui-mosaic';
 
-export type CanvasContainerProps = SurfaceComponentProps<CanvasBoardType>;
+export type CanvasContainerProps = SurfaceComponentProps<CanvasBoard.CanvasBoard>;
 
 export const CanvasContainer = ({ role, subject: canvas }: CanvasContainerProps) => {
   const id = Obj.getDXN(canvas as any).toString();
-  const graph = useMemo(() => CanvasGraphModel.create<ComputeShape>(canvas.layout), [canvas.layout]);
+  useObject(canvas);
+  const graph = useMemo(
+    () => CanvasGraphModel.create<ComputeShape>(canvas.layout, (fn) => Obj.change(canvas, fn)),
+    [canvas],
+  );
   const controller = useGraphController(canvas);
   const graphMonitor = useGraphMonitor(controller?.graph);
   const registry = useMemo(() => new ShapeRegistry(computeShapes), []);
@@ -71,11 +77,12 @@ export const CanvasContainer = ({ role, subject: canvas }: CanvasContainerProps)
   );
 };
 
-const Container = (props: LayoutFlexProps) => <Layout.Flex {...props} classNames='aspect-square' />;
+const Container = (props: FlexProps) => <Flex {...props} classNames='aspect-square' />;
 
-const useGraphController = (canvas: CanvasBoardType) => {
+const useGraphController = (canvas: CanvasBoard.CanvasBoard) => {
   const db = Obj.getDatabase(canvas);
   const runtime = useCapability(AutomationCapabilities.ComputeRuntime);
+  const [computeGraph] = useObject(canvas.computeGraph);
   const controller = useMemo(() => {
     if (!canvas.computeGraph?.target || !db) {
       return null;
@@ -83,7 +90,7 @@ const useGraphController = (canvas: CanvasBoardType) => {
     const model = new ComputeGraphModel(canvas.computeGraph?.target);
     const controller = new ComputeGraphController(runtime.getRuntime(db.spaceId), model);
     return controller;
-  }, [canvas.computeGraph?.target, db]);
+  }, [computeGraph, db]);
 
   useEffect(() => {
     if (!controller) {
@@ -98,5 +105,3 @@ const useGraphController = (canvas: CanvasBoardType) => {
 
   return controller;
 };
-
-export default CanvasContainer;

package/src/containers/CanvasContainer/index.ts

@@ -0,0 +1,7 @@
+//
+// Copyright 2024 DXOS.org
+//
+
+import { CanvasContainer } from './CanvasContainer';
+
+export default CanvasContainer;

package/src/containers/index.ts

@@ -0,0 +1,7 @@
+//
+// Copyright 2024 DXOS.org
+//
+
+import { type ComponentType, lazy } from 'react';
+
+export const CanvasContainer: ComponentType<any> = lazy(() => import('./CanvasContainer'));

package/src/meta.ts

@@ -6,7 +6,7 @@ import { type Plugin } from '@dxos/app-framework';
 import { trim } from '@dxos/util';
 
 export const meta: Plugin.Meta = {
-  id: 'dxos.org/plugin/conductor',
+  id: 'org.dxos.plugin.conductor',
   name: 'Conductor',
   description: trim`
     Visual workflow builder using node-based compute graphs to orchestrate complex AI agent pipelines.

package/src/translations.ts

@@ -3,19 +3,20 @@
 //
 
 import { type Resource } from '@dxos/react-ui';
-import { CanvasBoardType } from '@dxos/react-ui-canvas-editor';
+import { CanvasBoard } from '@dxos/react-ui-canvas-editor';
 
 import { meta } from './meta';
 
 export const translations = [
   {
     'en-US': {
-      [CanvasBoardType.typename]: {
+      [CanvasBoard.CanvasBoard.typename]: {
         'typename label': 'Circuit',
         'typename label_zero': 'Circuits',
         'typename label_one': 'Circuit',
         'typename label_other': 'Circuits',
         'object name placeholder': 'New circuit',
+        'add object label': 'Add circuit',
         'rename object label': 'Rename circuit',
         'delete object label': 'Delete circuit',
         'object deleted label': 'Circuit deleted',

package/dist/lib/browser/react-surface-R7NR323I.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/capabilities/react-surface/react-surface.tsx", "../../../src/components/CanvasContainer.tsx"],
-  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Effect from 'effect/Effect';\nimport React from 'react';\n\nimport { Capability, Common } from '@dxos/app-framework';\nimport { Obj } from '@dxos/echo';\nimport { CanvasBoardType } from '@dxos/react-ui-canvas-editor';\n\nimport { CanvasContainer } from '../../components';\nimport { meta } from '../../meta';\n\nexport default Capability.makeModule(() =>\n  Effect.succeed(\n    Capability.contributes(\n      Common.Capability.ReactSurface,\n      Common.createSurface({\n        id: meta.id,\n        role: ['article', 'section'],\n        filter: (data): data is { subject: CanvasBoardType } => Obj.instanceOf(CanvasBoardType, data.subject),\n        component: ({ data, role }) => <CanvasContainer role={role} subject={data.subject} />,\n      }),\n    ),\n  ),\n);\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { Fragment, useEffect, useMemo, useRef } from 'react';\n\nimport { type SurfaceComponentProps, useCapability } from '@dxos/app-framework/react';\nimport { ComputeGraphModel } from '@dxos/conductor';\nimport { Obj } from '@dxos/echo';\nimport { AutomationCapabilities } from '@dxos/plugin-automation';\nimport {\n  ComputeContext,\n  ComputeGraphController,\n  type ComputeShape,\n  ComputeShapeLayout,\n  computeShapes,\n  useComputeGraphController,\n  useGraphMonitor,\n} from '@dxos/react-ui-canvas-compute';\nimport {\n  type CanvasBoardType,\n  CanvasGraphModel,\n  Editor,\n  type EditorController,\n  KeyboardContainer,\n  ShapeRegistry,\n} from '@dxos/react-ui-canvas-editor';\nimport { Layout, type LayoutFlexProps } from '@dxos/react-ui-mosaic';\n\nexport type CanvasContainerProps = SurfaceComponentProps<CanvasBoardType>;\n\nexport const CanvasContainer = ({ role, subject: canvas }: CanvasContainerProps) => {\n  const id = Obj.getDXN(canvas as any).toString();\n  const graph = useMemo(() => CanvasGraphModel.create<ComputeShape>(canvas.layout), [canvas.layout]);\n  const controller = useGraphController(canvas);\n  const graphMonitor = useGraphMonitor(controller?.graph);\n  const registry = useMemo(() => new ShapeRegistry(computeShapes), []);\n  const editorRef = useRef<EditorController>(null);\n  useComputeGraphController({ controller, graph, editorRef });\n\n  // Layout.\n  const layout = useMemo(\n    () => (controller && registry ? new ComputeShapeLayout(controller, registry) : undefined),\n    [controller, registry],\n  );\n\n  if (!controller) {\n    return;\n  }\n\n  const Root = role === 'section' ? Container : Fragment;\n\n  return (\n    <ComputeContext.Provider value={{ controller }}>\n      <Root>\n        <KeyboardContainer id={id}>\n          <Editor.Root\n            id={id}\n            ref={editorRef}\n            graph={graph}\n            graphMonitor={graphMonitor as any}\n            registry={registry}\n            layout={layout}\n          >\n            <Editor.Canvas />\n            <Editor.UI showTools />\n          </Editor.Root>\n        </KeyboardContainer>\n      </Root>\n    </ComputeContext.Provider>\n  );\n};\n\nconst Container = (props: LayoutFlexProps) => <Layout.Flex {...props} classNames='aspect-square' />;\n\nconst useGraphController = (canvas: CanvasBoardType) => {\n  const db = Obj.getDatabase(canvas);\n  const runtime = useCapability(AutomationCapabilities.ComputeRuntime);\n  const controller = useMemo(() => {\n    if (!canvas.computeGraph?.target || !db) {\n      return null;\n    }\n    const model = new ComputeGraphModel(canvas.computeGraph?.target);\n    const controller = new ComputeGraphController(runtime.getRuntime(db.spaceId), model);\n    return controller;\n  }, [canvas.computeGraph?.target, db]);\n\n  useEffect(() => {\n    if (!controller) {\n      return;\n    }\n\n    void controller.open();\n    return () => {\n      void controller.close();\n    };\n  }, [controller]);\n\n  return controller;\n};\n\nexport default CanvasContainer;\n"],
-  "mappings": "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",
-  "names": ["Effect", "React", "Capability", "Common", "Obj", "CanvasBoardType", "React", "Fragment", "useEffect", "useMemo", "useRef", "useCapability", "ComputeGraphModel", "Obj", "AutomationCapabilities", "ComputeContext", "ComputeGraphController", "ComputeShapeLayout", "computeShapes", "useComputeGraphController", "useGraphMonitor", "CanvasGraphModel", "Editor", "KeyboardContainer", "ShapeRegistry", "Layout", "CanvasContainer", "role", "subject", "canvas", "id", "Obj", "getDXN", "toString", "graph", "useMemo", "CanvasGraphModel", "create", "layout", "controller", "useGraphController", "graphMonitor", "useGraphMonitor", "registry", "ShapeRegistry", "computeShapes", "editorRef", "useRef", "useComputeGraphController", "ComputeShapeLayout", "undefined", "Root", "Container", "Fragment", "ComputeContext", "Provider", "value", "KeyboardContainer", "Editor", "ref", "Canvas", "UI", "showTools", "props", "Layout", "Flex", "classNames", "db", "getDatabase", "runtime", "useCapability", "AutomationCapabilities", "ComputeRuntime", "computeGraph", "target", "model", "ComputeGraphModel", "ComputeGraphController", "getRuntime", "spaceId", "useEffect", "open", "close", "Capability", "makeModule", "succeed", "contributes", "Common", "ReactSurface", "createSurface", "id", "meta", "role", "filter", "data", "Obj", "instanceOf", "CanvasBoardType", "subject", "component", "React", "CanvasContainer"]
-}

package/dist/lib/node-esm/react-surface-4MQHAW46.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/capabilities/react-surface/react-surface.tsx", "../../../src/components/CanvasContainer.tsx"],
-  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Effect from 'effect/Effect';\nimport React from 'react';\n\nimport { Capability, Common } from '@dxos/app-framework';\nimport { Obj } from '@dxos/echo';\nimport { CanvasBoardType } from '@dxos/react-ui-canvas-editor';\n\nimport { CanvasContainer } from '../../components';\nimport { meta } from '../../meta';\n\nexport default Capability.makeModule(() =>\n  Effect.succeed(\n    Capability.contributes(\n      Common.Capability.ReactSurface,\n      Common.createSurface({\n        id: meta.id,\n        role: ['article', 'section'],\n        filter: (data): data is { subject: CanvasBoardType } => Obj.instanceOf(CanvasBoardType, data.subject),\n        component: ({ data, role }) => <CanvasContainer role={role} subject={data.subject} />,\n      }),\n    ),\n  ),\n);\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { Fragment, useEffect, useMemo, useRef } from 'react';\n\nimport { type SurfaceComponentProps, useCapability } from '@dxos/app-framework/react';\nimport { ComputeGraphModel } from '@dxos/conductor';\nimport { Obj } from '@dxos/echo';\nimport { AutomationCapabilities } from '@dxos/plugin-automation';\nimport {\n  ComputeContext,\n  ComputeGraphController,\n  type ComputeShape,\n  ComputeShapeLayout,\n  computeShapes,\n  useComputeGraphController,\n  useGraphMonitor,\n} from '@dxos/react-ui-canvas-compute';\nimport {\n  type CanvasBoardType,\n  CanvasGraphModel,\n  Editor,\n  type EditorController,\n  KeyboardContainer,\n  ShapeRegistry,\n} from '@dxos/react-ui-canvas-editor';\nimport { Layout, type LayoutFlexProps } from '@dxos/react-ui-mosaic';\n\nexport type CanvasContainerProps = SurfaceComponentProps<CanvasBoardType>;\n\nexport const CanvasContainer = ({ role, subject: canvas }: CanvasContainerProps) => {\n  const id = Obj.getDXN(canvas as any).toString();\n  const graph = useMemo(() => CanvasGraphModel.create<ComputeShape>(canvas.layout), [canvas.layout]);\n  const controller = useGraphController(canvas);\n  const graphMonitor = useGraphMonitor(controller?.graph);\n  const registry = useMemo(() => new ShapeRegistry(computeShapes), []);\n  const editorRef = useRef<EditorController>(null);\n  useComputeGraphController({ controller, graph, editorRef });\n\n  // Layout.\n  const layout = useMemo(\n    () => (controller && registry ? new ComputeShapeLayout(controller, registry) : undefined),\n    [controller, registry],\n  );\n\n  if (!controller) {\n    return;\n  }\n\n  const Root = role === 'section' ? Container : Fragment;\n\n  return (\n    <ComputeContext.Provider value={{ controller }}>\n      <Root>\n        <KeyboardContainer id={id}>\n          <Editor.Root\n            id={id}\n            ref={editorRef}\n            graph={graph}\n            graphMonitor={graphMonitor as any}\n            registry={registry}\n            layout={layout}\n          >\n            <Editor.Canvas />\n            <Editor.UI showTools />\n          </Editor.Root>\n        </KeyboardContainer>\n      </Root>\n    </ComputeContext.Provider>\n  );\n};\n\nconst Container = (props: LayoutFlexProps) => <Layout.Flex {...props} classNames='aspect-square' />;\n\nconst useGraphController = (canvas: CanvasBoardType) => {\n  const db = Obj.getDatabase(canvas);\n  const runtime = useCapability(AutomationCapabilities.ComputeRuntime);\n  const controller = useMemo(() => {\n    if (!canvas.computeGraph?.target || !db) {\n      return null;\n    }\n    const model = new ComputeGraphModel(canvas.computeGraph?.target);\n    const controller = new ComputeGraphController(runtime.getRuntime(db.spaceId), model);\n    return controller;\n  }, [canvas.computeGraph?.target, db]);\n\n  useEffect(() => {\n    if (!controller) {\n      return;\n    }\n\n    void controller.open();\n    return () => {\n      void controller.close();\n    };\n  }, [controller]);\n\n  return controller;\n};\n\nexport default CanvasContainer;\n"],
-  "mappings": ";;;;;;AAIA,YAAYA,YAAY;AACxB,OAAOC,YAAW;AAElB,SAASC,YAAYC,cAAc;AACnC,SAASC,OAAAA,YAAW;AACpB,SAASC,uBAAuB;;;ACLhC,OAAOC,SAASC,UAAUC,WAAWC,SAASC,cAAc;AAE5D,SAAqCC,qBAAqB;AAC1D,SAASC,yBAAyB;AAClC,SAASC,WAAW;AACpB,SAASC,8BAA8B;AACvC,SACEC,gBACAC,wBAEAC,oBACAC,eACAC,2BACAC,uBACK;AACP,SAEEC,kBACAC,QAEAC,mBACAC,qBACK;AACP,SAASC,cAAoC;AAItC,IAAMC,kBAAkB,CAAC,EAAEC,MAAMC,SAASC,OAAM,MAAwB;AAC7E,QAAMC,KAAKC,IAAIC,OAAOH,MAAAA,EAAeI,SAAQ;AAC7C,QAAMC,QAAQC,QAAQ,MAAMC,iBAAiBC,OAAqBR,OAAOS,MAAM,GAAG;IAACT,OAAOS;GAAO;AACjG,QAAMC,aAAaC,mBAAmBX,MAAAA;AACtC,QAAMY,eAAeC,gBAAgBH,YAAYL,KAAAA;AACjD,QAAMS,WAAWR,QAAQ,MAAM,IAAIS,cAAcC,aAAAA,GAAgB,CAAA,CAAE;AACnE,QAAMC,YAAYC,OAAyB,IAAA;AAC3CC,4BAA0B;IAAET;IAAYL;IAAOY;EAAU,CAAA;AAGzD,QAAMR,SAASH,QACb,MAAOI,cAAcI,WAAW,IAAIM,mBAAmBV,YAAYI,QAAAA,IAAYO,QAC/E;IAACX;IAAYI;GAAS;AAGxB,MAAI,CAACJ,YAAY;AACf;EACF;AAEA,QAAMY,OAAOxB,SAAS,YAAYyB,YAAYC;AAE9C,SACE,sBAAA,cAACC,eAAeC,UAAQ;IAACC,OAAO;MAAEjB;IAAW;KAC3C,sBAAA,cAACY,MAAAA,MACC,sBAAA,cAACM,mBAAAA;IAAkB3B;KACjB,sBAAA,cAAC4B,OAAOP,MAAI;IACVrB;IACA6B,KAAKb;IACLZ;IACAO;IACAE;IACAL;KAEA,sBAAA,cAACoB,OAAOE,QAAM,IAAA,GACd,sBAAA,cAACF,OAAOG,IAAE;IAACC,WAAAA;;AAMvB;AAEA,IAAMV,YAAY,CAACW,UAA2B,sBAAA,cAACC,OAAOC,MAAI;EAAE,GAAGF;EAAOG,YAAW;;AAEjF,IAAM1B,qBAAqB,CAACX,WAAAA;AAC1B,QAAMsC,KAAKpC,IAAIqC,YAAYvC,MAAAA;AAC3B,QAAMwC,UAAUC,cAAcC,uBAAuBC,cAAc;AACnE,QAAMjC,aAAaJ,QAAQ,MAAA;AACzB,QAAI,CAACN,OAAO4C,cAAcC,UAAU,CAACP,IAAI;AACvC,aAAO;IACT;AACA,UAAMQ,QAAQ,IAAIC,kBAAkB/C,OAAO4C,cAAcC,MAAAA;AACzD,UAAMnC,cAAa,IAAIsC,uBAAuBR,QAAQS,WAAWX,GAAGY,OAAO,GAAGJ,KAAAA;AAC9E,WAAOpC;EACT,GAAG;IAACV,OAAO4C,cAAcC;IAAQP;GAAG;AAEpCa,YAAU,MAAA;AACR,QAAI,CAACzC,YAAY;AACf;IACF;AAEA,SAAKA,WAAW0C,KAAI;AACpB,WAAO,MAAA;AACL,WAAK1C,WAAW2C,MAAK;IACvB;EACF,GAAG;IAAC3C;GAAW;AAEf,SAAOA;AACT;;;ADrFA,IAAA,wBAAe4C,WAAWC,WAAW,MAC5BC,eACLF,WAAWG,YACTC,OAAOJ,WAAWK,cAClBD,OAAOE,cAAc;EACnBC,IAAIC,KAAKD;EACTE,MAAM;IAAC;IAAW;;EAClBC,QAAQ,CAACC,SAA+CC,KAAIC,WAAWC,iBAAiBH,KAAKI,OAAO;EACpGC,WAAW,CAAC,EAAEL,MAAMF,KAAI,MAAO,gBAAAQ,OAAA,cAACC,iBAAAA;IAAgBT;IAAYM,SAASJ,KAAKI;;AAC5E,CAAA,CAAA,CAAA,CAAA;",
-  "names": ["Effect", "React", "Capability", "Common", "Obj", "CanvasBoardType", "React", "Fragment", "useEffect", "useMemo", "useRef", "useCapability", "ComputeGraphModel", "Obj", "AutomationCapabilities", "ComputeContext", "ComputeGraphController", "ComputeShapeLayout", "computeShapes", "useComputeGraphController", "useGraphMonitor", "CanvasGraphModel", "Editor", "KeyboardContainer", "ShapeRegistry", "Layout", "CanvasContainer", "role", "subject", "canvas", "id", "Obj", "getDXN", "toString", "graph", "useMemo", "CanvasGraphModel", "create", "layout", "controller", "useGraphController", "graphMonitor", "useGraphMonitor", "registry", "ShapeRegistry", "computeShapes", "editorRef", "useRef", "useComputeGraphController", "ComputeShapeLayout", "undefined", "Root", "Container", "Fragment", "ComputeContext", "Provider", "value", "KeyboardContainer", "Editor", "ref", "Canvas", "UI", "showTools", "props", "Layout", "Flex", "classNames", "db", "getDatabase", "runtime", "useCapability", "AutomationCapabilities", "ComputeRuntime", "computeGraph", "target", "model", "ComputeGraphModel", "ComputeGraphController", "getRuntime", "spaceId", "useEffect", "open", "close", "Capability", "makeModule", "succeed", "contributes", "Common", "ReactSurface", "createSurface", "id", "meta", "role", "filter", "data", "Obj", "instanceOf", "CanvasBoardType", "subject", "component", "React", "CanvasContainer"]
-}

package/dist/types/src/components/CanvasContainer.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import { type SurfaceComponentProps } from '@dxos/app-framework/react';
-import { type CanvasBoardType } from '@dxos/react-ui-canvas-editor';
-export type CanvasContainerProps = SurfaceComponentProps<CanvasBoardType>;
-export declare const CanvasContainer: ({ role, subject: canvas }: CanvasContainerProps) => React.JSX.Element | undefined;
-export default CanvasContainer;
-//# sourceMappingURL=CanvasContainer.d.ts.map

package/dist/types/src/components/CanvasContainer.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CanvasContainer.d.ts","sourceRoot":"","sources":["../../../../src/components/CanvasContainer.tsx"],"names":[],"mappings":"AAIA,OAAO,KAA+C,MAAM,OAAO,CAAC;AAEpE,OAAO,EAAE,KAAK,qBAAqB,EAAiB,MAAM,2BAA2B,CAAC;AAatF,OAAO,EACL,KAAK,eAAe,EAMrB,MAAM,8BAA8B,CAAC;AAGtC,MAAM,MAAM,oBAAoB,GAAG,qBAAqB,CAAC,eAAe,CAAC,CAAC;AAE1E,eAAO,MAAM,eAAe,GAAI,2BAA2B,oBAAoB,kCAwC9E,CAAC;AA8BF,eAAe,eAAe,CAAC"}