@dxos/react-ui-canvas-compute 0.8.3 → 0.8.4-main.1f223c7

package/dist/lib/browser/index.mjs

@@ -1,96 +1,21 @@
 import "@dxos/node-std/globals";
 
-// packages/ui/react-ui-canvas-compute/src/graph/controller.ts
+// src/graph/controller.ts
 import { Effect, Either, Exit, Scope } from "effect";
 import { Event, synchronized } from "@dxos/async";
-import { GraphExecutor, isNotExecuted, ValueBag } from "@dxos/conductor";
+import { GraphExecutor, ValueBag, isNotExecuted } from "@dxos/conductor";
 import { Resource } from "@dxos/context";
 import { log } from "@dxos/log";
 
-// packages/ui/react-ui-canvas-compute/src/graph/node-defs.ts
-import { NODE_INPUT, NODE_OUTPUT, registry, getTemplateInputSchema } from "@dxos/conductor";
-import { raise } from "@dxos/debug";
-import { ObjectId, toJsonSchema } from "@dxos/echo-schema";
-import { invariant } from "@dxos/invariant";
-var __dxlog_file = "/home/runner/work/dxos/dxos/packages/ui/react-ui-canvas-compute/src/graph/node-defs.ts";
-var resolveComputeNode = async (node) => {
-  const impl = registry[node.type];
-  invariant(impl, `Unknown node type: ${node.type}`, {
-    F: __dxlog_file,
-    L: 22,
-    S: void 0,
-    A: [
-      "impl",
-      "`Unknown node type: ${node.type}`"
-    ]
-  });
-  return impl;
-};
-var isValidComputeNode = (type) => {
-  return nodeFactory[type] !== void 0;
-};
-var createComputeNode = (shape) => {
-  const type = shape.type ?? raise(new Error("Type not specified"));
-  const factory = nodeFactory[type] ?? raise(new Error(`Unknown shape type: ${type}`));
-  return factory(shape);
-};
-var nodeFactory = {
-  // System.
-  [NODE_INPUT]: () => createNode(NODE_INPUT),
-  [NODE_OUTPUT]: () => createNode(NODE_OUTPUT),
-  // Extensions.
-  ["text-to-image"]: () => createNode("text-to-image"),
-  ["and"]: () => createNode("and"),
-  ["append"]: () => createNode("append"),
-  ["audio"]: () => createNode("audio"),
-  ["beacon"]: () => createNode("beacon"),
-  ["chat"]: () => createNode("chat"),
-  ["constant"]: (shape) => createNode("constant", {
-    value: shape.value
-  }),
-  ["database"]: () => createNode("database"),
-  ["gpt"]: () => createNode("gpt"),
-  ["gpt-realtime"]: () => createNode("gpt-realtime"),
-  ["if"]: () => createNode("if"),
-  ["if-else"]: () => createNode("if-else"),
-  ["function"]: () => createNode("function"),
-  ["json"]: () => createNode("json"),
-  ["json-transform"]: () => createNode("json-transform"),
-  ["not"]: () => createNode("not"),
-  ["or"]: () => createNode("or"),
-  ["queue"]: () => createNode("queue"),
-  ["rng"]: () => createNode("rng"),
-  ["reducer"]: () => createNode("reducer"),
-  ["scope"]: () => createNode("scope"),
-  ["surface"]: () => createNode("surface"),
-  ["switch"]: () => createNode("switch"),
-  ["template"]: (shape) => {
-    const node = createNode("template", {
-      valueType: shape.valueType,
-      value: shape.text
-    });
-    node.inputSchema = toJsonSchema(getTemplateInputSchema(node));
-    return node;
-  },
-  ["text"]: () => createNode("text"),
-  ["thread"]: () => createNode("thread"),
-  ["trigger"]: () => createNode(NODE_INPUT)
-};
-var createNode = (type, props) => ({
-  id: ObjectId.random(),
-  type,
-  ...props
-});
-
-// packages/ui/react-ui-canvas-compute/src/hooks/compute-context.ts
+// src/hooks/compute-context.ts
 import { createContext, useContext } from "react";
-import { raise as raise2 } from "@dxos/debug";
+import { raise } from "@dxos/debug";
 var ComputeContext = createContext(null);
 var useComputeContext = () => {
-  return useContext(ComputeContext) ?? raise2(new Error("Missing ComputeContext"));
+  return useContext(ComputeContext) ?? raise(new Error("Missing ComputeContext"));
 };
 
-// packages/ui/react-ui-canvas-compute/src/hooks/useComputeGraphController.ts
+// src/hooks/useComputeGraphController.ts
 import { useEffect, useState } from "react";
 var combine = (...cbs) => {
   return () => {
@@ -140,16 +65,16 @@ var useComputeGraphController = ({ controller, graph, editorRef }) => {
   ]);
 };
 
-// packages/ui/react-ui-canvas-compute/src/hooks/useComputeNodeState.ts
+// src/hooks/useComputeNodeState.ts
 import { Schema } from "effect";
 import { useCallback, useEffect as useEffect2, useState as useState2 } from "react";
-import { invariant as invariant2 } from "@dxos/invariant";
-var __dxlog_file2 = "/home/runner/work/dxos/dxos/packages/ui/react-ui-canvas-compute/src/hooks/useComputeNodeState.ts";
+import { invariant } from "@dxos/invariant";
+var __dxlog_file = "/__w/dxos/dxos/packages/ui/react-ui-canvas-compute/src/hooks/useComputeNodeState.ts";
 var useComputeNodeState = (shape) => {
   const { controller } = useComputeContext();
-  invariant2(controller, void 0, {
-    F: __dxlog_file2,
-    L: 32,
+  invariant(controller, void 0, {
+    F: __dxlog_file,
+    L: 34,
     S: void 0,
     A: [
       "controller",
@@ -160,9 +85,9 @@ var useComputeNodeState = (shape) => {
   useEffect2(() => {
     let disposed = false;
     queueMicrotask(async () => {
-      invariant2(shape.node, "Node not specified", {
-        F: __dxlog_file2,
-        L: 38,
+      invariant(shape.node, "Node not specified", {
+        F: __dxlog_file,
+        L: 40,
         S: void 0,
         A: [
           "shape.node",
@@ -214,19 +139,19 @@ var useComputeNodeState = (shape) => {
   };
 };
 
-// packages/ui/react-ui-canvas-compute/src/hooks/useGraphMonitor.ts
+// src/hooks/useGraphMonitor.ts
 import { useMemo } from "react";
 import { ComputeGraphModel, DEFAULT_INPUT, DEFAULT_OUTPUT } from "@dxos/conductor";
-import { ObjectId as ObjectId2, Ref } from "@dxos/echo-schema";
-import { invariant as invariant3 } from "@dxos/invariant";
+import { ObjectId, Ref } from "@dxos/echo-schema";
+import { invariant as invariant2 } from "@dxos/invariant";
 import { getSpace } from "@dxos/react-client/echo";
 import { isNonNullable } from "@dxos/util";
-var __dxlog_file3 = "/home/runner/work/dxos/dxos/packages/ui/react-ui-canvas-compute/src/hooks/useGraphMonitor.ts";
+var __dxlog_file2 = "/__w/dxos/dxos/packages/ui/react-ui-canvas-compute/src/hooks/useGraphMonitor.ts";
 var mapEdge = (graph, { source, target, output = DEFAULT_OUTPUT, input = DEFAULT_INPUT }) => {
   const sourceNode = graph.findNode(source);
   const targetNode = graph.findNode(target);
-  invariant3(sourceNode?.node, void 0, {
-    F: __dxlog_file3,
+  invariant2(sourceNode?.node, void 0, {
+    F: __dxlog_file2,
     L: 26,
     S: void 0,
     A: [
@@ -234,8 +159,8 @@ var mapEdge = (graph, { source, target, output = DEFAULT_OUTPUT, input = DEFAULT
       ""
     ]
   });
-  invariant3(targetNode?.node, void 0, {
-    F: __dxlog_file3,
+  invariant2(targetNode?.node, void 0, {
+    F: __dxlog_file2,
     L: 27,
     S: void 0,
     A: [
@@ -244,7 +169,7 @@ var mapEdge = (graph, { source, target, output = DEFAULT_OUTPUT, input = DEFAULT
     ]
   });
   return {
-    id: ObjectId2.random(),
+    id: ObjectId.random(),
     source: sourceNode.node,
     target: targetNode.node,
     output,
@@ -258,8 +183,8 @@ var useGraphMonitor = (model) => {
         if (!model) {
           return;
         }
-        invariant3(node.type, void 0, {
-          F: __dxlog_file3,
+        invariant2(node.type, void 0, {
+          F: __dxlog_file2,
           L: 52,
           S: void 0,
           A: [
@@ -316,8 +241,8 @@ var createComputeGraph = (graph) => {
 };
 var linkTriggerToCompute = (graph, computeNode, triggerData) => {
   const functionTrigger = triggerData.functionTrigger?.target;
-  invariant3(functionTrigger, void 0, {
-    F: __dxlog_file3,
+  invariant2(functionTrigger, void 0, {
+    F: __dxlog_file2,
     L: 115,
     S: void 0,
     A: [
@@ -341,14 +266,103 @@ var deleteTriggerObjects = (computeGraph, deleted) => {
   }
 };
 
-// packages/ui/react-ui-canvas-compute/src/graph/controller.ts
+// src/graph/node-defs.ts
+import { NODE_INPUT, NODE_OUTPUT, getTemplateInputSchema, registry } from "@dxos/conductor";
+import { raise as raise2 } from "@dxos/debug";
+import { ObjectId as ObjectId2, toJsonSchema } from "@dxos/echo-schema";
+import { invariant as invariant3 } from "@dxos/invariant";
+var __dxlog_file3 = "/__w/dxos/dxos/packages/ui/react-ui-canvas-compute/src/graph/node-defs.ts";
+var resolveComputeNode = async (node) => {
+  const impl = registry[node.type];
+  invariant3(impl, `Unknown node type: ${node.type}`, {
+    F: __dxlog_file3,
+    L: 22,
+    S: void 0,
+    A: [
+      "impl",
+      "`Unknown node type: ${node.type}`"
+    ]
+  });
+  return impl;
+};
+var isValidComputeNode = (type) => {
+  return nodeFactory[type] !== void 0;
+};
+var createComputeNode = (shape) => {
+  const type = shape.type ?? raise2(new Error("Type not specified"));
+  const factory = nodeFactory[type] ?? raise2(new Error(`Unknown shape type: ${type}`));
+  return factory(shape);
+};
+var nodeFactory = {
+  // System.
+  [NODE_INPUT]: () => createNode(NODE_INPUT),
+  [NODE_OUTPUT]: () => createNode(NODE_OUTPUT),
+  // Extensions.
+  ["text-to-image"]: () => createNode("text-to-image"),
+  ["and"]: () => createNode("and"),
+  ["append"]: () => createNode("append"),
+  ["audio"]: () => createNode("audio"),
+  ["beacon"]: () => createNode("beacon"),
+  ["chat"]: () => createNode("chat"),
+  ["constant"]: (shape) => createNode("constant", {
+    value: shape.value
+  }),
+  ["make-queue"]: () => createNode("make-queue"),
+  ["database"]: () => createNode("database"),
+  ["gpt"]: () => createNode("gpt"),
+  ["gpt-realtime"]: () => createNode("gpt-realtime"),
+  ["if"]: () => createNode("if"),
+  ["if-else"]: () => createNode("if-else"),
+  ["function"]: () => createNode("function"),
+  ["json"]: () => createNode("json"),
+  ["json-transform"]: () => createNode("json-transform"),
+  ["not"]: () => createNode("not"),
+  ["or"]: () => createNode("or"),
+  ["queue"]: () => createNode("queue"),
+  ["rng"]: () => createNode("rng"),
+  ["reducer"]: () => createNode("reducer"),
+  ["scope"]: () => createNode("scope"),
+  ["surface"]: () => createNode("surface"),
+  ["switch"]: () => createNode("switch"),
+  ["template"]: (shape) => {
+    const node = createNode("template", {
+      valueType: shape.valueType,
+      value: shape.text
+    });
+    node.inputSchema = toJsonSchema(getTemplateInputSchema(node));
+    return node;
+  },
+  ["text"]: () => createNode("text"),
+  ["thread"]: () => createNode("thread"),
+  ["trigger"]: () => createNode(NODE_INPUT)
+};
+var createNode = (type, props) => ({
+  id: ObjectId2.random(),
+  type,
+  ...props
+});
+
+// src/graph/controller.ts
+function _define_property(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
+}
 function _ts_decorate(decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
   return c > 3 && r && Object.defineProperty(target, key, r), r;
 }
-var __dxlog_file4 = "/home/runner/work/dxos/dxos/packages/ui/react-ui-canvas-compute/src/graph/controller.ts";
+var __dxlog_file4 = "/__w/dxos/dxos/packages/ui/react-ui-canvas-compute/src/graph/controller.ts";
 var InvalidStateError = Error;
 var AUTO_TRIGGER_NODES = [
   "chat",
@@ -364,11 +378,6 @@ var createComputeGraphController = (graph, serviceContainer) => {
   };
 };
 var ComputeGraphController = class extends Resource {
-  constructor(_serviceContainer, _graph) {
-    super(), this._serviceContainer = _serviceContainer, this._graph = _graph, this._executor = new GraphExecutor({
-      computeNodeResolver: (node) => resolveComputeNode(node)
-    }), this._diagnostics = [], this._forcedOutputs = {}, this._runtimeStateInputs = {}, this._runtimeStateOutputs = {}, this.update = new Event(), this.output = new Event(), this.events = new Event();
-  }
   toJSON() {
     return {
       graph: this._graph,
@@ -429,7 +438,8 @@ var ComputeGraphController = class extends Resource {
     return this._runtimeStateOutputs[nodeId] ?? {};
   }
   setOutput(nodeId, property, value) {
-    this._forcedOutputs[nodeId] ??= {};
+    var _this__forcedOutputs, _nodeId;
+    (_this__forcedOutputs = this._forcedOutputs)[_nodeId = nodeId] ?? (_this__forcedOutputs[_nodeId] = {});
     this._forcedOutputs[nodeId][property] = value;
     queueMicrotask(async () => {
       try {
@@ -554,11 +564,13 @@ var ComputeGraphController = class extends Resource {
     this.events.emit(event);
   }
   _onInputComputed(nodeId, property, value) {
-    this._runtimeStateInputs[nodeId] ??= {};
+    var _this__runtimeStateInputs, _nodeId;
+    (_this__runtimeStateInputs = this._runtimeStateInputs)[_nodeId = nodeId] ?? (_this__runtimeStateInputs[_nodeId] = {});
     this._runtimeStateInputs[nodeId][property] = value;
   }
   _onOutputComputed(nodeId, property, value) {
-    this._runtimeStateOutputs[nodeId] ??= {};
+    var _this__runtimeStateOutputs, _nodeId;
+    (_this__runtimeStateOutputs = this._runtimeStateOutputs)[_nodeId = nodeId] ?? (_this__runtimeStateOutputs[_nodeId] = {});
     this._runtimeStateOutputs[nodeId][property] = value;
     this.output.emit({
       nodeId,
@@ -566,6 +578,19 @@ var ComputeGraphController = class extends Resource {
       value
     });
   }
+  constructor(_serviceContainer, _graph) {
+    super(), _define_property(this, "_serviceContainer", void 0), _define_property(this, "_graph", void 0), _define_property(this, "_executor", void 0), _define_property(this, "_diagnostics", void 0), /**
+    * Canvas force-sets outputs of those nodes.
+    */
+    _define_property(this, "_forcedOutputs", void 0), /**
+    * Runtime state of the execution graph.
+    */
+    _define_property(this, "_runtimeStateInputs", void 0), _define_property(this, "_runtimeStateOutputs", void 0), // TODO(burdon): Remove? Make state reactive?
+    _define_property(this, "update", void 0), /** Computed result. */
+    _define_property(this, "output", void 0), _define_property(this, "events", void 0), this._serviceContainer = _serviceContainer, this._graph = _graph, this._executor = new GraphExecutor({
+      computeNodeResolver: (node) => resolveComputeNode(node)
+    }), this._diagnostics = [], this._forcedOutputs = {}, this._runtimeStateInputs = {}, this._runtimeStateOutputs = {}, this.update = new Event(), this.output = new Event(), this.events = new Event();
+  }
 };
 _ts_decorate([
   synchronized
@@ -604,17 +629,17 @@ var computeValueBag = (bag) => {
   })))).pipe(Effect.map((entries) => Object.fromEntries(entries)));
 };
 
-// packages/ui/react-ui-canvas-compute/src/registry.ts
+// src/registry.ts
 import { noteShape } from "@dxos/react-ui-canvas-editor";
 
-// packages/ui/react-ui-canvas-compute/src/shapes/common/Box.tsx
+// src/shapes/common/Box.tsx
 import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";
 import React, { forwardRef } from "react";
 import { invariant as invariant4 } from "@dxos/invariant";
 import { Icon, IconButton } from "@dxos/react-ui";
 import { useEditorContext, useShapeDef } from "@dxos/react-ui-canvas-editor";
 import { mx } from "@dxos/react-ui-theme";
-var __dxlog_file5 = "/home/runner/work/dxos/dxos/packages/ui/react-ui-canvas-compute/src/shapes/common/Box.tsx";
+var __dxlog_file5 = "/__w/dxos/dxos/packages/ui/react-ui-canvas-compute/src/shapes/common/Box.tsx";
 var headerHeight = 32;
 var footerHeight = 32;
 var Box = /* @__PURE__ */ forwardRef(({ children, classNames, shape, title, status, open, onAction }, forwardedRef) => {
@@ -678,15 +703,15 @@ var Box = /* @__PURE__ */ forwardRef(({ children, classNames, shape, title, stat
   }
 });
 
-// packages/ui/react-ui-canvas-compute/src/shapes/common/FunctionBody.tsx
+// src/shapes/common/FunctionBody.tsx
 import { useSignals as _useSignals2 } from "@preact-signals/safe-react/tracking";
 import { SchemaAST as SchemaAST2 } from "effect";
 import React2, { useRef, useState as useState3 } from "react";
 import { VoidInput, VoidOutput } from "@dxos/conductor";
 import { useCanvasContext } from "@dxos/react-ui-canvas";
-import { getParentShapeElement, createAnchors, rowHeight } from "@dxos/react-ui-canvas-editor";
+import { createAnchors, getParentShapeElement, rowHeight } from "@dxos/react-ui-canvas-editor";
 
-// packages/ui/react-ui-canvas-compute/src/shapes/defs.ts
+// src/shapes/defs.ts
 import { Schema as Schema2, SchemaAST } from "effect";
 import { DEFAULT_INPUT as DEFAULT_INPUT2, DEFAULT_OUTPUT as DEFAULT_OUTPUT2 } from "@dxos/conductor";
 import { ObjectId as ObjectId3 } from "@dxos/echo-schema";
@@ -718,7 +743,7 @@ var createShape = ({ id, ...rest }) => {
   };
 };
 
-// packages/ui/react-ui-canvas-compute/src/shapes/common/FunctionBody.tsx
+// src/shapes/common/FunctionBody.tsx
 var bodyPadding = 8;
 var expandedHeight = 200;
 var FunctionBody = ({ shape, name, content, inputSchema = VoidInput, outputSchema = VoidOutput, ...props }) => {
@@ -805,7 +830,7 @@ var createFunctionAnchors = (shape, input = VoidInput, output = VoidOutput) => {
   });
 };
 
-// packages/ui/react-ui-canvas-compute/src/shapes/common/TypeSelect.tsx
+// src/shapes/common/TypeSelect.tsx
 import { useSignals as _useSignals3 } from "@preact-signals/safe-react/tracking";
 import React3 from "react";
 import { ComputeValueType } from "@dxos/conductor";
@@ -828,7 +853,7 @@ var TypeSelect = ({ value, onValueChange }) => {
   }
 };
 
-// packages/ui/react-ui-canvas-compute/src/shapes/Array.tsx
+// src/shapes/Array.tsx
 import { useSignals as _useSignals4 } from "@preact-signals/safe-react/tracking";
 import { Schema as Schema3 } from "effect";
 import React4 from "react";
@@ -865,7 +890,7 @@ var reducerShape = {
   getAnchors: (shape) => createFunctionAnchors(shape, ReducerInput, ReducerOutput)
 };
 
-// packages/ui/react-ui-canvas-compute/src/shapes/Append.tsx
+// src/shapes/Append.tsx
 import { useSignals as _useSignals5 } from "@preact-signals/safe-react/tracking";
 import { Schema as Schema4 } from "effect";
 import React5 from "react";
@@ -901,7 +926,7 @@ var appendShape = {
   getAnchors: (shape) => createFunctionAnchors(shape, AppendInput)
 };
 
-// packages/ui/react-ui-canvas-compute/src/shapes/Audio.tsx
+// src/shapes/Audio.tsx
 import { useSignals as _useSignals6 } from "@preact-signals/safe-react/tracking";
 import { Schema as Schema5 } from "effect";
 import React6, { useEffect as useEffect3, useState as useState4 } from "react";
@@ -957,14 +982,13 @@ var audioShape = {
   })
 };
 
-// packages/ui/react-ui-canvas-compute/src/shapes/Beacon.tsx
+// src/shapes/Beacon.tsx
 import { useSignals as _useSignals7 } from "@preact-signals/safe-react/tracking";
 import { Schema as Schema6 } from "effect";
 import React7 from "react";
 import { DEFAULT_INPUT as DEFAULT_INPUT3, isTruthy } from "@dxos/conductor";
 import { Icon as Icon3 } from "@dxos/react-ui";
 import { createAnchorMap as createAnchorMap2 } from "@dxos/react-ui-canvas-editor";
-import { mx as mx2 } from "@dxos/react-ui-theme";
 var BeaconShape = Schema6.extend(ComputeShape, Schema6.Struct({
   type: Schema6.Literal("beacon")
 }));
@@ -986,7 +1010,10 @@ var BeaconComponent = ({ shape }) => {
       className: "flex w-full justify-center items-center"
     }, /* @__PURE__ */ React7.createElement(Icon3, {
       icon: "ph--sun--regular",
-      classNames: mx2("transition opacity-20 duration-1000", isTruthy(value) && "opacity-100 text-yellow-500"),
+      classNames: [
+        "transition opacity-20 duration-1000",
+        isTruthy(value) && "opacity-100 text-yellow-500"
+      ],
       size: 8
     }));
   } finally {
@@ -1007,7 +1034,7 @@ var beaconShape = {
   })
 };
 
-// packages/ui/react-ui-canvas-compute/src/shapes/Boolean.tsx
+// src/shapes/Boolean.tsx
 import { Schema as Schema7 } from "effect";
 import React8 from "react";
 import { getAnchorPoints } from "@dxos/react-ui-canvas-editor";
@@ -1180,7 +1207,7 @@ var notShape = defineShape({
   ]
 });
 
-// packages/ui/react-ui-canvas-compute/src/shapes/Chat.tsx
+// src/shapes/Chat.tsx
 import { useSignals as _useSignals8 } from "@preact-signals/safe-react/tracking";
 import { Schema as Schema8 } from "effect";
 import React9, { useRef as useRef2 } from "react";
@@ -1241,7 +1268,7 @@ var chatShape = {
   resizable: true
 };
 
-// packages/ui/react-ui-canvas-compute/src/shapes/Constant.tsx
+// src/shapes/Constant.tsx
 import { useSignals as _useSignals9 } from "@preact-signals/safe-react/tracking";
 import { Schema as Schema9 } from "effect";
 import React10, { useCallback as useCallback2, useRef as useRef3, useState as useState5 } from "react";
@@ -1344,7 +1371,7 @@ var constantShape = {
   resizable: true
 };
 
-// packages/ui/react-ui-canvas-compute/src/shapes/Database.tsx
+// src/shapes/Database.tsx
 import { useSignals as _useSignals10 } from "@preact-signals/safe-react/tracking";
 import { Schema as Schema10 } from "effect";
 import React11 from "react";
@@ -1384,15 +1411,15 @@ var databaseShape = {
   })
 };
 
-// packages/ui/react-ui-canvas-compute/src/shapes/Function.tsx
+// src/shapes/Function.tsx
 import { useSignals as _useSignals11 } from "@preact-signals/safe-react/tracking";
 import { Schema as Schema11 } from "effect";
 import React12, { useCallback as useCallback3, useRef as useRef4 } from "react";
 import { AnyOutput, FunctionInput } from "@dxos/conductor";
-import { getSnapshot, isInstanceOf, Ref as Ref2 } from "@dxos/echo-schema";
+import { Ref as Ref2, getSnapshot, isInstanceOf } from "@dxos/echo-schema";
 import { FunctionType, ScriptType } from "@dxos/functions";
 import { useClient } from "@dxos/react-client";
-import { Filter, makeRef, parseId } from "@dxos/react-client/echo";
+import { Filter, parseId } from "@dxos/react-client/echo";
 import { TextBox as TextBox3 } from "@dxos/react-ui-canvas-editor";
 var FunctionShape = Schema11.extend(ComputeShape, Schema11.Struct({
   type: Schema11.Literal("function")
@@ -1429,7 +1456,7 @@ var TextInputComponent2 = ({ shape, title, ...props }) => {
         return;
       }
       node.value = value;
-      node.function = makeRef(fn);
+      node.function = Ref2.make(fn);
       node.inputSchema = getSnapshot(fn.inputSchema);
       node.outputSchema = getSnapshot(fn.outputSchema);
     }, [
@@ -1469,7 +1496,7 @@ var functionShape = {
   getAnchors: (shape) => createFunctionAnchors(shape, FunctionInput, AnyOutput)
 };
 
-// packages/ui/react-ui-canvas-compute/src/shapes/Gpt.tsx
+// src/shapes/Gpt.tsx
 import { useSignals as _useSignals12 } from "@preact-signals/safe-react/tracking";
 import { Schema as Schema12 } from "effect";
 import React13, { useEffect as useEffect4, useState as useState6 } from "react";
@@ -1545,7 +1572,7 @@ var gptShape = {
   openable: true
 };
 
-// packages/ui/react-ui-canvas-compute/src/shapes/Json.tsx
+// src/shapes/Json.tsx
 import { useSignals as _useSignals13 } from "@preact-signals/safe-react/tracking";
 import { Schema as Schema13 } from "effect";
 import React14 from "react";
@@ -1628,7 +1655,7 @@ var jsonTransformShape = {
   resizable: true
 };
 
-// packages/ui/react-ui-canvas-compute/src/shapes/Logic.tsx
+// src/shapes/Logic.tsx
 import { useSignals as _useSignals14 } from "@preact-signals/safe-react/tracking";
 import { Schema as Schema14 } from "effect";
 import React15 from "react";
@@ -1696,12 +1723,12 @@ var ifElseShape = {
   getAnchors: (shape) => createFunctionAnchors(shape, IfElseInput, IfElseOutput)
 };
 
-// packages/ui/react-ui-canvas-compute/src/shapes/Queue.tsx
+// src/shapes/Queue.tsx
 import { useSignals as _useSignals15 } from "@preact-signals/safe-react/tracking";
 import { Schema as Schema15 } from "effect";
 import React16, { Fragment } from "react";
 import { DEFAULT_OUTPUT as DEFAULT_OUTPUT4, QueueInput, QueueOutput } from "@dxos/conductor";
-import { mx as mx3 } from "@dxos/react-ui-theme";
+import { mx as mx2 } from "@dxos/react-ui-theme";
 var QueueShape = Schema15.extend(ComputeShape, Schema15.Struct({
   type: Schema15.Literal("queue")
 }));
@@ -1745,11 +1772,11 @@ var QueueItem = ({ classNames, item }) => {
   try {
     if (typeof item !== "object") {
       return /* @__PURE__ */ React16.createElement("div", {
-        className: mx3(classNames, "whitespace-pre-wrap")
+        className: mx2(classNames, "whitespace-pre-wrap")
       }, item);
     }
     return /* @__PURE__ */ React16.createElement("div", {
-      className: mx3("grid grid-cols-[80px,1fr]", classNames)
+      className: mx2("grid grid-cols-[80px,1fr]", classNames)
     }, Object.entries(item).map(([key, value]) => /* @__PURE__ */ React16.createElement(Fragment, {
       key
     }, /* @__PURE__ */ React16.createElement("div", {
@@ -1769,14 +1796,13 @@ var queueShape = {
   resizable: true
 };
 
-// packages/ui/react-ui-canvas-compute/src/shapes/RNG.tsx
+// src/shapes/RNG.tsx
 import { useSignals as _useSignals16 } from "@preact-signals/safe-react/tracking";
 import { Schema as Schema16 } from "effect";
 import React17, { useEffect as useEffect5, useState as useState7 } from "react";
 import { DEFAULT_OUTPUT as DEFAULT_OUTPUT5 } from "@dxos/conductor";
 import { Icon as Icon4 } from "@dxos/react-ui";
 import { createAnchorMap as createAnchorMap7 } from "@dxos/react-ui-canvas-editor";
-import { mx as mx4 } from "@dxos/react-ui-theme";
 var RandomShape = Schema16.extend(ComputeShape, Schema16.Struct({
   type: Schema16.Literal("rng"),
   min: Schema16.optional(Schema16.Number),
@@ -1829,7 +1855,7 @@ var RandomComponent = ({ shape }) => {
       className: "flex grow items-center justify-center"
     }, /* @__PURE__ */ React17.createElement(Icon4, {
       icon,
-      classNames: mx4(spin && "animate-[spin_1s]"),
+      classNames: spin && "animate-[spin_1s]",
       size: 10,
       onClick: handleClick
     }));
@@ -1851,13 +1877,13 @@ var randomShape = {
   })
 };
 
-// packages/ui/react-ui-canvas-compute/src/shapes/Scope.tsx
+// src/shapes/Scope.tsx
 import { useSignals as _useSignals17 } from "@preact-signals/safe-react/tracking";
 import { Schema as Schema17 } from "effect";
 import React18 from "react";
 import { DEFAULT_INPUT as DEFAULT_INPUT5 } from "@dxos/conductor";
 import { createAnchorMap as createAnchorMap8 } from "@dxos/react-ui-canvas-editor";
-import { useAudioStream, Chaos, shaderPresets } from "@dxos/react-ui-sfx";
+import { Chaos, shaderPresets, useAudioStream } from "@dxos/react-ui-sfx";
 var ScopeShape = Schema17.extend(ComputeShape, Schema17.Struct({
   type: Schema17.Literal("scope")
 }));
@@ -1905,7 +1931,7 @@ var scopeShape = {
   })
 };
 
-// packages/ui/react-ui-canvas-compute/src/shapes/Surface.tsx
+// src/shapes/Surface.tsx
 import { useSignals as _useSignals18 } from "@preact-signals/safe-react/tracking";
 import { Schema as Schema18 } from "effect";
 import React19 from "react";
@@ -1938,7 +1964,7 @@ var SurfaceComponent = ({ shape }) => {
       shape,
       onAction: handleAction
     }, value !== null && /* @__PURE__ */ React19.createElement(Surface, {
-      role: "canvas-node",
+      role: "card--extrinsic",
       data: {
         value
       },
@@ -1963,7 +1989,7 @@ var surfaceShape = {
   resizable: true
 };
 
-// packages/ui/react-ui-canvas-compute/src/shapes/Switch.tsx
+// src/shapes/Switch.tsx
 import { useSignals as _useSignals19 } from "@preact-signals/safe-react/tracking";
 import { Schema as Schema19 } from "effect";
 import React20, { useEffect as useEffect6, useState as useState8 } from "react";
@@ -2016,13 +2042,14 @@ var switchShape = {
   })
 };
 
-// packages/ui/react-ui-canvas-compute/src/shapes/Table.tsx
+// src/shapes/Table.tsx
 import { useSignals as _useSignals20 } from "@preact-signals/safe-react/tracking";
 import { Schema as Schema20 } from "effect";
 import React21 from "react";
-import { createInputSchema, createOutputSchema, GptMessage } from "@dxos/conductor";
-var InputSchema = createInputSchema(GptMessage);
-var OutputSchema = createOutputSchema(Schema20.mutable(Schema20.Array(GptMessage)));
+import { createInputSchema, createOutputSchema } from "@dxos/conductor";
+import { DataType } from "@dxos/schema";
+var InputSchema = createInputSchema(DataType.Message);
+var OutputSchema = createOutputSchema(Schema20.mutable(Schema20.Array(DataType.Message)));
 var TableShape = Schema20.extend(ComputeShape, Schema20.Struct({
   type: Schema20.Literal("table")
 }));
@@ -2054,15 +2081,15 @@ var tableShape = {
   resizable: true
 };
 
-// packages/ui/react-ui-canvas-compute/src/shapes/Template.tsx
+// src/shapes/Template.tsx
 import { useSignals as _useSignals21 } from "@preact-signals/safe-react/tracking";
 import { Schema as Schema21 } from "effect";
 import React22, { useRef as useRef5 } from "react";
-import { ComputeValueType as ComputeValueType3, getTemplateInputSchema as getTemplateInputSchema2, TemplateOutput, VoidInput as VoidInput2 } from "@dxos/conductor";
+import { ComputeValueType as ComputeValueType3, TemplateOutput, VoidInput as VoidInput2, getTemplateInputSchema as getTemplateInputSchema2 } from "@dxos/conductor";
 import { toJsonSchema as toJsonSchema2 } from "@dxos/echo-schema";
 import { invariant as invariant5 } from "@dxos/invariant";
 import { TextBox as TextBox4 } from "@dxos/react-ui-canvas-editor";
-var __dxlog_file6 = "/home/runner/work/dxos/dxos/packages/ui/react-ui-canvas-compute/src/shapes/Template.tsx";
+var __dxlog_file6 = "/__w/dxos/dxos/packages/ui/react-ui-canvas-compute/src/shapes/Template.tsx";
 var TemplateShape = Schema21.extend(ComputeShape, Schema21.Struct({
   type: Schema21.Literal("template"),
   valueType: Schema21.optional(ComputeValueType3)
@@ -2083,7 +2110,7 @@ var TextInputComponent3 = ({ shape, title, ...props }) => {
     const handleTypeChange = (newType) => {
       invariant5(Schema21.is(ComputeValueType3)(newType), "Invalid type", {
         F: __dxlog_file6,
-        L: 58,
+        L: 59,
         S: void 0,
         A: [
           "Schema.is(ComputeValueType)(newType)",
@@ -2133,7 +2160,7 @@ var templateShape = {
   resizable: true
 };
 
-// packages/ui/react-ui-canvas-compute/src/shapes/Text.tsx
+// src/shapes/Text.tsx
 import { useSignals as _useSignals22 } from "@preact-signals/safe-react/tracking";
 import { Schema as Schema22 } from "effect";
 import React23 from "react";
@@ -2187,14 +2214,15 @@ var textShape = {
   resizable: true
 };
 
-// packages/ui/react-ui-canvas-compute/src/shapes/Thread.tsx
+// src/shapes/Thread.tsx
 import { useSignals as _useSignals23 } from "@preact-signals/safe-react/tracking";
 import { Schema as Schema23 } from "effect";
 import React24, { useEffect as useEffect7, useRef as useRef6 } from "react";
-import { createInputSchema as createInputSchema2, createOutputSchema as createOutputSchema2, GptMessage as GptMessage2 } from "@dxos/conductor";
-import { mx as mx5 } from "@dxos/react-ui-theme";
-var InputSchema2 = createInputSchema2(GptMessage2);
-var OutputSchema2 = createOutputSchema2(Schema23.mutable(Schema23.Array(GptMessage2)));
+import { createInputSchema as createInputSchema2, createOutputSchema as createOutputSchema2 } from "@dxos/conductor";
+import { mx as mx3 } from "@dxos/react-ui-theme";
+import { DataType as DataType2 } from "@dxos/schema";
+var InputSchema2 = createInputSchema2(DataType2.Message);
+var OutputSchema2 = createOutputSchema2(Schema23.mutable(Schema23.Array(DataType2.Message)));
 var ThreadShape = Schema23.extend(ComputeShape, Schema23.Struct({
   type: Schema23.Literal("thread")
 }));
@@ -2238,14 +2266,14 @@ var ThreadItem = ({ classNames, item }) => {
   try {
     if (typeof item !== "object") {
       return /* @__PURE__ */ React24.createElement("div", {
-        className: mx5(classNames)
+        className: mx3(classNames)
       }, item);
     }
     const { role, message } = item;
     return /* @__PURE__ */ React24.createElement("div", {
-      className: mx5("flex", classNames, role === "user" && "justify-end")
+      className: mx3("flex", classNames, role === "user" && "justify-end")
     }, /* @__PURE__ */ React24.createElement("div", {
-      className: mx5("block rounded-md p-1 px-2 text-sm", role === "user" ? "bg-blue-100 dark:bg-blue-800" : role === "system" ? "bg-red-100, dark:bg-red-800" : "whitespace-pre-wrap bg-neutral-50 dark:bg-neutral-800")
+      className: mx3("block rounded-md p-1 px-2 text-sm", role === "user" ? "bg-blue-100 dark:bg-blue-800" : role === "system" ? "bg-red-100, dark:bg-red-800" : "whitespace-pre-wrap bg-neutral-50 dark:bg-neutral-800")
     }, message));
   } finally {
     _effect.f();
@@ -2261,7 +2289,7 @@ var threadShape = {
   resizable: true
 };
 
-// packages/ui/react-ui-canvas-compute/src/shapes/TextToImage.tsx
+// src/shapes/TextToImage.tsx
 import { useSignals as _useSignals24 } from "@preact-signals/safe-react/tracking";
 import { Schema as Schema24 } from "effect";
 import React25 from "react";
@@ -2301,28 +2329,29 @@ var textToImageShape = {
   })
 };
 
-// packages/ui/react-ui-canvas-compute/src/shapes/Trigger.tsx
+// src/shapes/Trigger.tsx
 import { useSignals as _useSignals25 } from "@preact-signals/safe-react/tracking";
 import { Schema as Schema25 } from "effect";
 import React26, { useEffect as useEffect8 } from "react";
 import { VoidInput as VoidInput3 } from "@dxos/conductor";
+import { Filter as Filter2, Obj, Query } from "@dxos/echo";
 import { ObjectId as ObjectId4, Ref as Ref3 } from "@dxos/echo-schema";
-import { FunctionTrigger, TriggerKind, EmailTriggerOutput, QueueTriggerOutput, SubscriptionTriggerOutput, TimerTriggerOutput, WebhookTriggerOutput } from "@dxos/functions";
+import { EmailTriggerOutput, FunctionTrigger, QueueTriggerOutput, SubscriptionTriggerOutput, TimerTriggerOutput, TriggerKinds, WebhookTriggerOutput } from "@dxos/functions";
 import { DXN, SpaceId } from "@dxos/keys";
-import { live, makeRef as makeRef2, useSpace } from "@dxos/react-client/echo";
+import { useSpace } from "@dxos/react-client/echo";
 import { Select as Select2 } from "@dxos/react-ui";
 var TriggerShape = Schema25.extend(ComputeShape, Schema25.Struct({
   type: Schema25.Literal("trigger"),
   functionTrigger: Schema25.optional(Ref3(FunctionTrigger))
 }));
 var createTrigger = (props) => {
-  const functionTrigger = live(FunctionTrigger, {
+  const functionTrigger = Obj.make(FunctionTrigger, {
     enabled: true,
     spec: createTriggerSpec(props)
   });
   return createShape({
     type: "trigger",
-    functionTrigger: makeRef2(functionTrigger),
+    functionTrigger: Ref3.make(functionTrigger),
     size: {
       width: 192,
       height: getHeight(EmailTriggerOutput)
@@ -2338,7 +2367,7 @@ var TriggerComponent = ({ shape }) => {
     useEffect8(() => {
       if (functionTrigger && !functionTrigger.spec) {
         functionTrigger.spec = createTriggerSpec({
-          triggerKind: TriggerKind.Email,
+          triggerKind: "email",
           spaceId: space?.id
         });
       }
@@ -2347,7 +2376,7 @@ var TriggerComponent = ({ shape }) => {
       functionTrigger?.spec
     ]);
     useEffect8(() => {
-      shape.size.height = getHeight(getOutputSchema(functionTrigger?.spec?.kind ?? TriggerKind.Email));
+      shape.size.height = getHeight(getOutputSchema(functionTrigger?.spec?.kind ?? "email"));
     }, [
       functionTrigger?.spec?.kind
     ]);
@@ -2384,7 +2413,7 @@ var TriggerKindSelect = ({ value, onValueChange }) => {
     }, /* @__PURE__ */ React26.createElement(Select2.TriggerButton, {
       variant: "ghost",
       classNames: "w-full !px-0"
-    }), /* @__PURE__ */ React26.createElement(Select2.Portal, null, /* @__PURE__ */ React26.createElement(Select2.Content, null, /* @__PURE__ */ React26.createElement(Select2.ScrollUpButton, null), /* @__PURE__ */ React26.createElement(Select2.Viewport, null, Object.values(TriggerKind).map((kind) => /* @__PURE__ */ React26.createElement(Select2.Option, {
+    }), /* @__PURE__ */ React26.createElement(Select2.Portal, null, /* @__PURE__ */ React26.createElement(Select2.Content, null, /* @__PURE__ */ React26.createElement(Select2.ScrollUpButton, null), /* @__PURE__ */ React26.createElement(Select2.Viewport, null, TriggerKinds.map((kind) => /* @__PURE__ */ React26.createElement(Select2.Option, {
       key: kind,
       value: kind
     }, kind))), /* @__PURE__ */ React26.createElement(Select2.ScrollDownButton, null), /* @__PURE__ */ React26.createElement(Select2.Arrow, null))));
@@ -2393,35 +2422,35 @@ var TriggerKindSelect = ({ value, onValueChange }) => {
   }
 };
 var createTriggerSpec = (props) => {
-  const kind = props.triggerKind ?? TriggerKind.Email;
+  const kind = props.triggerKind ?? "email";
   switch (kind) {
-    case TriggerKind.Timer:
+    case "timer":
       return {
-        kind: TriggerKind.Timer,
+        kind: "timer",
         cron: "*/10 * * * * *"
       };
-    case TriggerKind.Webhook:
+    case "webhook":
       return {
-        kind: TriggerKind.Webhook,
+        kind: "webhook",
         method: "POST"
       };
-    case TriggerKind.Subscription:
+    case "subscription":
       return {
-        kind: TriggerKind.Subscription,
-        filter: {}
+        kind: "subscription",
+        query: Query.select(Filter2.nothing()).ast
       };
-    case TriggerKind.Email:
+    case "email":
       return {
-        kind: TriggerKind.Email
+        kind: "email"
       };
-    case TriggerKind.Queue: {
+    case "queue": {
       const dxn = new DXN(DXN.kind.QUEUE, [
         "data",
         props.spaceId ?? SpaceId.random(),
         ObjectId4.random()
       ]).toString();
       return {
-        kind: TriggerKind.Queue,
+        kind: "queue",
         queue: dxn
       };
     }
@@ -2429,11 +2458,11 @@ var createTriggerSpec = (props) => {
 };
 var getOutputSchema = (kind) => {
   const kindToSchema = {
-    [TriggerKind.Email]: EmailTriggerOutput,
-    [TriggerKind.Subscription]: SubscriptionTriggerOutput,
-    [TriggerKind.Timer]: TimerTriggerOutput,
-    [TriggerKind.Webhook]: WebhookTriggerOutput,
-    [TriggerKind.Queue]: QueueTriggerOutput
+    ["email"]: EmailTriggerOutput,
+    ["subscription"]: SubscriptionTriggerOutput,
+    ["timer"]: TimerTriggerOutput,
+    ["webhook"]: WebhookTriggerOutput,
+    ["queue"]: QueueTriggerOutput
   };
   return kindToSchema[kind];
 };
@@ -2443,17 +2472,17 @@ var triggerShape = {
   icon: "ph--lightning--regular",
   component: TriggerComponent,
   createShape: createTrigger,
-  getAnchors: (shape) => createFunctionAnchors(shape, VoidInput3, getOutputSchema(shape.functionTrigger?.target?.spec?.kind ?? TriggerKind.Email))
+  getAnchors: (shape) => createFunctionAnchors(shape, VoidInput3, getOutputSchema(shape.functionTrigger?.target?.spec?.kind ?? "email"))
 };
 
-// packages/ui/react-ui-canvas-compute/src/shapes/GptRealtime.tsx
+// src/shapes/GptRealtime.tsx
 import { useSignals as _useSignals26 } from "@preact-signals/safe-react/tracking";
 import { Schema as Schema26 } from "effect";
 import React27, { useState as useState9 } from "react";
 import { log as log2 } from "@dxos/log";
 import { useConfig } from "@dxos/react-client";
 import { Icon as Icon5 } from "@dxos/react-ui";
-var __dxlog_file7 = "/home/runner/work/dxos/dxos/packages/ui/react-ui-canvas-compute/src/shapes/GptRealtime.tsx";
+var __dxlog_file7 = "/__w/dxos/dxos/packages/ui/react-ui-canvas-compute/src/shapes/GptRealtime.tsx";
 var GptRealtimeShape = Schema26.extend(ComputeShape, Schema26.Struct({
   type: Schema26.Literal("gpt-realtime")
 }));
@@ -2580,7 +2609,7 @@ var gptRealtimeShape = {
 };
 var DEFAULT_AI_SERVICE_URL = "http://localhost:8788";
 
-// packages/ui/react-ui-canvas-compute/src/registry.ts
+// src/registry.ts
 var computeShapes = [
   {
     title: "Inputs",
@@ -2642,14 +2671,24 @@ var computeShapes = [
   }
 ];
 
-// packages/ui/react-ui-canvas-compute/src/compute-layout.ts
+// src/compute-layout.ts
 import { DefaultInput, DefaultOutput as DefaultOutput2 } from "@dxos/conductor";
 import { toEffectSchema } from "@dxos/echo-schema";
 import { ShapeLayout } from "@dxos/react-ui-canvas-editor";
-var ComputeShapeLayout = class extends ShapeLayout {
-  constructor(_controller, registry2) {
-    super(registry2), this._controller = _controller;
+function _define_property2(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
   }
+  return obj;
+}
+var ComputeShapeLayout = class extends ShapeLayout {
   // TODO(burdon): Doesn't update.
   getAnchors(shape) {
     const shapeDef = this._registry.getShapeDef(shape.type);
@@ -2664,6 +2703,9 @@ var ComputeShapeLayout = class extends ShapeLayout {
     }
     return anchors;
   }
+  constructor(_controller, registry2) {
+    super(registry2), _define_property2(this, "_controller", void 0), this._controller = _controller;
+  }
 };
 export {
   AndShape,