@dxos/react-ui-canvas-compute 0.8.2-staging.7ac8446 → 0.8.2

package/dist/lib/node/index.cjs

@@ -179,145 +179,174 @@ var import_invariant = require("@dxos/invariant");
 var import_react = require("react");
 var import_debug2 = require("@dxos/debug");
 var import_react2 = require("react");
+var import_effect2 = require("effect");
 var import_react3 = require("react");
-var import_echo_schema2 = require("@dxos/echo-schema");
 var import_invariant2 = require("@dxos/invariant");
 var import_react4 = require("react");
 var import_conductor3 = require("@dxos/conductor");
-var import_echo_schema3 = require("@dxos/echo-schema");
+var import_echo_schema2 = require("@dxos/echo-schema");
 var import_invariant3 = require("@dxos/invariant");
-var import_keys = require("@dxos/keys");
 var import_echo = require("@dxos/react-client/echo");
 var import_util = require("@dxos/util");
 var import_react_ui_canvas_editor = require("@dxos/react-ui-canvas-editor");
+var import_tracking = require("@preact-signals/safe-react/tracking");
 var import_react5 = __toESM(require("react"));
 var import_invariant4 = require("@dxos/invariant");
 var import_react_ui = require("@dxos/react-ui");
 var import_react_ui_canvas_editor2 = require("@dxos/react-ui-canvas-editor");
 var import_react_ui_theme = require("@dxos/react-ui-theme");
+var import_tracking2 = require("@preact-signals/safe-react/tracking");
+var import_effect3 = require("effect");
 var import_react6 = __toESM(require("react"));
 var import_conductor4 = require("@dxos/conductor");
-var import_echo_schema4 = require("@dxos/echo-schema");
 var import_react_ui_canvas = require("@dxos/react-ui-canvas");
 var import_react_ui_canvas_editor3 = require("@dxos/react-ui-canvas-editor");
-var import_effect2 = require("effect");
+var import_effect4 = require("effect");
 var import_conductor5 = require("@dxos/conductor");
-var import_echo_schema5 = require("@dxos/echo-schema");
+var import_echo_schema3 = require("@dxos/echo-schema");
 var import_react_ui_canvas_editor4 = require("@dxos/react-ui-canvas-editor");
+var import_tracking3 = require("@preact-signals/safe-react/tracking");
 var import_react7 = __toESM(require("react"));
 var import_conductor6 = require("@dxos/conductor");
 var import_react_ui2 = require("@dxos/react-ui");
+var import_tracking4 = require("@preact-signals/safe-react/tracking");
+var import_effect5 = require("effect");
 var import_react8 = __toESM(require("react"));
 var import_conductor7 = require("@dxos/conductor");
-var import_echo_schema6 = require("@dxos/echo-schema");
+var import_tracking5 = require("@preact-signals/safe-react/tracking");
+var import_effect6 = require("effect");
 var import_react9 = __toESM(require("react"));
 var import_conductor8 = require("@dxos/conductor");
-var import_echo_schema7 = require("@dxos/echo-schema");
+var import_tracking6 = require("@preact-signals/safe-react/tracking");
+var import_effect7 = require("effect");
 var import_react10 = __toESM(require("react"));
-var import_echo_schema8 = require("@dxos/echo-schema");
 var import_react_ui3 = require("@dxos/react-ui");
 var import_react_ui_canvas_editor5 = require("@dxos/react-ui-canvas-editor");
+var import_tracking7 = require("@preact-signals/safe-react/tracking");
+var import_effect8 = require("effect");
 var import_react11 = __toESM(require("react"));
 var import_conductor9 = require("@dxos/conductor");
-var import_echo_schema9 = require("@dxos/echo-schema");
 var import_react_ui4 = require("@dxos/react-ui");
 var import_react_ui_canvas_editor6 = require("@dxos/react-ui-canvas-editor");
 var import_react_ui_theme2 = require("@dxos/react-ui-theme");
+var import_tracking8 = require("@preact-signals/safe-react/tracking");
+var import_effect9 = require("effect");
 var import_react12 = __toESM(require("react"));
-var import_echo_schema10 = require("@dxos/echo-schema");
 var import_react_ui_canvas_editor7 = require("@dxos/react-ui-canvas-editor");
+var import_tracking9 = require("@preact-signals/safe-react/tracking");
+var import_effect10 = require("effect");
 var import_react13 = __toESM(require("react"));
 var import_conductor10 = require("@dxos/conductor");
-var import_echo_schema11 = require("@dxos/echo-schema");
 var import_react_ui_canvas_editor8 = require("@dxos/react-ui-canvas-editor");
 var import_react_ui_canvas_editor9 = require("@dxos/react-ui-canvas-editor");
+var import_tracking10 = require("@preact-signals/safe-react/tracking");
+var import_effect11 = require("effect");
 var import_react14 = __toESM(require("react"));
 var import_conductor11 = require("@dxos/conductor");
-var import_echo_schema12 = require("@dxos/echo-schema");
 var import_react_ui5 = require("@dxos/react-ui");
 var import_react_ui_canvas_editor10 = require("@dxos/react-ui-canvas-editor");
 var import_react_ui_canvas_editor11 = require("@dxos/react-ui-canvas-editor");
 var import_util2 = require("@dxos/util");
+var import_tracking11 = require("@preact-signals/safe-react/tracking");
+var import_effect12 = require("effect");
 var import_react15 = __toESM(require("react"));
-var import_echo_schema13 = require("@dxos/echo-schema");
 var import_react_ui_canvas_editor12 = require("@dxos/react-ui-canvas-editor");
+var import_tracking12 = require("@preact-signals/safe-react/tracking");
+var import_effect13 = require("effect");
 var import_react16 = __toESM(require("react"));
 var import_conductor12 = require("@dxos/conductor");
-var import_echo_schema14 = require("@dxos/echo-schema");
-var import_types = require("@dxos/functions/types");
+var import_echo_schema4 = require("@dxos/echo-schema");
+var import_functions = require("@dxos/functions");
 var import_react_client = require("@dxos/react-client");
 var import_echo2 = require("@dxos/react-client/echo");
 var import_react_ui_canvas_editor13 = require("@dxos/react-ui-canvas-editor");
+var import_tracking13 = require("@preact-signals/safe-react/tracking");
+var import_effect14 = require("effect");
 var import_react17 = __toESM(require("react"));
 var import_conductor13 = require("@dxos/conductor");
-var import_echo_schema15 = require("@dxos/echo-schema");
+var import_tracking14 = require("@preact-signals/safe-react/tracking");
+var import_effect15 = require("effect");
 var import_react18 = __toESM(require("react"));
 var import_conductor14 = require("@dxos/conductor");
-var import_echo_schema16 = require("@dxos/echo-schema");
 var import_react_ui_canvas_editor14 = require("@dxos/react-ui-canvas-editor");
 var import_react_ui_syntax_highlighter = require("@dxos/react-ui-syntax-highlighter");
+var import_tracking15 = require("@preact-signals/safe-react/tracking");
+var import_effect16 = require("effect");
 var import_react19 = __toESM(require("react"));
 var import_conductor15 = require("@dxos/conductor");
-var import_echo_schema17 = require("@dxos/echo-schema");
+var import_tracking16 = require("@preact-signals/safe-react/tracking");
+var import_effect17 = require("effect");
 var import_react20 = __toESM(require("react"));
 var import_conductor16 = require("@dxos/conductor");
-var import_echo_schema18 = require("@dxos/echo-schema");
 var import_react_ui_theme3 = require("@dxos/react-ui-theme");
+var import_tracking17 = require("@preact-signals/safe-react/tracking");
+var import_effect18 = require("effect");
 var import_react21 = __toESM(require("react"));
 var import_conductor17 = require("@dxos/conductor");
-var import_echo_schema19 = require("@dxos/echo-schema");
 var import_react_ui6 = require("@dxos/react-ui");
 var import_react_ui_canvas_editor15 = require("@dxos/react-ui-canvas-editor");
 var import_react_ui_theme4 = require("@dxos/react-ui-theme");
+var import_tracking18 = require("@preact-signals/safe-react/tracking");
+var import_effect19 = require("effect");
 var import_react22 = __toESM(require("react"));
 var import_conductor18 = require("@dxos/conductor");
-var import_echo_schema20 = require("@dxos/echo-schema");
 var import_react_ui_canvas_editor16 = require("@dxos/react-ui-canvas-editor");
 var import_react_ui_sfx = require("@dxos/react-ui-sfx");
+var import_tracking19 = require("@preact-signals/safe-react/tracking");
+var import_effect20 = require("effect");
 var import_react23 = __toESM(require("react"));
 var import_app_framework = require("@dxos/app-framework");
 var import_conductor19 = require("@dxos/conductor");
-var import_echo_schema21 = require("@dxos/echo-schema");
 var import_react_ui_canvas_editor17 = require("@dxos/react-ui-canvas-editor");
+var import_tracking20 = require("@preact-signals/safe-react/tracking");
+var import_effect21 = require("effect");
 var import_react24 = __toESM(require("react"));
 var import_conductor20 = require("@dxos/conductor");
-var import_echo_schema22 = require("@dxos/echo-schema");
 var import_react_ui7 = require("@dxos/react-ui");
 var import_react_ui_canvas_editor18 = require("@dxos/react-ui-canvas-editor");
+var import_tracking21 = require("@preact-signals/safe-react/tracking");
+var import_effect22 = require("effect");
 var import_react25 = __toESM(require("react"));
 var import_conductor21 = require("@dxos/conductor");
-var import_echo_schema23 = require("@dxos/echo-schema");
+var import_tracking22 = require("@preact-signals/safe-react/tracking");
+var import_effect23 = require("effect");
 var import_react26 = __toESM(require("react"));
 var import_conductor22 = require("@dxos/conductor");
-var import_echo_schema24 = require("@dxos/echo-schema");
+var import_echo_schema5 = require("@dxos/echo-schema");
 var import_invariant5 = require("@dxos/invariant");
 var import_react_ui_canvas_editor19 = require("@dxos/react-ui-canvas-editor");
+var import_tracking23 = require("@preact-signals/safe-react/tracking");
+var import_effect24 = require("effect");
 var import_react27 = __toESM(require("react"));
 var import_conductor23 = require("@dxos/conductor");
-var import_echo_schema25 = require("@dxos/echo-schema");
 var import_react_ui_canvas_editor20 = require("@dxos/react-ui-canvas-editor");
 var import_react_ui_canvas_editor21 = require("@dxos/react-ui-canvas-editor");
+var import_tracking24 = require("@preact-signals/safe-react/tracking");
+var import_effect25 = require("effect");
 var import_react28 = __toESM(require("react"));
 var import_conductor24 = require("@dxos/conductor");
-var import_echo_schema26 = require("@dxos/echo-schema");
 var import_react_ui_theme5 = require("@dxos/react-ui-theme");
+var import_tracking25 = require("@preact-signals/safe-react/tracking");
+var import_effect26 = require("effect");
 var import_react29 = __toESM(require("react"));
-var import_echo_schema27 = require("@dxos/echo-schema");
 var import_react_ui_canvas_editor22 = require("@dxos/react-ui-canvas-editor");
+var import_tracking26 = require("@preact-signals/safe-react/tracking");
+var import_effect27 = require("effect");
 var import_react30 = __toESM(require("react"));
 var import_conductor25 = require("@dxos/conductor");
-var import_echo_schema28 = require("@dxos/echo-schema");
-var import_types2 = require("@dxos/functions/types");
-var import_keys2 = require("@dxos/keys");
+var import_echo_schema6 = require("@dxos/echo-schema");
+var import_functions2 = require("@dxos/functions");
+var import_keys = require("@dxos/keys");
 var import_echo3 = require("@dxos/react-client/echo");
 var import_react_ui8 = require("@dxos/react-ui");
+var import_tracking27 = require("@preact-signals/safe-react/tracking");
+var import_effect28 = require("effect");
 var import_react31 = __toESM(require("react"));
-var import_echo_schema29 = require("@dxos/echo-schema");
 var import_log2 = require("@dxos/log");
 var import_react_client2 = require("@dxos/react-client");
 var import_react_ui9 = require("@dxos/react-ui");
 var import_conductor26 = require("@dxos/conductor");
-var import_echo_schema30 = require("@dxos/echo-schema");
+var import_echo_schema7 = require("@dxos/echo-schema");
 var import_react_ui_canvas_editor23 = require("@dxos/react-ui-canvas-editor");
 var __dxlog_file = "/home/runner/work/dxos/dxos/packages/ui/react-ui-canvas-compute/src/graph/node-defs.ts";
 var resolveComputeNode = async (node) => {
@@ -494,8 +523,8 @@ var useComputeNodeState = (shape) => {
   return {
     node: controller.getComputeNode(shape.node),
     meta: meta ?? {
-      input: import_echo_schema2.S.Struct({}),
-      output: import_echo_schema2.S.Struct({})
+      input: import_effect2.Schema.Struct({}),
+      output: import_effect2.Schema.Struct({})
     },
     runtime: {
       inputs: controller.getInputs(shape.node),
@@ -514,7 +543,7 @@ var mapEdge = (graph, { source, target, output = import_conductor3.DEFAULT_OUTPU
   const targetNode = graph.findNode(target);
   (0, import_invariant3.invariant)(sourceNode?.node, void 0, {
     F: __dxlog_file3,
-    L: 27,
+    L: 26,
     S: void 0,
     A: [
       "sourceNode?.node",
@@ -523,7 +552,7 @@ var mapEdge = (graph, { source, target, output = import_conductor3.DEFAULT_OUTPU
   });
   (0, import_invariant3.invariant)(targetNode?.node, void 0, {
     F: __dxlog_file3,
-    L: 28,
+    L: 27,
     S: void 0,
     A: [
       "targetNode?.node",
@@ -531,7 +560,7 @@ var mapEdge = (graph, { source, target, output = import_conductor3.DEFAULT_OUTPU
     ]
   });
   return {
-    id: import_echo_schema3.ObjectId.random(),
+    id: import_echo_schema2.ObjectId.random(),
     source: sourceNode.node,
     target: targetNode.node,
     output,
@@ -547,7 +576,7 @@ var useGraphMonitor = (model) => {
         }
         (0, import_invariant3.invariant)(node.type, void 0, {
           F: __dxlog_file3,
-          L: 53,
+          L: 52,
           S: void 0,
           A: [
             "node.type",
@@ -605,16 +634,15 @@ var linkTriggerToCompute = (graph, computeNode, triggerData) => {
   const functionTrigger = triggerData.functionTrigger?.target;
   (0, import_invariant3.invariant)(functionTrigger, void 0, {
     F: __dxlog_file3,
-    L: 116,
+    L: 115,
     S: void 0,
     A: [
       "functionTrigger",
       ""
     ]
   });
-  functionTrigger.function = import_keys.DXN.fromLocalObjectId(graph.root.id).toString();
-  functionTrigger.meta ??= {};
-  functionTrigger.meta.computeNodeId = computeNode.id;
+  functionTrigger.function = import_echo_schema2.Ref.make(graph.root);
+  functionTrigger.inputNodeId = computeNode.id;
 };
 var deleteTriggerObjects = (computeGraph, deleted) => {
   const space = (0, import_echo.getSpace)(computeGraph.root);
@@ -652,19 +680,9 @@ var createComputeGraphController = (graph, services) => {
 };
 var ComputeGraphController = class extends import_context.Resource {
   constructor(_graph) {
-    super();
-    this._graph = _graph;
-    this._executor = new import_conductor.GraphExecutor({
+    super(), this._graph = _graph, this._executor = new import_conductor.GraphExecutor({
       computeNodeResolver: (node) => resolveComputeNode(node)
-    });
-    this._diagnostics = [];
-    this._services = {};
-    this._forcedOutputs = {};
-    this._runtimeStateInputs = {};
-    this._runtimeStateOutputs = {};
-    this.update = new import_async.Event();
-    this.output = new import_async.Event();
-    this.events = new import_async.Event();
+    }), this._diagnostics = [], this._services = {}, this._forcedOutputs = {}, this._runtimeStateInputs = {}, this._runtimeStateOutputs = {}, this.update = new import_async.Event(), this.output = new import_async.Event(), this.events = new import_async.Event();
   }
   toJSON() {
     return {
@@ -931,61 +949,66 @@ var __dxlog_file5 = "/home/runner/work/dxos/dxos/packages/ui/react-ui-canvas-com
 var headerHeight = 32;
 var footerHeight = 32;
 var Box = /* @__PURE__ */ (0, import_react5.forwardRef)(({ children, classNames, shape, title, status, open, onAction }, forwardedRef) => {
-  (0, import_invariant4.invariant)(shape.type, void 0, {
-    F: __dxlog_file5,
-    L: 30,
-    S: void 0,
-    A: [
-      "shape.type",
-      ""
-    ]
-  });
-  const { icon, name, openable } = (0, import_react_ui_canvas_editor2.useShapeDef)(shape.type) ?? {
-    icon: "ph--placeholder--regular"
-  };
-  const { debug } = (0, import_react_ui_canvas_editor2.useEditorContext)();
-  return /* @__PURE__ */ import_react5.default.createElement("div", {
-    ref: forwardedRef,
-    className: "flex flex-col h-full w-full justify-between"
-  }, /* @__PURE__ */ import_react5.default.createElement("div", {
-    className: "flex shrink-0 w-full justify-between items-center h-[32px] bg-hoverSurface"
-  }, /* @__PURE__ */ import_react5.default.createElement(import_react_ui.Icon, {
-    icon,
-    classNames: "mx-2"
-  }), /* @__PURE__ */ import_react5.default.createElement("div", {
-    className: "grow text-sm truncate"
-  }, debug ? shape.type : name ?? shape.text ?? title), /* @__PURE__ */ import_react5.default.createElement(import_react_ui.IconButton, {
-    classNames: "p-1 text-green-500",
-    variant: "ghost",
-    icon: "ph--play--regular",
-    size: 4,
-    label: "run",
-    iconOnly: true,
-    onDoubleClick: (ev) => ev.stopPropagation(),
-    onClick: (ev) => {
-      ev.stopPropagation();
-      onAction?.("run");
-    }
-  })), /* @__PURE__ */ import_react5.default.createElement("div", {
-    className: (0, import_react_ui_theme.mx)("flex flex-col h-full grow overflow-hidden", classNames)
-  }, children), /* @__PURE__ */ import_react5.default.createElement("div", {
-    className: "flex shrink-0 w-full justify-between items-center h-[32px] bg-hoverSurface"
-  }, /* @__PURE__ */ import_react5.default.createElement("div", {
-    className: "grow px-2 text-sm truncate"
-  }, debug ? shape.id : status), openable && /* @__PURE__ */ import_react5.default.createElement(import_react_ui.IconButton, {
-    classNames: "p-1",
-    variant: "ghost",
-    icon: open ? "ph--caret-up--regular" : "ph--caret-down--regular",
-    size: 4,
-    label: open ? "close" : "open",
-    iconOnly: true,
-    onClick: (ev) => {
-      ev.stopPropagation();
-      onAction?.(open ? "close" : "open");
-    }
-  })));
+  var _effect = (0, import_tracking.useSignals)();
+  try {
+    (0, import_invariant4.invariant)(shape.type, void 0, {
+      F: __dxlog_file5,
+      L: 30,
+      S: void 0,
+      A: [
+        "shape.type",
+        ""
+      ]
+    });
+    const { icon, name, openable } = (0, import_react_ui_canvas_editor2.useShapeDef)(shape.type) ?? {
+      icon: "ph--placeholder--regular"
+    };
+    const { debug } = (0, import_react_ui_canvas_editor2.useEditorContext)();
+    return /* @__PURE__ */ import_react5.default.createElement("div", {
+      ref: forwardedRef,
+      className: "flex flex-col h-full w-full justify-between"
+    }, /* @__PURE__ */ import_react5.default.createElement("div", {
+      className: "flex shrink-0 w-full justify-between items-center h-[32px] bg-hoverSurface"
+    }, /* @__PURE__ */ import_react5.default.createElement(import_react_ui.Icon, {
+      icon,
+      classNames: "mx-2"
+    }), /* @__PURE__ */ import_react5.default.createElement("div", {
+      className: "grow text-sm truncate"
+    }, debug ? shape.type : name ?? shape.text ?? title), /* @__PURE__ */ import_react5.default.createElement(import_react_ui.IconButton, {
+      classNames: "p-1 text-green-500",
+      variant: "ghost",
+      icon: "ph--play--regular",
+      size: 4,
+      label: "run",
+      iconOnly: true,
+      onDoubleClick: (ev) => ev.stopPropagation(),
+      onClick: (ev) => {
+        ev.stopPropagation();
+        onAction?.("run");
+      }
+    })), /* @__PURE__ */ import_react5.default.createElement("div", {
+      className: (0, import_react_ui_theme.mx)("flex flex-col h-full grow overflow-hidden", classNames)
+    }, children), /* @__PURE__ */ import_react5.default.createElement("div", {
+      className: "flex shrink-0 w-full justify-between items-center h-[32px] bg-hoverSurface"
+    }, /* @__PURE__ */ import_react5.default.createElement("div", {
+      className: "grow px-2 text-sm truncate"
+    }, debug ? shape.id : status), openable && /* @__PURE__ */ import_react5.default.createElement(import_react_ui.IconButton, {
+      classNames: "p-1",
+      variant: "ghost",
+      icon: open ? "ph--caret-up--regular" : "ph--caret-down--regular",
+      size: 4,
+      label: open ? "close" : "open",
+      iconOnly: true,
+      onClick: (ev) => {
+        ev.stopPropagation();
+        onAction?.(open ? "close" : "open");
+      }
+    })));
+  } finally {
+    _effect.f();
+  }
 });
-var getProperties = (ast) => import_effect2.SchemaAST.getPropertySignatures(ast).map(({ name }) => ({
+var getProperties = (ast) => import_effect4.SchemaAST.getPropertySignatures(ast).map(({ name }) => ({
   name: name.toString()
 }));
 var createAnchorId = (kind, property = kind === "input" ? import_conductor5.DEFAULT_INPUT : import_conductor5.DEFAULT_OUTPUT) => [
@@ -999,88 +1022,93 @@ var parseAnchorId = (id) => {
     id
   ];
 };
-var ComputeShape = import_echo_schema5.S.extend(import_react_ui_canvas_editor4.Polygon, import_echo_schema5.S.Struct({
+var ComputeShape = import_effect4.Schema.extend(import_react_ui_canvas_editor4.Polygon, import_effect4.Schema.Struct({
   // TODO(burdon): Rename computeNode?
-  node: import_echo_schema5.S.optional(import_echo_schema5.ObjectId.annotations({
-    [import_effect2.SchemaAST.DescriptionAnnotationId]: "Compute node id"
+  node: import_effect4.Schema.optional(import_echo_schema3.ObjectId.annotations({
+    description: "Compute node id"
   }))
-}).pipe(import_echo_schema5.S.mutable));
+}).pipe(import_effect4.Schema.mutable));
 var createShape = ({ id, ...rest }) => {
   return {
-    id: id ?? import_echo_schema5.ObjectId.random(),
+    id: id ?? import_echo_schema3.ObjectId.random(),
     ...rest
   };
 };
 var bodyPadding = 8;
 var expandedHeight = 200;
 var FunctionBody = ({ shape, name, content, inputSchema = import_conductor4.VoidInput, outputSchema = import_conductor4.VoidOutput, ...props }) => {
-  const { scale } = (0, import_react_ui_canvas.useCanvasContext)();
-  const rootRef = (0, import_react6.useRef)(null);
-  const [open, setOpen] = (0, import_react6.useState)(false);
-  const handleAction = (action) => {
-    if (!rootRef.current) {
-      return;
-    }
-    switch (action) {
-      case "open": {
-        const el = (0, import_react_ui_canvas_editor3.getParentShapeElement)(rootRef.current, shape.id);
-        const { height } = el.getBoundingClientRect();
-        el.style.height = `${height / scale + expandedHeight}px`;
-        setOpen(true);
-        break;
+  var _effect = (0, import_tracking2.useSignals)();
+  try {
+    const { scale } = (0, import_react_ui_canvas.useCanvasContext)();
+    const rootRef = (0, import_react6.useRef)(null);
+    const [open, setOpen] = (0, import_react6.useState)(false);
+    const handleAction = (action) => {
+      if (!rootRef.current) {
+        return;
       }
-      case "close": {
-        const el = (0, import_react_ui_canvas_editor3.getParentShapeElement)(rootRef.current, shape.id);
-        el.style.height = "";
-        setOpen(false);
-        break;
+      switch (action) {
+        case "open": {
+          const el = (0, import_react_ui_canvas_editor3.getParentShapeElement)(rootRef.current, shape.id);
+          const { height } = el.getBoundingClientRect();
+          el.style.height = `${height / scale + expandedHeight}px`;
+          setOpen(true);
+          break;
+        }
+        case "close": {
+          const el = (0, import_react_ui_canvas_editor3.getParentShapeElement)(rootRef.current, shape.id);
+          el.style.height = "";
+          setOpen(false);
+          break;
+        }
       }
-    }
-  };
-  const inputs = getProperties(inputSchema.ast);
-  const outputs = getProperties(outputSchema.ast);
-  const columnCount = inputs.length && outputs.length ? 2 : 1;
-  return /* @__PURE__ */ import_react6.default.createElement(Box, {
-    ref: rootRef,
-    shape,
-    title: name,
-    classNames: "divide-y divide-separator",
-    open,
-    onAction: handleAction,
-    ...props
-  }, /* @__PURE__ */ import_react6.default.createElement("div", {
-    className: `grid grid-cols-${columnCount} items-center`,
-    style: {
-      paddingTop: bodyPadding,
-      paddingBottom: bodyPadding
-    }
-  }, (inputs?.length ?? 0) > 0 && /* @__PURE__ */ import_react6.default.createElement("div", {
-    className: "flex flex-col"
-  }, inputs?.map(({ name: name2 }) => /* @__PURE__ */ import_react6.default.createElement("div", {
-    key: name2,
-    className: "px-2 truncate text-sm font-mono items-center",
-    style: {
-      height: import_react_ui_canvas_editor3.rowHeight
-    }
-  }, name2))), (outputs?.length ?? 0) > 0 && /* @__PURE__ */ import_react6.default.createElement("div", {
-    className: "flex flex-col"
-  }, outputs?.map(({ name: name2 }) => /* @__PURE__ */ import_react6.default.createElement("div", {
-    key: name2,
-    className: "px-2 truncate text-sm font-mono items-center text-right",
-    style: {
-      height: import_react_ui_canvas_editor3.rowHeight
-    }
-  }, name2)))), open && /* @__PURE__ */ import_react6.default.createElement("div", {
-    className: "flex flex-col grow overflow-hidden"
-  }, content));
+    };
+    const inputs = getProperties(inputSchema.ast);
+    const outputs = getProperties(outputSchema.ast);
+    const columnCount = inputs.length && outputs.length ? 2 : 1;
+    return /* @__PURE__ */ import_react6.default.createElement(Box, {
+      ref: rootRef,
+      shape,
+      title: name,
+      classNames: "divide-y divide-separator",
+      open,
+      onAction: handleAction,
+      ...props
+    }, /* @__PURE__ */ import_react6.default.createElement("div", {
+      className: `grid grid-cols-${columnCount} items-center`,
+      style: {
+        paddingTop: bodyPadding,
+        paddingBottom: bodyPadding
+      }
+    }, (inputs?.length ?? 0) > 0 && /* @__PURE__ */ import_react6.default.createElement("div", {
+      className: "flex flex-col"
+    }, inputs?.map(({ name: name2 }) => /* @__PURE__ */ import_react6.default.createElement("div", {
+      key: name2,
+      className: "px-2 truncate text-sm font-mono items-center",
+      style: {
+        height: import_react_ui_canvas_editor3.rowHeight
+      }
+    }, name2))), (outputs?.length ?? 0) > 0 && /* @__PURE__ */ import_react6.default.createElement("div", {
+      className: "flex flex-col"
+    }, outputs?.map(({ name: name2 }) => /* @__PURE__ */ import_react6.default.createElement("div", {
+      key: name2,
+      className: "px-2 truncate text-sm font-mono items-center text-right",
+      style: {
+        height: import_react_ui_canvas_editor3.rowHeight
+      }
+    }, name2)))), open && /* @__PURE__ */ import_react6.default.createElement("div", {
+      className: "flex flex-col grow overflow-hidden"
+    }, content));
+  } finally {
+    _effect.f();
+  }
 };
 var getHeight = (input) => {
-  const properties = import_echo_schema4.AST.getPropertySignatures(input.ast);
+  const properties = import_effect3.SchemaAST.getPropertySignatures(input.ast);
   return headerHeight + footerHeight + bodyPadding * 2 + properties.length * import_react_ui_canvas_editor3.rowHeight + 2;
 };
 var createFunctionAnchors = (shape, input = import_conductor4.VoidInput, output = import_conductor4.VoidOutput) => {
-  const inputs = import_echo_schema4.AST.getPropertySignatures(input.ast).map(({ name }) => createAnchorId("input", name.toString()));
-  const outputs = import_echo_schema4.AST.getPropertySignatures(output.ast).map(({ name }) => createAnchorId("output", name.toString()));
+  const inputs = import_effect3.SchemaAST.getPropertySignatures(input.ast).map(({ name }) => createAnchorId("input", name.toString()));
+  const outputs = import_effect3.SchemaAST.getPropertySignatures(output.ast).map(({ name }) => createAnchorId("output", name.toString()));
   return (0, import_react_ui_canvas_editor3.createAnchors)({
     shape,
     inputs,
@@ -1092,26 +1120,36 @@ var createFunctionAnchors = (shape, input = import_conductor4.VoidInput, output
   });
 };
 var TypeSelect = ({ value, onValueChange }) => {
-  return /* @__PURE__ */ import_react7.default.createElement(import_react_ui2.Select.Root, {
-    value,
-    onValueChange
-  }, /* @__PURE__ */ import_react7.default.createElement(import_react_ui2.Select.TriggerButton, {
-    variant: "ghost",
-    classNames: "w-full !px-0"
-  }), /* @__PURE__ */ import_react7.default.createElement(import_react_ui2.Select.Portal, null, /* @__PURE__ */ import_react7.default.createElement(import_react_ui2.Select.Content, null, /* @__PURE__ */ import_react7.default.createElement(import_react_ui2.Select.ScrollUpButton, null), /* @__PURE__ */ import_react7.default.createElement(import_react_ui2.Select.Viewport, null, import_conductor6.ComputeValueType.literals.map((type) => /* @__PURE__ */ import_react7.default.createElement(import_react_ui2.Select.Option, {
-    key: type,
-    value: type
-  }, type))), /* @__PURE__ */ import_react7.default.createElement(import_react_ui2.Select.ScrollDownButton, null), /* @__PURE__ */ import_react7.default.createElement(import_react_ui2.Select.Arrow, null))));
-};
-var ReducerShape = import_echo_schema6.S.extend(ComputeShape, import_echo_schema6.S.Struct({
-  type: import_echo_schema6.S.Literal("reducer")
+  var _effect = (0, import_tracking3.useSignals)();
+  try {
+    return /* @__PURE__ */ import_react7.default.createElement(import_react_ui2.Select.Root, {
+      value,
+      onValueChange
+    }, /* @__PURE__ */ import_react7.default.createElement(import_react_ui2.Select.TriggerButton, {
+      variant: "ghost",
+      classNames: "w-full !px-0"
+    }), /* @__PURE__ */ import_react7.default.createElement(import_react_ui2.Select.Portal, null, /* @__PURE__ */ import_react7.default.createElement(import_react_ui2.Select.Content, null, /* @__PURE__ */ import_react7.default.createElement(import_react_ui2.Select.ScrollUpButton, null), /* @__PURE__ */ import_react7.default.createElement(import_react_ui2.Select.Viewport, null, import_conductor6.ComputeValueType.literals.map((type) => /* @__PURE__ */ import_react7.default.createElement(import_react_ui2.Select.Option, {
+      key: type,
+      value: type
+    }, type))), /* @__PURE__ */ import_react7.default.createElement(import_react_ui2.Select.ScrollDownButton, null), /* @__PURE__ */ import_react7.default.createElement(import_react_ui2.Select.Arrow, null))));
+  } finally {
+    _effect.f();
+  }
+};
+var ReducerShape = import_effect5.Schema.extend(ComputeShape, import_effect5.Schema.Struct({
+  type: import_effect5.Schema.Literal("reducer")
 }));
 var ReducerComponent = ({ shape }) => {
-  return /* @__PURE__ */ import_react8.default.createElement(FunctionBody, {
-    shape,
-    inputSchema: import_conductor7.ReducerInput,
-    outputSchema: import_conductor7.ReducerOutput
-  });
+  var _effect = (0, import_tracking4.useSignals)();
+  try {
+    return /* @__PURE__ */ import_react8.default.createElement(FunctionBody, {
+      shape,
+      inputSchema: import_conductor7.ReducerInput,
+      outputSchema: import_conductor7.ReducerOutput
+    });
+  } finally {
+    _effect.f();
+  }
 };
 var createReducer = ({ id, size = {
   width: 192,
@@ -1129,8 +1167,8 @@ var reducerShape = {
   createShape: createReducer,
   getAnchors: (shape) => createFunctionAnchors(shape, import_conductor7.ReducerInput, import_conductor7.ReducerOutput)
 };
-var AppendShape = import_echo_schema7.S.extend(ComputeShape, import_echo_schema7.S.Struct({
-  type: import_echo_schema7.S.Literal("append")
+var AppendShape = import_effect6.Schema.extend(ComputeShape, import_effect6.Schema.Struct({
+  type: import_effect6.Schema.Literal("append")
 }));
 var createAppend = (props) => createShape({
   type: "append",
@@ -1141,10 +1179,15 @@ var createAppend = (props) => createShape({
   ...props
 });
 var AppendComponent = ({ shape }) => {
-  return /* @__PURE__ */ import_react9.default.createElement(FunctionBody, {
-    shape,
-    inputSchema: import_conductor8.AppendInput
-  });
+  var _effect = (0, import_tracking5.useSignals)();
+  try {
+    return /* @__PURE__ */ import_react9.default.createElement(FunctionBody, {
+      shape,
+      inputSchema: import_conductor8.AppendInput
+    });
+  } finally {
+    _effect.f();
+  }
 };
 var appendShape = {
   type: "append",
@@ -1154,8 +1197,8 @@ var appendShape = {
   createShape: createAppend,
   getAnchors: (shape) => createFunctionAnchors(shape, import_conductor8.AppendInput)
 };
-var AudioShape = import_echo_schema8.S.extend(ComputeShape, import_echo_schema8.S.Struct({
-  type: import_echo_schema8.S.Literal("audio")
+var AudioShape = import_effect7.Schema.extend(ComputeShape, import_effect7.Schema.Struct({
+  type: import_effect7.Schema.Literal("audio")
 }));
 var createAudio = (props) => createShape({
   type: "audio",
@@ -1166,24 +1209,29 @@ var createAudio = (props) => createShape({
   ...props
 });
 var AudioComponent = ({ shape }) => {
-  const { node } = useComputeNodeState(shape);
-  const [active, setActive] = (0, import_react10.useState)(false);
-  (0, import_react10.useEffect)(() => {
-    node.value = active;
-  }, [
-    active
-  ]);
-  return /* @__PURE__ */ import_react10.default.createElement("div", {
-    className: "flex w-full justify-center items-center"
-  }, /* @__PURE__ */ import_react10.default.createElement(import_react_ui3.Icon, {
-    icon: active ? "ph--microphone--regular" : "ph--microphone-slash--regular",
-    classNames: [
-      "transition opacity-20 duration-1000",
-      active && "opacity-100 text-red-500"
-    ],
-    size: 8,
-    onClick: () => setActive(!active)
-  }));
+  var _effect = (0, import_tracking6.useSignals)();
+  try {
+    const { node } = useComputeNodeState(shape);
+    const [active, setActive] = (0, import_react10.useState)(false);
+    (0, import_react10.useEffect)(() => {
+      node.value = active;
+    }, [
+      active
+    ]);
+    return /* @__PURE__ */ import_react10.default.createElement("div", {
+      className: "flex w-full justify-center items-center"
+    }, /* @__PURE__ */ import_react10.default.createElement(import_react_ui3.Icon, {
+      icon: active ? "ph--microphone--regular" : "ph--microphone-slash--regular",
+      classNames: [
+        "transition opacity-20 duration-1000",
+        active && "opacity-100 text-red-500"
+      ],
+      size: 8,
+      onClick: () => setActive(!active)
+    }));
+  } finally {
+    _effect.f();
+  }
 };
 var audioShape = {
   type: "audio",
@@ -1198,8 +1246,8 @@ var audioShape = {
     }
   })
 };
-var BeaconShape = import_echo_schema9.S.extend(ComputeShape, import_echo_schema9.S.Struct({
-  type: import_echo_schema9.S.Literal("beacon")
+var BeaconShape = import_effect8.Schema.extend(ComputeShape, import_effect8.Schema.Struct({
+  type: import_effect8.Schema.Literal("beacon")
 }));
 var createBeacon = (props) => createShape({
   type: "beacon",
@@ -1210,16 +1258,21 @@ var createBeacon = (props) => createShape({
   ...props
 });
 var BeaconComponent = ({ shape }) => {
-  const { runtime } = useComputeNodeState(shape);
-  const input = runtime.inputs[import_conductor9.DEFAULT_INPUT];
-  const value = input?.type === "executed" ? input.value : false;
-  return /* @__PURE__ */ import_react11.default.createElement("div", {
-    className: "flex w-full justify-center items-center"
-  }, /* @__PURE__ */ import_react11.default.createElement(import_react_ui4.Icon, {
-    icon: "ph--sun--regular",
-    classNames: (0, import_react_ui_theme2.mx)("transition opacity-20 duration-1000", (0, import_conductor9.isTruthy)(value) && "opacity-100 text-yellow-500"),
-    size: 8
-  }));
+  var _effect = (0, import_tracking7.useSignals)();
+  try {
+    const { runtime } = useComputeNodeState(shape);
+    const input = runtime.inputs[import_conductor9.DEFAULT_INPUT];
+    const value = input?.type === "executed" ? input.value : false;
+    return /* @__PURE__ */ import_react11.default.createElement("div", {
+      className: "flex w-full justify-center items-center"
+    }, /* @__PURE__ */ import_react11.default.createElement(import_react_ui4.Icon, {
+      icon: "ph--sun--regular",
+      classNames: (0, import_react_ui_theme2.mx)("transition opacity-20 duration-1000", (0, import_conductor9.isTruthy)(value) && "opacity-100 text-yellow-500"),
+      size: 8
+    }));
+  } finally {
+    _effect.f();
+  }
 };
 var beaconShape = {
   type: "beacon",
@@ -1234,8 +1287,8 @@ var beaconShape = {
     }
   })
 };
-var GateShape = import_echo_schema10.S.extend(ComputeShape, import_echo_schema10.S.Struct({
-  type: import_echo_schema10.S.String
+var GateShape = import_effect9.Schema.extend(ComputeShape, import_effect9.Schema.Struct({
+  type: import_effect9.Schema.String
 }));
 var createGate = (props) => createShape({
   size: {
@@ -1244,10 +1297,17 @@ var createGate = (props) => createShape({
   },
   ...props
 });
-var GateComponent = (Symbol22) => () => {
-  return /* @__PURE__ */ import_react12.default.createElement("div", {
-    className: "flex w-full justify-center items-center"
-  }, /* @__PURE__ */ import_react12.default.createElement(Symbol22, null));
+var GateComponent = (Symbol22) => {
+  var _effect = (0, import_tracking8.useSignals)();
+  try {
+    return () => {
+      return /* @__PURE__ */ import_react12.default.createElement("div", {
+        className: "flex w-full justify-center items-center"
+      }, /* @__PURE__ */ import_react12.default.createElement(Symbol22, null));
+    };
+  } finally {
+    _effect.f();
+  }
 };
 var defineShape = ({ type, name, icon, Symbol: Symbol22, createShape: createShape2, inputs, outputs = [
   createAnchorId("output")
@@ -1263,48 +1323,55 @@ var defineShape = ({ type, name, icon, Symbol: Symbol22, createShape: createShap
     outputs
   })
 });
-var Symbol2 = (pathConstructor, inputs) => ({
-  width = 64,
-  height = 32,
-  // TODO(burdon): Same as line color.
-  className = "fill-neutral-200 dark:fill-neutral-800 stroke-neutral-500",
-  strokeWidth = 1
-}) => {
-  const startX = width * 0.25;
-  const endX = width * 0.75;
-  const centerY = height / 2;
-  const paths = pathConstructor({
-    startX,
-    endX,
-    height
-  });
-  return /* @__PURE__ */ import_react12.default.createElement("svg", {
-    viewBox: `0 0 ${width} ${height}`,
-    className: "w-full h-full"
-  }, (0, import_react_ui_canvas_editor7.getAnchorPoints)({
-    x: 0,
-    y: centerY
-  }, inputs).map(({ x, y }, i) => /* @__PURE__ */ import_react12.default.createElement("line", {
-    key: i,
-    x1: x,
-    y1: y,
-    x2: startX * 1.3,
-    y2: y,
-    strokeWidth,
-    className
-  })), /* @__PURE__ */ import_react12.default.createElement("line", {
-    x1: endX,
-    y1: centerY,
-    x2: width,
-    y2: centerY,
-    strokeWidth,
-    className
-  }), paths.map((path, i) => /* @__PURE__ */ import_react12.default.createElement("path", {
-    key: i,
-    d: path,
-    strokeWidth,
-    className
-  })));
+var Symbol2 = (pathConstructor, inputs) => {
+  var _effect = (0, import_tracking8.useSignals)();
+  try {
+    return ({
+      width = 64,
+      height = 32,
+      // TODO(burdon): Same as line color.
+      className = "fill-neutral-200 dark:fill-neutral-800 stroke-neutral-500",
+      strokeWidth = 1
+    }) => {
+      const startX = width * 0.25;
+      const endX = width * 0.75;
+      const centerY = height / 2;
+      const paths = pathConstructor({
+        startX,
+        endX,
+        height
+      });
+      return /* @__PURE__ */ import_react12.default.createElement("svg", {
+        viewBox: `0 0 ${width} ${height}`,
+        className: "w-full h-full"
+      }, (0, import_react_ui_canvas_editor7.getAnchorPoints)({
+        x: 0,
+        y: centerY
+      }, inputs).map(({ x, y }, i) => /* @__PURE__ */ import_react12.default.createElement("line", {
+        key: i,
+        x1: x,
+        y1: y,
+        x2: startX * 1.3,
+        y2: y,
+        strokeWidth,
+        className
+      })), /* @__PURE__ */ import_react12.default.createElement("line", {
+        x1: endX,
+        y1: centerY,
+        x2: width,
+        y2: centerY,
+        strokeWidth,
+        className
+      }), paths.map((path, i) => /* @__PURE__ */ import_react12.default.createElement("path", {
+        key: i,
+        d: path,
+        strokeWidth,
+        className
+      })));
+    };
+  } finally {
+    _effect.f();
+  }
 };
 var AndSymbol = Symbol2(({ startX, endX, height }) => {
   const arcRadius = (endX - startX) / 2;
@@ -1400,27 +1467,32 @@ var notShape = defineShape({
     createAnchorId("input")
   ]
 });
-var ChatShape = import_echo_schema11.S.extend(ComputeShape, import_echo_schema11.S.Struct({
-  type: import_echo_schema11.S.Literal("chat")
+var ChatShape = import_effect10.Schema.extend(ComputeShape, import_effect10.Schema.Struct({
+  type: import_effect10.Schema.Literal("chat")
 }));
 var TextInputComponent = ({ shape, title, ...props }) => {
-  const { runtime } = useComputeNodeState(shape);
-  const inputRef = (0, import_react13.useRef)(null);
-  const handleEnter = (text) => {
-    const value = text.trim();
-    if (value.length) {
-      runtime.setOutput(import_conductor10.DEFAULT_OUTPUT, value);
-      inputRef.current?.setText("");
-    }
-  };
-  return /* @__PURE__ */ import_react13.default.createElement(Box, {
-    shape,
-    title
-  }, /* @__PURE__ */ import_react13.default.createElement(import_react_ui_canvas_editor8.TextBox, {
-    ref: inputRef,
-    onEnter: handleEnter,
-    ...props
-  }));
+  var _effect = (0, import_tracking9.useSignals)();
+  try {
+    const { runtime } = useComputeNodeState(shape);
+    const inputRef = (0, import_react13.useRef)(null);
+    const handleEnter = (text) => {
+      const value = text.trim();
+      if (value.length) {
+        runtime.setOutput(import_conductor10.DEFAULT_OUTPUT, value);
+        inputRef.current?.setText("");
+      }
+    };
+    return /* @__PURE__ */ import_react13.default.createElement(Box, {
+      shape,
+      title
+    }, /* @__PURE__ */ import_react13.default.createElement(import_react_ui_canvas_editor8.TextBox, {
+      ref: inputRef,
+      onEnter: handleEnter,
+      ...props
+    }));
+  } finally {
+    _effect.f();
+  }
 };
 var createChat = (props) => createShape({
   type: "chat",
@@ -1448,9 +1520,9 @@ var chatShape = {
   }),
   resizable: true
 };
-var ConstantShape = import_echo_schema12.S.extend(ComputeShape, import_echo_schema12.S.Struct({
-  type: import_echo_schema12.S.Literal("constant"),
-  value: import_echo_schema12.S.optional(import_echo_schema12.S.Any)
+var ConstantShape = import_effect11.Schema.extend(ComputeShape, import_effect11.Schema.Struct({
+  type: import_effect11.Schema.Literal("constant"),
+  value: import_effect11.Schema.optional(import_effect11.Schema.Any)
 }));
 var inferType = (value) => {
   if (typeof value === "string") {
@@ -1464,52 +1536,57 @@ var inferType = (value) => {
   }
 };
 var ConstantComponent = ({ shape, title, chat, ...props }) => {
-  const { node } = useComputeNodeState(shape);
-  const [type, setType] = (0, import_react14.useState)(inferType(node.value) ?? import_conductor11.ComputeValueType.literals[0]);
-  const inputRef = (0, import_react14.useRef)(null);
-  const handleEnter = (0, import_react14.useCallback)((text) => {
-    const value = text.trim();
-    if (value.length) {
-      if (type === "number") {
-        const floatValue = parseFloat(value);
-        if (!isNaN(floatValue)) {
-          node.value = floatValue;
+  var _effect = (0, import_tracking10.useSignals)();
+  try {
+    const { node } = useComputeNodeState(shape);
+    const [type, setType] = (0, import_react14.useState)(inferType(node.value) ?? import_conductor11.ComputeValueType.literals[0]);
+    const inputRef = (0, import_react14.useRef)(null);
+    const handleEnter = (0, import_react14.useCallback)((text) => {
+      const value = text.trim();
+      if (value.length) {
+        if (type === "number") {
+          const floatValue = parseFloat(value);
+          if (!isNaN(floatValue)) {
+            node.value = floatValue;
+          }
+        } else if (type === "object") {
+          node.value = (0, import_util2.safeParseJson)(value, {});
+        } else {
+          node.value = value;
         }
-      } else if (type === "object") {
-        node.value = (0, import_util2.safeParseJson)(value, {});
-      } else {
+        inputRef.current?.focus();
+      }
+    }, [
+      type
+    ]);
+    return /* @__PURE__ */ import_react14.default.createElement(Box, {
+      shape,
+      title,
+      status: /* @__PURE__ */ import_react14.default.createElement(TypeSelect, {
+        value: type,
+        onValueChange: setType
+      })
+    }, (type === "string" || type === "number") && /* @__PURE__ */ import_react14.default.createElement(import_react_ui_canvas_editor10.TextBox, {
+      ...props,
+      ref: inputRef,
+      value: node.value,
+      onEnter: handleEnter
+    }), type === "object" && /* @__PURE__ */ import_react14.default.createElement(import_react_ui_canvas_editor10.TextBox, {
+      ...props,
+      ref: inputRef,
+      value: JSON.stringify(node.value, null, 2),
+      language: "json"
+    }), type === "boolean" && /* @__PURE__ */ import_react14.default.createElement("div", {
+      className: "flex grow justify-center items-center"
+    }, /* @__PURE__ */ import_react14.default.createElement(import_react_ui5.Input.Root, null, /* @__PURE__ */ import_react14.default.createElement(import_react_ui5.Input.Switch, {
+      checked: node.value,
+      onCheckedChange: (value) => {
         node.value = value;
       }
-      inputRef.current?.focus();
-    }
-  }, [
-    type
-  ]);
-  return /* @__PURE__ */ import_react14.default.createElement(Box, {
-    shape,
-    title,
-    status: /* @__PURE__ */ import_react14.default.createElement(TypeSelect, {
-      value: type,
-      onValueChange: setType
-    })
-  }, (type === "string" || type === "number") && /* @__PURE__ */ import_react14.default.createElement(import_react_ui_canvas_editor10.TextBox, {
-    ...props,
-    ref: inputRef,
-    value: node.value,
-    onEnter: handleEnter
-  }), type === "object" && /* @__PURE__ */ import_react14.default.createElement(import_react_ui_canvas_editor10.TextBox, {
-    ...props,
-    ref: inputRef,
-    value: JSON.stringify(node.value, null, 2),
-    language: "json"
-  }), type === "boolean" && /* @__PURE__ */ import_react14.default.createElement("div", {
-    className: "flex grow justify-center items-center"
-  }, /* @__PURE__ */ import_react14.default.createElement(import_react_ui5.Input.Root, null, /* @__PURE__ */ import_react14.default.createElement(import_react_ui5.Input.Switch, {
-    checked: node.value,
-    onCheckedChange: (value) => {
-      node.value = value;
-    }
-  }))));
+    }))));
+  } finally {
+    _effect.f();
+  }
 };
 var createConstant = (props) => createShape({
   type: "constant",
@@ -1536,8 +1613,8 @@ var constantShape = {
   }),
   resizable: true
 };
-var DatabaseShape = import_echo_schema13.S.extend(ComputeShape, import_echo_schema13.S.Struct({
-  type: import_echo_schema13.S.Literal("database")
+var DatabaseShape = import_effect12.Schema.extend(ComputeShape, import_effect12.Schema.Struct({
+  type: import_effect12.Schema.Literal("database")
 }));
 var createDatabase = (props) => createShape({
   type: "database",
@@ -1548,9 +1625,14 @@ var createDatabase = (props) => createShape({
   ...props
 });
 var DatabaseComponent = ({ shape }) => {
-  return /* @__PURE__ */ import_react15.default.createElement(Box, {
-    shape
-  });
+  var _effect = (0, import_tracking11.useSignals)();
+  try {
+    return /* @__PURE__ */ import_react15.default.createElement(Box, {
+      shape
+    });
+  } finally {
+    _effect.f();
+  }
 };
 var databaseShape = {
   type: "database",
@@ -1565,8 +1647,8 @@ var databaseShape = {
     }
   })
 };
-var FunctionShape = import_echo_schema14.S.extend(ComputeShape, import_echo_schema14.S.Struct({
-  type: import_echo_schema14.S.Literal("function")
+var FunctionShape = import_effect13.Schema.extend(ComputeShape, import_effect13.Schema.Struct({
+  type: import_effect13.Schema.Literal("function")
 }));
 var createFunction = (props) => createShape({
   type: "function",
@@ -1577,54 +1659,59 @@ var createFunction = (props) => createShape({
   ...props
 });
 var TextInputComponent2 = ({ shape, title, ...props }) => {
-  const client = (0, import_react_client.useClient)();
-  const { node, runtime } = useComputeNodeState(shape);
-  const inputRef = (0, import_react16.useRef)(null);
-  const handleEnter = (0, import_react16.useCallback)(async (text) => {
-    const value = text.trim();
-    const { spaceId, objectId } = (0, import_echo2.parseId)(value);
-    if (!spaceId || !objectId) {
-      return;
-    }
-    const space = client.spaces.get(spaceId);
-    const object = space?.db.getObjectById(objectId);
-    if (!space || !(0, import_echo_schema14.isInstanceOf)(import_types.ScriptType, object)) {
-      return;
-    }
-    const { objects: [fn] } = await space.db.query(import_echo2.Filter.schema(import_types.FunctionType, {
-      source: object
-    })).run();
-    if (!fn) {
-      return;
-    }
-    node.value = value;
-    node.function = (0, import_echo2.makeRef)(fn);
-    node.inputSchema = (0, import_echo_schema14.getSnapshot)(fn.inputSchema);
-    node.outputSchema = (0, import_echo_schema14.getSnapshot)(fn.outputSchema);
-  }, [
-    client,
-    node
-  ]);
-  const handleAction = (0, import_react16.useCallback)((action) => {
-    if (action !== "run") {
-      return;
-    }
-    runtime.evalNode();
-  }, [
-    runtime
-  ]);
-  return /* @__PURE__ */ import_react16.default.createElement(Box, {
-    shape,
-    title: "Function",
-    onAction: handleAction
-  }, /* @__PURE__ */ import_react16.default.createElement(import_react_ui_canvas_editor13.TextBox, {
-    ...props,
-    ref: inputRef,
-    value: node.value,
-    language: node.valueType === "object" ? "json" : void 0,
-    onBlur: handleEnter,
-    onEnter: handleEnter
-  }));
+  var _effect = (0, import_tracking12.useSignals)();
+  try {
+    const client = (0, import_react_client.useClient)();
+    const { node, runtime } = useComputeNodeState(shape);
+    const inputRef = (0, import_react16.useRef)(null);
+    const handleEnter = (0, import_react16.useCallback)(async (text) => {
+      const value = text.trim();
+      const { spaceId, objectId } = (0, import_echo2.parseId)(value);
+      if (!spaceId || !objectId) {
+        return;
+      }
+      const space = client.spaces.get(spaceId);
+      const object = space?.db.getObjectById(objectId);
+      if (!space || !(0, import_echo_schema4.isInstanceOf)(import_functions.ScriptType, object)) {
+        return;
+      }
+      const { objects: [fn] } = await space.db.query(import_echo2.Filter.type(import_functions.FunctionType, {
+        source: import_echo_schema4.Ref.make(object)
+      })).run();
+      if (!fn) {
+        return;
+      }
+      node.value = value;
+      node.function = (0, import_echo2.makeRef)(fn);
+      node.inputSchema = (0, import_echo_schema4.getSnapshot)(fn.inputSchema);
+      node.outputSchema = (0, import_echo_schema4.getSnapshot)(fn.outputSchema);
+    }, [
+      client,
+      node
+    ]);
+    const handleAction = (0, import_react16.useCallback)((action) => {
+      if (action !== "run") {
+        return;
+      }
+      runtime.evalNode();
+    }, [
+      runtime
+    ]);
+    return /* @__PURE__ */ import_react16.default.createElement(Box, {
+      shape,
+      title: "Function",
+      onAction: handleAction
+    }, /* @__PURE__ */ import_react16.default.createElement(import_react_ui_canvas_editor13.TextBox, {
+      ...props,
+      ref: inputRef,
+      value: node.value,
+      language: node.valueType === "object" ? "json" : void 0,
+      onBlur: handleEnter,
+      onEnter: handleEnter
+    }));
+  } finally {
+    _effect.f();
+  }
 };
 var functionShape = {
   type: "function",
@@ -1634,8 +1721,8 @@ var functionShape = {
   createShape: createFunction,
   getAnchors: (shape) => createFunctionAnchors(shape, import_conductor12.FunctionInput, import_conductor12.AnyOutput)
 };
-var GptShape = import_echo_schema15.S.extend(ComputeShape, import_echo_schema15.S.Struct({
-  type: import_echo_schema15.S.Literal("gpt")
+var GptShape = import_effect14.Schema.extend(ComputeShape, import_effect14.Schema.Struct({
+  type: import_effect14.Schema.Literal("gpt")
 }));
 var createGpt = (props) => createShape({
   type: "gpt",
@@ -1646,49 +1733,54 @@ var createGpt = (props) => createShape({
   ...props
 });
 var GptComponent = ({ shape }) => {
-  const { meta, runtime } = useComputeNodeState(shape);
-  const [text, setText] = (0, import_react17.useState)("");
-  const [tokens, setTokens] = (0, import_react17.useState)(0);
-  (0, import_react17.useEffect)(() => {
-    return runtime.subscribeToEventLog((ev) => {
-      switch (ev.type) {
-        case "begin-compute": {
-          setText("");
-          break;
-        }
-        case "custom": {
-          const token = ev.event;
-          switch (token.type) {
-            case "content_block_delta":
-              switch (token.delta.type) {
-                case "text_delta": {
-                  const delta = token.delta.text;
-                  setText((prev) => {
-                    const text2 = prev + delta;
-                    setTokens(text2.split(" ").length);
-                    return text2;
-                  });
-                  break;
+  var _effect = (0, import_tracking13.useSignals)();
+  try {
+    const { meta, runtime } = useComputeNodeState(shape);
+    const [text, setText] = (0, import_react17.useState)("");
+    const [tokens, setTokens] = (0, import_react17.useState)(0);
+    (0, import_react17.useEffect)(() => {
+      return runtime.subscribeToEventLog((ev) => {
+        switch (ev.type) {
+          case "begin-compute": {
+            setText("");
+            break;
+          }
+          case "custom": {
+            const token = ev.event;
+            switch (token.type) {
+              case "content_block_delta":
+                switch (token.delta.type) {
+                  case "text_delta": {
+                    const delta = token.delta.text;
+                    setText((prev) => {
+                      const text2 = prev + delta;
+                      setTokens(text2.split(" ").length);
+                      return text2;
+                    });
+                    break;
+                  }
                 }
-              }
-              break;
+                break;
+            }
+            break;
           }
-          break;
         }
-      }
+      });
+    }, [
+      runtime?.subscribeToEventLog
+    ]);
+    return /* @__PURE__ */ import_react17.default.createElement(FunctionBody, {
+      shape,
+      content: /* @__PURE__ */ import_react17.default.createElement("div", {
+        className: "px-2 py-1 overflow-y-scroll"
+      }, text),
+      status: `${tokens} tokens`,
+      inputSchema: meta.input,
+      outputSchema: meta.output
     });
-  }, [
-    runtime?.subscribeToEventLog
-  ]);
-  return /* @__PURE__ */ import_react17.default.createElement(FunctionBody, {
-    shape,
-    content: /* @__PURE__ */ import_react17.default.createElement("div", {
-      className: "px-2 py-1 overflow-y-scroll"
-    }, text),
-    status: `${tokens} tokens`,
-    inputSchema: meta.input,
-    outputSchema: meta.output
-  });
+  } finally {
+    _effect.f();
+  }
 };
 var gptShape = {
   type: "gpt",
@@ -1699,27 +1791,37 @@ var gptShape = {
   getAnchors: (shape) => createFunctionAnchors(shape, import_conductor13.GptInput, import_conductor13.GptOutput),
   openable: true
 };
-var JsonShape = import_echo_schema16.S.extend(ComputeShape, import_echo_schema16.S.Struct({
-  type: import_echo_schema16.S.Literal("json")
+var JsonShape = import_effect15.Schema.extend(ComputeShape, import_effect15.Schema.Struct({
+  type: import_effect15.Schema.Literal("json")
 }));
-var JsonTransformShape = import_echo_schema16.S.extend(ComputeShape, import_echo_schema16.S.Struct({
-  type: import_echo_schema16.S.Literal("json-transform")
+var JsonTransformShape = import_effect15.Schema.extend(ComputeShape, import_effect15.Schema.Struct({
+  type: import_effect15.Schema.Literal("json-transform")
 }));
 var JsonComponent = ({ shape, ...props }) => {
-  const { runtime } = useComputeNodeState(shape);
-  const input = runtime.inputs[import_conductor14.DEFAULT_INPUT];
-  const value = input?.type === "executed" ? input.value : void 0;
-  return /* @__PURE__ */ import_react18.default.createElement(Box, {
-    shape
-  }, /* @__PURE__ */ import_react18.default.createElement(import_react_ui_syntax_highlighter.JsonFilter, {
-    data: value,
-    classNames: "text-xs"
-  }));
+  var _effect = (0, import_tracking14.useSignals)();
+  try {
+    const { runtime } = useComputeNodeState(shape);
+    const input = runtime.inputs[import_conductor14.DEFAULT_INPUT];
+    const value = input?.type === "executed" ? input.value : void 0;
+    return /* @__PURE__ */ import_react18.default.createElement(Box, {
+      shape
+    }, /* @__PURE__ */ import_react18.default.createElement(import_react_ui_syntax_highlighter.JsonFilter, {
+      data: value,
+      classNames: "text-xs"
+    }));
+  } finally {
+    _effect.f();
+  }
 };
 var JsonTransformComponent = ({ shape, ...props }) => {
-  return /* @__PURE__ */ import_react18.default.createElement(Box, {
-    shape
-  });
+  var _effect = (0, import_tracking14.useSignals)();
+  try {
+    return /* @__PURE__ */ import_react18.default.createElement(Box, {
+      shape
+    });
+  } finally {
+    _effect.f();
+  }
 };
 var createJson = (props) => createShape({
   type: "json",
@@ -1764,25 +1866,35 @@ var jsonTransformShape = {
   getAnchors: (shape) => createFunctionAnchors(shape, import_conductor14.JsonTransformInput, import_conductor14.DefaultOutput),
   resizable: true
 };
-var IfShape = import_echo_schema17.S.extend(ComputeShape, import_echo_schema17.S.Struct({
-  type: import_echo_schema17.S.Literal("if")
+var IfShape = import_effect16.Schema.extend(ComputeShape, import_effect16.Schema.Struct({
+  type: import_effect16.Schema.Literal("if")
 }));
-var IfElseShape = import_echo_schema17.S.extend(ComputeShape, import_echo_schema17.S.Struct({
-  type: import_echo_schema17.S.Literal("if-else")
+var IfElseShape = import_effect16.Schema.extend(ComputeShape, import_effect16.Schema.Struct({
+  type: import_effect16.Schema.Literal("if-else")
 }));
 var IfComponent = ({ shape, ...props }) => {
-  return /* @__PURE__ */ import_react19.default.createElement(FunctionBody, {
-    shape,
-    inputSchema: import_conductor15.IfInput,
-    outputSchema: import_conductor15.IfOutput
-  });
+  var _effect = (0, import_tracking15.useSignals)();
+  try {
+    return /* @__PURE__ */ import_react19.default.createElement(FunctionBody, {
+      shape,
+      inputSchema: import_conductor15.IfInput,
+      outputSchema: import_conductor15.IfOutput
+    });
+  } finally {
+    _effect.f();
+  }
 };
 var IfElseComponent = ({ shape, ...props }) => {
-  return /* @__PURE__ */ import_react19.default.createElement(FunctionBody, {
-    shape,
-    inputSchema: import_conductor15.IfElseInput,
-    outputSchema: import_conductor15.IfElseOutput
-  });
+  var _effect = (0, import_tracking15.useSignals)();
+  try {
+    return /* @__PURE__ */ import_react19.default.createElement(FunctionBody, {
+      shape,
+      inputSchema: import_conductor15.IfElseInput,
+      outputSchema: import_conductor15.IfElseOutput
+    });
+  } finally {
+    _effect.f();
+  }
 };
 var createIf = (props) => createShape({
   type: "if",
@@ -1816,8 +1928,8 @@ var ifElseShape = {
   createShape: createIfElse,
   getAnchors: (shape) => createFunctionAnchors(shape, import_conductor15.IfElseInput, import_conductor15.IfElseOutput)
 };
-var QueueShape = import_echo_schema18.S.extend(ComputeShape, import_echo_schema18.S.Struct({
-  type: import_echo_schema18.S.Literal("queue")
+var QueueShape = import_effect17.Schema.extend(ComputeShape, import_effect17.Schema.Struct({
+  type: import_effect17.Schema.Literal("queue")
 }));
 var createQueue = (props) => createShape({
   type: "queue",
@@ -1828,40 +1940,50 @@ var createQueue = (props) => createShape({
   ...props
 });
 var QueueComponent = ({ shape }) => {
-  const { runtime } = useComputeNodeState(shape);
-  const items = runtime.outputs[import_conductor16.DEFAULT_OUTPUT]?.type === "executed" ? runtime.outputs[import_conductor16.DEFAULT_OUTPUT].value : [];
-  const handleAction = (action) => {
-    if (action === "run") {
-      runtime.evalNode();
-    }
-  };
-  return /* @__PURE__ */ import_react20.default.createElement(Box, {
-    shape,
-    status: `${items.length} items`,
-    onAction: handleAction
-  }, /* @__PURE__ */ import_react20.default.createElement("div", {
-    className: "flex flex-col w-full overflow-y-scroll divide-y divide-separator"
-  }, [
-    ...items
-  ].map((item, i) => /* @__PURE__ */ import_react20.default.createElement(QueueItem, {
-    key: i,
-    classNames: "p-1 px-2",
-    item
-  }))));
+  var _effect = (0, import_tracking16.useSignals)();
+  try {
+    const { runtime } = useComputeNodeState(shape);
+    const items = runtime.outputs[import_conductor16.DEFAULT_OUTPUT]?.type === "executed" ? runtime.outputs[import_conductor16.DEFAULT_OUTPUT].value : [];
+    const handleAction = (action) => {
+      if (action === "run") {
+        runtime.evalNode();
+      }
+    };
+    return /* @__PURE__ */ import_react20.default.createElement(Box, {
+      shape,
+      status: `${items.length} items`,
+      onAction: handleAction
+    }, /* @__PURE__ */ import_react20.default.createElement("div", {
+      className: "flex flex-col w-full overflow-y-scroll divide-y divide-separator"
+    }, [
+      ...items
+    ].map((item, i) => /* @__PURE__ */ import_react20.default.createElement(QueueItem, {
+      key: i,
+      classNames: "p-1 px-2",
+      item
+    }))));
+  } finally {
+    _effect.f();
+  }
 };
 var QueueItem = ({ classNames, item }) => {
-  if (typeof item !== "object") {
+  var _effect = (0, import_tracking16.useSignals)();
+  try {
+    if (typeof item !== "object") {
+      return /* @__PURE__ */ import_react20.default.createElement("div", {
+        className: (0, import_react_ui_theme3.mx)(classNames, "whitespace-pre-wrap")
+      }, item);
+    }
     return /* @__PURE__ */ import_react20.default.createElement("div", {
-      className: (0, import_react_ui_theme3.mx)(classNames, "whitespace-pre-wrap")
-    }, item);
+      className: (0, import_react_ui_theme3.mx)("grid grid-cols-[80px,1fr]", classNames)
+    }, Object.entries(item).map(([key, value]) => /* @__PURE__ */ import_react20.default.createElement(import_react20.Fragment, {
+      key
+    }, /* @__PURE__ */ import_react20.default.createElement("div", {
+      className: "p-1 text-xs text-subdued"
+    }, key), /* @__PURE__ */ import_react20.default.createElement("div", null, typeof value === "string" ? value : JSON.stringify(value)))));
+  } finally {
+    _effect.f();
   }
-  return /* @__PURE__ */ import_react20.default.createElement("div", {
-    className: (0, import_react_ui_theme3.mx)("grid grid-cols-[80px,1fr]", classNames)
-  }, Object.entries(item).map(([key, value]) => /* @__PURE__ */ import_react20.default.createElement(import_react20.Fragment, {
-    key
-  }, /* @__PURE__ */ import_react20.default.createElement("div", {
-    className: "p-1 text-xs text-subdued"
-  }, key), /* @__PURE__ */ import_react20.default.createElement("div", null, typeof value === "string" ? value : JSON.stringify(value)))));
 };
 var queueShape = {
   type: "queue",
@@ -1872,10 +1994,10 @@ var queueShape = {
   getAnchors: (shape) => createFunctionAnchors(shape, import_conductor16.QueueInput, import_conductor16.QueueOutput),
   resizable: true
 };
-var RandomShape = import_echo_schema19.S.extend(ComputeShape, import_echo_schema19.S.Struct({
-  type: import_echo_schema19.S.Literal("rng"),
-  min: import_echo_schema19.S.optional(import_echo_schema19.S.Number),
-  max: import_echo_schema19.S.optional(import_echo_schema19.S.Number)
+var RandomShape = import_effect18.Schema.extend(ComputeShape, import_effect18.Schema.Struct({
+  type: import_effect18.Schema.Literal("rng"),
+  min: import_effect18.Schema.optional(import_effect18.Schema.Number),
+  max: import_effect18.Schema.optional(import_effect18.Schema.Number)
 }));
 var createRandom = (props) => createShape({
   type: "rng",
@@ -1895,37 +2017,42 @@ var icons = [
 ];
 var pickIcon = () => icons[Math.floor(Math.random() * icons.length)];
 var RandomComponent = ({ shape }) => {
-  const { runtime } = useComputeNodeState(shape);
-  const [spin, setSpin] = (0, import_react21.useState)(false);
-  const [icon, setIcon] = (0, import_react21.useState)(pickIcon());
-  (0, import_react21.useEffect)(() => {
-    if (!spin) {
-      return;
-    }
-    const i = setInterval(() => setIcon(pickIcon()), 250);
-    const t1 = setTimeout(() => clearInterval(i), 900);
-    const t2 = setTimeout(() => setSpin(false), 1100);
-    return () => {
-      clearInterval(i);
-      clearTimeout(t1);
-      clearTimeout(t2);
+  var _effect = (0, import_tracking17.useSignals)();
+  try {
+    const { runtime } = useComputeNodeState(shape);
+    const [spin, setSpin] = (0, import_react21.useState)(false);
+    const [icon, setIcon] = (0, import_react21.useState)(pickIcon());
+    (0, import_react21.useEffect)(() => {
+      if (!spin) {
+        return;
+      }
+      const i = setInterval(() => setIcon(pickIcon()), 250);
+      const t1 = setTimeout(() => clearInterval(i), 900);
+      const t2 = setTimeout(() => setSpin(false), 1100);
+      return () => {
+        clearInterval(i);
+        clearTimeout(t1);
+        clearTimeout(t2);
+      };
+    }, [
+      spin
+    ]);
+    const handleClick = (ev) => {
+      ev.stopPropagation();
+      runtime.setOutput(import_conductor17.DEFAULT_OUTPUT, Math.random());
+      setSpin(true);
     };
-  }, [
-    spin
-  ]);
-  const handleClick = (ev) => {
-    ev.stopPropagation();
-    runtime.setOutput(import_conductor17.DEFAULT_OUTPUT, Math.random());
-    setSpin(true);
-  };
-  return /* @__PURE__ */ import_react21.default.createElement("div", {
-    className: "flex grow items-center justify-center"
-  }, /* @__PURE__ */ import_react21.default.createElement(import_react_ui6.Icon, {
-    icon,
-    classNames: (0, import_react_ui_theme4.mx)(spin && "animate-[spin_1s]"),
-    size: 10,
-    onClick: handleClick
-  }));
+    return /* @__PURE__ */ import_react21.default.createElement("div", {
+      className: "flex grow items-center justify-center"
+    }, /* @__PURE__ */ import_react21.default.createElement(import_react_ui6.Icon, {
+      icon,
+      classNames: (0, import_react_ui_theme4.mx)(spin && "animate-[spin_1s]"),
+      size: 10,
+      onClick: handleClick
+    }));
+  } finally {
+    _effect.f();
+  }
 };
 var randomShape = {
   type: "rng",
@@ -1940,8 +2067,8 @@ var randomShape = {
     }
   })
 };
-var ScopeShape = import_echo_schema20.S.extend(ComputeShape, import_echo_schema20.S.Struct({
-  type: import_echo_schema20.S.Literal("scope")
+var ScopeShape = import_effect19.Schema.extend(ComputeShape, import_effect19.Schema.Struct({
+  type: import_effect19.Schema.Literal("scope")
 }));
 var createScope = (props) => createShape({
   type: "scope",
@@ -1953,20 +2080,25 @@ var createScope = (props) => createShape({
   ...props
 });
 var ScopeComponent = ({ shape }) => {
-  const { runtime } = useComputeNodeState(shape);
-  const input = runtime.inputs[import_conductor18.DEFAULT_INPUT];
-  const active = input?.type === "executed" ? input.value : false;
-  const { getAverage } = (0, import_react_ui_sfx.useAudioStream)(active);
-  return /* @__PURE__ */ import_react22.default.createElement("div", {
-    className: "flex w-full justify-center items-center bg-black"
-  }, /* @__PURE__ */ import_react22.default.createElement(import_react_ui_sfx.Chaos, {
-    active,
-    getValue: getAverage,
-    options: {
-      ...import_react_ui_sfx.shaderPresets.heptapod,
-      zoom: 1.2
-    }
-  }));
+  var _effect = (0, import_tracking18.useSignals)();
+  try {
+    const { runtime } = useComputeNodeState(shape);
+    const input = runtime.inputs[import_conductor18.DEFAULT_INPUT];
+    const active = input?.type === "executed" ? input.value : false;
+    const { getAverage } = (0, import_react_ui_sfx.useAudioStream)(active);
+    return /* @__PURE__ */ import_react22.default.createElement("div", {
+      className: "flex w-full justify-center items-center bg-black"
+    }, /* @__PURE__ */ import_react22.default.createElement(import_react_ui_sfx.Chaos, {
+      active,
+      getValue: getAverage,
+      options: {
+        ...import_react_ui_sfx.shaderPresets.heptapod,
+        zoom: 1.2
+      }
+    }));
+  } finally {
+    _effect.f();
+  }
 };
 var scopeShape = {
   type: "scope",
@@ -1981,8 +2113,8 @@ var scopeShape = {
     }
   })
 };
-var SurfaceShape = import_echo_schema21.S.extend(ComputeShape, import_echo_schema21.S.Struct({
-  type: import_echo_schema21.S.Literal("surface")
+var SurfaceShape = import_effect20.Schema.extend(ComputeShape, import_effect20.Schema.Struct({
+  type: import_effect20.Schema.Literal("surface")
 }));
 var createSurface = (props) => createShape({
   type: "surface",
@@ -1993,24 +2125,29 @@ var createSurface = (props) => createShape({
   ...props
 });
 var SurfaceComponent = ({ shape }) => {
-  const { runtime } = useComputeNodeState(shape);
-  const input = runtime.inputs[import_conductor19.DEFAULT_INPUT];
-  const value = input?.type === "executed" ? input.value : null;
-  const handleAction = (action) => {
-    if (action === "run") {
-      runtime.evalNode();
-    }
-  };
-  return /* @__PURE__ */ import_react23.default.createElement(Box, {
-    shape,
-    onAction: handleAction
-  }, value !== null && /* @__PURE__ */ import_react23.default.createElement(import_app_framework.Surface, {
-    role: "canvas-node",
-    data: {
-      value
-    },
-    limit: 1
-  }));
+  var _effect = (0, import_tracking19.useSignals)();
+  try {
+    const { runtime } = useComputeNodeState(shape);
+    const input = runtime.inputs[import_conductor19.DEFAULT_INPUT];
+    const value = input?.type === "executed" ? input.value : null;
+    const handleAction = (action) => {
+      if (action === "run") {
+        runtime.evalNode();
+      }
+    };
+    return /* @__PURE__ */ import_react23.default.createElement(Box, {
+      shape,
+      onAction: handleAction
+    }, value !== null && /* @__PURE__ */ import_react23.default.createElement(import_app_framework.Surface, {
+      role: "canvas-node",
+      data: {
+        value
+      },
+      limit: 1
+    }));
+  } finally {
+    _effect.f();
+  }
 };
 var surfaceShape = {
   type: "surface",
@@ -2026,8 +2163,8 @@ var surfaceShape = {
   }),
   resizable: true
 };
-var SwitchShape = import_echo_schema22.S.extend(ComputeShape, import_echo_schema22.S.Struct({
-  type: import_echo_schema22.S.Literal("switch")
+var SwitchShape = import_effect21.Schema.extend(ComputeShape, import_effect21.Schema.Struct({
+  type: import_effect21.Schema.Literal("switch")
 }));
 var createSwitch = (props) => createShape({
   type: "switch",
@@ -2038,20 +2175,25 @@ var createSwitch = (props) => createShape({
   ...props
 });
 var SwitchComponent = ({ shape }) => {
-  const { runtime } = useComputeNodeState(shape);
-  const [value, setValue] = (0, import_react24.useState)(false);
-  (0, import_react24.useEffect)(() => {
-    runtime.setOutput(import_conductor20.DEFAULT_OUTPUT, value);
-  }, [
-    value
-  ]);
-  return /* @__PURE__ */ import_react24.default.createElement("div", {
-    className: "flex w-full justify-center items-center",
-    onClick: (ev) => ev.stopPropagation()
-  }, /* @__PURE__ */ import_react24.default.createElement(import_react_ui7.Input.Root, null, /* @__PURE__ */ import_react24.default.createElement(import_react_ui7.Input.Switch, {
-    checked: value,
-    onCheckedChange: (value2) => setValue(value2)
-  })));
+  var _effect = (0, import_tracking20.useSignals)();
+  try {
+    const { runtime } = useComputeNodeState(shape);
+    const [value, setValue] = (0, import_react24.useState)(false);
+    (0, import_react24.useEffect)(() => {
+      runtime.setOutput(import_conductor20.DEFAULT_OUTPUT, value);
+    }, [
+      value
+    ]);
+    return /* @__PURE__ */ import_react24.default.createElement("div", {
+      className: "flex w-full justify-center items-center",
+      onClick: (ev) => ev.stopPropagation()
+    }, /* @__PURE__ */ import_react24.default.createElement(import_react_ui7.Input.Root, null, /* @__PURE__ */ import_react24.default.createElement(import_react_ui7.Input.Switch, {
+      checked: value,
+      onCheckedChange: (value2) => setValue(value2)
+    })));
+  } finally {
+    _effect.f();
+  }
 };
 var switchShape = {
   type: "switch",
@@ -2067,9 +2209,9 @@ var switchShape = {
   })
 };
 var InputSchema = (0, import_conductor21.createInputSchema)(import_conductor21.GptMessage);
-var OutputSchema = (0, import_conductor21.createOutputSchema)(import_echo_schema23.S.mutable(import_echo_schema23.S.Array(import_conductor21.GptMessage)));
-var TableShape = import_echo_schema23.S.extend(ComputeShape, import_echo_schema23.S.Struct({
-  type: import_echo_schema23.S.Literal("table")
+var OutputSchema = (0, import_conductor21.createOutputSchema)(import_effect22.Schema.mutable(import_effect22.Schema.Array(import_conductor21.GptMessage)));
+var TableShape = import_effect22.Schema.extend(ComputeShape, import_effect22.Schema.Struct({
+  type: import_effect22.Schema.Literal("table")
 }));
 var createTable = (props) => createShape({
   type: "table",
@@ -2080,9 +2222,14 @@ var createTable = (props) => createShape({
   ...props
 });
 var TableComponent = ({ shape }) => {
-  return /* @__PURE__ */ import_react25.default.createElement(Box, {
-    shape
-  });
+  var _effect = (0, import_tracking21.useSignals)();
+  try {
+    return /* @__PURE__ */ import_react25.default.createElement(Box, {
+      shape
+    });
+  } finally {
+    _effect.f();
+  }
 };
 var tableShape = {
   type: "table",
@@ -2094,49 +2241,54 @@ var tableShape = {
   resizable: true
 };
 var __dxlog_file6 = "/home/runner/work/dxos/dxos/packages/ui/react-ui-canvas-compute/src/shapes/Template.tsx";
-var TemplateShape = import_echo_schema24.S.extend(ComputeShape, import_echo_schema24.S.Struct({
-  type: import_echo_schema24.S.Literal("template"),
-  valueType: import_echo_schema24.S.optional(import_conductor22.ComputeValueType)
+var TemplateShape = import_effect23.Schema.extend(ComputeShape, import_effect23.Schema.Struct({
+  type: import_effect23.Schema.Literal("template"),
+  valueType: import_effect23.Schema.optional(import_conductor22.ComputeValueType)
 }));
 var TextInputComponent3 = ({ shape, title, ...props }) => {
-  const { node } = useComputeNodeState(shape);
-  const inputRef = (0, import_react26.useRef)(null);
-  const handleEnter = (text) => {
-    const value = text.trim();
-    if (value.length) {
-      const schema = (0, import_conductor22.getTemplateInputSchema)(node);
-      node.value = value;
-      node.inputSchema = (0, import_echo_schema24.toJsonSchema)(schema);
-    }
-  };
-  const handleTypeChange = (newType) => {
-    (0, import_invariant5.invariant)(import_echo_schema24.S.is(import_conductor22.ComputeValueType)(newType), "Invalid type", {
-      F: __dxlog_file6,
-      L: 57,
-      S: void 0,
-      A: [
-        "S.is(ComputeValueType)(newType)",
-        "'Invalid type'"
-      ]
-    });
-    node.valueType = newType;
-    node.inputSchema = (0, import_echo_schema24.toJsonSchema)((0, import_conductor22.getTemplateInputSchema)(node));
-  };
-  return /* @__PURE__ */ import_react26.default.createElement(Box, {
-    shape,
-    title: "Template",
-    status: /* @__PURE__ */ import_react26.default.createElement(TypeSelect, {
-      value: node.valueType ?? "string",
-      onValueChange: handleTypeChange
-    })
-  }, /* @__PURE__ */ import_react26.default.createElement(import_react_ui_canvas_editor19.TextBox, {
-    ...props,
-    ref: inputRef,
-    value: node.value,
-    language: node.valueType === "object" ? "json" : void 0,
-    onBlur: handleEnter,
-    onEnter: handleEnter
-  }));
+  var _effect = (0, import_tracking22.useSignals)();
+  try {
+    const { node } = useComputeNodeState(shape);
+    const inputRef = (0, import_react26.useRef)(null);
+    const handleEnter = (text) => {
+      const value = text.trim();
+      if (value.length) {
+        const schema = (0, import_conductor22.getTemplateInputSchema)(node);
+        node.value = value;
+        node.inputSchema = (0, import_echo_schema5.toJsonSchema)(schema);
+      }
+    };
+    const handleTypeChange = (newType) => {
+      (0, import_invariant5.invariant)(import_effect23.Schema.is(import_conductor22.ComputeValueType)(newType), "Invalid type", {
+        F: __dxlog_file6,
+        L: 58,
+        S: void 0,
+        A: [
+          "Schema.is(ComputeValueType)(newType)",
+          "'Invalid type'"
+        ]
+      });
+      node.valueType = newType;
+      node.inputSchema = (0, import_echo_schema5.toJsonSchema)((0, import_conductor22.getTemplateInputSchema)(node));
+    };
+    return /* @__PURE__ */ import_react26.default.createElement(Box, {
+      shape,
+      title: "Template",
+      status: /* @__PURE__ */ import_react26.default.createElement(TypeSelect, {
+        value: node.valueType ?? "string",
+        onValueChange: handleTypeChange
+      })
+    }, /* @__PURE__ */ import_react26.default.createElement(import_react_ui_canvas_editor19.TextBox, {
+      ...props,
+      ref: inputRef,
+      value: node.value,
+      language: node.valueType === "object" ? "json" : void 0,
+      onBlur: handleEnter,
+      onEnter: handleEnter
+    }));
+  } finally {
+    _effect.f();
+  }
 };
 var createTemplate = (props) => createShape({
   type: "template",
@@ -2158,8 +2310,8 @@ var templateShape = {
   getAnchors: (shape) => createFunctionAnchors(shape, import_conductor22.VoidInput, import_conductor22.TemplateOutput),
   resizable: true
 };
-var TextShape = import_echo_schema25.S.extend(ComputeShape, import_echo_schema25.S.Struct({
-  type: import_echo_schema25.S.Literal("text")
+var TextShape = import_effect24.Schema.extend(ComputeShape, import_effect24.Schema.Struct({
+  type: import_effect24.Schema.Literal("text")
 }));
 var createText = (props) => createShape({
   type: "text",
@@ -2170,20 +2322,25 @@ var createText = (props) => createShape({
   ...props
 });
 var TextComponent = ({ shape }) => {
-  const { runtime } = useComputeNodeState(shape);
-  const input = runtime.inputs[import_conductor23.DEFAULT_INPUT];
-  const value = input?.type === "executed" ? input.value : 0;
-  const handleAction = (action) => {
-    if (action === "run") {
-      runtime.evalNode();
-    }
-  };
-  return /* @__PURE__ */ import_react27.default.createElement(Box, {
-    shape,
-    onAction: handleAction
-  }, /* @__PURE__ */ import_react27.default.createElement(import_react_ui_canvas_editor20.TextBox, {
-    value
-  }));
+  var _effect = (0, import_tracking23.useSignals)();
+  try {
+    const { runtime } = useComputeNodeState(shape);
+    const input = runtime.inputs[import_conductor23.DEFAULT_INPUT];
+    const value = input?.type === "executed" ? input.value : 0;
+    const handleAction = (action) => {
+      if (action === "run") {
+        runtime.evalNode();
+      }
+    };
+    return /* @__PURE__ */ import_react27.default.createElement(Box, {
+      shape,
+      onAction: handleAction
+    }, /* @__PURE__ */ import_react27.default.createElement(import_react_ui_canvas_editor20.TextBox, {
+      value
+    }));
+  } finally {
+    _effect.f();
+  }
 };
 var textShape = {
   type: "text",
@@ -2200,9 +2357,9 @@ var textShape = {
   resizable: true
 };
 var InputSchema2 = (0, import_conductor24.createInputSchema)(import_conductor24.GptMessage);
-var OutputSchema2 = (0, import_conductor24.createOutputSchema)(import_echo_schema26.S.mutable(import_echo_schema26.S.Array(import_conductor24.GptMessage)));
-var ThreadShape = import_echo_schema26.S.extend(ComputeShape, import_echo_schema26.S.Struct({
-  type: import_echo_schema26.S.Literal("thread")
+var OutputSchema2 = (0, import_conductor24.createOutputSchema)(import_effect25.Schema.mutable(import_effect25.Schema.Array(import_conductor24.GptMessage)));
+var ThreadShape = import_effect25.Schema.extend(ComputeShape, import_effect25.Schema.Struct({
+  type: import_effect25.Schema.Literal("thread")
 }));
 var createThread = (props) => createShape({
   type: "thread",
@@ -2213,39 +2370,49 @@ var createThread = (props) => createShape({
   ...props
 });
 var ThreadComponent = ({ shape }) => {
-  const items = [];
-  const scrollRef = (0, import_react28.useRef)(null);
-  (0, import_react28.useEffect)(() => {
-    if (scrollRef.current) {
-      scrollRef.current.scrollTop = scrollRef.current.scrollHeight;
-    }
-  }, [
-    items
-  ]);
-  return /* @__PURE__ */ import_react28.default.createElement(Box, {
-    shape
-  }, /* @__PURE__ */ import_react28.default.createElement("div", {
-    ref: scrollRef,
-    className: "flex flex-col w-full overflow-y-scroll gap-2 p-2"
-  }, [
-    ...items
-  ].map((item, i) => /* @__PURE__ */ import_react28.default.createElement(ThreadItem, {
-    key: i,
-    item
-  }))));
+  var _effect = (0, import_tracking24.useSignals)();
+  try {
+    const items = [];
+    const scrollRef = (0, import_react28.useRef)(null);
+    (0, import_react28.useEffect)(() => {
+      if (scrollRef.current) {
+        scrollRef.current.scrollTop = scrollRef.current.scrollHeight;
+      }
+    }, [
+      items
+    ]);
+    return /* @__PURE__ */ import_react28.default.createElement(Box, {
+      shape
+    }, /* @__PURE__ */ import_react28.default.createElement("div", {
+      ref: scrollRef,
+      className: "flex flex-col w-full overflow-y-scroll gap-2 p-2"
+    }, [
+      ...items
+    ].map((item, i) => /* @__PURE__ */ import_react28.default.createElement(ThreadItem, {
+      key: i,
+      item
+    }))));
+  } finally {
+    _effect.f();
+  }
 };
 var ThreadItem = ({ classNames, item }) => {
-  if (typeof item !== "object") {
+  var _effect = (0, import_tracking24.useSignals)();
+  try {
+    if (typeof item !== "object") {
+      return /* @__PURE__ */ import_react28.default.createElement("div", {
+        className: (0, import_react_ui_theme5.mx)(classNames)
+      }, item);
+    }
+    const { role, message } = item;
     return /* @__PURE__ */ import_react28.default.createElement("div", {
-      className: (0, import_react_ui_theme5.mx)(classNames)
-    }, item);
+      className: (0, import_react_ui_theme5.mx)("flex", classNames, role === "user" && "justify-end")
+    }, /* @__PURE__ */ import_react28.default.createElement("div", {
+      className: (0, import_react_ui_theme5.mx)("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();
   }
-  const { role, message } = item;
-  return /* @__PURE__ */ import_react28.default.createElement("div", {
-    className: (0, import_react_ui_theme5.mx)("flex", classNames, role === "user" && "justify-end")
-  }, /* @__PURE__ */ import_react28.default.createElement("div", {
-    className: (0, import_react_ui_theme5.mx)("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));
 };
 var threadShape = {
   type: "thread",
@@ -2256,8 +2423,8 @@ var threadShape = {
   getAnchors: (shape) => createFunctionAnchors(shape, InputSchema2, OutputSchema2),
   resizable: true
 };
-var TextToImageShape = import_echo_schema27.S.extend(ComputeShape, import_echo_schema27.S.Struct({
-  type: import_echo_schema27.S.Literal("text-to-image")
+var TextToImageShape = import_effect26.Schema.extend(ComputeShape, import_effect26.Schema.Struct({
+  type: import_effect26.Schema.Literal("text-to-image")
 }));
 var createTextToImage = (props) => createShape({
   type: "text-to-image",
@@ -2268,9 +2435,14 @@ var createTextToImage = (props) => createShape({
   ...props
 });
 var TextToImageComponent = ({ shape }) => {
-  return /* @__PURE__ */ import_react29.default.createElement(Box, {
-    shape
-  });
+  var _effect = (0, import_tracking25.useSignals)();
+  try {
+    return /* @__PURE__ */ import_react29.default.createElement(Box, {
+      shape
+    });
+  } finally {
+    _effect.f();
+  }
 };
 var textToImageShape = {
   type: "text-to-image",
@@ -2285,12 +2457,12 @@ var textToImageShape = {
     }
   })
 };
-var TriggerShape = import_echo_schema28.S.extend(ComputeShape, import_echo_schema28.S.Struct({
-  type: import_echo_schema28.S.Literal("trigger"),
-  functionTrigger: import_echo_schema28.S.optional((0, import_echo_schema28.Ref)(import_types2.FunctionTrigger))
+var TriggerShape = import_effect27.Schema.extend(ComputeShape, import_effect27.Schema.Struct({
+  type: import_effect27.Schema.Literal("trigger"),
+  functionTrigger: import_effect27.Schema.optional((0, import_echo_schema6.Ref)(import_functions2.FunctionTrigger))
 }));
 var createTrigger = (props) => {
-  const functionTrigger = (0, import_echo3.create)(import_types2.FunctionTrigger, {
+  const functionTrigger = (0, import_echo3.live)(import_functions2.FunctionTrigger, {
     enabled: true,
     spec: createTriggerSpec(props)
   });
@@ -2299,93 +2471,103 @@ var createTrigger = (props) => {
     functionTrigger: (0, import_echo3.makeRef)(functionTrigger),
     size: {
       width: 192,
-      height: getHeight(import_conductor25.EmailTriggerOutput)
+      height: getHeight(import_functions2.EmailTriggerOutput)
     },
     ...props
   });
 };
 var TriggerComponent = ({ shape }) => {
-  const space = (0, import_echo3.useSpace)();
-  const functionTrigger = shape.functionTrigger?.target;
-  (0, import_react30.useEffect)(() => {
-    if (functionTrigger && !functionTrigger.spec) {
-      functionTrigger.spec = createTriggerSpec({
-        triggerKind: import_types2.TriggerKind.Email,
-        spaceId: space?.id
-      });
-    }
-  }, [
-    functionTrigger,
-    functionTrigger?.spec
-  ]);
-  (0, import_react30.useEffect)(() => {
-    shape.size.height = getHeight(getOutputSchema(functionTrigger?.spec?.type ?? import_types2.TriggerKind.Email));
-  }, [
-    functionTrigger?.spec?.type
-  ]);
-  const setKind = (kind) => {
-    if (functionTrigger?.spec?.type !== kind) {
-      functionTrigger.spec = createTriggerSpec({
-        triggerKind: import_types2.TriggerKind.Email,
-        spaceId: space?.id
-      });
+  var _effect = (0, import_tracking26.useSignals)();
+  try {
+    const space = (0, import_echo3.useSpace)();
+    const functionTrigger = shape.functionTrigger?.target;
+    (0, import_react30.useEffect)(() => {
+      if (functionTrigger && !functionTrigger.spec) {
+        functionTrigger.spec = createTriggerSpec({
+          triggerKind: import_functions2.TriggerKind.Email,
+          spaceId: space?.id
+        });
+      }
+    }, [
+      functionTrigger,
+      functionTrigger?.spec
+    ]);
+    (0, import_react30.useEffect)(() => {
+      shape.size.height = getHeight(getOutputSchema(functionTrigger?.spec?.kind ?? import_functions2.TriggerKind.Email));
+    }, [
+      functionTrigger?.spec?.kind
+    ]);
+    const setKind = (kind) => {
+      if (functionTrigger?.spec?.kind !== kind) {
+        functionTrigger.spec = createTriggerSpec({
+          triggerKind: kind,
+          spaceId: space?.id
+        });
+      }
+    };
+    if (!functionTrigger?.spec) {
+      return;
     }
-  };
-  if (!functionTrigger?.spec) {
-    return;
+    return /* @__PURE__ */ import_react30.default.createElement(FunctionBody, {
+      shape,
+      status: /* @__PURE__ */ import_react30.default.createElement(TriggerKindSelect, {
+        value: functionTrigger.spec?.kind,
+        onValueChange: (kind) => setKind(kind)
+      }),
+      inputSchema: import_conductor25.VoidInput,
+      outputSchema: getOutputSchema(functionTrigger.spec.kind)
+    });
+  } finally {
+    _effect.f();
   }
-  return /* @__PURE__ */ import_react30.default.createElement(FunctionBody, {
-    shape,
-    status: /* @__PURE__ */ import_react30.default.createElement(TriggerKindSelect, {
-      value: functionTrigger.spec?.type,
-      onValueChange: (kind) => setKind(kind)
-    }),
-    inputSchema: import_conductor25.VoidInput,
-    outputSchema: getOutputSchema(functionTrigger.spec.type)
-  });
 };
 var TriggerKindSelect = ({ value, onValueChange }) => {
-  return /* @__PURE__ */ import_react30.default.createElement(import_react_ui8.Select.Root, {
-    value,
-    onValueChange
-  }, /* @__PURE__ */ import_react30.default.createElement(import_react_ui8.Select.TriggerButton, {
-    variant: "ghost",
-    classNames: "w-full !px-0"
-  }), /* @__PURE__ */ import_react30.default.createElement(import_react_ui8.Select.Portal, null, /* @__PURE__ */ import_react30.default.createElement(import_react_ui8.Select.Content, null, /* @__PURE__ */ import_react30.default.createElement(import_react_ui8.Select.ScrollUpButton, null), /* @__PURE__ */ import_react30.default.createElement(import_react_ui8.Select.Viewport, null, Object.values(import_types2.TriggerKind).map((type) => /* @__PURE__ */ import_react30.default.createElement(import_react_ui8.Select.Option, {
-    key: type,
-    value: type
-  }, type))), /* @__PURE__ */ import_react30.default.createElement(import_react_ui8.Select.ScrollDownButton, null), /* @__PURE__ */ import_react30.default.createElement(import_react_ui8.Select.Arrow, null))));
+  var _effect = (0, import_tracking26.useSignals)();
+  try {
+    return /* @__PURE__ */ import_react30.default.createElement(import_react_ui8.Select.Root, {
+      value,
+      onValueChange
+    }, /* @__PURE__ */ import_react30.default.createElement(import_react_ui8.Select.TriggerButton, {
+      variant: "ghost",
+      classNames: "w-full !px-0"
+    }), /* @__PURE__ */ import_react30.default.createElement(import_react_ui8.Select.Portal, null, /* @__PURE__ */ import_react30.default.createElement(import_react_ui8.Select.Content, null, /* @__PURE__ */ import_react30.default.createElement(import_react_ui8.Select.ScrollUpButton, null), /* @__PURE__ */ import_react30.default.createElement(import_react_ui8.Select.Viewport, null, Object.values(import_functions2.TriggerKind).map((kind) => /* @__PURE__ */ import_react30.default.createElement(import_react_ui8.Select.Option, {
+      key: kind,
+      value: kind
+    }, kind))), /* @__PURE__ */ import_react30.default.createElement(import_react_ui8.Select.ScrollDownButton, null), /* @__PURE__ */ import_react30.default.createElement(import_react_ui8.Select.Arrow, null))));
+  } finally {
+    _effect.f();
+  }
 };
 var createTriggerSpec = (props) => {
-  const kind = props.triggerKind ?? import_types2.TriggerKind.Email;
+  const kind = props.triggerKind ?? import_functions2.TriggerKind.Email;
   switch (kind) {
-    case import_types2.TriggerKind.Timer:
+    case import_functions2.TriggerKind.Timer:
       return {
-        type: import_types2.TriggerKind.Timer,
+        kind: import_functions2.TriggerKind.Timer,
         cron: "*/10 * * * * *"
       };
-    case import_types2.TriggerKind.Webhook:
+    case import_functions2.TriggerKind.Webhook:
       return {
-        type: import_types2.TriggerKind.Webhook,
+        kind: import_functions2.TriggerKind.Webhook,
         method: "POST"
       };
-    case import_types2.TriggerKind.Subscription:
+    case import_functions2.TriggerKind.Subscription:
       return {
-        type: import_types2.TriggerKind.Subscription,
+        kind: import_functions2.TriggerKind.Subscription,
         filter: {}
       };
-    case import_types2.TriggerKind.Email:
+    case import_functions2.TriggerKind.Email:
       return {
-        type: import_types2.TriggerKind.Email
+        kind: import_functions2.TriggerKind.Email
       };
-    case import_types2.TriggerKind.Queue: {
-      const dxn = new import_keys2.DXN(import_keys2.DXN.kind.QUEUE, [
+    case import_functions2.TriggerKind.Queue: {
+      const dxn = new import_keys.DXN(import_keys.DXN.kind.QUEUE, [
         "data",
-        props.spaceId ?? import_keys2.SpaceId.random(),
-        import_echo_schema28.ObjectId.random()
+        props.spaceId ?? import_keys.SpaceId.random(),
+        import_echo_schema6.ObjectId.random()
       ]).toString();
       return {
-        type: import_types2.TriggerKind.Queue,
+        kind: import_functions2.TriggerKind.Queue,
         queue: dxn
       };
     }
@@ -2393,11 +2575,11 @@ var createTriggerSpec = (props) => {
 };
 var getOutputSchema = (kind) => {
   const kindToSchema = {
-    [import_types2.TriggerKind.Email]: import_conductor25.EmailTriggerOutput,
-    [import_types2.TriggerKind.Subscription]: import_conductor25.SubscriptionTriggerOutput,
-    [import_types2.TriggerKind.Timer]: import_conductor25.TimerTriggerOutput,
-    [import_types2.TriggerKind.Webhook]: import_conductor25.WebhookTriggerOutput,
-    [import_types2.TriggerKind.Queue]: import_conductor25.QueueTriggerOutput
+    [import_functions2.TriggerKind.Email]: import_functions2.EmailTriggerOutput,
+    [import_functions2.TriggerKind.Subscription]: import_functions2.SubscriptionTriggerOutput,
+    [import_functions2.TriggerKind.Timer]: import_functions2.TimerTriggerOutput,
+    [import_functions2.TriggerKind.Webhook]: import_functions2.WebhookTriggerOutput,
+    [import_functions2.TriggerKind.Queue]: import_functions2.QueueTriggerOutput
   };
   return kindToSchema[kind];
 };
@@ -2407,11 +2589,11 @@ var triggerShape = {
   icon: "ph--lightning--regular",
   component: TriggerComponent,
   createShape: createTrigger,
-  getAnchors: (shape) => createFunctionAnchors(shape, import_conductor25.VoidInput, getOutputSchema(shape.functionTrigger?.target?.spec?.type ?? import_types2.TriggerKind.Email))
+  getAnchors: (shape) => createFunctionAnchors(shape, import_conductor25.VoidInput, getOutputSchema(shape.functionTrigger?.target?.spec?.kind ?? import_functions2.TriggerKind.Email))
 };
 var __dxlog_file7 = "/home/runner/work/dxos/dxos/packages/ui/react-ui-canvas-compute/src/shapes/GptRealtime.tsx";
-var GptRealtimeShape = import_echo_schema29.S.extend(ComputeShape, import_echo_schema29.S.Struct({
-  type: import_echo_schema29.S.Literal("gpt-realtime")
+var GptRealtimeShape = import_effect28.Schema.extend(ComputeShape, import_effect28.Schema.Struct({
+  type: import_effect28.Schema.Literal("gpt-realtime")
 }));
 var createGptRealtime = (props) => createShape({
   type: "gpt-realtime",
@@ -2422,100 +2604,105 @@ var createGptRealtime = (props) => createShape({
   ...props
 });
 var GptRealtimeComponent = ({ shape }) => {
-  const [isLive, setIsLive] = (0, import_react31.useState)(false);
-  const [isReady, setIsReady] = (0, import_react31.useState)(false);
-  const config = (0, import_react_client2.useConfig)();
-  const start = async () => {
-    setIsLive(true);
-    try {
-      const peerConnection = new RTCPeerConnection();
-      peerConnection.ontrack = (event) => {
-        const audioElement = document.createElement("audio");
-        audioElement.srcObject = event.streams[0];
-        audioElement.autoplay = true;
-        audioElement.controls = false;
-        audioElement.style.display = "none";
-        document.body.appendChild(audioElement);
-        setIsReady(true);
-      };
-      const stream = await navigator.mediaDevices.getUserMedia({
-        audio: true
-      });
-      stream.getTracks().forEach((track) => peerConnection.addTransceiver(track, {
-        direction: "sendrecv"
-      }));
-      const offer = await peerConnection.createOffer();
-      await peerConnection.setLocalDescription(offer);
-      const aiServiceUrl = new URL("/rtc-connect", config.values.runtime?.services?.ai?.server ?? DEFAULT_AI_SERVICE_URL);
-      const response = await fetch(aiServiceUrl, {
-        method: "POST",
-        body: offer.sdp,
-        headers: {
-          "Content-Type": "application/sdp"
-        }
-      });
-      const answer = await response.text();
-      await peerConnection.setRemoteDescription({
-        sdp: answer,
-        type: "answer"
-      });
-      const dataChannel = peerConnection.createDataChannel("response");
-      const configureData = () => {
-        import_log2.log.info("Configuring data channel", void 0, {
-          F: __dxlog_file7,
-          L: 87,
-          S: void 0,
-          C: (f, a) => f(...a)
+  var _effect = (0, import_tracking27.useSignals)();
+  try {
+    const [isLive, setIsLive] = (0, import_react31.useState)(false);
+    const [isReady, setIsReady] = (0, import_react31.useState)(false);
+    const config = (0, import_react_client2.useConfig)();
+    const start = async () => {
+      setIsLive(true);
+      try {
+        const peerConnection = new RTCPeerConnection();
+        peerConnection.ontrack = (event) => {
+          const audioElement = document.createElement("audio");
+          audioElement.srcObject = event.streams[0];
+          audioElement.autoplay = true;
+          audioElement.controls = false;
+          audioElement.style.display = "none";
+          document.body.appendChild(audioElement);
+          setIsReady(true);
+        };
+        const stream = await navigator.mediaDevices.getUserMedia({
+          audio: true
         });
-        const event = {
-          type: "session.update",
-          session: {
-            modalities: [
-              "text",
-              "audio"
-            ],
-            // Provide the tools. Note they match the keys in the `fns` object above
-            tools: []
+        stream.getTracks().forEach((track) => peerConnection.addTransceiver(track, {
+          direction: "sendrecv"
+        }));
+        const offer = await peerConnection.createOffer();
+        await peerConnection.setLocalDescription(offer);
+        const aiServiceUrl = new URL("/rtc-connect", config.values.runtime?.services?.ai?.server ?? DEFAULT_AI_SERVICE_URL);
+        const response = await fetch(aiServiceUrl, {
+          method: "POST",
+          body: offer.sdp,
+          headers: {
+            "Content-Type": "application/sdp"
           }
+        });
+        const answer = await response.text();
+        await peerConnection.setRemoteDescription({
+          sdp: answer,
+          type: "answer"
+        });
+        const dataChannel = peerConnection.createDataChannel("response");
+        const configureData = () => {
+          import_log2.log.info("Configuring data channel", void 0, {
+            F: __dxlog_file7,
+            L: 87,
+            S: void 0,
+            C: (f, a) => f(...a)
+          });
+          const event = {
+            type: "session.update",
+            session: {
+              modalities: [
+                "text",
+                "audio"
+              ],
+              // Provide the tools. Note they match the keys in the `fns` object above
+              tools: []
+            }
+          };
+          dataChannel.send(JSON.stringify(event));
         };
-        dataChannel.send(JSON.stringify(event));
-      };
-      dataChannel.addEventListener("open", (ev) => {
-        import_log2.log.info("Opening data channel", {
-          ev
+        dataChannel.addEventListener("open", (ev) => {
+          import_log2.log.info("Opening data channel", {
+            ev
+          }, {
+            F: __dxlog_file7,
+            L: 100,
+            S: void 0,
+            C: (f, a) => f(...a)
+          });
+          configureData();
+        });
+        dataChannel.addEventListener("message", async (ev) => {
+          const msg = JSON.parse(ev.data);
+          if (msg.type === "response.function_call_arguments.done") {
+          }
+        });
+      } catch (error) {
+        import_log2.log.error("Error in realtime session:", {
+          error
         }, {
           F: __dxlog_file7,
-          L: 100,
+          L: 140,
           S: void 0,
           C: (f, a) => f(...a)
         });
-        configureData();
-      });
-      dataChannel.addEventListener("message", async (ev) => {
-        const msg = JSON.parse(ev.data);
-        if (msg.type === "response.function_call_arguments.done") {
-        }
-      });
-    } catch (error) {
-      import_log2.log.error("Error in realtime session:", {
-        error
-      }, {
-        F: __dxlog_file7,
-        L: 140,
-        S: void 0,
-        C: (f, a) => f(...a)
-      });
-      throw error;
-    }
-  };
-  return /* @__PURE__ */ import_react31.default.createElement("div", {
-    className: "flex w-full justify-center items-center"
-  }, /* @__PURE__ */ import_react31.default.createElement(import_react_ui9.Icon, {
-    icon: isReady ? "ph--waveform--regular" : isLive ? "ph--pulse--regular" : "ph--play--regular",
-    size: 16,
-    classNames: !isLive && "cursor-pointer",
-    onClick: start
-  }));
+        throw error;
+      }
+    };
+    return /* @__PURE__ */ import_react31.default.createElement("div", {
+      className: "flex w-full justify-center items-center"
+    }, /* @__PURE__ */ import_react31.default.createElement(import_react_ui9.Icon, {
+      icon: isReady ? "ph--waveform--regular" : isLive ? "ph--pulse--regular" : "ph--play--regular",
+      size: 16,
+      classNames: !isLive && "cursor-pointer",
+      onClick: start
+    }));
+  } finally {
+    _effect.f();
+  }
 };
 var gptRealtimeShape = {
   type: "gpt-realtime",
@@ -2524,9 +2711,9 @@ var gptRealtimeShape = {
   component: GptRealtimeComponent,
   createShape: createGptRealtime,
   // TODO(dmaretskyi): Can we fetch the schema dynamically?
-  getAnchors: (shape) => createFunctionAnchors(shape, import_echo_schema29.S.Struct({
-    audio: import_echo_schema29.S.Any
-  }), import_echo_schema29.S.Struct({})),
+  getAnchors: (shape) => createFunctionAnchors(shape, import_effect28.Schema.Struct({
+    audio: import_effect28.Schema.Any
+  }), import_effect28.Schema.Struct({})),
   resizable: true
 };
 var DEFAULT_AI_SERVICE_URL = "http://localhost:8788";
@@ -2592,8 +2779,7 @@ var computeShapes = [
 ];
 var ComputeShapeLayout = class extends import_react_ui_canvas_editor23.ShapeLayout {
   constructor(_controller, registry2) {
-    super(registry2);
-    this._controller = _controller;
+    super(registry2), this._controller = _controller;
   }
   // TODO(burdon): Doesn't update.
   getAnchors(shape) {
@@ -2602,8 +2788,8 @@ var ComputeShapeLayout = class extends import_react_ui_canvas_editor23.ShapeLayo
     if (shape.node) {
       const node = this._controller.graph.getNode(shape.node);
       if (node.inputSchema || node.outputSchema) {
-        const inputSchema = node.inputSchema ? (0, import_echo_schema30.toEffectSchema)(node.inputSchema) : import_conductor26.DefaultInput;
-        const outputSchema = node.outputSchema ? (0, import_echo_schema30.toEffectSchema)(node.outputSchema) : import_conductor26.DefaultOutput;
+        const inputSchema = node.inputSchema ? (0, import_echo_schema7.toEffectSchema)(node.inputSchema) : import_conductor26.DefaultInput;
+        const outputSchema = node.outputSchema ? (0, import_echo_schema7.toEffectSchema)(node.outputSchema) : import_conductor26.DefaultOutput;
         anchors = createFunctionAnchors(shape, inputSchema, outputSchema);
       }
     }