@dxos/plugin-conductor 0.8.4-main.f9ba587 → 0.8.4-main.fcc0d83b33

package/package.json

@@ -1,73 +1,82 @@
 {
   "name": "@dxos/plugin-conductor",
-  "version": "0.8.4-main.f9ba587",
+  "version": "0.8.4-main.fcc0d83b33",
   "description": "Composer plugin for conductor.",
   "homepage": "https://dxos.org",
   "bugs": "https://github.com/dxos/dxos/issues",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/dxos/dxos"
+  },
   "license": "MIT",
   "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",
+    "#translations": "./src/translations.ts",
+    "#types": "./src/types/index.ts"
+  },
   "exports": {
     ".": {
-      "types": "./dist/types/src/index.d.ts",
+      "source": "./src/index.ts",
       "browser": "./dist/lib/browser/index.mjs",
-      "node": "./dist/lib/node-esm/index.mjs"
+      "node": "./dist/lib/node-esm/index.mjs",
+      "types": "./dist/types/src/index.d.ts"
     },
-    "./types": {
-      "types": "./dist/types/src/types.d.ts",
-      "browser": "./dist/lib/browser/types.mjs",
-      "node": "./dist/lib/node-esm/types.mjs"
+    "./translations": {
+      "source": "./src/translations.ts",
+      "types": "./dist/types/src/translations.d.ts",
+      "browser": "./dist/lib/browser/translations.mjs",
+      "node": "./dist/lib/node-esm/translations.mjs"
     }
   },
   "types": "dist/types/src/index.d.ts",
-  "typesVersions": {
-    "*": {
-      "types": [
-        "dist/types/src/types.d.ts"
-      ]
-    }
-  },
   "files": [
     "dist",
     "src"
   ],
   "dependencies": {
-    "@preact-signals/safe-react": "^0.9.0",
-    "effect": "3.16.13",
-    "@dxos/ai": "0.8.4-main.f9ba587",
-    "@dxos/assistant": "0.8.4-main.f9ba587",
-    "@dxos/app-framework": "0.8.4-main.f9ba587",
-    "@dxos/conductor": "0.8.4-main.f9ba587",
-    "@dxos/echo": "0.8.4-main.f9ba587",
-    "@dxos/echo-schema": "0.8.4-main.f9ba587",
-    "@dxos/edge-client": "0.8.4-main.f9ba587",
-    "@dxos/functions": "0.8.4-main.f9ba587",
-    "@dxos/live-object": "0.8.4-main.f9ba587",
-    "@dxos/plugin-client": "0.8.4-main.f9ba587",
-    "@dxos/plugin-space": "0.8.4-main.f9ba587",
-    "@dxos/react-client": "0.8.4-main.f9ba587",
-    "@dxos/log": "0.8.4-main.f9ba587",
-    "@dxos/react-ui-canvas-compute": "0.8.4-main.f9ba587",
-    "@dxos/react-ui-canvas-editor": "0.8.4-main.f9ba587",
-    "@dxos/react-ui-stack": "0.8.4-main.f9ba587"
+    "effect": "3.20.0",
+    "@dxos/ai": "0.8.4-main.fcc0d83b33",
+    "@dxos/app-toolkit": "0.8.4-main.fcc0d83b33",
+    "@dxos/app-framework": "0.8.4-main.fcc0d83b33",
+    "@dxos/assistant": "0.8.4-main.fcc0d83b33",
+    "@dxos/compute": "0.8.4-main.fcc0d83b33",
+    "@dxos/conductor": "0.8.4-main.fcc0d83b33",
+    "@dxos/echo": "0.8.4-main.fcc0d83b33",
+    "@dxos/edge-client": "0.8.4-main.fcc0d83b33",
+    "@dxos/plugin-automation": "0.8.4-main.fcc0d83b33",
+    "@dxos/plugin-client": "0.8.4-main.fcc0d83b33",
+    "@dxos/debug": "0.8.4-main.fcc0d83b33",
+    "@dxos/log": "0.8.4-main.fcc0d83b33",
+    "@dxos/react-client": "0.8.4-main.fcc0d83b33",
+    "@dxos/plugin-space": "0.8.4-main.fcc0d83b33",
+    "@dxos/react-ui-canvas-compute": "0.8.4-main.fcc0d83b33",
+    "@dxos/react-ui-canvas-editor": "0.8.4-main.fcc0d83b33",
+    "@dxos/react-ui-mosaic": "0.8.4-main.fcc0d83b33",
+    "@dxos/react-ui-stack": "0.8.4-main.fcc0d83b33",
+    "@dxos/util": "0.8.4-main.fcc0d83b33"
   },
   "devDependencies": {
-    "@types/react": "~18.2.0",
-    "@types/react-dom": "~18.2.0",
-    "react": "~18.2.0",
-    "react-dom": "~18.2.0",
-    "vite": "5.4.7",
-    "@dxos/react-ui": "0.8.4-main.f9ba587",
-    "@dxos/react-ui-theme": "0.8.4-main.f9ba587",
-    "@dxos/storybook-utils": "0.8.4-main.f9ba587"
+    "@types/react": "~19.2.7",
+    "@types/react-dom": "~19.2.3",
+    "react": "~19.2.3",
+    "react-dom": "~19.2.3",
+    "vite": "^8.0.10",
+    "@dxos/storybook-utils": "0.8.4-main.fcc0d83b33",
+    "@dxos/ui-theme": "0.8.4-main.fcc0d83b33",
+    "@dxos/react-ui": "0.8.4-main.fcc0d83b33"
   },
   "peerDependencies": {
-    "effect": "^3.13.3",
-    "react": "~18.2.0",
-    "react-dom": "~18.2.0",
-    "@dxos/react-ui": "0.8.4-main.f9ba587",
-    "@dxos/react-ui-theme": "0.8.4-main.f9ba587"
+    "effect": "3.20.0",
+    "react": "~19.2.3",
+    "react-dom": "~19.2.3",
+    "@dxos/react-ui": "0.8.4-main.fcc0d83b33",
+    "@dxos/ui-theme": "0.8.4-main.fcc0d83b33"
   },
   "publishConfig": {
     "access": "public"

package/src/ConductorPlugin.tsx

@@ -2,62 +2,44 @@
 // Copyright 2023 DXOS.org
 //
 
-import { Capabilities, contributes, createIntent, defineModule, definePlugin, Events } from '@dxos/app-framework';
+import * as Effect from 'effect/Effect';
+import * as Option from 'effect/Option';
+
+import { Plugin } from '@dxos/app-framework';
+import { AppPlugin } from '@dxos/app-toolkit';
+import { Operation } from '@dxos/compute';
 import { ComputeGraph } from '@dxos/conductor';
-import { FunctionTrigger } from '@dxos/functions';
-import { ClientCapabilities, ClientEvents } from '@dxos/plugin-client';
-import { SpaceCapabilities } from '@dxos/plugin-space';
-import { defineObjectForm } from '@dxos/plugin-space/types';
-import { CanvasBoardType } from '@dxos/react-ui-canvas-editor';
+import { Annotation } from '@dxos/echo';
+import { SpaceOperation } from '@dxos/plugin-space/operations';
+import { type CreateObject } from '@dxos/plugin-space/types';
+import { CanvasBoard } from '@dxos/react-ui-canvas-editor';
 
-import { IntentResolver, ReactSurface } from './capabilities';
-import { meta } from './meta';
-import { translations } from './translations';
-import { ConductorAction } from './types';
+import { ReactSurface } from '#capabilities';
+import { meta } from '#meta';
+import { translations } from '#translations';
 
-export const ConductorPlugin = () =>
-  definePlugin(meta, [
-    defineModule({
-      id: `${meta.id}/module/translations`,
-      activatesOn: Events.SetupTranslations,
-      activate: () => contributes(Capabilities.Translations, translations),
-    }),
-    defineModule({
-      id: `${meta.id}/module/metadata`,
-      activatesOn: Events.SetupMetadata,
-      activate: () =>
-        contributes(Capabilities.Metadata, {
-          id: CanvasBoardType.typename,
-          metadata: {
-            icon: 'ph--infinity--regular',
-          },
-        }),
-    }),
-    defineModule({
-      id: `${meta.id}/module/object-form`,
-      activatesOn: ClientEvents.SetupSchema,
-      activate: () =>
-        contributes(
-          SpaceCapabilities.ObjectForm,
-          defineObjectForm({
-            objectSchema: CanvasBoardType,
-            getIntent: () => createIntent(ConductorAction.Create),
-          }),
-        ),
-    }),
-    defineModule({
-      id: `${meta.id}/module/schema`,
-      activatesOn: ClientEvents.SetupSchema,
-      activate: () => contributes(ClientCapabilities.Schema, [ComputeGraph, FunctionTrigger]),
-    }),
-    defineModule({
-      id: `${meta.id}/module/react-surface`,
-      activatesOn: Events.SetupReactSurface,
-      activate: ReactSurface,
-    }),
-    defineModule({
-      id: `${meta.id}/module/intent-resolver`,
-      activatesOn: Events.SetupIntentResolver,
-      activate: IntentResolver,
-    }),
-  ]);
+export const ConductorPlugin = Plugin.define(meta).pipe(
+  AppPlugin.addMetadataModule({
+    metadata: {
+      id: CanvasBoard.CanvasBoard.typename,
+      metadata: {
+        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,
+      },
+    },
+  }),
+  AppPlugin.addSchemaModule({ schema: [CanvasBoard.CanvasBoard, ComputeGraph] }),
+  AppPlugin.addSurfaceModule({ activate: ReactSurface }),
+  AppPlugin.addTranslationsModule({ translations }),
+  Plugin.make,
+);

package/src/capabilities/index.ts

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

package/src/capabilities/react-surface.tsx

@@ -2,22 +2,31 @@
 // Copyright 2025 DXOS.org
 //
 
+import * as Effect from 'effect/Effect';
 import React from 'react';
 
-import { Capabilities, contributes, createSurface } from '@dxos/app-framework';
-import { Obj } from '@dxos/echo';
-import { CanvasBoardType } from '@dxos/react-ui-canvas-editor';
+import { Capabilities, Capability } from '@dxos/app-framework';
+import { Surface } from '@dxos/app-framework/ui';
+import { AppSurface } from '@dxos/app-toolkit/ui';
+import { CanvasBoard } from '@dxos/react-ui-canvas-editor';
 
-import { CanvasContainer } from '../components';
-import { CONDUCTOR_PLUGIN } from '../meta';
+import { CanvasContainer } from '#containers';
 
-export default () =>
-  contributes(
-    Capabilities.ReactSurface,
-    createSurface({
-      id: CONDUCTOR_PLUGIN,
-      role: ['article', 'section'],
-      filter: (data): data is { subject: CanvasBoardType } => Obj.instanceOf(CanvasBoardType, data.subject),
-      component: ({ data, role }) => <CanvasContainer canvas={data.subject} role={role} />,
-    }),
-  );
+export default Capability.makeModule(() =>
+  Effect.succeed(
+    Capability.contributes(
+      Capabilities.ReactSurface,
+      Surface.create({
+        id: 'root',
+        // TODO(wittjosiah): Split into multiple surfaces if this filter proves too strict for non-article roles.
+        filter: AppSurface.oneOf(
+          AppSurface.object(AppSurface.Article, CanvasBoard.CanvasBoard),
+          AppSurface.object(AppSurface.Section, CanvasBoard.CanvasBoard),
+        ),
+        component: ({ data, role }) => (
+          <CanvasContainer role={role} subject={data.subject} attendableId={data.attendableId} />
+        ),
+      }),
+    ),
+  ),
+);

package/src/components/index.ts

@@ -1,7 +1,3 @@
 //
-// Copyright 2023 DXOS.org
+// Copyright 2025 DXOS.org
 //
-
-import { lazy } from 'react';
-
-export const CanvasContainer = lazy(() => import('./CanvasContainer'));

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

@@ -2,14 +2,15 @@
 // Copyright 2024 DXOS.org
 //
 
-import React, { useEffect, useMemo, useRef } from 'react';
+import React, { Fragment, useEffect, useMemo, useRef } from 'react';
 
-import { EdgeAiServiceClient } from '@dxos/ai';
-import { type Config } from '@dxos/client';
+import { useCapability } from '@dxos/app-framework/ui';
+import { type AppSurface } from '@dxos/app-toolkit/ui';
 import { ComputeGraphModel } from '@dxos/conductor';
-import { AiService, DatabaseService, QueueService, ServiceContainer } from '@dxos/functions';
-import { useConfig } from '@dxos/react-client';
-import { fullyQualifiedId, getSpace, type Space } from '@dxos/react-client/echo';
+import { Obj } from '@dxos/echo';
+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,
@@ -20,55 +21,24 @@ 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 { StackItem } from '@dxos/react-ui-stack';
 
-const createServices = (config: Config, space?: Space): ServiceContainer => {
-  return new ServiceContainer().setServices({
-    database: space == null ? undefined : DatabaseService.make(space.db),
-    queues: space == null ? undefined : QueueService.make(space.queues, undefined),
-    ai:
-      config.values.runtime?.services?.ai?.server == null
-        ? undefined
-        : AiService.make(new EdgeAiServiceClient({ endpoint: config.values.runtime?.services?.ai?.server })),
-  });
-};
+export type CanvasContainerProps = AppSurface.ObjectArticleProps<CanvasBoard.CanvasBoard>;
 
-const useGraphController = (canvas: CanvasBoardType) => {
-  const config = useConfig();
-  const space = getSpace(canvas);
-  const controller = useMemo(() => {
-    if (!canvas.computeGraph?.target) {
-      return null;
-    }
-    const model = new ComputeGraphModel(canvas.computeGraph?.target);
-    const controller = new ComputeGraphController(createServices(config, space), model);
-    return controller;
-  }, [canvas.computeGraph?.target, space]);
-
-  useEffect(() => {
-    if (!controller) {
-      return;
-    }
-    void controller.open();
-    return () => {
-      void controller.close();
-    };
-  }, [controller]);
-
-  return controller;
-};
-
-export const CanvasContainer = ({ canvas, role }: { canvas: CanvasBoardType; role: string }) => {
-  const id = fullyQualifiedId(canvas);
-  const graph = useMemo(() => CanvasGraphModel.create<ComputeShape>(canvas.layout), [canvas.layout]);
-  const controller = useGraphController(canvas);
+export const CanvasContainer = ({ role, subject, attendableId: _attendableId }: CanvasContainerProps) => {
+  const [canvas] = useObject(subject);
+  const id = Obj.getDXN(canvas).toString();
+  const graph = useMemo(
+    () => CanvasGraphModel.create<ComputeShape>(canvas.layout, (fn) => Obj.update(subject, fn)),
+    [subject, canvas.layout],
+  );
+  const controller = useGraphController(subject);
   const graphMonitor = useGraphMonitor(controller?.graph);
   const registry = useMemo(() => new ShapeRegistry(computeShapes), []);
   const editorRef = useRef<EditorController>(null);
@@ -84,9 +54,11 @@ export const CanvasContainer = ({ canvas, role }: { canvas: CanvasBoardType; rol
     return;
   }
 
+  const Root = role === 'section' ? Container : Fragment;
+
   return (
     <ComputeContext.Provider value={{ controller }}>
-      <StackItem.Content size={role === 'section' ? 'square' : 'intrinsic'}>
+      <Root>
         <KeyboardContainer id={id}>
           <Editor.Root
             id={id}
@@ -100,9 +72,36 @@ export const CanvasContainer = ({ canvas, role }: { canvas: CanvasBoardType; rol
             <Editor.UI showTools />
           </Editor.Root>
         </KeyboardContainer>
-      </StackItem.Content>
+      </Root>
     </ComputeContext.Provider>
   );
 };
 
-export default CanvasContainer;
+const Container = (props: FlexProps) => <Flex {...props} classNames='aspect-square' />;
+
+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;
+    }
+    const model = new ComputeGraphModel(canvas.computeGraph?.target);
+    const controller = new ComputeGraphController(runtime.getRuntime(db.spaceId), model);
+    return controller;
+  }, [computeGraph, db]);
+
+  useEffect(() => {
+    if (!controller) {
+      return;
+    }
+
+    void controller.open();
+    return () => {
+      void controller.close();
+    };
+  }, [controller]);
+
+  return controller;
+};

package/src/containers/CanvasContainer/index.ts

@@ -0,0 +1,5 @@
+//
+// Copyright 2024 DXOS.org
+//
+
+export { CanvasContainer as default } from './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

@@ -2,16 +2,18 @@
 // Copyright 2023 DXOS.org
 //
 
-import { type PluginMeta } from '@dxos/app-framework';
+import { type Plugin } from '@dxos/app-framework';
+import { trim } from '@dxos/util';
 
-export const CONDUCTOR_PLUGIN = 'dxos.org/plugin/conductor';
-
-export const meta: PluginMeta = {
-  id: CONDUCTOR_PLUGIN,
+export const meta: Plugin.Meta = {
+  id: 'org.dxos.plugin.conductor',
   name: 'Conductor',
-  description:
-    'Conductor allows you to build a node based compute graph that can handle complex workflows inside of Composer. Leverage your collaborative data along with custom scripts to orchestrate agentic workflows that operate in the background.',
+  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'],

package/src/translations.ts

@@ -3,23 +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',
+      [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/src/types/index.ts

@@ -0,0 +1,3 @@
+//
+// Copyright 2025 DXOS.org
+//

package/dist/lib/browser/CanvasContainer-O3YC33NV.mjs

@@ -1,98 +0,0 @@
-// src/components/CanvasContainer.tsx
-import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";
-import React, { useEffect, useMemo, useRef } from "react";
-import { EdgeAiServiceClient } from "@dxos/ai";
-import { ComputeGraphModel } from "@dxos/conductor";
-import { AiService, DatabaseService, QueueService, ServiceContainer } from "@dxos/functions";
-import { useConfig } from "@dxos/react-client";
-import { fullyQualifiedId, getSpace } from "@dxos/react-client/echo";
-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 { StackItem } from "@dxos/react-ui-stack";
-var createServices = (config, space) => {
-  return new ServiceContainer().setServices({
-    database: space == null ? void 0 : DatabaseService.make(space.db),
-    queues: space == null ? void 0 : QueueService.make(space.queues, void 0),
-    ai: config.values.runtime?.services?.ai?.server == null ? void 0 : AiService.make(new EdgeAiServiceClient({
-      endpoint: config.values.runtime?.services?.ai?.server
-    }))
-  });
-};
-var useGraphController = (canvas) => {
-  const config = useConfig();
-  const space = getSpace(canvas);
-  const controller = useMemo(() => {
-    if (!canvas.computeGraph?.target) {
-      return null;
-    }
-    const model = new ComputeGraphModel(canvas.computeGraph?.target);
-    const controller2 = new ComputeGraphController(createServices(config, space), model);
-    return controller2;
-  }, [
-    canvas.computeGraph?.target,
-    space
-  ]);
-  useEffect(() => {
-    if (!controller) {
-      return;
-    }
-    void controller.open();
-    return () => {
-      void controller.close();
-    };
-  }, [
-    controller
-  ]);
-  return controller;
-};
-var CanvasContainer = ({ canvas, role }) => {
-  var _effect = _useSignals();
-  try {
-    const id = fullyQualifiedId(canvas);
-    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;
-    }
-    return /* @__PURE__ */ React.createElement(ComputeContext.Provider, {
-      value: {
-        controller
-      }
-    }, /* @__PURE__ */ React.createElement(StackItem.Content, {
-      size: role === "section" ? "square" : "intrinsic"
-    }, /* @__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
-    })))));
-  } finally {
-    _effect.f();
-  }
-};
-var CanvasContainer_default = CanvasContainer;
-export {
-  CanvasContainer,
-  CanvasContainer_default as default
-};
-//# sourceMappingURL=CanvasContainer-O3YC33NV.mjs.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/CanvasContainer.tsx"],
-  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { useEffect, useMemo, useRef } from 'react';\n\nimport { EdgeAiServiceClient } from '@dxos/ai';\nimport { type Config } from '@dxos/client';\nimport { ComputeGraphModel } from '@dxos/conductor';\nimport { AiService, DatabaseService, QueueService, ServiceContainer } from '@dxos/functions';\nimport { useConfig } from '@dxos/react-client';\nimport { fullyQualifiedId, getSpace, type Space } from '@dxos/react-client/echo';\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 { StackItem } from '@dxos/react-ui-stack';\n\nconst createServices = (config: Config, space?: Space): ServiceContainer => {\n  return new ServiceContainer().setServices({\n    database: space == null ? undefined : DatabaseService.make(space.db),\n    queues: space == null ? undefined : QueueService.make(space.queues, undefined),\n    ai:\n      config.values.runtime?.services?.ai?.server == null\n        ? undefined\n        : AiService.make(new EdgeAiServiceClient({ endpoint: config.values.runtime?.services?.ai?.server })),\n  });\n};\n\nconst useGraphController = (canvas: CanvasBoardType) => {\n  const config = useConfig();\n  const space = getSpace(canvas);\n  const controller = useMemo(() => {\n    if (!canvas.computeGraph?.target) {\n      return null;\n    }\n    const model = new ComputeGraphModel(canvas.computeGraph?.target);\n    const controller = new ComputeGraphController(createServices(config, space), model);\n    return controller;\n  }, [canvas.computeGraph?.target, space]);\n\n  useEffect(() => {\n    if (!controller) {\n      return;\n    }\n    void controller.open();\n    return () => {\n      void controller.close();\n    };\n  }, [controller]);\n\n  return controller;\n};\n\nexport const CanvasContainer = ({ canvas, role }: { canvas: CanvasBoardType; role: string }) => {\n  const id = fullyQualifiedId(canvas);\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  return (\n    <ComputeContext.Provider value={{ controller }}>\n      <StackItem.Content size={role === 'section' ? 'square' : 'intrinsic'}>\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      </StackItem.Content>\n    </ComputeContext.Provider>\n  );\n};\n\nexport default CanvasContainer;\n"],
-  "mappings": ";;AAIA,OAAOA,SAASC,WAAWC,SAASC,cAAc;AAElD,SAASC,2BAA2B;AAEpC,SAASC,yBAAyB;AAClC,SAASC,WAAWC,iBAAiBC,cAAcC,wBAAwB;AAC3E,SAASC,iBAAiB;AAC1B,SAASC,kBAAkBC,gBAA4B;AACvD,SACEC,gBACAC,wBAEAC,oBACAC,eACAC,2BACAC,uBACK;AACP,SAEEC,kBACAC,QAEAC,mBACAC,qBACK;AACP,SAASC,iBAAiB;AAE1B,IAAMC,iBAAiB,CAACC,QAAgBC,UAAAA;AACtC,SAAO,IAAIC,iBAAAA,EAAmBC,YAAY;IACxCC,UAAUH,SAAS,OAAOI,SAAYC,gBAAgBC,KAAKN,MAAMO,EAAE;IACnEC,QAAQR,SAAS,OAAOI,SAAYK,aAAaH,KAAKN,MAAMQ,QAAQJ,MAAAA;IACpEM,IACEX,OAAOY,OAAOC,SAASC,UAAUH,IAAII,UAAU,OAC3CV,SACAW,UAAUT,KAAK,IAAIU,oBAAoB;MAAEC,UAAUlB,OAAOY,OAAOC,SAASC,UAAUH,IAAII;IAAO,CAAA,CAAA;EACvG,CAAA;AACF;AAEA,IAAMI,qBAAqB,CAACC,WAAAA;AAC1B,QAAMpB,SAASqB,UAAAA;AACf,QAAMpB,QAAQqB,SAASF,MAAAA;AACvB,QAAMG,aAAaC,QAAQ,MAAA;AACzB,QAAI,CAACJ,OAAOK,cAAcC,QAAQ;AAChC,aAAO;IACT;AACA,UAAMC,QAAQ,IAAIC,kBAAkBR,OAAOK,cAAcC,MAAAA;AACzD,UAAMH,cAAa,IAAIM,uBAAuB9B,eAAeC,QAAQC,KAAAA,GAAQ0B,KAAAA;AAC7E,WAAOJ;EACT,GAAG;IAACH,OAAOK,cAAcC;IAAQzB;GAAM;AAEvC6B,YAAU,MAAA;AACR,QAAI,CAACP,YAAY;AACf;IACF;AACA,SAAKA,WAAWQ,KAAI;AACpB,WAAO,MAAA;AACL,WAAKR,WAAWS,MAAK;IACvB;EACF,GAAG;IAACT;GAAW;AAEf,SAAOA;AACT;AAEO,IAAMU,kBAAkB,CAAC,EAAEb,QAAQc,KAAI,MAA6C;;;AACzF,UAAMC,KAAKC,iBAAiBhB,MAAAA;AAC5B,UAAMiB,QAAQb,QAAQ,MAAMc,iBAAiBC,OAAqBnB,OAAOoB,MAAM,GAAG;MAACpB,OAAOoB;KAAO;AACjG,UAAMjB,aAAaJ,mBAAmBC,MAAAA;AACtC,UAAMqB,eAAeC,gBAAgBnB,YAAYc,KAAAA;AACjD,UAAMM,WAAWnB,QAAQ,MAAM,IAAIoB,cAAcC,aAAAA,GAAgB,CAAA,CAAE;AACnE,UAAMC,YAAYC,OAAyB,IAAA;AAC3CC,8BAA0B;MAAEzB;MAAYc;MAAOS;IAAU,CAAA;AAGzD,UAAMN,SAAShB,QACb,MAAOD,cAAcoB,WAAW,IAAIM,mBAAmB1B,YAAYoB,QAAAA,IAAYtC,QAC/E;MAACkB;MAAYoB;KAAS;AAGxB,QAAI,CAACpB,YAAY;AACf;IACF;AAEA,WACE,sBAAA,cAAC2B,eAAeC,UAAQ;MAACC,OAAO;QAAE7B;MAAW;OAC3C,sBAAA,cAAC8B,UAAUC,SAAO;MAACC,MAAMrB,SAAS,YAAY,WAAW;OACvD,sBAAA,cAACsB,mBAAAA;MAAkBrB;OACjB,sBAAA,cAACsB,OAAOC,MAAI;MACVvB;MACAwB,KAAKb;MACLT;MACAI;MACAE;MACAH;OAEA,sBAAA,cAACiB,OAAOG,QAAM,IAAA,GACd,sBAAA,cAACH,OAAOI,IAAE;MAACC,WAAAA;;;;;AAMvB;AAEA,IAAA,0BAAe7B;",
-  "names": ["React", "useEffect", "useMemo", "useRef", "EdgeAiServiceClient", "ComputeGraphModel", "AiService", "DatabaseService", "QueueService", "ServiceContainer", "useConfig", "fullyQualifiedId", "getSpace", "ComputeContext", "ComputeGraphController", "ComputeShapeLayout", "computeShapes", "useComputeGraphController", "useGraphMonitor", "CanvasGraphModel", "Editor", "KeyboardContainer", "ShapeRegistry", "StackItem", "createServices", "config", "space", "ServiceContainer", "setServices", "database", "undefined", "DatabaseService", "make", "db", "queues", "QueueService", "ai", "values", "runtime", "services", "server", "AiService", "EdgeAiServiceClient", "endpoint", "useGraphController", "canvas", "useConfig", "getSpace", "controller", "useMemo", "computeGraph", "target", "model", "ComputeGraphModel", "ComputeGraphController", "useEffect", "open", "close", "CanvasContainer", "role", "id", "fullyQualifiedId", "graph", "CanvasGraphModel", "create", "layout", "graphMonitor", "useGraphMonitor", "registry", "ShapeRegistry", "computeShapes", "editorRef", "useRef", "useComputeGraphController", "ComputeShapeLayout", "ComputeContext", "Provider", "value", "StackItem", "Content", "size", "KeyboardContainer", "Editor", "Root", "ref", "Canvas", "UI", "showTools"]
-}