@dxos/react-ui-canvas-compute 0.8.2-main.fbd8ed0 → 0.8.2-staging.4d6ad0f

package/dist/lib/browser/index.mjs

@@ -367,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 {
@@ -647,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";
@@ -656,62 +647,68 @@ 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";
@@ -740,7 +737,7 @@ var parseAnchorId = (id) => {
 var ComputeShape = Schema2.extend(Polygon, Schema2.Struct({
   // TODO(burdon): Rename computeNode?
   node: Schema2.optional(ObjectId3.annotations({
-    [SchemaAST.DescriptionAnnotationId]: "Compute node id"
+    description: "Compute node id"
   }))
 }).pipe(Schema2.mutable));
 var createShape = ({ id, ...rest }) => {
@@ -754,65 +751,70 @@ 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 = SchemaAST2.getPropertySignatures(input.ast);
@@ -833,23 +835,30 @@ 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";
@@ -857,11 +866,16 @@ 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,
@@ -881,6 +895,7 @@ 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";
@@ -896,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",
@@ -911,6 +931,7 @@ 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 { Icon as Icon2 } from "@dxos/react-ui";
@@ -927,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",
@@ -961,6 +987,7 @@ 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";
@@ -979,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",
@@ -1005,6 +1037,7 @@ 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 { createAnchors as createAnchors2, getAnchorPoints } from "@dxos/react-ui-canvas-editor";
@@ -1018,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")
@@ -1037,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;
@@ -1176,6 +1223,7 @@ 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";
@@ -1185,23 +1233,28 @@ 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",
@@ -1231,6 +1284,7 @@ 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";
@@ -1254,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",
@@ -1328,6 +1387,7 @@ 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 { createAnchorMap as createAnchorMap5 } from "@dxos/react-ui-canvas-editor";
@@ -1343,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",
@@ -1362,6 +1427,7 @@ 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";
@@ -1382,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.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
-  }));
+  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",
@@ -1441,6 +1512,7 @@ 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";
@@ -1456,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",
@@ -1511,6 +1588,7 @@ 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";
@@ -1523,20 +1601,30 @@ 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",
@@ -1583,6 +1671,7 @@ 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";
@@ -1593,18 +1682,28 @@ 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",
@@ -1640,6 +1739,7 @@ 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";
@@ -1656,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",
@@ -1702,6 +1812,7 @@ 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";
@@ -1731,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",
@@ -1778,6 +1894,7 @@ 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";
@@ -1796,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",
@@ -1826,6 +1948,7 @@ 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";
@@ -1843,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",
@@ -1878,6 +2006,7 @@ 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";
@@ -1895,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",
@@ -1925,6 +2059,7 @@ 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";
@@ -1942,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",
@@ -1957,6 +2097,7 @@ 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";
@@ -1969,44 +2110,49 @@ var TemplateShape = Schema21.extend(ComputeShape, Schema21.Struct({
   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(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
-  }));
+  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,6 +2176,7 @@ 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";
@@ -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,6 +2230,7 @@ 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";
@@ -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,6 +2304,7 @@ 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 { createAnchorMap as createAnchorMap12 } from "@dxos/react-ui-canvas-editor";
@@ -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,6 +2344,7 @@ 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 { VoidInput as VoidInput3 } from "@dxos/conductor";
@@ -2203,56 +2373,66 @@ 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?.kind ?? TriggerKind.Email));
-  }, [
-    functionTrigger?.spec?.kind
-  ]);
-  const setKind = (kind) => {
-    if (functionTrigger?.spec?.kind !== kind) {
-      functionTrigger.spec = createTriggerSpec({
-        triggerKind: kind,
-        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?.kind,
-      onValueChange: (kind) => setKind(kind)
-    }),
-    inputSchema: VoidInput3,
-    outputSchema: getOutputSchema(functionTrigger.spec.kind)
-  });
 };
 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((kind) => /* @__PURE__ */ React26.createElement(Select2.Option, {
-    key: kind,
-    value: kind
-  }, kind))), /* @__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;
@@ -2309,6 +2489,7 @@ var triggerShape = {
 };
 
 // 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 { log as log2 } from "@dxos/log";
@@ -2327,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",
@@ -2504,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) {