@dxos/plugin-conductor 0.8.4-main.69d29f4 → 0.8.4-main.6fa680abb7

package/README.md

@@ -28,10 +28,10 @@ The system is built on `@dxos/graph` as the core abstraction layer Canvas visual
 - ComputeNode state changes are Effect signals
 - Canvas React components automatically update based on these signals
 
-
 ## Development
 
 ### Phase 1: Basic editor
+
 - [x] Canvas with pan and zoom (`@dxos/react-canvaas`).
 - [x] General graph data structure (`@dxos/graph`).
 - [x] Radix-style Editor component, with Canvas, Grid and Toolbar.
@@ -47,7 +47,8 @@ The system is built on `@dxos/graph` as the core abstraction layer Canvas visual
 - [ ] Undo/redo (history).
 - [ ] Snap to edges or center? (currently center).
 
-### Phase 2: 
+### Phase 2:
+
 - [x] FunctionShape components with properties and anchor points. Add/delete and Play buttons.
 - [x] Shape registry.
   - [x] Custom frames.
@@ -77,9 +78,11 @@ The system is built on `@dxos/graph` as the core abstraction layer Canvas visual
 - [x] GPT (with prompt and base prompt inputs).
 
 ### Phase 4:
-- [ ] Group/collapse nodes; hierarchical graph editor. 
+
+- [ ] Group/collapse nodes; hierarchical graph editor.
 
 ### Technical Debt
+
 - [x] `AttentionContainer` (and key management).
 - [ ] Factor out common Toolbar pattern (with state observers).
 - [ ] Reconcile Graph with framework (ECHO, app-graph, etc.)
@@ -87,4 +90,5 @@ The system is built on `@dxos/graph` as the core abstraction layer Canvas visual
 - [ ] TypedObject and schema id property.
 
 ### Design Issues
+
 - [ ] Represent all compute node properties as inputs? (e.g., trigger).

package/dist/lib/browser/{react-surface-R7NR323I.mjs → CanvasContainer-GJPWWILJ.mjs}

@@ -1,27 +1,18 @@
-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
+// src/containers/CanvasContainer/CanvasContainer.tsx
 import React, { Fragment, useEffect, useMemo, useRef } from "react";
-import { useCapability } from "@dxos/app-framework/react";
+import { useCapability } from "@dxos/app-framework/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 } from "@dxos/react-ui";
 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
+  useObject(canvas);
+  const graph = useMemo(() => CanvasGraphModel.create(canvas.layout, (fn) => Obj.change(canvas, fn)), [
+    canvas
   ]);
   const controller = useGraphController(canvas);
   const graphMonitor = useGraphMonitor(controller?.graph);
@@ -57,13 +48,14 @@ var CanvasContainer = ({ role, subject: canvas }) => {
     showTools: true
   })))));
 };
-var Container = (props) => /* @__PURE__ */ React.createElement(Layout.Flex, {
+var Container = (props) => /* @__PURE__ */ React.createElement(Flex, {
   ...props,
   classNames: "aspect-square"
 });
 var useGraphController = (canvas) => {
   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;
@@ -72,7 +64,7 @@ var useGraphController = (canvas) => {
     const controller2 = new ComputeGraphController(runtime.getRuntime(db.spaceId), model);
     return controller2;
   }, [
-    canvas.computeGraph?.target,
+    computeGraph,
     db
   ]);
   useEffect(() => {
@@ -89,20 +81,9 @@ var useGraphController = (canvas) => {
   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
-  })
-}))));
+// src/containers/CanvasContainer/index.ts
+var CanvasContainer_default = CanvasContainer;
 export {
-  react_surface_default as default
+  CanvasContainer_default as default
 };
-//# sourceMappingURL=react-surface-R7NR323I.mjs.map
+//# sourceMappingURL=CanvasContainer-GJPWWILJ.mjs.map

package/dist/lib/browser/CanvasContainer-GJPWWILJ.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/containers/CanvasContainer/CanvasContainer.tsx", "../../../src/containers/CanvasContainer/index.ts"],
+  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { Fragment, useEffect, useMemo, useRef } from 'react';\n\nimport { useCapability } from '@dxos/app-framework/ui';\nimport { type SurfaceComponentProps } from '@dxos/app-toolkit/ui';\nimport { ComputeGraphModel } from '@dxos/conductor';\nimport { Obj } from '@dxos/echo';\nimport { AutomationCapabilities } from '@dxos/plugin-automation';\nimport { useObject } from '@dxos/react-client/echo';\nimport { Flex, type FlexProps } from '@dxos/react-ui';\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 CanvasBoard,\n  CanvasGraphModel,\n  Editor,\n  type EditorController,\n  KeyboardContainer,\n  ShapeRegistry,\n} from '@dxos/react-ui-canvas-editor';\n\nexport type CanvasContainerProps = SurfaceComponentProps<CanvasBoard.CanvasBoard>;\n\nexport const CanvasContainer = ({ role, subject: canvas }: CanvasContainerProps) => {\n  const id = Obj.getDXN(canvas as any).toString();\n  useObject(canvas);\n  const graph = useMemo(\n    () => CanvasGraphModel.create<ComputeShape>(canvas.layout, (fn) => Obj.change(canvas, fn)),\n    [canvas],\n  );\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: FlexProps) => <Flex {...props} classNames='aspect-square' />;\n\nconst useGraphController = (canvas: CanvasBoard.CanvasBoard) => {\n  const db = Obj.getDatabase(canvas);\n  const runtime = useCapability(AutomationCapabilities.ComputeRuntime);\n  const [computeGraph] = useObject(canvas.computeGraph);\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  }, [computeGraph, 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", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { CanvasContainer } from './CanvasContainer';\n\nexport default CanvasContainer;\n"],
+  "mappings": ";AAIA,OAAOA,SAASC,UAAUC,WAAWC,SAASC,cAAc;AAE5D,SAASC,qBAAqB;AAE9B,SAASC,yBAAyB;AAClC,SAASC,WAAW;AACpB,SAASC,8BAA8B;AACvC,SAASC,iBAAiB;AAC1B,SAASC,YAA4B;AACrC,SACEC,gBACAC,wBAEAC,oBACAC,eACAC,2BACAC,uBACK;AACP,SAEEC,kBACAC,QAEAC,mBACAC,qBACK;AAIA,IAAMC,kBAAkB,CAAC,EAAEC,MAAMC,SAASC,OAAM,MAAwB;AAC7E,QAAMC,KAAKC,IAAIC,OAAOH,MAAAA,EAAeI,SAAQ;AAC7CC,YAAUL,MAAAA;AACV,QAAMM,QAAQC,QACZ,MAAMC,iBAAiBC,OAAqBT,OAAOU,QAAQ,CAACC,OAAOT,IAAIU,OAAOZ,QAAQW,EAAAA,CAAAA,GACtF;IAACX;GAAO;AAEV,QAAMa,aAAaC,mBAAmBd,MAAAA;AACtC,QAAMe,eAAeC,gBAAgBH,YAAYP,KAAAA;AACjD,QAAMW,WAAWV,QAAQ,MAAM,IAAIW,cAAcC,aAAAA,GAAgB,CAAA,CAAE;AACnE,QAAMC,YAAYC,OAAyB,IAAA;AAC3CC,4BAA0B;IAAET;IAAYP;IAAOc;EAAU,CAAA;AAGzD,QAAMV,SAASH,QACb,MAAOM,cAAcI,WAAW,IAAIM,mBAAmBV,YAAYI,QAAAA,IAAYO,QAC/E;IAACX;IAAYI;GAAS;AAGxB,MAAI,CAACJ,YAAY;AACf;EACF;AAEA,QAAMY,OAAO3B,SAAS,YAAY4B,YAAYC;AAE9C,SACE,sBAAA,cAACC,eAAeC,UAAQ;IAACC,OAAO;MAAEjB;IAAW;KAC3C,sBAAA,cAACY,MAAAA,MACC,sBAAA,cAACM,mBAAAA;IAAkB9B;KACjB,sBAAA,cAAC+B,OAAOP,MAAI;IACVxB;IACAgC,KAAKb;IACLd;IACAS;IACAE;IACAP;KAEA,sBAAA,cAACsB,OAAOE,QAAM,IAAA,GACd,sBAAA,cAACF,OAAOG,IAAE;IAACC,WAAAA;;AAMvB;AAEA,IAAMV,YAAY,CAACW,UAAqB,sBAAA,cAACC,MAAAA;EAAM,GAAGD;EAAOE,YAAW;;AAEpE,IAAMzB,qBAAqB,CAACd,WAAAA;AAC1B,QAAMwC,KAAKtC,IAAIuC,YAAYzC,MAAAA;AAC3B,QAAM0C,UAAUC,cAAcC,uBAAuBC,cAAc;AACnE,QAAM,CAACC,YAAAA,IAAgBzC,UAAUL,OAAO8C,YAAY;AACpD,QAAMjC,aAAaN,QAAQ,MAAA;AACzB,QAAI,CAACP,OAAO8C,cAAcC,UAAU,CAACP,IAAI;AACvC,aAAO;IACT;AACA,UAAMQ,QAAQ,IAAIC,kBAAkBjD,OAAO8C,cAAcC,MAAAA;AACzD,UAAMlC,cAAa,IAAIqC,uBAAuBR,QAAQS,WAAWX,GAAGY,OAAO,GAAGJ,KAAAA;AAC9E,WAAOnC;EACT,GAAG;IAACiC;IAAcN;GAAG;AAErBa,YAAU,MAAA;AACR,QAAI,CAACxC,YAAY;AACf;IACF;AAEA,SAAKA,WAAWyC,KAAI;AACpB,WAAO,MAAA;AACL,WAAKzC,WAAW0C,MAAK;IACvB;EACF,GAAG;IAAC1C;GAAW;AAEf,SAAOA;AACT;;;ACpGA,IAAA,0BAAe2C;",
+  "names": ["React", "Fragment", "useEffect", "useMemo", "useRef", "useCapability", "ComputeGraphModel", "Obj", "AutomationCapabilities", "useObject", "Flex", "ComputeContext", "ComputeGraphController", "ComputeShapeLayout", "computeShapes", "useComputeGraphController", "useGraphMonitor", "CanvasGraphModel", "Editor", "KeyboardContainer", "ShapeRegistry", "CanvasContainer", "role", "subject", "canvas", "id", "Obj", "getDXN", "toString", "useObject", "graph", "useMemo", "CanvasGraphModel", "create", "layout", "fn", "change", "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", "Flex", "classNames", "db", "getDatabase", "runtime", "useCapability", "AutomationCapabilities", "ComputeRuntime", "computeGraph", "target", "model", "ComputeGraphModel", "ComputeGraphController", "getRuntime", "spaceId", "useEffect", "open", "close", "CanvasContainer"]
+}

package/dist/lib/browser/{chunk-GV4DJFU6.mjs → chunk-KT4H3LKG.mjs}

@@ -1,7 +1,7 @@
 // src/meta.ts
 import { trim } from "@dxos/util";
 var 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.
@@ -21,4 +21,4 @@ var meta = {
 export {
   meta
 };
-//# sourceMappingURL=chunk-GV4DJFU6.mjs.map
+//# sourceMappingURL=chunk-KT4H3LKG.mjs.map

package/dist/lib/browser/{chunk-GV4DJFU6.mjs.map → chunk-KT4H3LKG.mjs.map}

@@ -1,7 +1,7 @@
 {
   "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"],
+  "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: 'org.dxos.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/index.mjs

@@ -1,29 +1,30 @@
 import {
   meta
-} from "./chunk-GV4DJFU6.mjs";
+} from "./chunk-KT4H3LKG.mjs";
 
 // src/ConductorPlugin.tsx
 import * as Effect from "effect/Effect";
-import { Common, Plugin } from "@dxos/app-framework";
+import { Plugin } from "@dxos/app-framework";
+import { AppPlugin } from "@dxos/app-toolkit";
 import { ComputeGraph } from "@dxos/conductor";
-import { Obj } from "@dxos/echo";
-import { CanvasBoardType as CanvasBoardType2 } from "@dxos/react-ui-canvas-editor";
+import { CanvasBoard as CanvasBoard2 } from "@dxos/react-ui-canvas-editor";
 
 // src/capabilities/react-surface/index.ts
 import { Capability } from "@dxos/app-framework";
-var ReactSurface = Capability.lazy("ReactSurface", () => import("./react-surface-R7NR323I.mjs"));
+var ReactSurface = Capability.lazy("ReactSurface", () => import("./react-surface-2SF3FOWK.mjs"));
 
 // src/translations.ts
-import { CanvasBoardType } from "@dxos/react-ui-canvas-editor";
+import { CanvasBoard } from "@dxos/react-ui-canvas-editor";
 var 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"
@@ -37,25 +38,24 @@ var translations = [
 ];
 
 // src/ConductorPlugin.tsx
-var ConductorPlugin = Plugin.define(meta).pipe(Common.Plugin.addTranslationsModule({
-  translations
-}), Common.Plugin.addMetadataModule({
+var ConductorPlugin = Plugin.define(meta).pipe(AppPlugin.addMetadataModule({
   metadata: {
-    id: CanvasBoardType2.typename,
+    id: CanvasBoard2.CanvasBoard.typename,
     metadata: {
       icon: "ph--infinity--regular",
       iconHue: "sky",
-      createObject: (props) => Effect.sync(() => Obj.make(CanvasBoardType2, props)),
-      addToCollectionOnCreate: true
+      createObject: (props) => Effect.sync(() => CanvasBoard2.make(props))
     }
   }
-}), Common.Plugin.addSchemaModule({
+}), AppPlugin.addSchemaModule({
   schema: [
-    CanvasBoardType2,
+    CanvasBoard2.CanvasBoard,
     ComputeGraph
   ]
-}), Common.Plugin.addSurfaceModule({
+}), AppPlugin.addSurfaceModule({
   activate: ReactSurface
+}), AppPlugin.addTranslationsModule({
+  translations
 }), Plugin.make);
 export {
   ConductorPlugin,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/ConductorPlugin.tsx", "../../../src/capabilities/react-surface/index.ts", "../../../src/translations.ts"],
-  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport * as Effect from 'effect/Effect';\n\nimport { Common, Plugin } from '@dxos/app-framework';\nimport { ComputeGraph } from '@dxos/conductor';\nimport { Obj } from '@dxos/echo';\nimport { type CreateObject } from '@dxos/plugin-space/types';\nimport { CanvasBoardType } from '@dxos/react-ui-canvas-editor';\n\nimport { ReactSurface } from './capabilities';\nimport { meta } from './meta';\nimport { translations } from './translations';\n\nexport const ConductorPlugin = Plugin.define(meta).pipe(\n  Common.Plugin.addTranslationsModule({ translations }),\n  Common.Plugin.addMetadataModule({\n    metadata: {\n      id: CanvasBoardType.typename,\n      metadata: {\n        icon: 'ph--infinity--regular',\n        iconHue: 'sky',\n        createObject: ((props) => Effect.sync(() => Obj.make(CanvasBoardType, props))) satisfies CreateObject,\n        addToCollectionOnCreate: true,\n      },\n    },\n  }),\n  Common.Plugin.addSchemaModule({ schema: [CanvasBoardType, ComputeGraph] }),\n  Common.Plugin.addSurfaceModule({ activate: ReactSurface }),\n  Plugin.make,\n);\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { Capability } from '@dxos/app-framework';\n\nexport const ReactSurface = Capability.lazy('ReactSurface', () => import('./react-surface'));\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { type Resource } from '@dxos/react-ui';\nimport { CanvasBoardType } from '@dxos/react-ui-canvas-editor';\n\nimport { meta } from './meta';\n\nexport const translations = [\n  {\n    'en-US': {\n      [CanvasBoardType.typename]: {\n        'typename label': 'Circuit',\n        'typename label_zero': 'Circuits',\n        'typename label_one': 'Circuit',\n        'typename label_other': 'Circuits',\n        'object name placeholder': 'New circuit',\n        'rename object label': 'Rename circuit',\n        'delete object label': 'Delete circuit',\n        'object deleted label': 'Circuit deleted',\n      },\n      [meta.id]: {\n        'plugin name': 'Conductor',\n        'content placeholder': 'Enter text...',\n      },\n    },\n  },\n] as const satisfies Resource[];\n"],
-  "mappings": ";;;;;AAIA,YAAYA,YAAY;AAExB,SAASC,QAAQC,cAAc;AAC/B,SAASC,oBAAoB;AAC7B,SAASC,WAAW;AAEpB,SAASC,mBAAAA,wBAAuB;;;ACNhC,SAASC,kBAAkB;AAEpB,IAAMC,eAAeC,WAAWC,KAAK,gBAAgB,MAAM,OAAO,8BAAA,CAAA;;;ACDzE,SAASC,uBAAuB;AAIzB,IAAMC,eAAe;EAC1B;IACE,SAAS;MACP,CAACC,gBAAgBC,QAAQ,GAAG;QAC1B,kBAAkB;QAClB,uBAAuB;QACvB,sBAAsB;QACtB,wBAAwB;QACxB,2BAA2B;QAC3B,uBAAuB;QACvB,uBAAuB;QACvB,wBAAwB;MAC1B;MACA,CAACC,KAAKC,EAAE,GAAG;QACT,eAAe;QACf,uBAAuB;MACzB;IACF;EACF;;;;AFXK,IAAMC,kBAAkBC,OAAOC,OAAOC,IAAAA,EAAMC,KACjDC,OAAOJ,OAAOK,sBAAsB;EAAEC;AAAa,CAAA,GACnDF,OAAOJ,OAAOO,kBAAkB;EAC9BC,UAAU;IACRC,IAAIC,iBAAgBC;IACpBH,UAAU;MACRI,MAAM;MACNC,SAAS;MACTC,cAAe,CAACC,UAAiBC,YAAK,MAAMC,IAAIC,KAAKR,kBAAiBK,KAAAA,CAAAA;MACtEI,yBAAyB;IAC3B;EACF;AACF,CAAA,GACAf,OAAOJ,OAAOoB,gBAAgB;EAAEC,QAAQ;IAACX;IAAiBY;;AAAc,CAAA,GACxElB,OAAOJ,OAAOuB,iBAAiB;EAAEC,UAAUC;AAAa,CAAA,GACxDzB,OAAOkB,IAAI;",
-  "names": ["Effect", "Common", "Plugin", "ComputeGraph", "Obj", "CanvasBoardType", "Capability", "ReactSurface", "Capability", "lazy", "CanvasBoardType", "translations", "CanvasBoardType", "typename", "meta", "id", "ConductorPlugin", "Plugin", "define", "meta", "pipe", "Common", "addTranslationsModule", "translations", "addMetadataModule", "metadata", "id", "CanvasBoardType", "typename", "icon", "iconHue", "createObject", "props", "sync", "Obj", "make", "addToCollectionOnCreate", "addSchemaModule", "schema", "ComputeGraph", "addSurfaceModule", "activate", "ReactSurface"]
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport * as Effect from 'effect/Effect';\n\nimport { Plugin } from '@dxos/app-framework';\nimport { AppPlugin } from '@dxos/app-toolkit';\nimport { ComputeGraph } from '@dxos/conductor';\nimport { type CreateObject } from '@dxos/plugin-space/types';\nimport { CanvasBoard } from '@dxos/react-ui-canvas-editor';\n\nimport { ReactSurface } from './capabilities';\nimport { meta } from './meta';\nimport { translations } from './translations';\n\nexport const ConductorPlugin = Plugin.define(meta).pipe(\n  AppPlugin.addMetadataModule({\n    metadata: {\n      id: CanvasBoard.CanvasBoard.typename,\n      metadata: {\n        icon: 'ph--infinity--regular',\n        iconHue: 'sky',\n        createObject: ((props) => Effect.sync(() => CanvasBoard.make(props))) satisfies CreateObject,\n      },\n    },\n  }),\n  AppPlugin.addSchemaModule({ schema: [CanvasBoard.CanvasBoard, ComputeGraph] }),\n  AppPlugin.addSurfaceModule({ activate: ReactSurface }),\n  AppPlugin.addTranslationsModule({ translations }),\n  Plugin.make,\n);\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { Capability } from '@dxos/app-framework';\n\nexport const ReactSurface = Capability.lazy('ReactSurface', () => import('./react-surface'));\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { type Resource } from '@dxos/react-ui';\nimport { CanvasBoard } from '@dxos/react-ui-canvas-editor';\n\nimport { meta } from './meta';\n\nexport const translations = [\n  {\n    'en-US': {\n      [CanvasBoard.CanvasBoard.typename]: {\n        'typename label': 'Circuit',\n        'typename label_zero': 'Circuits',\n        'typename label_one': 'Circuit',\n        'typename label_other': 'Circuits',\n        'object name placeholder': 'New circuit',\n        'add object label': 'Add circuit',\n        'rename object label': 'Rename circuit',\n        'delete object label': 'Delete circuit',\n        'object deleted label': 'Circuit deleted',\n      },\n      [meta.id]: {\n        'plugin name': 'Conductor',\n        'content placeholder': 'Enter text...',\n      },\n    },\n  },\n] as const satisfies Resource[];\n"],
+  "mappings": ";;;;;AAIA,YAAYA,YAAY;AAExB,SAASC,cAAc;AACvB,SAASC,iBAAiB;AAC1B,SAASC,oBAAoB;AAE7B,SAASC,eAAAA,oBAAmB;;;ACN5B,SAASC,kBAAkB;AAEpB,IAAMC,eAAeC,WAAWC,KAAK,gBAAgB,MAAM,OAAO,8BAAA,CAAA;;;ACDzE,SAASC,mBAAmB;AAIrB,IAAMC,eAAe;EAC1B;IACE,SAAS;MACP,CAACC,YAAYA,YAAYC,QAAQ,GAAG;QAClC,kBAAkB;QAClB,uBAAuB;QACvB,sBAAsB;QACtB,wBAAwB;QACxB,2BAA2B;QAC3B,oBAAoB;QACpB,uBAAuB;QACvB,uBAAuB;QACvB,wBAAwB;MAC1B;MACA,CAACC,KAAKC,EAAE,GAAG;QACT,eAAe;QACf,uBAAuB;MACzB;IACF;EACF;;;;AFZK,IAAMC,kBAAkBC,OAAOC,OAAOC,IAAAA,EAAMC,KACjDC,UAAUC,kBAAkB;EAC1BC,UAAU;IACRC,IAAIC,aAAYA,YAAYC;IAC5BH,UAAU;MACRI,MAAM;MACNC,SAAS;MACTC,cAAe,CAACC,UAAiBC,YAAK,MAAMN,aAAYO,KAAKF,KAAAA,CAAAA;IAC/D;EACF;AACF,CAAA,GACAT,UAAUY,gBAAgB;EAAEC,QAAQ;IAACT,aAAYA;IAAaU;;AAAc,CAAA,GAC5Ed,UAAUe,iBAAiB;EAAEC,UAAUC;AAAa,CAAA,GACpDjB,UAAUkB,sBAAsB;EAAEC;AAAa,CAAA,GAC/CvB,OAAOe,IAAI;",
+  "names": ["Effect", "Plugin", "AppPlugin", "ComputeGraph", "CanvasBoard", "Capability", "ReactSurface", "Capability", "lazy", "CanvasBoard", "translations", "CanvasBoard", "typename", "meta", "id", "ConductorPlugin", "Plugin", "define", "meta", "pipe", "AppPlugin", "addMetadataModule", "metadata", "id", "CanvasBoard", "typename", "icon", "iconHue", "createObject", "props", "sync", "make", "addSchemaModule", "schema", "ComputeGraph", "addSurfaceModule", "activate", "ReactSurface", "addTranslationsModule", "translations"]
 }

package/dist/lib/browser/meta.json

@@ -1 +1 @@
-{"inputs":{"src/components/CanvasContainer.tsx":{"bytes":10786,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework/react","kind":"import-statement","external":true},{"path":"@dxos/conductor","kind":"import-statement","external":true},{"path":"@dxos/echo","kind":"import-statement","external":true},{"path":"@dxos/plugin-automation","kind":"import-statement","external":true},{"path":"@dxos/react-ui-canvas-compute","kind":"import-statement","external":true},{"path":"@dxos/react-ui-canvas-editor","kind":"import-statement","external":true},{"path":"@dxos/react-ui-mosaic","kind":"import-statement","external":true}],"format":"esm"},"src/components/index.ts":{"bytes":572,"imports":[{"path":"src/components/CanvasContainer.tsx","kind":"import-statement","original":"./CanvasContainer"}],"format":"esm"},"src/meta.ts":{"bytes":2257,"imports":[{"path":"@dxos/util","kind":"import-statement","external":true}],"format":"esm"},"src/capabilities/react-surface/react-surface.tsx":{"bytes":3255,"imports":[{"path":"effect/Effect","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/echo","kind":"import-statement","external":true},{"path":"@dxos/react-ui-canvas-editor","kind":"import-statement","external":true},{"path":"src/components/index.ts","kind":"import-statement","original":"../../components"},{"path":"src/meta.ts","kind":"import-statement","original":"../../meta"}],"format":"esm"},"src/capabilities/react-surface/index.ts":{"bytes":913,"imports":[{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"src/capabilities/react-surface/react-surface.tsx","kind":"dynamic-import","original":"./react-surface"}],"format":"esm"},"src/capabilities/index.ts":{"bytes":490,"imports":[{"path":"src/capabilities/react-surface/index.ts","kind":"import-statement","original":"./react-surface"}],"format":"esm"},"src/translations.ts":{"bytes":2738,"imports":[{"path":"@dxos/react-ui-canvas-editor","kind":"import-statement","external":true},{"path":"src/meta.ts","kind":"import-statement","original":"./meta"}],"format":"esm"},"src/ConductorPlugin.tsx":{"bytes":4203,"imports":[{"path":"effect/Effect","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/conductor","kind":"import-statement","external":true},{"path":"@dxos/echo","kind":"import-statement","external":true},{"path":"@dxos/react-ui-canvas-editor","kind":"import-statement","external":true},{"path":"src/capabilities/index.ts","kind":"import-statement","original":"./capabilities"},{"path":"src/meta.ts","kind":"import-statement","original":"./meta"},{"path":"src/translations.ts","kind":"import-statement","original":"./translations"}],"format":"esm"},"src/index.ts":{"bytes":559,"imports":[{"path":"src/ConductorPlugin.tsx","kind":"import-statement","original":"./ConductorPlugin"},{"path":"src/meta.ts","kind":"import-statement","original":"./meta"}],"format":"esm"}},"outputs":{"dist/lib/browser/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":3761},"dist/lib/browser/index.mjs":{"imports":[{"path":"dist/lib/browser/chunk-GV4DJFU6.mjs","kind":"import-statement"},{"path":"effect/Effect","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/conductor","kind":"import-statement","external":true},{"path":"@dxos/echo","kind":"import-statement","external":true},{"path":"@dxos/react-ui-canvas-editor","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"dist/lib/browser/react-surface-R7NR323I.mjs","kind":"dynamic-import"},{"path":"@dxos/react-ui-canvas-editor","kind":"import-statement","external":true}],"exports":["ConductorPlugin","meta"],"entryPoint":"src/index.ts","inputs":{"src/ConductorPlugin.tsx":{"bytesInOutput":825},"src/capabilities/react-surface/index.ts":{"bytesInOutput":148},"src/capabilities/index.ts":{"bytesInOutput":0},"src/translations.ts":{"bytesInOutput":635},"src/index.ts":{"bytesInOutput":0}},"bytes":1852},"dist/lib/browser/react-surface-R7NR323I.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":7547},"dist/lib/browser/react-surface-R7NR323I.mjs":{"imports":[{"path":"dist/lib/browser/chunk-GV4DJFU6.mjs","kind":"import-statement"},{"path":"effect/Effect","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/echo","kind":"import-statement","external":true},{"path":"@dxos/react-ui-canvas-editor","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework/react","kind":"import-statement","external":true},{"path":"@dxos/conductor","kind":"import-statement","external":true},{"path":"@dxos/echo","kind":"import-statement","external":true},{"path":"@dxos/plugin-automation","kind":"import-statement","external":true},{"path":"@dxos/react-ui-canvas-compute","kind":"import-statement","external":true},{"path":"@dxos/react-ui-canvas-editor","kind":"import-statement","external":true},{"path":"@dxos/react-ui-mosaic","kind":"import-statement","external":true}],"exports":["default"],"entryPoint":"src/capabilities/react-surface/react-surface.tsx","inputs":{"src/capabilities/react-surface/react-surface.tsx":{"bytesInOutput":646},"src/components/CanvasContainer.tsx":{"bytesInOutput":2660},"src/components/index.ts":{"bytesInOutput":0}},"bytes":3597},"dist/lib/browser/chunk-GV4DJFU6.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":1067},"dist/lib/browser/chunk-GV4DJFU6.mjs":{"imports":[{"path":"@dxos/util","kind":"import-statement","external":true}],"exports":["meta"],"inputs":{"src/meta.ts":{"bytesInOutput":589}},"bytes":668}}}
+{"inputs":{"src/containers/CanvasContainer/CanvasContainer.tsx":{"bytes":11210,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework/ui","kind":"import-statement","external":true},{"path":"@dxos/conductor","kind":"import-statement","external":true},{"path":"@dxos/echo","kind":"import-statement","external":true},{"path":"@dxos/plugin-automation","kind":"import-statement","external":true},{"path":"@dxos/react-client/echo","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-canvas-compute","kind":"import-statement","external":true},{"path":"@dxos/react-ui-canvas-editor","kind":"import-statement","external":true}],"format":"esm"},"src/containers/CanvasContainer/index.ts":{"bytes":692,"imports":[{"path":"src/containers/CanvasContainer/CanvasContainer.tsx","kind":"import-statement","original":"./CanvasContainer"}],"format":"esm"},"src/containers/index.ts":{"bytes":819,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"src/containers/CanvasContainer/index.ts","kind":"dynamic-import","original":"./CanvasContainer"}],"format":"esm"},"src/meta.ts":{"bytes":2257,"imports":[{"path":"@dxos/util","kind":"import-statement","external":true}],"format":"esm"},"src/capabilities/react-surface/react-surface.tsx":{"bytes":3436,"imports":[{"path":"effect/Effect","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/app-framework/ui","kind":"import-statement","external":true},{"path":"@dxos/echo","kind":"import-statement","external":true},{"path":"@dxos/react-ui-canvas-editor","kind":"import-statement","external":true},{"path":"src/containers/index.ts","kind":"import-statement","original":"../../containers"},{"path":"src/meta.ts","kind":"import-statement","original":"../../meta"}],"format":"esm"},"src/capabilities/react-surface/index.ts":{"bytes":913,"imports":[{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"src/capabilities/react-surface/react-surface.tsx","kind":"dynamic-import","original":"./react-surface"}],"format":"esm"},"src/capabilities/index.ts":{"bytes":490,"imports":[{"path":"src/capabilities/react-surface/index.ts","kind":"import-statement","original":"./react-surface"}],"format":"esm"},"src/translations.ts":{"bytes":2885,"imports":[{"path":"@dxos/react-ui-canvas-editor","kind":"import-statement","external":true},{"path":"src/meta.ts","kind":"import-statement","original":"./meta"}],"format":"esm"},"src/ConductorPlugin.tsx":{"bytes":3968,"imports":[{"path":"effect/Effect","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/app-toolkit","kind":"import-statement","external":true},{"path":"@dxos/conductor","kind":"import-statement","external":true},{"path":"@dxos/react-ui-canvas-editor","kind":"import-statement","external":true},{"path":"src/capabilities/index.ts","kind":"import-statement","original":"./capabilities"},{"path":"src/meta.ts","kind":"import-statement","original":"./meta"},{"path":"src/translations.ts","kind":"import-statement","original":"./translations"}],"format":"esm"},"src/index.ts":{"bytes":559,"imports":[{"path":"src/ConductorPlugin.tsx","kind":"import-statement","original":"./ConductorPlugin"},{"path":"src/meta.ts","kind":"import-statement","original":"./meta"}],"format":"esm"}},"outputs":{"dist/lib/browser/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":3683},"dist/lib/browser/index.mjs":{"imports":[{"path":"dist/lib/browser/chunk-KT4H3LKG.mjs","kind":"import-statement"},{"path":"effect/Effect","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/app-toolkit","kind":"import-statement","external":true},{"path":"@dxos/conductor","kind":"import-statement","external":true},{"path":"@dxos/react-ui-canvas-editor","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"dist/lib/browser/react-surface-2SF3FOWK.mjs","kind":"dynamic-import"},{"path":"@dxos/react-ui-canvas-editor","kind":"import-statement","external":true}],"exports":["ConductorPlugin","meta"],"entryPoint":"src/index.ts","inputs":{"src/ConductorPlugin.tsx":{"bytesInOutput":776},"src/capabilities/react-surface/index.ts":{"bytesInOutput":148},"src/capabilities/index.ts":{"bytesInOutput":0},"src/translations.ts":{"bytesInOutput":682},"src/index.ts":{"bytesInOutput":0}},"bytes":1850},"dist/lib/browser/CanvasContainer-GJPWWILJ.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":6477},"dist/lib/browser/CanvasContainer-GJPWWILJ.mjs":{"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework/ui","kind":"import-statement","external":true},{"path":"@dxos/conductor","kind":"import-statement","external":true},{"path":"@dxos/echo","kind":"import-statement","external":true},{"path":"@dxos/plugin-automation","kind":"import-statement","external":true},{"path":"@dxos/react-client/echo","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-canvas-compute","kind":"import-statement","external":true},{"path":"@dxos/react-ui-canvas-editor","kind":"import-statement","external":true}],"exports":["default"],"entryPoint":"src/containers/CanvasContainer/index.ts","inputs":{"src/containers/CanvasContainer/CanvasContainer.tsx":{"bytesInOutput":2782},"src/containers/CanvasContainer/index.ts":{"bytesInOutput":47}},"bytes":3030},"dist/lib/browser/react-surface-2SF3FOWK.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":2079},"dist/lib/browser/react-surface-2SF3FOWK.mjs":{"imports":[{"path":"dist/lib/browser/chunk-KT4H3LKG.mjs","kind":"import-statement"},{"path":"effect/Effect","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/app-framework/ui","kind":"import-statement","external":true},{"path":"@dxos/echo","kind":"import-statement","external":true},{"path":"@dxos/react-ui-canvas-editor","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"dist/lib/browser/CanvasContainer-GJPWWILJ.mjs","kind":"dynamic-import"}],"exports":["default"],"entryPoint":"src/capabilities/react-surface/react-surface.tsx","inputs":{"src/capabilities/react-surface/react-surface.tsx":{"bytesInOutput":684},"src/containers/index.ts":{"bytesInOutput":106}},"bytes":1070},"dist/lib/browser/chunk-KT4H3LKG.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":1067},"dist/lib/browser/chunk-KT4H3LKG.mjs":{"imports":[{"path":"@dxos/util","kind":"import-statement","external":true}],"exports":["meta"],"inputs":{"src/meta.ts":{"bytesInOutput":589}},"bytes":668}}}

package/dist/lib/browser/react-surface-2SF3FOWK.mjs

@@ -0,0 +1,33 @@
+import {
+  meta
+} from "./chunk-KT4H3LKG.mjs";
+
+// src/capabilities/react-surface/react-surface.tsx
+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";
+
+// src/containers/index.ts
+import { lazy } from "react";
+var CanvasContainer = lazy(() => import("./CanvasContainer-GJPWWILJ.mjs"));
+
+// src/capabilities/react-surface/react-surface.tsx
+var react_surface_default = Capability.makeModule(() => Effect.succeed(Capability.contributes(Capabilities.ReactSurface, Surface.create({
+  id: meta.id,
+  role: [
+    "article",
+    "section"
+  ],
+  filter: (data) => Obj.instanceOf(CanvasBoard.CanvasBoard, data.subject),
+  component: ({ data, role }) => /* @__PURE__ */ React.createElement(CanvasContainer, {
+    role,
+    subject: data.subject
+  })
+}))));
+export {
+  react_surface_default as default
+};
+//# sourceMappingURL=react-surface-2SF3FOWK.mjs.map

package/dist/lib/browser/react-surface-2SF3FOWK.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/capabilities/react-surface/react-surface.tsx", "../../../src/containers/index.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Effect from 'effect/Effect';\nimport React from 'react';\n\nimport { Capabilities, Capability } from '@dxos/app-framework';\nimport { Surface } from '@dxos/app-framework/ui';\nimport { Obj } from '@dxos/echo';\nimport { CanvasBoard } from '@dxos/react-ui-canvas-editor';\n\nimport { CanvasContainer } from '../../containers';\nimport { meta } from '../../meta';\n\nexport default Capability.makeModule(() =>\n  Effect.succeed(\n    Capability.contributes(\n      Capabilities.ReactSurface,\n      Surface.create({\n        id: meta.id,\n        role: ['article', 'section'],\n        filter: (data): data is { subject: CanvasBoard.CanvasBoard } =>\n          Obj.instanceOf(CanvasBoard.CanvasBoard, 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 { type ComponentType, lazy } from 'react';\n\nexport const CanvasContainer: ComponentType<any> = lazy(() => import('./CanvasContainer'));\n"],
+  "mappings": ";;;;;AAIA,YAAYA,YAAY;AACxB,OAAOC,WAAW;AAElB,SAASC,cAAcC,kBAAkB;AACzC,SAASC,eAAe;AACxB,SAASC,WAAW;AACpB,SAASC,mBAAmB;;;ACN5B,SAA6BC,YAAY;AAElC,IAAMC,kBAAsCC,KAAK,MAAM,OAAO,gCAAA,CAAA;;;ADSrE,IAAA,wBAAeC,WAAWC,WAAW,MAC5BC,eACLF,WAAWG,YACTC,aAAaC,cACbC,QAAQC,OAAO;EACbC,IAAIC,KAAKD;EACTE,MAAM;IAAC;IAAW;;EAClBC,QAAQ,CAACC,SACPC,IAAIC,WAAWC,YAAYA,aAAaH,KAAKI,OAAO;EACtDC,WAAW,CAAC,EAAEL,MAAMF,KAAI,MAAO,sBAAA,cAACQ,iBAAAA;IAAgBR;IAAYM,SAASJ,KAAKI;;AAC5E,CAAA,CAAA,CAAA,CAAA;",
+  "names": ["Effect", "React", "Capabilities", "Capability", "Surface", "Obj", "CanvasBoard", "lazy", "CanvasContainer", "lazy", "Capability", "makeModule", "succeed", "contributes", "Capabilities", "ReactSurface", "Surface", "create", "id", "meta", "role", "filter", "data", "Obj", "instanceOf", "CanvasBoard", "subject", "component", "CanvasContainer"]
+}

package/dist/lib/node-esm/{react-surface-4MQHAW46.mjs → CanvasContainer-OGY2XHPA.mjs}

@@ -1,28 +1,20 @@
 import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
-import {
-  meta
-} from "./chunk-DILME6SD.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
+// src/containers/CanvasContainer/CanvasContainer.tsx
 import React, { Fragment, useEffect, useMemo, useRef } from "react";
-import { useCapability } from "@dxos/app-framework/react";
+import { useCapability } from "@dxos/app-framework/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 } from "@dxos/react-ui";
 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
+  useObject(canvas);
+  const graph = useMemo(() => CanvasGraphModel.create(canvas.layout, (fn) => Obj.change(canvas, fn)), [
+    canvas
   ]);
   const controller = useGraphController(canvas);
   const graphMonitor = useGraphMonitor(controller?.graph);
@@ -58,13 +50,14 @@ var CanvasContainer = ({ role, subject: canvas }) => {
     showTools: true
   })))));
 };
-var Container = (props) => /* @__PURE__ */ React.createElement(Layout.Flex, {
+var Container = (props) => /* @__PURE__ */ React.createElement(Flex, {
   ...props,
   classNames: "aspect-square"
 });
 var useGraphController = (canvas) => {
   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;
@@ -73,7 +66,7 @@ var useGraphController = (canvas) => {
     const controller2 = new ComputeGraphController(runtime.getRuntime(db.spaceId), model);
     return controller2;
   }, [
-    canvas.computeGraph?.target,
+    computeGraph,
     db
   ]);
   useEffect(() => {
@@ -90,20 +83,9 @@ var useGraphController = (canvas) => {
   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
-  })
-}))));
+// src/containers/CanvasContainer/index.ts
+var CanvasContainer_default = CanvasContainer;
 export {
-  react_surface_default as default
+  CanvasContainer_default as default
 };
-//# sourceMappingURL=react-surface-4MQHAW46.mjs.map
+//# sourceMappingURL=CanvasContainer-OGY2XHPA.mjs.map

package/dist/lib/node-esm/CanvasContainer-OGY2XHPA.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/containers/CanvasContainer/CanvasContainer.tsx", "../../../src/containers/CanvasContainer/index.ts"],
+  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { Fragment, useEffect, useMemo, useRef } from 'react';\n\nimport { useCapability } from '@dxos/app-framework/ui';\nimport { type SurfaceComponentProps } from '@dxos/app-toolkit/ui';\nimport { ComputeGraphModel } from '@dxos/conductor';\nimport { Obj } from '@dxos/echo';\nimport { AutomationCapabilities } from '@dxos/plugin-automation';\nimport { useObject } from '@dxos/react-client/echo';\nimport { Flex, type FlexProps } from '@dxos/react-ui';\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 CanvasBoard,\n  CanvasGraphModel,\n  Editor,\n  type EditorController,\n  KeyboardContainer,\n  ShapeRegistry,\n} from '@dxos/react-ui-canvas-editor';\n\nexport type CanvasContainerProps = SurfaceComponentProps<CanvasBoard.CanvasBoard>;\n\nexport const CanvasContainer = ({ role, subject: canvas }: CanvasContainerProps) => {\n  const id = Obj.getDXN(canvas as any).toString();\n  useObject(canvas);\n  const graph = useMemo(\n    () => CanvasGraphModel.create<ComputeShape>(canvas.layout, (fn) => Obj.change(canvas, fn)),\n    [canvas],\n  );\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: FlexProps) => <Flex {...props} classNames='aspect-square' />;\n\nconst useGraphController = (canvas: CanvasBoard.CanvasBoard) => {\n  const db = Obj.getDatabase(canvas);\n  const runtime = useCapability(AutomationCapabilities.ComputeRuntime);\n  const [computeGraph] = useObject(canvas.computeGraph);\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  }, [computeGraph, 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", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { CanvasContainer } from './CanvasContainer';\n\nexport default CanvasContainer;\n"],
+  "mappings": ";;;AAIA,OAAOA,SAASC,UAAUC,WAAWC,SAASC,cAAc;AAE5D,SAASC,qBAAqB;AAE9B,SAASC,yBAAyB;AAClC,SAASC,WAAW;AACpB,SAASC,8BAA8B;AACvC,SAASC,iBAAiB;AAC1B,SAASC,YAA4B;AACrC,SACEC,gBACAC,wBAEAC,oBACAC,eACAC,2BACAC,uBACK;AACP,SAEEC,kBACAC,QAEAC,mBACAC,qBACK;AAIA,IAAMC,kBAAkB,CAAC,EAAEC,MAAMC,SAASC,OAAM,MAAwB;AAC7E,QAAMC,KAAKC,IAAIC,OAAOH,MAAAA,EAAeI,SAAQ;AAC7CC,YAAUL,MAAAA;AACV,QAAMM,QAAQC,QACZ,MAAMC,iBAAiBC,OAAqBT,OAAOU,QAAQ,CAACC,OAAOT,IAAIU,OAAOZ,QAAQW,EAAAA,CAAAA,GACtF;IAACX;GAAO;AAEV,QAAMa,aAAaC,mBAAmBd,MAAAA;AACtC,QAAMe,eAAeC,gBAAgBH,YAAYP,KAAAA;AACjD,QAAMW,WAAWV,QAAQ,MAAM,IAAIW,cAAcC,aAAAA,GAAgB,CAAA,CAAE;AACnE,QAAMC,YAAYC,OAAyB,IAAA;AAC3CC,4BAA0B;IAAET;IAAYP;IAAOc;EAAU,CAAA;AAGzD,QAAMV,SAASH,QACb,MAAOM,cAAcI,WAAW,IAAIM,mBAAmBV,YAAYI,QAAAA,IAAYO,QAC/E;IAACX;IAAYI;GAAS;AAGxB,MAAI,CAACJ,YAAY;AACf;EACF;AAEA,QAAMY,OAAO3B,SAAS,YAAY4B,YAAYC;AAE9C,SACE,sBAAA,cAACC,eAAeC,UAAQ;IAACC,OAAO;MAAEjB;IAAW;KAC3C,sBAAA,cAACY,MAAAA,MACC,sBAAA,cAACM,mBAAAA;IAAkB9B;KACjB,sBAAA,cAAC+B,OAAOP,MAAI;IACVxB;IACAgC,KAAKb;IACLd;IACAS;IACAE;IACAP;KAEA,sBAAA,cAACsB,OAAOE,QAAM,IAAA,GACd,sBAAA,cAACF,OAAOG,IAAE;IAACC,WAAAA;;AAMvB;AAEA,IAAMV,YAAY,CAACW,UAAqB,sBAAA,cAACC,MAAAA;EAAM,GAAGD;EAAOE,YAAW;;AAEpE,IAAMzB,qBAAqB,CAACd,WAAAA;AAC1B,QAAMwC,KAAKtC,IAAIuC,YAAYzC,MAAAA;AAC3B,QAAM0C,UAAUC,cAAcC,uBAAuBC,cAAc;AACnE,QAAM,CAACC,YAAAA,IAAgBzC,UAAUL,OAAO8C,YAAY;AACpD,QAAMjC,aAAaN,QAAQ,MAAA;AACzB,QAAI,CAACP,OAAO8C,cAAcC,UAAU,CAACP,IAAI;AACvC,aAAO;IACT;AACA,UAAMQ,QAAQ,IAAIC,kBAAkBjD,OAAO8C,cAAcC,MAAAA;AACzD,UAAMlC,cAAa,IAAIqC,uBAAuBR,QAAQS,WAAWX,GAAGY,OAAO,GAAGJ,KAAAA;AAC9E,WAAOnC;EACT,GAAG;IAACiC;IAAcN;GAAG;AAErBa,YAAU,MAAA;AACR,QAAI,CAACxC,YAAY;AACf;IACF;AAEA,SAAKA,WAAWyC,KAAI;AACpB,WAAO,MAAA;AACL,WAAKzC,WAAW0C,MAAK;IACvB;EACF,GAAG;IAAC1C;GAAW;AAEf,SAAOA;AACT;;;ACpGA,IAAA,0BAAe2C;",
+  "names": ["React", "Fragment", "useEffect", "useMemo", "useRef", "useCapability", "ComputeGraphModel", "Obj", "AutomationCapabilities", "useObject", "Flex", "ComputeContext", "ComputeGraphController", "ComputeShapeLayout", "computeShapes", "useComputeGraphController", "useGraphMonitor", "CanvasGraphModel", "Editor", "KeyboardContainer", "ShapeRegistry", "CanvasContainer", "role", "subject", "canvas", "id", "Obj", "getDXN", "toString", "useObject", "graph", "useMemo", "CanvasGraphModel", "create", "layout", "fn", "change", "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", "Flex", "classNames", "db", "getDatabase", "runtime", "useCapability", "AutomationCapabilities", "ComputeRuntime", "computeGraph", "target", "model", "ComputeGraphModel", "ComputeGraphController", "getRuntime", "spaceId", "useEffect", "open", "close", "CanvasContainer"]
+}

package/dist/lib/node-esm/{chunk-DILME6SD.mjs → chunk-M5HHMQTV.mjs}

@@ -3,7 +3,7 @@ import { createRequire } from 'node:module';const require = createRequire(import
 // src/meta.ts
 import { trim } from "@dxos/util";
 var 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.
@@ -23,4 +23,4 @@ var meta = {
 export {
   meta
 };
-//# sourceMappingURL=chunk-DILME6SD.mjs.map
+//# sourceMappingURL=chunk-M5HHMQTV.mjs.map

package/dist/lib/node-esm/{chunk-DILME6SD.mjs.map → chunk-M5HHMQTV.mjs.map}

@@ -1,7 +1,7 @@
 {
   "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"],
+  "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: 'org.dxos.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/node-esm/index.mjs

@@ -1,30 +1,31 @@
 import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
 import {
   meta
-} from "./chunk-DILME6SD.mjs";
+} from "./chunk-M5HHMQTV.mjs";
 
 // src/ConductorPlugin.tsx
 import * as Effect from "effect/Effect";
-import { Common, Plugin } from "@dxos/app-framework";
+import { Plugin } from "@dxos/app-framework";
+import { AppPlugin } from "@dxos/app-toolkit";
 import { ComputeGraph } from "@dxos/conductor";
-import { Obj } from "@dxos/echo";
-import { CanvasBoardType as CanvasBoardType2 } from "@dxos/react-ui-canvas-editor";
+import { CanvasBoard as CanvasBoard2 } from "@dxos/react-ui-canvas-editor";
 
 // src/capabilities/react-surface/index.ts
 import { Capability } from "@dxos/app-framework";
-var ReactSurface = Capability.lazy("ReactSurface", () => import("./react-surface-4MQHAW46.mjs"));
+var ReactSurface = Capability.lazy("ReactSurface", () => import("./react-surface-3UKD5UMM.mjs"));
 
 // src/translations.ts
-import { CanvasBoardType } from "@dxos/react-ui-canvas-editor";
+import { CanvasBoard } from "@dxos/react-ui-canvas-editor";
 var 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"
@@ -38,25 +39,24 @@ var translations = [
 ];
 
 // src/ConductorPlugin.tsx
-var ConductorPlugin = Plugin.define(meta).pipe(Common.Plugin.addTranslationsModule({
-  translations
-}), Common.Plugin.addMetadataModule({
+var ConductorPlugin = Plugin.define(meta).pipe(AppPlugin.addMetadataModule({
   metadata: {
-    id: CanvasBoardType2.typename,
+    id: CanvasBoard2.CanvasBoard.typename,
     metadata: {
       icon: "ph--infinity--regular",
       iconHue: "sky",
-      createObject: (props) => Effect.sync(() => Obj.make(CanvasBoardType2, props)),
-      addToCollectionOnCreate: true
+      createObject: (props) => Effect.sync(() => CanvasBoard2.make(props))
     }
   }
-}), Common.Plugin.addSchemaModule({
+}), AppPlugin.addSchemaModule({
   schema: [
-    CanvasBoardType2,
+    CanvasBoard2.CanvasBoard,
     ComputeGraph
   ]
-}), Common.Plugin.addSurfaceModule({
+}), AppPlugin.addSurfaceModule({
   activate: ReactSurface
+}), AppPlugin.addTranslationsModule({
+  translations
 }), Plugin.make);
 export {
   ConductorPlugin,