@dxos/react-ui-canvas-compute 0.8.2-staging.7ac8446 → 0.8.3-main.672df60

package/dist/lib/browser/index.mjs

@@ -142,8 +142,8 @@ var useComputeGraphController = ({ controller, graph, editorRef }) => {
 };
 
 // packages/ui/react-ui-canvas-compute/src/hooks/useComputeNodeState.ts
+import { Schema } from "effect";
 import { useCallback, useEffect as useEffect2, useState as useState2 } from "react";
-import { S } from "@dxos/echo-schema";
 import { invariant as invariant2 } from "@dxos/invariant";
 var __dxlog_file2 = "/home/runner/work/dxos/dxos/packages/ui/react-ui-canvas-compute/src/hooks/useComputeNodeState.ts";
 var useComputeNodeState = (shape) => {
@@ -200,8 +200,8 @@ var useComputeNodeState = (shape) => {
   return {
     node: controller.getComputeNode(shape.node),
     meta: meta ?? {
-      input: S.Struct({}),
-      output: S.Struct({})
+      input: Schema.Struct({}),
+      output: Schema.Struct({})
     },
     runtime: {
       inputs: controller.getInputs(shape.node),
@@ -218,9 +218,8 @@ var useComputeNodeState = (shape) => {
 // packages/ui/react-ui-canvas-compute/src/hooks/useGraphMonitor.ts
 import { useMemo } from "react";
 import { ComputeGraphModel, DEFAULT_INPUT, DEFAULT_OUTPUT } from "@dxos/conductor";
-import { ObjectId as ObjectId2 } from "@dxos/echo-schema";
+import { ObjectId as ObjectId2, Ref } from "@dxos/echo-schema";
 import { invariant as invariant3 } from "@dxos/invariant";
-import { DXN } from "@dxos/keys";
 import { getSpace } from "@dxos/react-client/echo";
 import { isNonNullable } from "@dxos/util";
 var __dxlog_file3 = "/home/runner/work/dxos/dxos/packages/ui/react-ui-canvas-compute/src/hooks/useGraphMonitor.ts";
@@ -229,7 +228,7 @@ var mapEdge = (graph, { source, target, output = DEFAULT_OUTPUT, input = DEFAULT
   const targetNode = graph.findNode(target);
   invariant3(sourceNode?.node, void 0, {
     F: __dxlog_file3,
-    L: 27,
+    L: 26,
     S: void 0,
     A: [
       "sourceNode?.node",
@@ -238,7 +237,7 @@ var mapEdge = (graph, { source, target, output = DEFAULT_OUTPUT, input = DEFAULT
   });
   invariant3(targetNode?.node, void 0, {
     F: __dxlog_file3,
-    L: 28,
+    L: 27,
     S: void 0,
     A: [
       "targetNode?.node",
@@ -262,7 +261,7 @@ var useGraphMonitor = (model) => {
         }
         invariant3(node.type, void 0, {
           F: __dxlog_file3,
-          L: 53,
+          L: 52,
           S: void 0,
           A: [
             "node.type",
@@ -320,16 +319,15 @@ var linkTriggerToCompute = (graph, computeNode, triggerData) => {
   const functionTrigger = triggerData.functionTrigger?.target;
   invariant3(functionTrigger, void 0, {
     F: __dxlog_file3,
-    L: 116,
+    L: 115,
     S: void 0,
     A: [
       "functionTrigger",
       ""
     ]
   });
-  functionTrigger.function = DXN.fromLocalObjectId(graph.root.id).toString();
-  functionTrigger.meta ??= {};
-  functionTrigger.meta.computeNodeId = computeNode.id;
+  functionTrigger.function = Ref.make(graph.root);
+  functionTrigger.inputNodeId = computeNode.id;
 };
 var deleteTriggerObjects = (computeGraph, deleted) => {
   const space = getSpace(computeGraph.root);
@@ -369,19 +367,9 @@ var createComputeGraphController = (graph, services) => {
 };
 var ComputeGraphController = class extends Resource {
   constructor(_graph) {
-    super();
-    this._graph = _graph;
-    this._executor = new GraphExecutor({
+    super(), this._graph = _graph, this._executor = new GraphExecutor({
       computeNodeResolver: (node) => resolveComputeNode(node)
-    });
-    this._diagnostics = [];
-    this._services = {};
-    this._forcedOutputs = {};
-    this._runtimeStateInputs = {};
-    this._runtimeStateOutputs = {};
-    this.update = new Event();
-    this.output = new Event();
-    this.events = new Event();
+    }), this._diagnostics = [], this._services = {}, this._forcedOutputs = {}, this._runtimeStateInputs = {}, this._runtimeStateOutputs = {}, this.update = new Event(), this.output = new Event(), this.events = new Event();
   }
   toJSON() {
     return {
@@ -649,6 +637,7 @@ var computeValueBag = (bag) => {
 import { noteShape } from "@dxos/react-ui-canvas-editor";
 
 // packages/ui/react-ui-canvas-compute/src/shapes/common/Box.tsx
+import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";
 import React, { forwardRef } from "react";
 import { invariant as invariant4 } from "@dxos/invariant";
 import { Icon, IconButton } from "@dxos/react-ui";
@@ -658,74 +647,80 @@ var __dxlog_file5 = "/home/runner/work/dxos/dxos/packages/ui/react-ui-canvas-com
 var headerHeight = 32;
 var footerHeight = 32;
 var Box = /* @__PURE__ */ forwardRef(({ children, classNames, shape, title, status, open, onAction }, forwardedRef) => {
-  invariant4(shape.type, void 0, {
-    F: __dxlog_file5,
-    L: 30,
-    S: void 0,
-    A: [
-      "shape.type",
-      ""
-    ]
-  });
-  const { icon, name, openable } = useShapeDef(shape.type) ?? {
-    icon: "ph--placeholder--regular"
-  };
-  const { debug } = useEditorContext();
-  return /* @__PURE__ */ React.createElement("div", {
-    ref: forwardedRef,
-    className: "flex flex-col h-full w-full justify-between"
-  }, /* @__PURE__ */ React.createElement("div", {
-    className: "flex shrink-0 w-full justify-between items-center h-[32px] bg-hoverSurface"
-  }, /* @__PURE__ */ React.createElement(Icon, {
-    icon,
-    classNames: "mx-2"
-  }), /* @__PURE__ */ React.createElement("div", {
-    className: "grow text-sm truncate"
-  }, debug ? shape.type : name ?? shape.text ?? title), /* @__PURE__ */ React.createElement(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__ */ React.createElement("div", {
-    className: mx("flex flex-col h-full grow overflow-hidden", classNames)
-  }, children), /* @__PURE__ */ React.createElement("div", {
-    className: "flex shrink-0 w-full justify-between items-center h-[32px] bg-hoverSurface"
-  }, /* @__PURE__ */ React.createElement("div", {
-    className: "grow px-2 text-sm truncate"
-  }, debug ? shape.id : status), openable && /* @__PURE__ */ React.createElement(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 = _useSignals();
+  try {
+    invariant4(shape.type, void 0, {
+      F: __dxlog_file5,
+      L: 30,
+      S: void 0,
+      A: [
+        "shape.type",
+        ""
+      ]
+    });
+    const { icon, name, openable } = useShapeDef(shape.type) ?? {
+      icon: "ph--placeholder--regular"
+    };
+    const { debug } = useEditorContext();
+    return /* @__PURE__ */ React.createElement("div", {
+      ref: forwardedRef,
+      className: "flex flex-col h-full w-full justify-between"
+    }, /* @__PURE__ */ React.createElement("div", {
+      className: "flex shrink-0 w-full justify-between items-center h-[32px] bg-hoverSurface"
+    }, /* @__PURE__ */ React.createElement(Icon, {
+      icon,
+      classNames: "mx-2"
+    }), /* @__PURE__ */ React.createElement("div", {
+      className: "grow text-sm truncate"
+    }, debug ? shape.type : name ?? shape.text ?? title), /* @__PURE__ */ React.createElement(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__ */ React.createElement("div", {
+      className: mx("flex flex-col h-full grow overflow-hidden", classNames)
+    }, children), /* @__PURE__ */ React.createElement("div", {
+      className: "flex shrink-0 w-full justify-between items-center h-[32px] bg-hoverSurface"
+    }, /* @__PURE__ */ React.createElement("div", {
+      className: "grow px-2 text-sm truncate"
+    }, debug ? shape.id : status), openable && /* @__PURE__ */ React.createElement(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();
+  }
 });
 
 // packages/ui/react-ui-canvas-compute/src/shapes/common/FunctionBody.tsx
+import { useSignals as _useSignals2 } from "@preact-signals/safe-react/tracking";
+import { SchemaAST as SchemaAST2 } from "effect";
 import React2, { useRef, useState as useState3 } from "react";
 import { VoidInput, VoidOutput } from "@dxos/conductor";
-import { AST as AST2 } from "@dxos/echo-schema";
 import { useCanvasContext } from "@dxos/react-ui-canvas";
 import { getParentShapeElement, createAnchors, rowHeight } from "@dxos/react-ui-canvas-editor";
 
 // packages/ui/react-ui-canvas-compute/src/shapes/defs.ts
-import { SchemaAST as AST } from "effect";
+import { Schema as Schema2, SchemaAST } from "effect";
 import { DEFAULT_INPUT as DEFAULT_INPUT2, DEFAULT_OUTPUT as DEFAULT_OUTPUT2 } from "@dxos/conductor";
-import { ObjectId as ObjectId3, S as S2 } from "@dxos/echo-schema";
+import { ObjectId as ObjectId3 } from "@dxos/echo-schema";
 import { Polygon } from "@dxos/react-ui-canvas-editor";
-var getProperties = (ast) => AST.getPropertySignatures(ast).map(({ name }) => ({
+var getProperties = (ast) => SchemaAST.getPropertySignatures(ast).map(({ name }) => ({
   name: name.toString()
 }));
 var createAnchorId = (kind, property = kind === "input" ? DEFAULT_INPUT2 : DEFAULT_OUTPUT2) => [
@@ -739,12 +734,12 @@ var parseAnchorId = (id) => {
     id
   ];
 };
-var ComputeShape = S2.extend(Polygon, S2.Struct({
+var ComputeShape = Schema2.extend(Polygon, Schema2.Struct({
   // TODO(burdon): Rename computeNode?
-  node: S2.optional(ObjectId3.annotations({
-    [AST.DescriptionAnnotationId]: "Compute node id"
+  node: Schema2.optional(ObjectId3.annotations({
+    description: "Compute node id"
   }))
-}).pipe(S2.mutable));
+}).pipe(Schema2.mutable));
 var createShape = ({ id, ...rest }) => {
   return {
     id: id ?? ObjectId3.random(),
@@ -756,73 +751,78 @@ var createShape = ({ id, ...rest }) => {
 var bodyPadding = 8;
 var expandedHeight = 200;
 var FunctionBody = ({ shape, name, content, inputSchema = VoidInput, outputSchema = VoidOutput, ...props }) => {
-  const { scale } = useCanvasContext();
-  const rootRef = useRef(null);
-  const [open, setOpen] = useState3(false);
-  const handleAction = (action) => {
-    if (!rootRef.current) {
-      return;
-    }
-    switch (action) {
-      case "open": {
-        const el = getParentShapeElement(rootRef.current, shape.id);
-        const { height } = el.getBoundingClientRect();
-        el.style.height = `${height / scale + expandedHeight}px`;
-        setOpen(true);
-        break;
+  var _effect = _useSignals2();
+  try {
+    const { scale } = useCanvasContext();
+    const rootRef = useRef(null);
+    const [open, setOpen] = useState3(false);
+    const handleAction = (action) => {
+      if (!rootRef.current) {
+        return;
       }
-      case "close": {
-        const el = getParentShapeElement(rootRef.current, shape.id);
-        el.style.height = "";
-        setOpen(false);
-        break;
+      switch (action) {
+        case "open": {
+          const el = getParentShapeElement(rootRef.current, shape.id);
+          const { height } = el.getBoundingClientRect();
+          el.style.height = `${height / scale + expandedHeight}px`;
+          setOpen(true);
+          break;
+        }
+        case "close": {
+          const el = 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__ */ React2.createElement(Box, {
-    ref: rootRef,
-    shape,
-    title: name,
-    classNames: "divide-y divide-separator",
-    open,
-    onAction: handleAction,
-    ...props
-  }, /* @__PURE__ */ React2.createElement("div", {
-    className: `grid grid-cols-${columnCount} items-center`,
-    style: {
-      paddingTop: bodyPadding,
-      paddingBottom: bodyPadding
-    }
-  }, (inputs?.length ?? 0) > 0 && /* @__PURE__ */ React2.createElement("div", {
-    className: "flex flex-col"
-  }, inputs?.map(({ name: name2 }) => /* @__PURE__ */ React2.createElement("div", {
-    key: name2,
-    className: "px-2 truncate text-sm font-mono items-center",
-    style: {
-      height: rowHeight
-    }
-  }, name2))), (outputs?.length ?? 0) > 0 && /* @__PURE__ */ React2.createElement("div", {
-    className: "flex flex-col"
-  }, outputs?.map(({ name: name2 }) => /* @__PURE__ */ React2.createElement("div", {
-    key: name2,
-    className: "px-2 truncate text-sm font-mono items-center text-right",
-    style: {
-      height: rowHeight
-    }
-  }, name2)))), open && /* @__PURE__ */ React2.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__ */ React2.createElement(Box, {
+      ref: rootRef,
+      shape,
+      title: name,
+      classNames: "divide-y divide-separator",
+      open,
+      onAction: handleAction,
+      ...props
+    }, /* @__PURE__ */ React2.createElement("div", {
+      className: `grid grid-cols-${columnCount} items-center`,
+      style: {
+        paddingTop: bodyPadding,
+        paddingBottom: bodyPadding
+      }
+    }, (inputs?.length ?? 0) > 0 && /* @__PURE__ */ React2.createElement("div", {
+      className: "flex flex-col"
+    }, inputs?.map(({ name: name2 }) => /* @__PURE__ */ React2.createElement("div", {
+      key: name2,
+      className: "px-2 truncate text-sm font-mono items-center",
+      style: {
+        height: rowHeight
+      }
+    }, name2))), (outputs?.length ?? 0) > 0 && /* @__PURE__ */ React2.createElement("div", {
+      className: "flex flex-col"
+    }, outputs?.map(({ name: name2 }) => /* @__PURE__ */ React2.createElement("div", {
+      key: name2,
+      className: "px-2 truncate text-sm font-mono items-center text-right",
+      style: {
+        height: rowHeight
+      }
+    }, name2)))), open && /* @__PURE__ */ React2.createElement("div", {
+      className: "flex flex-col grow overflow-hidden"
+    }, content));
+  } finally {
+    _effect.f();
+  }
 };
 var getHeight = (input) => {
-  const properties = AST2.getPropertySignatures(input.ast);
+  const properties = SchemaAST2.getPropertySignatures(input.ast);
   return headerHeight + footerHeight + bodyPadding * 2 + properties.length * rowHeight + 2;
 };
 var createFunctionAnchors = (shape, input = VoidInput, output = VoidOutput) => {
-  const inputs = AST2.getPropertySignatures(input.ast).map(({ name }) => createAnchorId("input", name.toString()));
-  const outputs = AST2.getPropertySignatures(output.ast).map(({ name }) => createAnchorId("output", name.toString()));
+  const inputs = SchemaAST2.getPropertySignatures(input.ast).map(({ name }) => createAnchorId("input", name.toString()));
+  const outputs = SchemaAST2.getPropertySignatures(output.ast).map(({ name }) => createAnchorId("output", name.toString()));
   return createAnchors({
     shape,
     inputs,
@@ -835,35 +835,47 @@ var createFunctionAnchors = (shape, input = VoidInput, output = VoidOutput) => {
 };
 
 // packages/ui/react-ui-canvas-compute/src/shapes/common/TypeSelect.tsx
+import { useSignals as _useSignals3 } from "@preact-signals/safe-react/tracking";
 import React3 from "react";
 import { ComputeValueType } from "@dxos/conductor";
 import { Select } from "@dxos/react-ui";
 var TypeSelect = ({ value, onValueChange }) => {
-  return /* @__PURE__ */ React3.createElement(Select.Root, {
-    value,
-    onValueChange
-  }, /* @__PURE__ */ React3.createElement(Select.TriggerButton, {
-    variant: "ghost",
-    classNames: "w-full !px-0"
-  }), /* @__PURE__ */ React3.createElement(Select.Portal, null, /* @__PURE__ */ React3.createElement(Select.Content, null, /* @__PURE__ */ React3.createElement(Select.ScrollUpButton, null), /* @__PURE__ */ React3.createElement(Select.Viewport, null, ComputeValueType.literals.map((type) => /* @__PURE__ */ React3.createElement(Select.Option, {
-    key: type,
-    value: type
-  }, type))), /* @__PURE__ */ React3.createElement(Select.ScrollDownButton, null), /* @__PURE__ */ React3.createElement(Select.Arrow, null))));
+  var _effect = _useSignals3();
+  try {
+    return /* @__PURE__ */ React3.createElement(Select.Root, {
+      value,
+      onValueChange
+    }, /* @__PURE__ */ React3.createElement(Select.TriggerButton, {
+      variant: "ghost",
+      classNames: "w-full !px-0"
+    }), /* @__PURE__ */ React3.createElement(Select.Portal, null, /* @__PURE__ */ React3.createElement(Select.Content, null, /* @__PURE__ */ React3.createElement(Select.ScrollUpButton, null), /* @__PURE__ */ React3.createElement(Select.Viewport, null, ComputeValueType.literals.map((type) => /* @__PURE__ */ React3.createElement(Select.Option, {
+      key: type,
+      value: type
+    }, type))), /* @__PURE__ */ React3.createElement(Select.ScrollDownButton, null), /* @__PURE__ */ React3.createElement(Select.Arrow, null))));
+  } finally {
+    _effect.f();
+  }
 };
 
 // packages/ui/react-ui-canvas-compute/src/shapes/Array.tsx
+import { useSignals as _useSignals4 } from "@preact-signals/safe-react/tracking";
+import { Schema as Schema3 } from "effect";
 import React4 from "react";
 import { ReducerInput, ReducerOutput } from "@dxos/conductor";
-import { S as S3 } from "@dxos/echo-schema";
-var ReducerShape = S3.extend(ComputeShape, S3.Struct({
-  type: S3.Literal("reducer")
+var ReducerShape = Schema3.extend(ComputeShape, Schema3.Struct({
+  type: Schema3.Literal("reducer")
 }));
 var ReducerComponent = ({ shape }) => {
-  return /* @__PURE__ */ React4.createElement(FunctionBody, {
-    shape,
-    inputSchema: ReducerInput,
-    outputSchema: ReducerOutput
-  });
+  var _effect = _useSignals4();
+  try {
+    return /* @__PURE__ */ React4.createElement(FunctionBody, {
+      shape,
+      inputSchema: ReducerInput,
+      outputSchema: ReducerOutput
+    });
+  } finally {
+    _effect.f();
+  }
 };
 var createReducer = ({ id, size = {
   width: 192,
@@ -883,11 +895,12 @@ var reducerShape = {
 };
 
 // packages/ui/react-ui-canvas-compute/src/shapes/Append.tsx
+import { useSignals as _useSignals5 } from "@preact-signals/safe-react/tracking";
+import { Schema as Schema4 } from "effect";
 import React5 from "react";
 import { AppendInput } from "@dxos/conductor";
-import { S as S4 } from "@dxos/echo-schema";
-var AppendShape = S4.extend(ComputeShape, S4.Struct({
-  type: S4.Literal("append")
+var AppendShape = Schema4.extend(ComputeShape, Schema4.Struct({
+  type: Schema4.Literal("append")
 }));
 var createAppend = (props) => createShape({
   type: "append",
@@ -898,10 +911,15 @@ var createAppend = (props) => createShape({
   ...props
 });
 var AppendComponent = ({ shape }) => {
-  return /* @__PURE__ */ React5.createElement(FunctionBody, {
-    shape,
-    inputSchema: AppendInput
-  });
+  var _effect = _useSignals5();
+  try {
+    return /* @__PURE__ */ React5.createElement(FunctionBody, {
+      shape,
+      inputSchema: AppendInput
+    });
+  } finally {
+    _effect.f();
+  }
 };
 var appendShape = {
   type: "append",
@@ -913,12 +931,13 @@ var appendShape = {
 };
 
 // packages/ui/react-ui-canvas-compute/src/shapes/Audio.tsx
+import { useSignals as _useSignals6 } from "@preact-signals/safe-react/tracking";
+import { Schema as Schema5 } from "effect";
 import React6, { useEffect as useEffect3, useState as useState4 } from "react";
-import { S as S5 } from "@dxos/echo-schema";
 import { Icon as Icon2 } from "@dxos/react-ui";
 import { createAnchorMap } from "@dxos/react-ui-canvas-editor";
-var AudioShape = S5.extend(ComputeShape, S5.Struct({
-  type: S5.Literal("audio")
+var AudioShape = Schema5.extend(ComputeShape, Schema5.Struct({
+  type: Schema5.Literal("audio")
 }));
 var createAudio = (props) => createShape({
   type: "audio",
@@ -929,24 +948,29 @@ var createAudio = (props) => createShape({
   ...props
 });
 var AudioComponent = ({ shape }) => {
-  const { node } = useComputeNodeState(shape);
-  const [active, setActive] = useState4(false);
-  useEffect3(() => {
-    node.value = active;
-  }, [
-    active
-  ]);
-  return /* @__PURE__ */ React6.createElement("div", {
-    className: "flex w-full justify-center items-center"
-  }, /* @__PURE__ */ React6.createElement(Icon2, {
-    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 = _useSignals6();
+  try {
+    const { node } = useComputeNodeState(shape);
+    const [active, setActive] = useState4(false);
+    useEffect3(() => {
+      node.value = active;
+    }, [
+      active
+    ]);
+    return /* @__PURE__ */ React6.createElement("div", {
+      className: "flex w-full justify-center items-center"
+    }, /* @__PURE__ */ React6.createElement(Icon2, {
+      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",
@@ -963,14 +987,15 @@ var audioShape = {
 };
 
 // packages/ui/react-ui-canvas-compute/src/shapes/Beacon.tsx
+import { useSignals as _useSignals7 } from "@preact-signals/safe-react/tracking";
+import { Schema as Schema6 } from "effect";
 import React7 from "react";
 import { DEFAULT_INPUT as DEFAULT_INPUT3, isTruthy } from "@dxos/conductor";
-import { S as S6 } from "@dxos/echo-schema";
 import { Icon as Icon3 } from "@dxos/react-ui";
 import { createAnchorMap as createAnchorMap2 } from "@dxos/react-ui-canvas-editor";
 import { mx as mx2 } from "@dxos/react-ui-theme";
-var BeaconShape = S6.extend(ComputeShape, S6.Struct({
-  type: S6.Literal("beacon")
+var BeaconShape = Schema6.extend(ComputeShape, Schema6.Struct({
+  type: Schema6.Literal("beacon")
 }));
 var createBeacon = (props) => createShape({
   type: "beacon",
@@ -981,16 +1006,21 @@ var createBeacon = (props) => createShape({
   ...props
 });
 var BeaconComponent = ({ shape }) => {
-  const { runtime } = useComputeNodeState(shape);
-  const input = runtime.inputs[DEFAULT_INPUT3];
-  const value = input?.type === "executed" ? input.value : false;
-  return /* @__PURE__ */ React7.createElement("div", {
-    className: "flex w-full justify-center items-center"
-  }, /* @__PURE__ */ React7.createElement(Icon3, {
-    icon: "ph--sun--regular",
-    classNames: mx2("transition opacity-20 duration-1000", isTruthy(value) && "opacity-100 text-yellow-500"),
-    size: 8
-  }));
+  var _effect = _useSignals7();
+  try {
+    const { runtime } = useComputeNodeState(shape);
+    const input = runtime.inputs[DEFAULT_INPUT3];
+    const value = input?.type === "executed" ? input.value : false;
+    return /* @__PURE__ */ React7.createElement("div", {
+      className: "flex w-full justify-center items-center"
+    }, /* @__PURE__ */ React7.createElement(Icon3, {
+      icon: "ph--sun--regular",
+      classNames: mx2("transition opacity-20 duration-1000", isTruthy(value) && "opacity-100 text-yellow-500"),
+      size: 8
+    }));
+  } finally {
+    _effect.f();
+  }
 };
 var beaconShape = {
   type: "beacon",
@@ -1007,11 +1037,12 @@ var beaconShape = {
 };
 
 // packages/ui/react-ui-canvas-compute/src/shapes/Boolean.tsx
+import { useSignals as _useSignals8 } from "@preact-signals/safe-react/tracking";
+import { Schema as Schema7 } from "effect";
 import React8 from "react";
-import { S as S7 } from "@dxos/echo-schema";
 import { createAnchors as createAnchors2, getAnchorPoints } from "@dxos/react-ui-canvas-editor";
-var GateShape = S7.extend(ComputeShape, S7.Struct({
-  type: S7.String
+var GateShape = Schema7.extend(ComputeShape, Schema7.Struct({
+  type: Schema7.String
 }));
 var createGate = (props) => createShape({
   size: {
@@ -1020,10 +1051,17 @@ var createGate = (props) => createShape({
   },
   ...props
 });
-var GateComponent = (Symbol2) => () => {
-  return /* @__PURE__ */ React8.createElement("div", {
-    className: "flex w-full justify-center items-center"
-  }, /* @__PURE__ */ React8.createElement(Symbol2, null));
+var GateComponent = (Symbol2) => {
+  var _effect = _useSignals8();
+  try {
+    return () => {
+      return /* @__PURE__ */ React8.createElement("div", {
+        className: "flex w-full justify-center items-center"
+      }, /* @__PURE__ */ React8.createElement(Symbol2, null));
+    };
+  } finally {
+    _effect.f();
+  }
 };
 var defineShape = ({ type, name, icon, Symbol: Symbol2, createShape: createShape2, inputs, outputs = [
   createAnchorId("output")
@@ -1039,48 +1077,55 @@ var defineShape = ({ type, name, icon, Symbol: Symbol2, createShape: createShape
     outputs
   })
 });
-var Symbol = (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__ */ React8.createElement("svg", {
-    viewBox: `0 0 ${width} ${height}`,
-    className: "w-full h-full"
-  }, getAnchorPoints({
-    x: 0,
-    y: centerY
-  }, inputs).map(({ x, y }, i) => /* @__PURE__ */ React8.createElement("line", {
-    key: i,
-    x1: x,
-    y1: y,
-    x2: startX * 1.3,
-    y2: y,
-    strokeWidth,
-    className
-  })), /* @__PURE__ */ React8.createElement("line", {
-    x1: endX,
-    y1: centerY,
-    x2: width,
-    y2: centerY,
-    strokeWidth,
-    className
-  }), paths.map((path, i) => /* @__PURE__ */ React8.createElement("path", {
-    key: i,
-    d: path,
-    strokeWidth,
-    className
-  })));
+var Symbol = (pathConstructor, inputs) => {
+  var _effect = _useSignals8();
+  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__ */ React8.createElement("svg", {
+        viewBox: `0 0 ${width} ${height}`,
+        className: "w-full h-full"
+      }, getAnchorPoints({
+        x: 0,
+        y: centerY
+      }, inputs).map(({ x, y }, i) => /* @__PURE__ */ React8.createElement("line", {
+        key: i,
+        x1: x,
+        y1: y,
+        x2: startX * 1.3,
+        y2: y,
+        strokeWidth,
+        className
+      })), /* @__PURE__ */ React8.createElement("line", {
+        x1: endX,
+        y1: centerY,
+        x2: width,
+        y2: centerY,
+        strokeWidth,
+        className
+      }), paths.map((path, i) => /* @__PURE__ */ React8.createElement("path", {
+        key: i,
+        d: path,
+        strokeWidth,
+        className
+      })));
+    };
+  } finally {
+    _effect.f();
+  }
 };
 var AndSymbol = Symbol(({ startX, endX, height }) => {
   const arcRadius = (endX - startX) / 2;
@@ -1178,32 +1223,38 @@ var notShape = defineShape({
 });
 
 // packages/ui/react-ui-canvas-compute/src/shapes/Chat.tsx
+import { useSignals as _useSignals9 } from "@preact-signals/safe-react/tracking";
+import { Schema as Schema8 } from "effect";
 import React9, { useRef as useRef2 } from "react";
 import { DEFAULT_OUTPUT as DEFAULT_OUTPUT3 } from "@dxos/conductor";
-import { S as S8 } from "@dxos/echo-schema";
 import { TextBox } from "@dxos/react-ui-canvas-editor";
 import { createAnchorMap as createAnchorMap3 } from "@dxos/react-ui-canvas-editor";
-var ChatShape = S8.extend(ComputeShape, S8.Struct({
-  type: S8.Literal("chat")
+var ChatShape = Schema8.extend(ComputeShape, Schema8.Struct({
+  type: Schema8.Literal("chat")
 }));
 var TextInputComponent = ({ shape, title, ...props }) => {
-  const { runtime } = useComputeNodeState(shape);
-  const inputRef = useRef2(null);
-  const handleEnter = (text) => {
-    const value = text.trim();
-    if (value.length) {
-      runtime.setOutput(DEFAULT_OUTPUT3, value);
-      inputRef.current?.setText("");
-    }
-  };
-  return /* @__PURE__ */ React9.createElement(Box, {
-    shape,
-    title
-  }, /* @__PURE__ */ React9.createElement(TextBox, {
-    ref: inputRef,
-    onEnter: handleEnter,
-    ...props
-  }));
+  var _effect = _useSignals9();
+  try {
+    const { runtime } = useComputeNodeState(shape);
+    const inputRef = useRef2(null);
+    const handleEnter = (text) => {
+      const value = text.trim();
+      if (value.length) {
+        runtime.setOutput(DEFAULT_OUTPUT3, value);
+        inputRef.current?.setText("");
+      }
+    };
+    return /* @__PURE__ */ React9.createElement(Box, {
+      shape,
+      title
+    }, /* @__PURE__ */ React9.createElement(TextBox, {
+      ref: inputRef,
+      onEnter: handleEnter,
+      ...props
+    }));
+  } finally {
+    _effect.f();
+  }
 };
 var createChat = (props) => createShape({
   type: "chat",
@@ -1233,16 +1284,17 @@ var chatShape = {
 };
 
 // packages/ui/react-ui-canvas-compute/src/shapes/Constant.tsx
+import { useSignals as _useSignals10 } from "@preact-signals/safe-react/tracking";
+import { Schema as Schema9 } from "effect";
 import React10, { useCallback as useCallback2, useRef as useRef3, useState as useState5 } from "react";
 import { ComputeValueType as ComputeValueType2 } from "@dxos/conductor";
-import { S as S9 } from "@dxos/echo-schema";
 import { Input } from "@dxos/react-ui";
 import { TextBox as TextBox2 } from "@dxos/react-ui-canvas-editor";
 import { createAnchorMap as createAnchorMap4 } from "@dxos/react-ui-canvas-editor";
 import { safeParseJson } from "@dxos/util";
-var ConstantShape = S9.extend(ComputeShape, S9.Struct({
-  type: S9.Literal("constant"),
-  value: S9.optional(S9.Any)
+var ConstantShape = Schema9.extend(ComputeShape, Schema9.Struct({
+  type: Schema9.Literal("constant"),
+  value: Schema9.optional(Schema9.Any)
 }));
 var inferType = (value) => {
   if (typeof value === "string") {
@@ -1256,52 +1308,57 @@ var inferType = (value) => {
   }
 };
 var ConstantComponent = ({ shape, title, chat, ...props }) => {
-  const { node } = useComputeNodeState(shape);
-  const [type, setType] = useState5(inferType(node.value) ?? ComputeValueType2.literals[0]);
-  const inputRef = useRef3(null);
-  const handleEnter = useCallback2((text) => {
-    const value = text.trim();
-    if (value.length) {
-      if (type === "number") {
-        const floatValue = parseFloat(value);
-        if (!isNaN(floatValue)) {
-          node.value = floatValue;
+  var _effect = _useSignals10();
+  try {
+    const { node } = useComputeNodeState(shape);
+    const [type, setType] = useState5(inferType(node.value) ?? ComputeValueType2.literals[0]);
+    const inputRef = useRef3(null);
+    const handleEnter = useCallback2((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 = safeParseJson(value, {});
+        } else {
+          node.value = value;
         }
-      } else if (type === "object") {
-        node.value = safeParseJson(value, {});
-      } else {
+        inputRef.current?.focus();
+      }
+    }, [
+      type
+    ]);
+    return /* @__PURE__ */ React10.createElement(Box, {
+      shape,
+      title,
+      status: /* @__PURE__ */ React10.createElement(TypeSelect, {
+        value: type,
+        onValueChange: setType
+      })
+    }, (type === "string" || type === "number") && /* @__PURE__ */ React10.createElement(TextBox2, {
+      ...props,
+      ref: inputRef,
+      value: node.value,
+      onEnter: handleEnter
+    }), type === "object" && /* @__PURE__ */ React10.createElement(TextBox2, {
+      ...props,
+      ref: inputRef,
+      value: JSON.stringify(node.value, null, 2),
+      language: "json"
+    }), type === "boolean" && /* @__PURE__ */ React10.createElement("div", {
+      className: "flex grow justify-center items-center"
+    }, /* @__PURE__ */ React10.createElement(Input.Root, null, /* @__PURE__ */ React10.createElement(Input.Switch, {
+      checked: node.value,
+      onCheckedChange: (value) => {
         node.value = value;
       }
-      inputRef.current?.focus();
-    }
-  }, [
-    type
-  ]);
-  return /* @__PURE__ */ React10.createElement(Box, {
-    shape,
-    title,
-    status: /* @__PURE__ */ React10.createElement(TypeSelect, {
-      value: type,
-      onValueChange: setType
-    })
-  }, (type === "string" || type === "number") && /* @__PURE__ */ React10.createElement(TextBox2, {
-    ...props,
-    ref: inputRef,
-    value: node.value,
-    onEnter: handleEnter
-  }), type === "object" && /* @__PURE__ */ React10.createElement(TextBox2, {
-    ...props,
-    ref: inputRef,
-    value: JSON.stringify(node.value, null, 2),
-    language: "json"
-  }), type === "boolean" && /* @__PURE__ */ React10.createElement("div", {
-    className: "flex grow justify-center items-center"
-  }, /* @__PURE__ */ React10.createElement(Input.Root, null, /* @__PURE__ */ React10.createElement(Input.Switch, {
-    checked: node.value,
-    onCheckedChange: (value) => {
-      node.value = value;
-    }
-  }))));
+    }))));
+  } finally {
+    _effect.f();
+  }
 };
 var createConstant = (props) => createShape({
   type: "constant",
@@ -1330,11 +1387,12 @@ var constantShape = {
 };
 
 // packages/ui/react-ui-canvas-compute/src/shapes/Database.tsx
+import { useSignals as _useSignals11 } from "@preact-signals/safe-react/tracking";
+import { Schema as Schema10 } from "effect";
 import React11 from "react";
-import { S as S10 } from "@dxos/echo-schema";
 import { createAnchorMap as createAnchorMap5 } from "@dxos/react-ui-canvas-editor";
-var DatabaseShape = S10.extend(ComputeShape, S10.Struct({
-  type: S10.Literal("database")
+var DatabaseShape = Schema10.extend(ComputeShape, Schema10.Struct({
+  type: Schema10.Literal("database")
 }));
 var createDatabase = (props) => createShape({
   type: "database",
@@ -1345,9 +1403,14 @@ var createDatabase = (props) => createShape({
   ...props
 });
 var DatabaseComponent = ({ shape }) => {
-  return /* @__PURE__ */ React11.createElement(Box, {
-    shape
-  });
+  var _effect = _useSignals11();
+  try {
+    return /* @__PURE__ */ React11.createElement(Box, {
+      shape
+    });
+  } finally {
+    _effect.f();
+  }
 };
 var databaseShape = {
   type: "database",
@@ -1364,15 +1427,17 @@ var databaseShape = {
 };
 
 // packages/ui/react-ui-canvas-compute/src/shapes/Function.tsx
+import { useSignals as _useSignals12 } from "@preact-signals/safe-react/tracking";
+import { Schema as Schema11 } from "effect";
 import React12, { useCallback as useCallback3, useRef as useRef4 } from "react";
 import { AnyOutput, FunctionInput } from "@dxos/conductor";
-import { getSnapshot, isInstanceOf, S as S11 } from "@dxos/echo-schema";
-import { FunctionType, ScriptType } from "@dxos/functions/types";
+import { getSnapshot, isInstanceOf, Ref as Ref2 } from "@dxos/echo-schema";
+import { FunctionType, ScriptType } from "@dxos/functions";
 import { useClient } from "@dxos/react-client";
 import { Filter, makeRef, parseId } from "@dxos/react-client/echo";
 import { TextBox as TextBox3 } from "@dxos/react-ui-canvas-editor";
-var FunctionShape = S11.extend(ComputeShape, S11.Struct({
-  type: S11.Literal("function")
+var FunctionShape = Schema11.extend(ComputeShape, Schema11.Struct({
+  type: Schema11.Literal("function")
 }));
 var createFunction = (props) => createShape({
   type: "function",
@@ -1383,54 +1448,59 @@ var createFunction = (props) => createShape({
   ...props
 });
 var TextInputComponent2 = ({ shape, title, ...props }) => {
-  const client = useClient();
-  const { node, runtime } = useComputeNodeState(shape);
-  const inputRef = useRef4(null);
-  const handleEnter = useCallback3(async (text) => {
-    const value = text.trim();
-    const { spaceId, objectId } = parseId(value);
-    if (!spaceId || !objectId) {
-      return;
-    }
-    const space = client.spaces.get(spaceId);
-    const object = space?.db.getObjectById(objectId);
-    if (!space || !isInstanceOf(ScriptType, object)) {
-      return;
-    }
-    const { objects: [fn] } = await space.db.query(Filter.schema(FunctionType, {
-      source: object
-    })).run();
-    if (!fn) {
-      return;
-    }
-    node.value = value;
-    node.function = makeRef(fn);
-    node.inputSchema = getSnapshot(fn.inputSchema);
-    node.outputSchema = getSnapshot(fn.outputSchema);
-  }, [
-    client,
-    node
-  ]);
-  const handleAction = useCallback3((action) => {
-    if (action !== "run") {
-      return;
-    }
-    runtime.evalNode();
-  }, [
-    runtime
-  ]);
-  return /* @__PURE__ */ React12.createElement(Box, {
-    shape,
-    title: "Function",
-    onAction: handleAction
-  }, /* @__PURE__ */ React12.createElement(TextBox3, {
-    ...props,
-    ref: inputRef,
-    value: node.value,
-    language: node.valueType === "object" ? "json" : void 0,
-    onBlur: handleEnter,
-    onEnter: handleEnter
-  }));
+  var _effect = _useSignals12();
+  try {
+    const client = useClient();
+    const { node, runtime } = useComputeNodeState(shape);
+    const inputRef = useRef4(null);
+    const handleEnter = useCallback3(async (text) => {
+      const value = text.trim();
+      const { spaceId, objectId } = parseId(value);
+      if (!spaceId || !objectId) {
+        return;
+      }
+      const space = client.spaces.get(spaceId);
+      const object = space?.db.getObjectById(objectId);
+      if (!space || !isInstanceOf(ScriptType, object)) {
+        return;
+      }
+      const { objects: [fn] } = await space.db.query(Filter.type(FunctionType, {
+        source: Ref2.make(object)
+      })).run();
+      if (!fn) {
+        return;
+      }
+      node.value = value;
+      node.function = makeRef(fn);
+      node.inputSchema = getSnapshot(fn.inputSchema);
+      node.outputSchema = getSnapshot(fn.outputSchema);
+    }, [
+      client,
+      node
+    ]);
+    const handleAction = useCallback3((action) => {
+      if (action !== "run") {
+        return;
+      }
+      runtime.evalNode();
+    }, [
+      runtime
+    ]);
+    return /* @__PURE__ */ React12.createElement(Box, {
+      shape,
+      title: "Function",
+      onAction: handleAction
+    }, /* @__PURE__ */ React12.createElement(TextBox3, {
+      ...props,
+      ref: inputRef,
+      value: node.value,
+      language: node.valueType === "object" ? "json" : void 0,
+      onBlur: handleEnter,
+      onEnter: handleEnter
+    }));
+  } finally {
+    _effect.f();
+  }
 };
 var functionShape = {
   type: "function",
@@ -1442,11 +1512,12 @@ var functionShape = {
 };
 
 // packages/ui/react-ui-canvas-compute/src/shapes/Gpt.tsx
+import { useSignals as _useSignals13 } from "@preact-signals/safe-react/tracking";
+import { Schema as Schema12 } from "effect";
 import React13, { useEffect as useEffect4, useState as useState6 } from "react";
 import { GptInput, GptOutput } from "@dxos/conductor";
-import { S as S12 } from "@dxos/echo-schema";
-var GptShape = S12.extend(ComputeShape, S12.Struct({
-  type: S12.Literal("gpt")
+var GptShape = Schema12.extend(ComputeShape, Schema12.Struct({
+  type: Schema12.Literal("gpt")
 }));
 var createGpt = (props) => createShape({
   type: "gpt",
@@ -1457,49 +1528,54 @@ var createGpt = (props) => createShape({
   ...props
 });
 var GptComponent = ({ shape }) => {
-  const { meta, runtime } = useComputeNodeState(shape);
-  const [text, setText] = useState6("");
-  const [tokens, setTokens] = useState6(0);
-  useEffect4(() => {
-    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 = _useSignals13();
+  try {
+    const { meta, runtime } = useComputeNodeState(shape);
+    const [text, setText] = useState6("");
+    const [tokens, setTokens] = useState6(0);
+    useEffect4(() => {
+      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__ */ React13.createElement(FunctionBody, {
+      shape,
+      content: /* @__PURE__ */ React13.createElement("div", {
+        className: "px-2 py-1 overflow-y-scroll"
+      }, text),
+      status: `${tokens} tokens`,
+      inputSchema: meta.input,
+      outputSchema: meta.output
     });
-  }, [
-    runtime?.subscribeToEventLog
-  ]);
-  return /* @__PURE__ */ React13.createElement(FunctionBody, {
-    shape,
-    content: /* @__PURE__ */ React13.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",
@@ -1512,32 +1588,43 @@ var gptShape = {
 };
 
 // packages/ui/react-ui-canvas-compute/src/shapes/Json.tsx
+import { useSignals as _useSignals14 } from "@preact-signals/safe-react/tracking";
+import { Schema as Schema13 } from "effect";
 import React14 from "react";
 import { DEFAULT_INPUT as DEFAULT_INPUT4, DefaultOutput, JsonTransformInput } from "@dxos/conductor";
-import { S as S13 } from "@dxos/echo-schema";
 import { createAnchorMap as createAnchorMap6 } from "@dxos/react-ui-canvas-editor";
 import { JsonFilter } from "@dxos/react-ui-syntax-highlighter";
-var JsonShape = S13.extend(ComputeShape, S13.Struct({
-  type: S13.Literal("json")
+var JsonShape = Schema13.extend(ComputeShape, Schema13.Struct({
+  type: Schema13.Literal("json")
 }));
-var JsonTransformShape = S13.extend(ComputeShape, S13.Struct({
-  type: S13.Literal("json-transform")
+var JsonTransformShape = Schema13.extend(ComputeShape, Schema13.Struct({
+  type: Schema13.Literal("json-transform")
 }));
 var JsonComponent = ({ shape, ...props }) => {
-  const { runtime } = useComputeNodeState(shape);
-  const input = runtime.inputs[DEFAULT_INPUT4];
-  const value = input?.type === "executed" ? input.value : void 0;
-  return /* @__PURE__ */ React14.createElement(Box, {
-    shape
-  }, /* @__PURE__ */ React14.createElement(JsonFilter, {
-    data: value,
-    classNames: "text-xs"
-  }));
+  var _effect = _useSignals14();
+  try {
+    const { runtime } = useComputeNodeState(shape);
+    const input = runtime.inputs[DEFAULT_INPUT4];
+    const value = input?.type === "executed" ? input.value : void 0;
+    return /* @__PURE__ */ React14.createElement(Box, {
+      shape
+    }, /* @__PURE__ */ React14.createElement(JsonFilter, {
+      data: value,
+      classNames: "text-xs"
+    }));
+  } finally {
+    _effect.f();
+  }
 };
 var JsonTransformComponent = ({ shape, ...props }) => {
-  return /* @__PURE__ */ React14.createElement(Box, {
-    shape
-  });
+  var _effect = _useSignals14();
+  try {
+    return /* @__PURE__ */ React14.createElement(Box, {
+      shape
+    });
+  } finally {
+    _effect.f();
+  }
 };
 var createJson = (props) => createShape({
   type: "json",
@@ -1584,28 +1671,39 @@ var jsonTransformShape = {
 };
 
 // packages/ui/react-ui-canvas-compute/src/shapes/Logic.tsx
+import { useSignals as _useSignals15 } from "@preact-signals/safe-react/tracking";
+import { Schema as Schema14 } from "effect";
 import React15 from "react";
 import { IfElseInput, IfElseOutput, IfInput, IfOutput } from "@dxos/conductor";
-import { S as S14 } from "@dxos/echo-schema";
-var IfShape = S14.extend(ComputeShape, S14.Struct({
-  type: S14.Literal("if")
+var IfShape = Schema14.extend(ComputeShape, Schema14.Struct({
+  type: Schema14.Literal("if")
 }));
-var IfElseShape = S14.extend(ComputeShape, S14.Struct({
-  type: S14.Literal("if-else")
+var IfElseShape = Schema14.extend(ComputeShape, Schema14.Struct({
+  type: Schema14.Literal("if-else")
 }));
 var IfComponent = ({ shape, ...props }) => {
-  return /* @__PURE__ */ React15.createElement(FunctionBody, {
-    shape,
-    inputSchema: IfInput,
-    outputSchema: IfOutput
-  });
+  var _effect = _useSignals15();
+  try {
+    return /* @__PURE__ */ React15.createElement(FunctionBody, {
+      shape,
+      inputSchema: IfInput,
+      outputSchema: IfOutput
+    });
+  } finally {
+    _effect.f();
+  }
 };
 var IfElseComponent = ({ shape, ...props }) => {
-  return /* @__PURE__ */ React15.createElement(FunctionBody, {
-    shape,
-    inputSchema: IfElseInput,
-    outputSchema: IfElseOutput
-  });
+  var _effect = _useSignals15();
+  try {
+    return /* @__PURE__ */ React15.createElement(FunctionBody, {
+      shape,
+      inputSchema: IfElseInput,
+      outputSchema: IfElseOutput
+    });
+  } finally {
+    _effect.f();
+  }
 };
 var createIf = (props) => createShape({
   type: "if",
@@ -1641,12 +1739,13 @@ var ifElseShape = {
 };
 
 // packages/ui/react-ui-canvas-compute/src/shapes/Queue.tsx
+import { useSignals as _useSignals16 } from "@preact-signals/safe-react/tracking";
+import { Schema as Schema15 } from "effect";
 import React16, { Fragment } from "react";
 import { DEFAULT_OUTPUT as DEFAULT_OUTPUT4, QueueInput, QueueOutput } from "@dxos/conductor";
-import { S as S15 } from "@dxos/echo-schema";
 import { mx as mx3 } from "@dxos/react-ui-theme";
-var QueueShape = S15.extend(ComputeShape, S15.Struct({
-  type: S15.Literal("queue")
+var QueueShape = Schema15.extend(ComputeShape, Schema15.Struct({
+  type: Schema15.Literal("queue")
 }));
 var createQueue = (props) => createShape({
   type: "queue",
@@ -1657,40 +1756,50 @@ var createQueue = (props) => createShape({
   ...props
 });
 var QueueComponent = ({ shape }) => {
-  const { runtime } = useComputeNodeState(shape);
-  const items = runtime.outputs[DEFAULT_OUTPUT4]?.type === "executed" ? runtime.outputs[DEFAULT_OUTPUT4].value : [];
-  const handleAction = (action) => {
-    if (action === "run") {
-      runtime.evalNode();
-    }
-  };
-  return /* @__PURE__ */ React16.createElement(Box, {
-    shape,
-    status: `${items.length} items`,
-    onAction: handleAction
-  }, /* @__PURE__ */ React16.createElement("div", {
-    className: "flex flex-col w-full overflow-y-scroll divide-y divide-separator"
-  }, [
-    ...items
-  ].map((item, i) => /* @__PURE__ */ React16.createElement(QueueItem, {
-    key: i,
-    classNames: "p-1 px-2",
-    item
-  }))));
+  var _effect = _useSignals16();
+  try {
+    const { runtime } = useComputeNodeState(shape);
+    const items = runtime.outputs[DEFAULT_OUTPUT4]?.type === "executed" ? runtime.outputs[DEFAULT_OUTPUT4].value : [];
+    const handleAction = (action) => {
+      if (action === "run") {
+        runtime.evalNode();
+      }
+    };
+    return /* @__PURE__ */ React16.createElement(Box, {
+      shape,
+      status: `${items.length} items`,
+      onAction: handleAction
+    }, /* @__PURE__ */ React16.createElement("div", {
+      className: "flex flex-col w-full overflow-y-scroll divide-y divide-separator"
+    }, [
+      ...items
+    ].map((item, i) => /* @__PURE__ */ React16.createElement(QueueItem, {
+      key: i,
+      classNames: "p-1 px-2",
+      item
+    }))));
+  } finally {
+    _effect.f();
+  }
 };
 var QueueItem = ({ classNames, item }) => {
-  if (typeof item !== "object") {
+  var _effect = _useSignals16();
+  try {
+    if (typeof item !== "object") {
+      return /* @__PURE__ */ React16.createElement("div", {
+        className: mx3(classNames, "whitespace-pre-wrap")
+      }, item);
+    }
     return /* @__PURE__ */ React16.createElement("div", {
-      className: mx3(classNames, "whitespace-pre-wrap")
-    }, item);
+      className: mx3("grid grid-cols-[80px,1fr]", classNames)
+    }, Object.entries(item).map(([key, value]) => /* @__PURE__ */ React16.createElement(Fragment, {
+      key
+    }, /* @__PURE__ */ React16.createElement("div", {
+      className: "p-1 text-xs text-subdued"
+    }, key), /* @__PURE__ */ React16.createElement("div", null, typeof value === "string" ? value : JSON.stringify(value)))));
+  } finally {
+    _effect.f();
   }
-  return /* @__PURE__ */ React16.createElement("div", {
-    className: mx3("grid grid-cols-[80px,1fr]", classNames)
-  }, Object.entries(item).map(([key, value]) => /* @__PURE__ */ React16.createElement(Fragment, {
-    key
-  }, /* @__PURE__ */ React16.createElement("div", {
-    className: "p-1 text-xs text-subdued"
-  }, key), /* @__PURE__ */ React16.createElement("div", null, typeof value === "string" ? value : JSON.stringify(value)))));
 };
 var queueShape = {
   type: "queue",
@@ -1703,16 +1812,17 @@ var queueShape = {
 };
 
 // packages/ui/react-ui-canvas-compute/src/shapes/RNG.tsx
+import { useSignals as _useSignals17 } from "@preact-signals/safe-react/tracking";
+import { Schema as Schema16 } from "effect";
 import React17, { useEffect as useEffect5, useState as useState7 } from "react";
 import { DEFAULT_OUTPUT as DEFAULT_OUTPUT5 } from "@dxos/conductor";
-import { S as S16 } from "@dxos/echo-schema";
 import { Icon as Icon4 } from "@dxos/react-ui";
 import { createAnchorMap as createAnchorMap7 } from "@dxos/react-ui-canvas-editor";
 import { mx as mx4 } from "@dxos/react-ui-theme";
-var RandomShape = S16.extend(ComputeShape, S16.Struct({
-  type: S16.Literal("rng"),
-  min: S16.optional(S16.Number),
-  max: S16.optional(S16.Number)
+var RandomShape = Schema16.extend(ComputeShape, Schema16.Struct({
+  type: Schema16.Literal("rng"),
+  min: Schema16.optional(Schema16.Number),
+  max: Schema16.optional(Schema16.Number)
 }));
 var createRandom = (props) => createShape({
   type: "rng",
@@ -1732,37 +1842,42 @@ var icons = [
 ];
 var pickIcon = () => icons[Math.floor(Math.random() * icons.length)];
 var RandomComponent = ({ shape }) => {
-  const { runtime } = useComputeNodeState(shape);
-  const [spin, setSpin] = useState7(false);
-  const [icon, setIcon] = useState7(pickIcon());
-  useEffect5(() => {
-    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 = _useSignals17();
+  try {
+    const { runtime } = useComputeNodeState(shape);
+    const [spin, setSpin] = useState7(false);
+    const [icon, setIcon] = useState7(pickIcon());
+    useEffect5(() => {
+      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(DEFAULT_OUTPUT5, Math.random());
+      setSpin(true);
     };
-  }, [
-    spin
-  ]);
-  const handleClick = (ev) => {
-    ev.stopPropagation();
-    runtime.setOutput(DEFAULT_OUTPUT5, Math.random());
-    setSpin(true);
-  };
-  return /* @__PURE__ */ React17.createElement("div", {
-    className: "flex grow items-center justify-center"
-  }, /* @__PURE__ */ React17.createElement(Icon4, {
-    icon,
-    classNames: mx4(spin && "animate-[spin_1s]"),
-    size: 10,
-    onClick: handleClick
-  }));
+    return /* @__PURE__ */ React17.createElement("div", {
+      className: "flex grow items-center justify-center"
+    }, /* @__PURE__ */ React17.createElement(Icon4, {
+      icon,
+      classNames: mx4(spin && "animate-[spin_1s]"),
+      size: 10,
+      onClick: handleClick
+    }));
+  } finally {
+    _effect.f();
+  }
 };
 var randomShape = {
   type: "rng",
@@ -1779,13 +1894,14 @@ var randomShape = {
 };
 
 // packages/ui/react-ui-canvas-compute/src/shapes/Scope.tsx
+import { useSignals as _useSignals18 } from "@preact-signals/safe-react/tracking";
+import { Schema as Schema17 } from "effect";
 import React18 from "react";
 import { DEFAULT_INPUT as DEFAULT_INPUT5 } from "@dxos/conductor";
-import { S as S17 } from "@dxos/echo-schema";
 import { createAnchorMap as createAnchorMap8 } from "@dxos/react-ui-canvas-editor";
 import { useAudioStream, Chaos, shaderPresets } from "@dxos/react-ui-sfx";
-var ScopeShape = S17.extend(ComputeShape, S17.Struct({
-  type: S17.Literal("scope")
+var ScopeShape = Schema17.extend(ComputeShape, Schema17.Struct({
+  type: Schema17.Literal("scope")
 }));
 var createScope = (props) => createShape({
   type: "scope",
@@ -1797,20 +1913,25 @@ var createScope = (props) => createShape({
   ...props
 });
 var ScopeComponent = ({ shape }) => {
-  const { runtime } = useComputeNodeState(shape);
-  const input = runtime.inputs[DEFAULT_INPUT5];
-  const active = input?.type === "executed" ? input.value : false;
-  const { getAverage } = useAudioStream(active);
-  return /* @__PURE__ */ React18.createElement("div", {
-    className: "flex w-full justify-center items-center bg-black"
-  }, /* @__PURE__ */ React18.createElement(Chaos, {
-    active,
-    getValue: getAverage,
-    options: {
-      ...shaderPresets.heptapod,
-      zoom: 1.2
-    }
-  }));
+  var _effect = _useSignals18();
+  try {
+    const { runtime } = useComputeNodeState(shape);
+    const input = runtime.inputs[DEFAULT_INPUT5];
+    const active = input?.type === "executed" ? input.value : false;
+    const { getAverage } = useAudioStream(active);
+    return /* @__PURE__ */ React18.createElement("div", {
+      className: "flex w-full justify-center items-center bg-black"
+    }, /* @__PURE__ */ React18.createElement(Chaos, {
+      active,
+      getValue: getAverage,
+      options: {
+        ...shaderPresets.heptapod,
+        zoom: 1.2
+      }
+    }));
+  } finally {
+    _effect.f();
+  }
 };
 var scopeShape = {
   type: "scope",
@@ -1827,13 +1948,14 @@ var scopeShape = {
 };
 
 // packages/ui/react-ui-canvas-compute/src/shapes/Surface.tsx
+import { useSignals as _useSignals19 } from "@preact-signals/safe-react/tracking";
+import { Schema as Schema18 } from "effect";
 import React19 from "react";
 import { Surface } from "@dxos/app-framework";
 import { DEFAULT_INPUT as DEFAULT_INPUT6 } from "@dxos/conductor";
-import { S as S18 } from "@dxos/echo-schema";
 import { createAnchorMap as createAnchorMap9 } from "@dxos/react-ui-canvas-editor";
-var SurfaceShape = S18.extend(ComputeShape, S18.Struct({
-  type: S18.Literal("surface")
+var SurfaceShape = Schema18.extend(ComputeShape, Schema18.Struct({
+  type: Schema18.Literal("surface")
 }));
 var createSurface = (props) => createShape({
   type: "surface",
@@ -1844,24 +1966,29 @@ var createSurface = (props) => createShape({
   ...props
 });
 var SurfaceComponent = ({ shape }) => {
-  const { runtime } = useComputeNodeState(shape);
-  const input = runtime.inputs[DEFAULT_INPUT6];
-  const value = input?.type === "executed" ? input.value : null;
-  const handleAction = (action) => {
-    if (action === "run") {
-      runtime.evalNode();
-    }
-  };
-  return /* @__PURE__ */ React19.createElement(Box, {
-    shape,
-    onAction: handleAction
-  }, value !== null && /* @__PURE__ */ React19.createElement(Surface, {
-    role: "canvas-node",
-    data: {
-      value
-    },
-    limit: 1
-  }));
+  var _effect = _useSignals19();
+  try {
+    const { runtime } = useComputeNodeState(shape);
+    const input = runtime.inputs[DEFAULT_INPUT6];
+    const value = input?.type === "executed" ? input.value : null;
+    const handleAction = (action) => {
+      if (action === "run") {
+        runtime.evalNode();
+      }
+    };
+    return /* @__PURE__ */ React19.createElement(Box, {
+      shape,
+      onAction: handleAction
+    }, value !== null && /* @__PURE__ */ React19.createElement(Surface, {
+      role: "canvas-node",
+      data: {
+        value
+      },
+      limit: 1
+    }));
+  } finally {
+    _effect.f();
+  }
 };
 var surfaceShape = {
   type: "surface",
@@ -1879,13 +2006,14 @@ var surfaceShape = {
 };
 
 // packages/ui/react-ui-canvas-compute/src/shapes/Switch.tsx
+import { useSignals as _useSignals20 } from "@preact-signals/safe-react/tracking";
+import { Schema as Schema19 } from "effect";
 import React20, { useEffect as useEffect6, useState as useState8 } from "react";
 import { DEFAULT_OUTPUT as DEFAULT_OUTPUT6 } from "@dxos/conductor";
-import { S as S19 } from "@dxos/echo-schema";
 import { Input as Input2 } from "@dxos/react-ui";
 import { createAnchorMap as createAnchorMap10 } from "@dxos/react-ui-canvas-editor";
-var SwitchShape = S19.extend(ComputeShape, S19.Struct({
-  type: S19.Literal("switch")
+var SwitchShape = Schema19.extend(ComputeShape, Schema19.Struct({
+  type: Schema19.Literal("switch")
 }));
 var createSwitch = (props) => createShape({
   type: "switch",
@@ -1896,20 +2024,25 @@ var createSwitch = (props) => createShape({
   ...props
 });
 var SwitchComponent = ({ shape }) => {
-  const { runtime } = useComputeNodeState(shape);
-  const [value, setValue] = useState8(false);
-  useEffect6(() => {
-    runtime.setOutput(DEFAULT_OUTPUT6, value);
-  }, [
-    value
-  ]);
-  return /* @__PURE__ */ React20.createElement("div", {
-    className: "flex w-full justify-center items-center",
-    onClick: (ev) => ev.stopPropagation()
-  }, /* @__PURE__ */ React20.createElement(Input2.Root, null, /* @__PURE__ */ React20.createElement(Input2.Switch, {
-    checked: value,
-    onCheckedChange: (value2) => setValue(value2)
-  })));
+  var _effect = _useSignals20();
+  try {
+    const { runtime } = useComputeNodeState(shape);
+    const [value, setValue] = useState8(false);
+    useEffect6(() => {
+      runtime.setOutput(DEFAULT_OUTPUT6, value);
+    }, [
+      value
+    ]);
+    return /* @__PURE__ */ React20.createElement("div", {
+      className: "flex w-full justify-center items-center",
+      onClick: (ev) => ev.stopPropagation()
+    }, /* @__PURE__ */ React20.createElement(Input2.Root, null, /* @__PURE__ */ React20.createElement(Input2.Switch, {
+      checked: value,
+      onCheckedChange: (value2) => setValue(value2)
+    })));
+  } finally {
+    _effect.f();
+  }
 };
 var switchShape = {
   type: "switch",
@@ -1926,13 +2059,14 @@ var switchShape = {
 };
 
 // packages/ui/react-ui-canvas-compute/src/shapes/Table.tsx
+import { useSignals as _useSignals21 } from "@preact-signals/safe-react/tracking";
+import { Schema as Schema20 } from "effect";
 import React21 from "react";
 import { createInputSchema, createOutputSchema, GptMessage } from "@dxos/conductor";
-import { S as S20 } from "@dxos/echo-schema";
 var InputSchema = createInputSchema(GptMessage);
-var OutputSchema = createOutputSchema(S20.mutable(S20.Array(GptMessage)));
-var TableShape = S20.extend(ComputeShape, S20.Struct({
-  type: S20.Literal("table")
+var OutputSchema = createOutputSchema(Schema20.mutable(Schema20.Array(GptMessage)));
+var TableShape = Schema20.extend(ComputeShape, Schema20.Struct({
+  type: Schema20.Literal("table")
 }));
 var createTable = (props) => createShape({
   type: "table",
@@ -1943,9 +2077,14 @@ var createTable = (props) => createShape({
   ...props
 });
 var TableComponent = ({ shape }) => {
-  return /* @__PURE__ */ React21.createElement(Box, {
-    shape
-  });
+  var _effect = _useSignals21();
+  try {
+    return /* @__PURE__ */ React21.createElement(Box, {
+      shape
+    });
+  } finally {
+    _effect.f();
+  }
 };
 var tableShape = {
   type: "table",
@@ -1958,55 +2097,62 @@ var tableShape = {
 };
 
 // packages/ui/react-ui-canvas-compute/src/shapes/Template.tsx
+import { useSignals as _useSignals22 } from "@preact-signals/safe-react/tracking";
+import { Schema as Schema21 } from "effect";
 import React22, { useRef as useRef5 } from "react";
 import { ComputeValueType as ComputeValueType3, getTemplateInputSchema as getTemplateInputSchema2, TemplateOutput, VoidInput as VoidInput2 } from "@dxos/conductor";
-import { S as S21, toJsonSchema as toJsonSchema2 } from "@dxos/echo-schema";
+import { toJsonSchema as toJsonSchema2 } from "@dxos/echo-schema";
 import { invariant as invariant5 } from "@dxos/invariant";
 import { TextBox as TextBox4 } from "@dxos/react-ui-canvas-editor";
 var __dxlog_file6 = "/home/runner/work/dxos/dxos/packages/ui/react-ui-canvas-compute/src/shapes/Template.tsx";
-var TemplateShape = S21.extend(ComputeShape, S21.Struct({
-  type: S21.Literal("template"),
-  valueType: S21.optional(ComputeValueType3)
+var TemplateShape = Schema21.extend(ComputeShape, Schema21.Struct({
+  type: Schema21.Literal("template"),
+  valueType: Schema21.optional(ComputeValueType3)
 }));
 var TextInputComponent3 = ({ shape, title, ...props }) => {
-  const { node } = useComputeNodeState(shape);
-  const inputRef = useRef5(null);
-  const handleEnter = (text) => {
-    const value = text.trim();
-    if (value.length) {
-      const schema = getTemplateInputSchema2(node);
-      node.value = value;
-      node.inputSchema = toJsonSchema2(schema);
-    }
-  };
-  const handleTypeChange = (newType) => {
-    invariant5(S21.is(ComputeValueType3)(newType), "Invalid type", {
-      F: __dxlog_file6,
-      L: 57,
-      S: void 0,
-      A: [
-        "S.is(ComputeValueType)(newType)",
-        "'Invalid type'"
-      ]
-    });
-    node.valueType = newType;
-    node.inputSchema = toJsonSchema2(getTemplateInputSchema2(node));
-  };
-  return /* @__PURE__ */ React22.createElement(Box, {
-    shape,
-    title: "Template",
-    status: /* @__PURE__ */ React22.createElement(TypeSelect, {
-      value: node.valueType ?? "string",
-      onValueChange: handleTypeChange
-    })
-  }, /* @__PURE__ */ React22.createElement(TextBox4, {
-    ...props,
-    ref: inputRef,
-    value: node.value,
-    language: node.valueType === "object" ? "json" : void 0,
-    onBlur: handleEnter,
-    onEnter: handleEnter
-  }));
+  var _effect = _useSignals22();
+  try {
+    const { node } = useComputeNodeState(shape);
+    const inputRef = useRef5(null);
+    const handleEnter = (text) => {
+      const value = text.trim();
+      if (value.length) {
+        const schema = getTemplateInputSchema2(node);
+        node.value = value;
+        node.inputSchema = toJsonSchema2(schema);
+      }
+    };
+    const handleTypeChange = (newType) => {
+      invariant5(Schema21.is(ComputeValueType3)(newType), "Invalid type", {
+        F: __dxlog_file6,
+        L: 58,
+        S: void 0,
+        A: [
+          "Schema.is(ComputeValueType)(newType)",
+          "'Invalid type'"
+        ]
+      });
+      node.valueType = newType;
+      node.inputSchema = toJsonSchema2(getTemplateInputSchema2(node));
+    };
+    return /* @__PURE__ */ React22.createElement(Box, {
+      shape,
+      title: "Template",
+      status: /* @__PURE__ */ React22.createElement(TypeSelect, {
+        value: node.valueType ?? "string",
+        onValueChange: handleTypeChange
+      })
+    }, /* @__PURE__ */ React22.createElement(TextBox4, {
+      ...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",
@@ -2030,13 +2176,14 @@ var templateShape = {
 };
 
 // packages/ui/react-ui-canvas-compute/src/shapes/Text.tsx
+import { useSignals as _useSignals23 } from "@preact-signals/safe-react/tracking";
+import { Schema as Schema22 } from "effect";
 import React23 from "react";
 import { DEFAULT_INPUT as DEFAULT_INPUT7 } from "@dxos/conductor";
-import { S as S22 } from "@dxos/echo-schema";
 import { TextBox as TextBox5 } from "@dxos/react-ui-canvas-editor";
 import { createAnchorMap as createAnchorMap11 } from "@dxos/react-ui-canvas-editor";
-var TextShape = S22.extend(ComputeShape, S22.Struct({
-  type: S22.Literal("text")
+var TextShape = Schema22.extend(ComputeShape, Schema22.Struct({
+  type: Schema22.Literal("text")
 }));
 var createText = (props) => createShape({
   type: "text",
@@ -2047,20 +2194,25 @@ var createText = (props) => createShape({
   ...props
 });
 var TextComponent = ({ shape }) => {
-  const { runtime } = useComputeNodeState(shape);
-  const input = runtime.inputs[DEFAULT_INPUT7];
-  const value = input?.type === "executed" ? input.value : 0;
-  const handleAction = (action) => {
-    if (action === "run") {
-      runtime.evalNode();
-    }
-  };
-  return /* @__PURE__ */ React23.createElement(Box, {
-    shape,
-    onAction: handleAction
-  }, /* @__PURE__ */ React23.createElement(TextBox5, {
-    value
-  }));
+  var _effect = _useSignals23();
+  try {
+    const { runtime } = useComputeNodeState(shape);
+    const input = runtime.inputs[DEFAULT_INPUT7];
+    const value = input?.type === "executed" ? input.value : 0;
+    const handleAction = (action) => {
+      if (action === "run") {
+        runtime.evalNode();
+      }
+    };
+    return /* @__PURE__ */ React23.createElement(Box, {
+      shape,
+      onAction: handleAction
+    }, /* @__PURE__ */ React23.createElement(TextBox5, {
+      value
+    }));
+  } finally {
+    _effect.f();
+  }
 };
 var textShape = {
   type: "text",
@@ -2078,14 +2230,15 @@ var textShape = {
 };
 
 // packages/ui/react-ui-canvas-compute/src/shapes/Thread.tsx
+import { useSignals as _useSignals24 } from "@preact-signals/safe-react/tracking";
+import { Schema as Schema23 } from "effect";
 import React24, { useEffect as useEffect7, useRef as useRef6 } from "react";
 import { createInputSchema as createInputSchema2, createOutputSchema as createOutputSchema2, GptMessage as GptMessage2 } from "@dxos/conductor";
-import { S as S23 } from "@dxos/echo-schema";
 import { mx as mx5 } from "@dxos/react-ui-theme";
 var InputSchema2 = createInputSchema2(GptMessage2);
-var OutputSchema2 = createOutputSchema2(S23.mutable(S23.Array(GptMessage2)));
-var ThreadShape = S23.extend(ComputeShape, S23.Struct({
-  type: S23.Literal("thread")
+var OutputSchema2 = createOutputSchema2(Schema23.mutable(Schema23.Array(GptMessage2)));
+var ThreadShape = Schema23.extend(ComputeShape, Schema23.Struct({
+  type: Schema23.Literal("thread")
 }));
 var createThread = (props) => createShape({
   type: "thread",
@@ -2096,39 +2249,49 @@ var createThread = (props) => createShape({
   ...props
 });
 var ThreadComponent = ({ shape }) => {
-  const items = [];
-  const scrollRef = useRef6(null);
-  useEffect7(() => {
-    if (scrollRef.current) {
-      scrollRef.current.scrollTop = scrollRef.current.scrollHeight;
-    }
-  }, [
-    items
-  ]);
-  return /* @__PURE__ */ React24.createElement(Box, {
-    shape
-  }, /* @__PURE__ */ React24.createElement("div", {
-    ref: scrollRef,
-    className: "flex flex-col w-full overflow-y-scroll gap-2 p-2"
-  }, [
-    ...items
-  ].map((item, i) => /* @__PURE__ */ React24.createElement(ThreadItem, {
-    key: i,
-    item
-  }))));
+  var _effect = _useSignals24();
+  try {
+    const items = [];
+    const scrollRef = useRef6(null);
+    useEffect7(() => {
+      if (scrollRef.current) {
+        scrollRef.current.scrollTop = scrollRef.current.scrollHeight;
+      }
+    }, [
+      items
+    ]);
+    return /* @__PURE__ */ React24.createElement(Box, {
+      shape
+    }, /* @__PURE__ */ React24.createElement("div", {
+      ref: scrollRef,
+      className: "flex flex-col w-full overflow-y-scroll gap-2 p-2"
+    }, [
+      ...items
+    ].map((item, i) => /* @__PURE__ */ React24.createElement(ThreadItem, {
+      key: i,
+      item
+    }))));
+  } finally {
+    _effect.f();
+  }
 };
 var ThreadItem = ({ classNames, item }) => {
-  if (typeof item !== "object") {
+  var _effect = _useSignals24();
+  try {
+    if (typeof item !== "object") {
+      return /* @__PURE__ */ React24.createElement("div", {
+        className: mx5(classNames)
+      }, item);
+    }
+    const { role, message } = item;
     return /* @__PURE__ */ React24.createElement("div", {
-      className: mx5(classNames)
-    }, item);
+      className: mx5("flex", classNames, role === "user" && "justify-end")
+    }, /* @__PURE__ */ React24.createElement("div", {
+      className: mx5("block rounded-md p-1 px-2 text-sm", role === "user" ? "bg-blue-100 dark:bg-blue-800" : role === "system" ? "bg-red-100, dark:bg-red-800" : "whitespace-pre-wrap bg-neutral-50 dark:bg-neutral-800")
+    }, message));
+  } finally {
+    _effect.f();
   }
-  const { role, message } = item;
-  return /* @__PURE__ */ React24.createElement("div", {
-    className: mx5("flex", classNames, role === "user" && "justify-end")
-  }, /* @__PURE__ */ React24.createElement("div", {
-    className: mx5("block rounded-md p-1 px-2 text-sm", role === "user" ? "bg-blue-100 dark:bg-blue-800" : role === "system" ? "bg-red-100, dark:bg-red-800" : "whitespace-pre-wrap bg-neutral-50 dark:bg-neutral-800")
-  }, message));
 };
 var threadShape = {
   type: "thread",
@@ -2141,11 +2304,12 @@ var threadShape = {
 };
 
 // packages/ui/react-ui-canvas-compute/src/shapes/TextToImage.tsx
+import { useSignals as _useSignals25 } from "@preact-signals/safe-react/tracking";
+import { Schema as Schema24 } from "effect";
 import React25 from "react";
-import { S as S24 } from "@dxos/echo-schema";
 import { createAnchorMap as createAnchorMap12 } from "@dxos/react-ui-canvas-editor";
-var TextToImageShape = S24.extend(ComputeShape, S24.Struct({
-  type: S24.Literal("text-to-image")
+var TextToImageShape = Schema24.extend(ComputeShape, Schema24.Struct({
+  type: Schema24.Literal("text-to-image")
 }));
 var createTextToImage = (props) => createShape({
   type: "text-to-image",
@@ -2156,9 +2320,14 @@ var createTextToImage = (props) => createShape({
   ...props
 });
 var TextToImageComponent = ({ shape }) => {
-  return /* @__PURE__ */ React25.createElement(Box, {
-    shape
-  });
+  var _effect = _useSignals25();
+  try {
+    return /* @__PURE__ */ React25.createElement(Box, {
+      shape
+    });
+  } finally {
+    _effect.f();
+  }
 };
 var textToImageShape = {
   type: "text-to-image",
@@ -2175,19 +2344,21 @@ var textToImageShape = {
 };
 
 // packages/ui/react-ui-canvas-compute/src/shapes/Trigger.tsx
+import { useSignals as _useSignals26 } from "@preact-signals/safe-react/tracking";
+import { Schema as Schema25 } from "effect";
 import React26, { useEffect as useEffect8 } from "react";
-import { EmailTriggerOutput, QueueTriggerOutput, SubscriptionTriggerOutput, TimerTriggerOutput, VoidInput as VoidInput3, WebhookTriggerOutput } from "@dxos/conductor";
-import { ObjectId as ObjectId4, Ref, S as S25 } from "@dxos/echo-schema";
-import { FunctionTrigger, TriggerKind } from "@dxos/functions/types";
-import { DXN as DXN2, SpaceId } from "@dxos/keys";
-import { create, makeRef as makeRef2, useSpace } from "@dxos/react-client/echo";
+import { VoidInput as VoidInput3 } from "@dxos/conductor";
+import { ObjectId as ObjectId4, Ref as Ref3 } from "@dxos/echo-schema";
+import { FunctionTrigger, TriggerKind, EmailTriggerOutput, QueueTriggerOutput, SubscriptionTriggerOutput, TimerTriggerOutput, WebhookTriggerOutput } from "@dxos/functions";
+import { DXN, SpaceId } from "@dxos/keys";
+import { live, makeRef as makeRef2, useSpace } from "@dxos/react-client/echo";
 import { Select as Select2 } from "@dxos/react-ui";
-var TriggerShape = S25.extend(ComputeShape, S25.Struct({
-  type: S25.Literal("trigger"),
-  functionTrigger: S25.optional(Ref(FunctionTrigger))
+var TriggerShape = Schema25.extend(ComputeShape, Schema25.Struct({
+  type: Schema25.Literal("trigger"),
+  functionTrigger: Schema25.optional(Ref3(FunctionTrigger))
 }));
 var createTrigger = (props) => {
-  const functionTrigger = create(FunctionTrigger, {
+  const functionTrigger = live(FunctionTrigger, {
     enabled: true,
     spec: createTriggerSpec(props)
   });
@@ -2202,87 +2373,97 @@ var createTrigger = (props) => {
   });
 };
 var TriggerComponent = ({ shape }) => {
-  const space = useSpace();
-  const functionTrigger = shape.functionTrigger?.target;
-  useEffect8(() => {
-    if (functionTrigger && !functionTrigger.spec) {
-      functionTrigger.spec = createTriggerSpec({
-        triggerKind: TriggerKind.Email,
-        spaceId: space?.id
-      });
-    }
-  }, [
-    functionTrigger,
-    functionTrigger?.spec
-  ]);
-  useEffect8(() => {
-    shape.size.height = getHeight(getOutputSchema(functionTrigger?.spec?.type ?? TriggerKind.Email));
-  }, [
-    functionTrigger?.spec?.type
-  ]);
-  const setKind = (kind) => {
-    if (functionTrigger?.spec?.type !== kind) {
-      functionTrigger.spec = createTriggerSpec({
-        triggerKind: TriggerKind.Email,
-        spaceId: space?.id
-      });
+  var _effect = _useSignals26();
+  try {
+    const space = useSpace();
+    const functionTrigger = shape.functionTrigger?.target;
+    useEffect8(() => {
+      if (functionTrigger && !functionTrigger.spec) {
+        functionTrigger.spec = createTriggerSpec({
+          triggerKind: TriggerKind.Email,
+          spaceId: space?.id
+        });
+      }
+    }, [
+      functionTrigger,
+      functionTrigger?.spec
+    ]);
+    useEffect8(() => {
+      shape.size.height = getHeight(getOutputSchema(functionTrigger?.spec?.kind ?? 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__ */ React26.createElement(FunctionBody, {
+      shape,
+      status: /* @__PURE__ */ React26.createElement(TriggerKindSelect, {
+        value: functionTrigger.spec?.kind,
+        onValueChange: (kind) => setKind(kind)
+      }),
+      inputSchema: VoidInput3,
+      outputSchema: getOutputSchema(functionTrigger.spec.kind)
+    });
+  } finally {
+    _effect.f();
   }
-  return /* @__PURE__ */ React26.createElement(FunctionBody, {
-    shape,
-    status: /* @__PURE__ */ React26.createElement(TriggerKindSelect, {
-      value: functionTrigger.spec?.type,
-      onValueChange: (kind) => setKind(kind)
-    }),
-    inputSchema: VoidInput3,
-    outputSchema: getOutputSchema(functionTrigger.spec.type)
-  });
 };
 var TriggerKindSelect = ({ value, onValueChange }) => {
-  return /* @__PURE__ */ React26.createElement(Select2.Root, {
-    value,
-    onValueChange
-  }, /* @__PURE__ */ React26.createElement(Select2.TriggerButton, {
-    variant: "ghost",
-    classNames: "w-full !px-0"
-  }), /* @__PURE__ */ React26.createElement(Select2.Portal, null, /* @__PURE__ */ React26.createElement(Select2.Content, null, /* @__PURE__ */ React26.createElement(Select2.ScrollUpButton, null), /* @__PURE__ */ React26.createElement(Select2.Viewport, null, Object.values(TriggerKind).map((type) => /* @__PURE__ */ React26.createElement(Select2.Option, {
-    key: type,
-    value: type
-  }, type))), /* @__PURE__ */ React26.createElement(Select2.ScrollDownButton, null), /* @__PURE__ */ React26.createElement(Select2.Arrow, null))));
+  var _effect = _useSignals26();
+  try {
+    return /* @__PURE__ */ React26.createElement(Select2.Root, {
+      value,
+      onValueChange
+    }, /* @__PURE__ */ React26.createElement(Select2.TriggerButton, {
+      variant: "ghost",
+      classNames: "w-full !px-0"
+    }), /* @__PURE__ */ React26.createElement(Select2.Portal, null, /* @__PURE__ */ React26.createElement(Select2.Content, null, /* @__PURE__ */ React26.createElement(Select2.ScrollUpButton, null), /* @__PURE__ */ React26.createElement(Select2.Viewport, null, Object.values(TriggerKind).map((kind) => /* @__PURE__ */ React26.createElement(Select2.Option, {
+      key: kind,
+      value: kind
+    }, kind))), /* @__PURE__ */ React26.createElement(Select2.ScrollDownButton, null), /* @__PURE__ */ React26.createElement(Select2.Arrow, null))));
+  } finally {
+    _effect.f();
+  }
 };
 var createTriggerSpec = (props) => {
   const kind = props.triggerKind ?? TriggerKind.Email;
   switch (kind) {
     case TriggerKind.Timer:
       return {
-        type: TriggerKind.Timer,
+        kind: TriggerKind.Timer,
         cron: "*/10 * * * * *"
       };
     case TriggerKind.Webhook:
       return {
-        type: TriggerKind.Webhook,
+        kind: TriggerKind.Webhook,
         method: "POST"
       };
     case TriggerKind.Subscription:
       return {
-        type: TriggerKind.Subscription,
+        kind: TriggerKind.Subscription,
         filter: {}
       };
     case TriggerKind.Email:
       return {
-        type: TriggerKind.Email
+        kind: TriggerKind.Email
       };
     case TriggerKind.Queue: {
-      const dxn = new DXN2(DXN2.kind.QUEUE, [
+      const dxn = new DXN(DXN.kind.QUEUE, [
         "data",
         props.spaceId ?? SpaceId.random(),
         ObjectId4.random()
       ]).toString();
       return {
-        type: TriggerKind.Queue,
+        kind: TriggerKind.Queue,
         queue: dxn
       };
     }
@@ -2304,18 +2485,19 @@ var triggerShape = {
   icon: "ph--lightning--regular",
   component: TriggerComponent,
   createShape: createTrigger,
-  getAnchors: (shape) => createFunctionAnchors(shape, VoidInput3, getOutputSchema(shape.functionTrigger?.target?.spec?.type ?? TriggerKind.Email))
+  getAnchors: (shape) => createFunctionAnchors(shape, VoidInput3, getOutputSchema(shape.functionTrigger?.target?.spec?.kind ?? TriggerKind.Email))
 };
 
 // packages/ui/react-ui-canvas-compute/src/shapes/GptRealtime.tsx
+import { useSignals as _useSignals27 } from "@preact-signals/safe-react/tracking";
+import { Schema as Schema26 } from "effect";
 import React27, { useState as useState9 } from "react";
-import { S as S26 } from "@dxos/echo-schema";
 import { log as log2 } from "@dxos/log";
 import { useConfig } from "@dxos/react-client";
 import { Icon as Icon5 } from "@dxos/react-ui";
 var __dxlog_file7 = "/home/runner/work/dxos/dxos/packages/ui/react-ui-canvas-compute/src/shapes/GptRealtime.tsx";
-var GptRealtimeShape = S26.extend(ComputeShape, S26.Struct({
-  type: S26.Literal("gpt-realtime")
+var GptRealtimeShape = Schema26.extend(ComputeShape, Schema26.Struct({
+  type: Schema26.Literal("gpt-realtime")
 }));
 var createGptRealtime = (props) => createShape({
   type: "gpt-realtime",
@@ -2326,100 +2508,105 @@ var createGptRealtime = (props) => createShape({
   ...props
 });
 var GptRealtimeComponent = ({ shape }) => {
-  const [isLive, setIsLive] = useState9(false);
-  const [isReady, setIsReady] = useState9(false);
-  const config = 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 = () => {
-        log2.info("Configuring data channel", void 0, {
-          F: __dxlog_file7,
-          L: 87,
-          S: void 0,
-          C: (f, a) => f(...a)
+  var _effect = _useSignals27();
+  try {
+    const [isLive, setIsLive] = useState9(false);
+    const [isReady, setIsReady] = useState9(false);
+    const config = 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 = () => {
+          log2.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) => {
-        log2.info("Opening data channel", {
-          ev
+        dataChannel.addEventListener("open", (ev) => {
+          log2.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) {
+        log2.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) {
-      log2.error("Error in realtime session:", {
-        error
-      }, {
-        F: __dxlog_file7,
-        L: 140,
-        S: void 0,
-        C: (f, a) => f(...a)
-      });
-      throw error;
-    }
-  };
-  return /* @__PURE__ */ React27.createElement("div", {
-    className: "flex w-full justify-center items-center"
-  }, /* @__PURE__ */ React27.createElement(Icon5, {
-    icon: isReady ? "ph--waveform--regular" : isLive ? "ph--pulse--regular" : "ph--play--regular",
-    size: 16,
-    classNames: !isLive && "cursor-pointer",
-    onClick: start
-  }));
+        throw error;
+      }
+    };
+    return /* @__PURE__ */ React27.createElement("div", {
+      className: "flex w-full justify-center items-center"
+    }, /* @__PURE__ */ React27.createElement(Icon5, {
+      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",
@@ -2428,9 +2615,9 @@ var gptRealtimeShape = {
   component: GptRealtimeComponent,
   createShape: createGptRealtime,
   // TODO(dmaretskyi): Can we fetch the schema dynamically?
-  getAnchors: (shape) => createFunctionAnchors(shape, S26.Struct({
-    audio: S26.Any
-  }), S26.Struct({})),
+  getAnchors: (shape) => createFunctionAnchors(shape, Schema26.Struct({
+    audio: Schema26.Any
+  }), Schema26.Struct({})),
   resizable: true
 };
 var DEFAULT_AI_SERVICE_URL = "http://localhost:8788";
@@ -2503,8 +2690,7 @@ import { toEffectSchema } from "@dxos/echo-schema";
 import { ShapeLayout } from "@dxos/react-ui-canvas-editor";
 var ComputeShapeLayout = class extends ShapeLayout {
   constructor(_controller, registry2) {
-    super(registry2);
-    this._controller = _controller;
+    super(registry2), this._controller = _controller;
   }
   // TODO(burdon): Doesn't update.
   getAnchors(shape) {