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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dxos/plugin-conductor",
-  "version": "0.8.4-main.bc674ce",
+  "version": "0.8.4-main.bcb3aa67d6",
   "description": "Composer plugin for conductor.",
   "homepage": "https://dxos.org",
   "bugs": "https://github.com/dxos/dxos/issues",
@@ -12,11 +12,18 @@
   "author": "DXOS.org",
   "sideEffects": true,
   "type": "module",
+  "imports": {
+    "#capabilities": "./src/capabilities/index.ts",
+    "#components": "./src/components/index.ts",
+    "#containers": "./src/containers/index.ts",
+    "#meta": "./src/meta.ts",
+    "#types": "./src/types/index.ts"
+  },
   "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 +33,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.20.0",
+    "@dxos/ai": "0.8.4-main.bcb3aa67d6",
+    "@dxos/app-toolkit": "0.8.4-main.bcb3aa67d6",
+    "@dxos/app-framework": "0.8.4-main.bcb3aa67d6",
+    "@dxos/assistant": "0.8.4-main.bcb3aa67d6",
+    "@dxos/conductor": "0.8.4-main.bcb3aa67d6",
+    "@dxos/echo": "0.8.4-main.bcb3aa67d6",
+    "@dxos/debug": "0.8.4-main.bcb3aa67d6",
+    "@dxos/edge-client": "0.8.4-main.bcb3aa67d6",
+    "@dxos/log": "0.8.4-main.bcb3aa67d6",
+    "@dxos/functions-runtime": "0.8.4-main.bcb3aa67d6",
+    "@dxos/operation": "0.8.4-main.bcb3aa67d6",
+    "@dxos/plugin-automation": "0.8.4-main.bcb3aa67d6",
+    "@dxos/functions": "0.8.4-main.bcb3aa67d6",
+    "@dxos/plugin-space": "0.8.4-main.bcb3aa67d6",
+    "@dxos/react-client": "0.8.4-main.bcb3aa67d6",
+    "@dxos/plugin-client": "0.8.4-main.bcb3aa67d6",
+    "@dxos/react-ui-canvas-compute": "0.8.4-main.bcb3aa67d6",
+    "@dxos/react-ui-canvas-editor": "0.8.4-main.bcb3aa67d6",
+    "@dxos/react-ui-mosaic": "0.8.4-main.bcb3aa67d6",
+    "@dxos/react-ui-stack": "0.8.4-main.bcb3aa67d6",
+    "@dxos/util": "0.8.4-main.bcb3aa67d6"
   },
   "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.bcb3aa67d6",
+    "@dxos/storybook-utils": "0.8.4-main.bcb3aa67d6",
+    "@dxos/ui-theme": "0.8.4-main.bcb3aa67d6"
   },
   "peerDependencies": {
-    "effect": "3.19.11",
+    "effect": "3.20.0",
     "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.bcb3aa67d6",
+    "@dxos/ui-theme": "0.8.4-main.bcb3aa67d6"
   },
   "publishConfig": {
     "access": "public"

package/src/ConductorPlugin.tsx

@@ -3,31 +3,44 @@
 //
 
 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 { Operation } from '@dxos/operation';
 import { type CreateObject } from '@dxos/plugin-space/types';
-import { CanvasBoardType } from '@dxos/react-ui-canvas-editor';
+import { SpaceOperation } from '@dxos/plugin-space/operations';
+import { CanvasBoard } from '@dxos/react-ui-canvas-editor';
 
-import { ReactSurface } from './capabilities';
-import { meta } from './meta';
+import { meta } from '#meta';
 import { translations } from './translations';
 
+import { ReactSurface } from '#capabilities';
+
 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, options) =>
+          Effect.gen(function* () {
+            const object = CanvasBoard.make(props);
+            return yield* Operation.invoke(SpaceOperation.AddObject, {
+              object,
+              target: options.target,
+              hidden: true,
+              targetNodeId: options.targetNodeId,
+            });
+          })) 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/index.ts

@@ -2,4 +2,6 @@
 // Copyright 2025 DXOS.org
 //
 
-export * from './react-surface';
+import { Capability } from '@dxos/app-framework';
+
+export const ReactSurface = Capability.lazy('ReactSurface', () => import('./react-surface'));

package/src/capabilities/react-surface.tsx

@@ -0,0 +1,29 @@
+//
+// Copyright 2025 DXOS.org
+//
+
+import * as Effect from 'effect/Effect';
+import React from 'react';
+
+import { Capabilities, Capability } from '@dxos/app-framework';
+import { Surface } from '@dxos/app-framework/ui';
+import { Obj } from '@dxos/echo';
+import { CanvasBoard } from '@dxos/react-ui-canvas-editor';
+
+import { CanvasContainer } from '#containers';
+import { meta } from '#meta';
+
+export default Capability.makeModule(() =>
+  Effect.succeed(
+    Capability.contributes(
+      Capabilities.ReactSurface,
+      Surface.create({
+        id: meta.id,
+        role: ['article', 'section'],
+        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 ObjectSurfaceProps } from '@dxos/app-toolkit/ui';
 import { ComputeGraphModel } from '@dxos/conductor';
 import { Obj } from '@dxos/echo';
-import { AutomationCapabilities } from '@dxos/plugin-automation';
+import { AutomationCapabilities } from '@dxos/plugin-automation/types';
+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 = ObjectSurfaceProps<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,26 +3,27 @@
 //
 
 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';
+import { meta } from '#meta';
 
 export const translations = [
   {
     'en-US': {
-      [CanvasBoardType.typename]: {
-        'typename label': 'Circuit',
-        'typename label_zero': 'Circuits',
-        'typename label_one': 'Circuit',
-        'typename label_other': 'Circuits',
-        'object name placeholder': 'New circuit',
-        'rename object label': 'Rename circuit',
-        'delete object label': 'Delete circuit',
-        'object deleted label': 'Circuit deleted',
+      [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',
       },
       [meta.id]: {
-        'plugin name': 'Conductor',
-        'content placeholder': 'Enter text...',
+        'plugin.name': 'Conductor',
+        'content.placeholder': 'Enter text...',
       },
     },
   },

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

@@ -1,24 +0,0 @@
-// src/meta.ts
-import { trim } from "@dxos/util";
-var meta = {
-  id: "dxos.org/plugin/conductor",
-  name: "Conductor",
-  description: trim`
-    Visual workflow builder using node-based compute graphs to orchestrate complex AI agent pipelines.
-    Connect data sources, transformations, and AI models in a drag-and-drop interface for advanced automation.
-  `,
-  icon: "ph--infinity--regular",
-  iconHue: "sky",
-  source: "https://github.com/dxos/dxos/tree/main/packages/plugins/plugin-conductor",
-  tags: [
-    "labs"
-  ],
-  screenshots: [
-    "https://dxos.network/plugin-details-canvas-dark.png"
-  ]
-};
-
-export {
-  meta
-};
-//# sourceMappingURL=chunk-GV4DJFU6.mjs.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/meta.ts"],
-  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { type Plugin } from '@dxos/app-framework';\nimport { trim } from '@dxos/util';\n\nexport const meta: Plugin.Meta = {\n  id: 'dxos.org/plugin/conductor',\n  name: 'Conductor',\n  description: trim`\n    Visual workflow builder using node-based compute graphs to orchestrate complex AI agent pipelines.\n    Connect data sources, transformations, and AI models in a drag-and-drop interface for advanced automation.\n  `,\n  icon: 'ph--infinity--regular',\n  iconHue: 'sky',\n  source: 'https://github.com/dxos/dxos/tree/main/packages/plugins/plugin-conductor',\n  tags: ['labs'],\n  screenshots: ['https://dxos.network/plugin-details-canvas-dark.png'],\n};\n"],
-  "mappings": ";AAKA,SAASA,YAAY;AAEd,IAAMC,OAAoB;EAC/BC,IAAI;EACJC,MAAM;EACNC,aAAaC;;;;EAIbC,MAAM;EACNC,SAAS;EACTC,QAAQ;EACRC,MAAM;IAAC;;EACPC,aAAa;IAAC;;AAChB;",
-  "names": ["trim", "meta", "id", "name", "description", "trim", "icon", "iconHue", "source", "tags", "screenshots"]
-}

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

@@ -1,108 +0,0 @@
-import {
-  meta
-} from "./chunk-GV4DJFU6.mjs";
-
-// src/capabilities/react-surface/react-surface.tsx
-import * as Effect from "effect/Effect";
-import React2 from "react";
-import { Capability, Common } from "@dxos/app-framework";
-import { Obj as Obj2 } from "@dxos/echo";
-import { CanvasBoardType } from "@dxos/react-ui-canvas-editor";
-
-// src/components/CanvasContainer.tsx
-import React, { Fragment, useEffect, useMemo, useRef } from "react";
-import { useCapability } from "@dxos/app-framework/react";
-import { ComputeGraphModel } from "@dxos/conductor";
-import { Obj } from "@dxos/echo";
-import { AutomationCapabilities } from "@dxos/plugin-automation";
-import { ComputeContext, ComputeGraphController, ComputeShapeLayout, computeShapes, useComputeGraphController, useGraphMonitor } from "@dxos/react-ui-canvas-compute";
-import { CanvasGraphModel, Editor, KeyboardContainer, ShapeRegistry } from "@dxos/react-ui-canvas-editor";
-import { Layout } from "@dxos/react-ui-mosaic";
-var CanvasContainer = ({ role, subject: canvas }) => {
-  const id = Obj.getDXN(canvas).toString();
-  const graph = useMemo(() => CanvasGraphModel.create(canvas.layout), [
-    canvas.layout
-  ]);
-  const controller = useGraphController(canvas);
-  const graphMonitor = useGraphMonitor(controller?.graph);
-  const registry = useMemo(() => new ShapeRegistry(computeShapes), []);
-  const editorRef = useRef(null);
-  useComputeGraphController({
-    controller,
-    graph,
-    editorRef
-  });
-  const layout = useMemo(() => controller && registry ? new ComputeShapeLayout(controller, registry) : void 0, [
-    controller,
-    registry
-  ]);
-  if (!controller) {
-    return;
-  }
-  const Root = role === "section" ? Container : Fragment;
-  return /* @__PURE__ */ React.createElement(ComputeContext.Provider, {
-    value: {
-      controller
-    }
-  }, /* @__PURE__ */ React.createElement(Root, null, /* @__PURE__ */ React.createElement(KeyboardContainer, {
-    id
-  }, /* @__PURE__ */ React.createElement(Editor.Root, {
-    id,
-    ref: editorRef,
-    graph,
-    graphMonitor,
-    registry,
-    layout
-  }, /* @__PURE__ */ React.createElement(Editor.Canvas, null), /* @__PURE__ */ React.createElement(Editor.UI, {
-    showTools: true
-  })))));
-};
-var Container = (props) => /* @__PURE__ */ React.createElement(Layout.Flex, {
-  ...props,
-  classNames: "aspect-square"
-});
-var useGraphController = (canvas) => {
-  const db = Obj.getDatabase(canvas);
-  const runtime = useCapability(AutomationCapabilities.ComputeRuntime);
-  const controller = useMemo(() => {
-    if (!canvas.computeGraph?.target || !db) {
-      return null;
-    }
-    const model = new ComputeGraphModel(canvas.computeGraph?.target);
-    const controller2 = new ComputeGraphController(runtime.getRuntime(db.spaceId), model);
-    return controller2;
-  }, [
-    canvas.computeGraph?.target,
-    db
-  ]);
-  useEffect(() => {
-    if (!controller) {
-      return;
-    }
-    void controller.open();
-    return () => {
-      void controller.close();
-    };
-  }, [
-    controller
-  ]);
-  return controller;
-};
-
-// src/capabilities/react-surface/react-surface.tsx
-var react_surface_default = Capability.makeModule(() => Effect.succeed(Capability.contributes(Common.Capability.ReactSurface, Common.createSurface({
-  id: meta.id,
-  role: [
-    "article",
-    "section"
-  ],
-  filter: (data) => Obj2.instanceOf(CanvasBoardType, data.subject),
-  component: ({ data, role }) => /* @__PURE__ */ React2.createElement(CanvasContainer, {
-    role,
-    subject: data.subject
-  })
-}))));
-export {
-  react_surface_default as default
-};
-//# sourceMappingURL=react-surface-R7NR323I.mjs.map

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/chunk-DILME6SD.mjs

@@ -1,26 +0,0 @@
-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/conductor",
-  name: "Conductor",
-  description: trim`
-    Visual workflow builder using node-based compute graphs to orchestrate complex AI agent pipelines.
-    Connect data sources, transformations, and AI models in a drag-and-drop interface for advanced automation.
-  `,
-  icon: "ph--infinity--regular",
-  iconHue: "sky",
-  source: "https://github.com/dxos/dxos/tree/main/packages/plugins/plugin-conductor",
-  tags: [
-    "labs"
-  ],
-  screenshots: [
-    "https://dxos.network/plugin-details-canvas-dark.png"
-  ]
-};
-
-export {
-  meta
-};
-//# sourceMappingURL=chunk-DILME6SD.mjs.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/meta.ts"],
-  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { type Plugin } from '@dxos/app-framework';\nimport { trim } from '@dxos/util';\n\nexport const meta: Plugin.Meta = {\n  id: 'dxos.org/plugin/conductor',\n  name: 'Conductor',\n  description: trim`\n    Visual workflow builder using node-based compute graphs to orchestrate complex AI agent pipelines.\n    Connect data sources, transformations, and AI models in a drag-and-drop interface for advanced automation.\n  `,\n  icon: 'ph--infinity--regular',\n  iconHue: 'sky',\n  source: 'https://github.com/dxos/dxos/tree/main/packages/plugins/plugin-conductor',\n  tags: ['labs'],\n  screenshots: ['https://dxos.network/plugin-details-canvas-dark.png'],\n};\n"],
-  "mappings": ";;;AAKA,SAASA,YAAY;AAEd,IAAMC,OAAoB;EAC/BC,IAAI;EACJC,MAAM;EACNC,aAAaC;;;;EAIbC,MAAM;EACNC,SAAS;EACTC,QAAQ;EACRC,MAAM;IAAC;;EACPC,aAAa;IAAC;;AAChB;",
-  "names": ["trim", "meta", "id", "name", "description", "trim", "icon", "iconHue", "source", "tags", "screenshots"]
-}