@dxos/react-ui-canvas-compute 0.8.2 → 0.8.3-main.7f5a14c

package/dist/lib/node/index.cjs

@@ -229,29 +229,29 @@ var import_conductor9 = require("@dxos/conductor");
 var import_react_ui4 = require("@dxos/react-ui");
 var import_react_ui_canvas_editor6 = require("@dxos/react-ui-canvas-editor");
 var import_react_ui_theme2 = require("@dxos/react-ui-theme");
-var import_tracking8 = require("@preact-signals/safe-react/tracking");
 var import_effect9 = require("effect");
 var import_react12 = __toESM(require("react"));
 var import_react_ui_canvas_editor7 = require("@dxos/react-ui-canvas-editor");
-var import_tracking9 = require("@preact-signals/safe-react/tracking");
+var import_react_ui_canvas_editor8 = require("@dxos/react-ui-canvas-editor");
+var import_tracking8 = require("@preact-signals/safe-react/tracking");
 var import_effect10 = require("effect");
 var import_react13 = __toESM(require("react"));
 var import_conductor10 = require("@dxos/conductor");
-var import_react_ui_canvas_editor8 = require("@dxos/react-ui-canvas-editor");
 var import_react_ui_canvas_editor9 = require("@dxos/react-ui-canvas-editor");
-var import_tracking10 = require("@preact-signals/safe-react/tracking");
+var import_react_ui_canvas_editor10 = require("@dxos/react-ui-canvas-editor");
+var import_tracking9 = require("@preact-signals/safe-react/tracking");
 var import_effect11 = require("effect");
 var import_react14 = __toESM(require("react"));
 var import_conductor11 = require("@dxos/conductor");
 var import_react_ui5 = require("@dxos/react-ui");
-var import_react_ui_canvas_editor10 = require("@dxos/react-ui-canvas-editor");
 var import_react_ui_canvas_editor11 = require("@dxos/react-ui-canvas-editor");
+var import_react_ui_canvas_editor12 = require("@dxos/react-ui-canvas-editor");
 var import_util2 = require("@dxos/util");
-var import_tracking11 = require("@preact-signals/safe-react/tracking");
+var import_tracking10 = require("@preact-signals/safe-react/tracking");
 var import_effect12 = require("effect");
 var import_react15 = __toESM(require("react"));
-var import_react_ui_canvas_editor12 = require("@dxos/react-ui-canvas-editor");
-var import_tracking12 = require("@preact-signals/safe-react/tracking");
+var import_react_ui_canvas_editor13 = require("@dxos/react-ui-canvas-editor");
+var import_tracking11 = require("@preact-signals/safe-react/tracking");
 var import_effect13 = require("effect");
 var import_react16 = __toESM(require("react"));
 var import_conductor12 = require("@dxos/conductor");
@@ -259,78 +259,78 @@ var import_echo_schema4 = require("@dxos/echo-schema");
 var import_functions = require("@dxos/functions");
 var import_react_client = require("@dxos/react-client");
 var import_echo2 = require("@dxos/react-client/echo");
-var import_react_ui_canvas_editor13 = require("@dxos/react-ui-canvas-editor");
-var import_tracking13 = require("@preact-signals/safe-react/tracking");
+var import_react_ui_canvas_editor14 = require("@dxos/react-ui-canvas-editor");
+var import_tracking12 = require("@preact-signals/safe-react/tracking");
 var import_effect14 = require("effect");
 var import_react17 = __toESM(require("react"));
 var import_conductor13 = require("@dxos/conductor");
-var import_tracking14 = require("@preact-signals/safe-react/tracking");
+var import_tracking13 = require("@preact-signals/safe-react/tracking");
 var import_effect15 = require("effect");
 var import_react18 = __toESM(require("react"));
 var import_conductor14 = require("@dxos/conductor");
-var import_react_ui_canvas_editor14 = require("@dxos/react-ui-canvas-editor");
+var import_react_ui_canvas_editor15 = require("@dxos/react-ui-canvas-editor");
 var import_react_ui_syntax_highlighter = require("@dxos/react-ui-syntax-highlighter");
-var import_tracking15 = require("@preact-signals/safe-react/tracking");
+var import_tracking14 = require("@preact-signals/safe-react/tracking");
 var import_effect16 = require("effect");
 var import_react19 = __toESM(require("react"));
 var import_conductor15 = require("@dxos/conductor");
-var import_tracking16 = require("@preact-signals/safe-react/tracking");
+var import_tracking15 = require("@preact-signals/safe-react/tracking");
 var import_effect17 = require("effect");
 var import_react20 = __toESM(require("react"));
 var import_conductor16 = require("@dxos/conductor");
 var import_react_ui_theme3 = require("@dxos/react-ui-theme");
-var import_tracking17 = require("@preact-signals/safe-react/tracking");
+var import_tracking16 = require("@preact-signals/safe-react/tracking");
 var import_effect18 = require("effect");
 var import_react21 = __toESM(require("react"));
 var import_conductor17 = require("@dxos/conductor");
 var import_react_ui6 = require("@dxos/react-ui");
-var import_react_ui_canvas_editor15 = require("@dxos/react-ui-canvas-editor");
+var import_react_ui_canvas_editor16 = require("@dxos/react-ui-canvas-editor");
 var import_react_ui_theme4 = require("@dxos/react-ui-theme");
-var import_tracking18 = require("@preact-signals/safe-react/tracking");
+var import_tracking17 = require("@preact-signals/safe-react/tracking");
 var import_effect19 = require("effect");
 var import_react22 = __toESM(require("react"));
 var import_conductor18 = require("@dxos/conductor");
-var import_react_ui_canvas_editor16 = require("@dxos/react-ui-canvas-editor");
+var import_react_ui_canvas_editor17 = require("@dxos/react-ui-canvas-editor");
 var import_react_ui_sfx = require("@dxos/react-ui-sfx");
-var import_tracking19 = require("@preact-signals/safe-react/tracking");
+var import_tracking18 = require("@preact-signals/safe-react/tracking");
 var import_effect20 = require("effect");
 var import_react23 = __toESM(require("react"));
 var import_app_framework = require("@dxos/app-framework");
 var import_conductor19 = require("@dxos/conductor");
-var import_react_ui_canvas_editor17 = require("@dxos/react-ui-canvas-editor");
-var import_tracking20 = require("@preact-signals/safe-react/tracking");
+var import_react_ui_canvas_editor18 = require("@dxos/react-ui-canvas-editor");
+var import_tracking19 = require("@preact-signals/safe-react/tracking");
 var import_effect21 = require("effect");
 var import_react24 = __toESM(require("react"));
 var import_conductor20 = require("@dxos/conductor");
 var import_react_ui7 = require("@dxos/react-ui");
-var import_react_ui_canvas_editor18 = require("@dxos/react-ui-canvas-editor");
-var import_tracking21 = require("@preact-signals/safe-react/tracking");
+var import_react_ui_canvas_editor19 = require("@dxos/react-ui-canvas-editor");
+var import_tracking20 = require("@preact-signals/safe-react/tracking");
 var import_effect22 = require("effect");
 var import_react25 = __toESM(require("react"));
 var import_conductor21 = require("@dxos/conductor");
-var import_tracking22 = require("@preact-signals/safe-react/tracking");
+var import_tracking21 = require("@preact-signals/safe-react/tracking");
 var import_effect23 = require("effect");
 var import_react26 = __toESM(require("react"));
 var import_conductor22 = require("@dxos/conductor");
 var import_echo_schema5 = require("@dxos/echo-schema");
 var import_invariant5 = require("@dxos/invariant");
-var import_react_ui_canvas_editor19 = require("@dxos/react-ui-canvas-editor");
-var import_tracking23 = require("@preact-signals/safe-react/tracking");
+var import_react_ui_canvas_editor20 = require("@dxos/react-ui-canvas-editor");
+var import_tracking22 = require("@preact-signals/safe-react/tracking");
 var import_effect24 = require("effect");
 var import_react27 = __toESM(require("react"));
 var import_conductor23 = require("@dxos/conductor");
-var import_react_ui_canvas_editor20 = require("@dxos/react-ui-canvas-editor");
 var import_react_ui_canvas_editor21 = require("@dxos/react-ui-canvas-editor");
-var import_tracking24 = require("@preact-signals/safe-react/tracking");
+var import_react_ui_canvas_editor22 = require("@dxos/react-ui-canvas-editor");
+var import_tracking23 = require("@preact-signals/safe-react/tracking");
 var import_effect25 = require("effect");
 var import_react28 = __toESM(require("react"));
 var import_conductor24 = require("@dxos/conductor");
 var import_react_ui_theme5 = require("@dxos/react-ui-theme");
-var import_tracking25 = require("@preact-signals/safe-react/tracking");
+var import_tracking24 = require("@preact-signals/safe-react/tracking");
 var import_effect26 = require("effect");
 var import_react29 = __toESM(require("react"));
-var import_react_ui_canvas_editor22 = require("@dxos/react-ui-canvas-editor");
-var import_tracking26 = require("@preact-signals/safe-react/tracking");
+var import_react_ui_canvas_editor23 = require("@dxos/react-ui-canvas-editor");
+var import_tracking25 = require("@preact-signals/safe-react/tracking");
 var import_effect27 = require("effect");
 var import_react30 = __toESM(require("react"));
 var import_conductor25 = require("@dxos/conductor");
@@ -339,7 +339,7 @@ var import_functions2 = require("@dxos/functions");
 var import_keys = require("@dxos/keys");
 var import_echo3 = require("@dxos/react-client/echo");
 var import_react_ui8 = require("@dxos/react-ui");
-var import_tracking27 = require("@preact-signals/safe-react/tracking");
+var import_tracking26 = require("@preact-signals/safe-react/tracking");
 var import_effect28 = require("effect");
 var import_react31 = __toESM(require("react"));
 var import_log2 = require("@dxos/log");
@@ -347,7 +347,7 @@ var import_react_client2 = require("@dxos/react-client");
 var import_react_ui9 = require("@dxos/react-ui");
 var import_conductor26 = require("@dxos/conductor");
 var import_echo_schema7 = require("@dxos/echo-schema");
-var import_react_ui_canvas_editor23 = require("@dxos/react-ui-canvas-editor");
+var import_react_ui_canvas_editor24 = require("@dxos/react-ui-canvas-editor");
 var __dxlog_file = "/home/runner/work/dxos/dxos/packages/ui/react-ui-canvas-compute/src/graph/node-defs.ts";
 var resolveComputeNode = async (node) => {
   const impl = import_conductor2.registry[node.type];
@@ -1297,83 +1297,70 @@ var createGate = (props) => createShape({
   },
   ...props
 });
-var GateComponent = (Symbol22) => {
-  var _effect = (0, import_tracking8.useSignals)();
-  try {
-    return () => {
-      return /* @__PURE__ */ import_react12.default.createElement("div", {
-        className: "flex w-full justify-center items-center"
-      }, /* @__PURE__ */ import_react12.default.createElement(Symbol22, null));
-    };
-  } finally {
-    _effect.f();
-  }
-};
-var defineShape = ({ type, name, icon, Symbol: Symbol22, createShape: createShape2, inputs, outputs = [
+var defineShape = ({ type, name, icon, symbol: Symbol2, createShape: createShape2, inputs, outputs = [
   createAnchorId("output")
 ] }) => ({
   type,
   name,
   icon,
-  component: GateComponent(Symbol22),
+  // NOTE: Preact interprets captitalized properties as React components.
+  // Be careful not to name component factories with a capital letter.
+  component: () => {
+    return /* @__PURE__ */ import_react12.default.createElement("div", {
+      className: "flex w-full justify-center items-center"
+    }, /* @__PURE__ */ import_react12.default.createElement(Symbol2, null));
+  },
   createShape: createShape2,
-  getAnchors: (shape) => (0, import_react_ui_canvas_editor7.createAnchors)({
+  getAnchors: (shape) => (0, import_react_ui_canvas_editor8.createAnchors)({
     shape,
     inputs,
     outputs
   })
 });
-var Symbol2 = (pathConstructor, inputs) => {
-  var _effect = (0, import_tracking8.useSignals)();
-  try {
-    return ({
-      width = 64,
-      height = 32,
-      // TODO(burdon): Same as line color.
-      className = "fill-neutral-200 dark:fill-neutral-800 stroke-neutral-500",
-      strokeWidth = 1
-    }) => {
-      const startX = width * 0.25;
-      const endX = width * 0.75;
-      const centerY = height / 2;
-      const paths = pathConstructor({
-        startX,
-        endX,
-        height
-      });
-      return /* @__PURE__ */ import_react12.default.createElement("svg", {
-        viewBox: `0 0 ${width} ${height}`,
-        className: "w-full h-full"
-      }, (0, import_react_ui_canvas_editor7.getAnchorPoints)({
-        x: 0,
-        y: centerY
-      }, inputs).map(({ x, y }, i) => /* @__PURE__ */ import_react12.default.createElement("line", {
-        key: i,
-        x1: x,
-        y1: y,
-        x2: startX * 1.3,
-        y2: y,
-        strokeWidth,
-        className
-      })), /* @__PURE__ */ import_react12.default.createElement("line", {
-        x1: endX,
-        y1: centerY,
-        x2: width,
-        y2: centerY,
-        strokeWidth,
-        className
-      }), paths.map((path, i) => /* @__PURE__ */ import_react12.default.createElement("path", {
-        key: i,
-        d: path,
-        strokeWidth,
-        className
-      })));
-    };
-  } finally {
-    _effect.f();
-  }
-};
-var AndSymbol = Symbol2(({ startX, endX, height }) => {
+var createSymbol = (pathConstructor, inputs) => ({
+  width = 64,
+  height = 32,
+  // TODO(burdon): Same as line color.
+  className = "fill-neutral-200 dark:fill-neutral-800 stroke-neutral-500",
+  strokeWidth = 1
+}) => {
+  const startX = width * 0.25;
+  const endX = width * 0.75;
+  const centerY = height / 2;
+  const paths = pathConstructor({
+    startX,
+    endX,
+    height
+  });
+  return /* @__PURE__ */ import_react12.default.createElement("svg", {
+    viewBox: `0 0 ${width} ${height}`,
+    className: "w-full h-full"
+  }, (0, import_react_ui_canvas_editor7.getAnchorPoints)({
+    x: 0,
+    y: centerY
+  }, inputs).map(({ x, y }, i) => /* @__PURE__ */ import_react12.default.createElement("line", {
+    key: i,
+    x1: x,
+    y1: y,
+    x2: startX * 1.3,
+    y2: y,
+    strokeWidth,
+    className
+  })), /* @__PURE__ */ import_react12.default.createElement("line", {
+    x1: endX,
+    y1: centerY,
+    x2: width,
+    y2: centerY,
+    strokeWidth,
+    className
+  }), paths.map((path, i) => /* @__PURE__ */ import_react12.default.createElement("path", {
+    key: i,
+    d: path,
+    strokeWidth,
+    className
+  })));
+};
+var AndSymbol = createSymbol(({ startX, endX, height }) => {
   const arcRadius = (endX - startX) / 2;
   return [
     `
@@ -1396,14 +1383,14 @@ var andShape = defineShape({
   type: "and",
   name: "AND",
   icon: "ph--intersection--regular",
-  Symbol: AndSymbol,
+  symbol: AndSymbol,
   createShape: createAnd,
   inputs: [
     "input.a",
     "input.b"
   ]
 });
-var OrSymbol = Symbol2(({ startX, endX, height }) => {
+var OrSymbol = createSymbol(({ startX, endX, height }) => {
   const arcRadius = (endX - startX) / 2;
   return [
     `
@@ -1427,14 +1414,14 @@ var orShape = defineShape({
   type: "or",
   name: "OR",
   icon: "ph--union--regular",
-  Symbol: OrSymbol,
+  symbol: OrSymbol,
   createShape: createOr,
   inputs: [
     "input.a",
     "input.b"
   ]
 });
-var NotSymbol = Symbol2(({ startX, endX, height }) => {
+var NotSymbol = createSymbol(({ startX, endX, height }) => {
   return [
     `
     M ${startX},${height * 0.1}
@@ -1461,7 +1448,7 @@ var notShape = defineShape({
   type: "not",
   name: "NOT",
   icon: "ph--x--regular",
-  Symbol: NotSymbol,
+  symbol: NotSymbol,
   createShape: createNot,
   inputs: [
     createAnchorId("input")
@@ -1471,7 +1458,7 @@ var ChatShape = import_effect10.Schema.extend(ComputeShape, import_effect10.Sche
   type: import_effect10.Schema.Literal("chat")
 }));
 var TextInputComponent = ({ shape, title, ...props }) => {
-  var _effect = (0, import_tracking9.useSignals)();
+  var _effect = (0, import_tracking8.useSignals)();
   try {
     const { runtime } = useComputeNodeState(shape);
     const inputRef = (0, import_react13.useRef)(null);
@@ -1485,7 +1472,7 @@ var TextInputComponent = ({ shape, title, ...props }) => {
     return /* @__PURE__ */ import_react13.default.createElement(Box, {
       shape,
       title
-    }, /* @__PURE__ */ import_react13.default.createElement(import_react_ui_canvas_editor8.TextBox, {
+    }, /* @__PURE__ */ import_react13.default.createElement(import_react_ui_canvas_editor9.TextBox, {
       ref: inputRef,
       onEnter: handleEnter,
       ...props
@@ -1512,7 +1499,7 @@ var chatShape = {
     placeholder: "Message"
   }),
   createShape: createChat,
-  getAnchors: (shape) => (0, import_react_ui_canvas_editor9.createAnchorMap)(shape, {
+  getAnchors: (shape) => (0, import_react_ui_canvas_editor10.createAnchorMap)(shape, {
     [createAnchorId("output")]: {
       x: 1,
       y: 0
@@ -1536,7 +1523,7 @@ var inferType = (value) => {
   }
 };
 var ConstantComponent = ({ shape, title, chat, ...props }) => {
-  var _effect = (0, import_tracking10.useSignals)();
+  var _effect = (0, import_tracking9.useSignals)();
   try {
     const { node } = useComputeNodeState(shape);
     const [type, setType] = (0, import_react14.useState)(inferType(node.value) ?? import_conductor11.ComputeValueType.literals[0]);
@@ -1566,12 +1553,12 @@ var ConstantComponent = ({ shape, title, chat, ...props }) => {
         value: type,
         onValueChange: setType
       })
-    }, (type === "string" || type === "number") && /* @__PURE__ */ import_react14.default.createElement(import_react_ui_canvas_editor10.TextBox, {
+    }, (type === "string" || type === "number") && /* @__PURE__ */ import_react14.default.createElement(import_react_ui_canvas_editor11.TextBox, {
       ...props,
       ref: inputRef,
       value: node.value,
       onEnter: handleEnter
-    }), type === "object" && /* @__PURE__ */ import_react14.default.createElement(import_react_ui_canvas_editor10.TextBox, {
+    }), type === "object" && /* @__PURE__ */ import_react14.default.createElement(import_react_ui_canvas_editor11.TextBox, {
       ...props,
       ref: inputRef,
       value: JSON.stringify(node.value, null, 2),
@@ -1605,7 +1592,7 @@ var constantShape = {
     placeholder: "Constant"
   }),
   createShape: createConstant,
-  getAnchors: (shape) => (0, import_react_ui_canvas_editor11.createAnchorMap)(shape, {
+  getAnchors: (shape) => (0, import_react_ui_canvas_editor12.createAnchorMap)(shape, {
     [createAnchorId("output")]: {
       x: 1,
       y: 0
@@ -1625,7 +1612,7 @@ var createDatabase = (props) => createShape({
   ...props
 });
 var DatabaseComponent = ({ shape }) => {
-  var _effect = (0, import_tracking11.useSignals)();
+  var _effect = (0, import_tracking10.useSignals)();
   try {
     return /* @__PURE__ */ import_react15.default.createElement(Box, {
       shape
@@ -1640,7 +1627,7 @@ var databaseShape = {
   icon: "ph--database--regular",
   component: DatabaseComponent,
   createShape: createDatabase,
-  getAnchors: (shape) => (0, import_react_ui_canvas_editor12.createAnchorMap)(shape, {
+  getAnchors: (shape) => (0, import_react_ui_canvas_editor13.createAnchorMap)(shape, {
     [createAnchorId("output")]: {
       x: 1,
       y: 0
@@ -1659,7 +1646,7 @@ var createFunction = (props) => createShape({
   ...props
 });
 var TextInputComponent2 = ({ shape, title, ...props }) => {
-  var _effect = (0, import_tracking12.useSignals)();
+  var _effect = (0, import_tracking11.useSignals)();
   try {
     const client = (0, import_react_client.useClient)();
     const { node, runtime } = useComputeNodeState(shape);
@@ -1701,7 +1688,7 @@ var TextInputComponent2 = ({ shape, title, ...props }) => {
       shape,
       title: "Function",
       onAction: handleAction
-    }, /* @__PURE__ */ import_react16.default.createElement(import_react_ui_canvas_editor13.TextBox, {
+    }, /* @__PURE__ */ import_react16.default.createElement(import_react_ui_canvas_editor14.TextBox, {
       ...props,
       ref: inputRef,
       value: node.value,
@@ -1733,7 +1720,7 @@ var createGpt = (props) => createShape({
   ...props
 });
 var GptComponent = ({ shape }) => {
-  var _effect = (0, import_tracking13.useSignals)();
+  var _effect = (0, import_tracking12.useSignals)();
   try {
     const { meta, runtime } = useComputeNodeState(shape);
     const [text, setText] = (0, import_react17.useState)("");
@@ -1798,7 +1785,7 @@ var JsonTransformShape = import_effect15.Schema.extend(ComputeShape, import_effe
   type: import_effect15.Schema.Literal("json-transform")
 }));
 var JsonComponent = ({ shape, ...props }) => {
-  var _effect = (0, import_tracking14.useSignals)();
+  var _effect = (0, import_tracking13.useSignals)();
   try {
     const { runtime } = useComputeNodeState(shape);
     const input = runtime.inputs[import_conductor14.DEFAULT_INPUT];
@@ -1814,7 +1801,7 @@ var JsonComponent = ({ shape, ...props }) => {
   }
 };
 var JsonTransformComponent = ({ shape, ...props }) => {
-  var _effect = (0, import_tracking14.useSignals)();
+  var _effect = (0, import_tracking13.useSignals)();
   try {
     return /* @__PURE__ */ import_react18.default.createElement(Box, {
       shape
@@ -1837,7 +1824,7 @@ var jsonShape = {
   icon: "ph--code--regular",
   component: (props) => /* @__PURE__ */ import_react18.default.createElement(JsonComponent, props),
   createShape: createJson,
-  getAnchors: (shape) => (0, import_react_ui_canvas_editor14.createAnchorMap)(shape, {
+  getAnchors: (shape) => (0, import_react_ui_canvas_editor15.createAnchorMap)(shape, {
     [createAnchorId("input")]: {
       x: -1,
       y: 0
@@ -1873,7 +1860,7 @@ var IfElseShape = import_effect16.Schema.extend(ComputeShape, import_effect16.Sc
   type: import_effect16.Schema.Literal("if-else")
 }));
 var IfComponent = ({ shape, ...props }) => {
-  var _effect = (0, import_tracking15.useSignals)();
+  var _effect = (0, import_tracking14.useSignals)();
   try {
     return /* @__PURE__ */ import_react19.default.createElement(FunctionBody, {
       shape,
@@ -1885,7 +1872,7 @@ var IfComponent = ({ shape, ...props }) => {
   }
 };
 var IfElseComponent = ({ shape, ...props }) => {
-  var _effect = (0, import_tracking15.useSignals)();
+  var _effect = (0, import_tracking14.useSignals)();
   try {
     return /* @__PURE__ */ import_react19.default.createElement(FunctionBody, {
       shape,
@@ -1940,7 +1927,7 @@ var createQueue = (props) => createShape({
   ...props
 });
 var QueueComponent = ({ shape }) => {
-  var _effect = (0, import_tracking16.useSignals)();
+  var _effect = (0, import_tracking15.useSignals)();
   try {
     const { runtime } = useComputeNodeState(shape);
     const items = runtime.outputs[import_conductor16.DEFAULT_OUTPUT]?.type === "executed" ? runtime.outputs[import_conductor16.DEFAULT_OUTPUT].value : [];
@@ -1967,7 +1954,7 @@ var QueueComponent = ({ shape }) => {
   }
 };
 var QueueItem = ({ classNames, item }) => {
-  var _effect = (0, import_tracking16.useSignals)();
+  var _effect = (0, import_tracking15.useSignals)();
   try {
     if (typeof item !== "object") {
       return /* @__PURE__ */ import_react20.default.createElement("div", {
@@ -2017,7 +2004,7 @@ var icons = [
 ];
 var pickIcon = () => icons[Math.floor(Math.random() * icons.length)];
 var RandomComponent = ({ shape }) => {
-  var _effect = (0, import_tracking17.useSignals)();
+  var _effect = (0, import_tracking16.useSignals)();
   try {
     const { runtime } = useComputeNodeState(shape);
     const [spin, setSpin] = (0, import_react21.useState)(false);
@@ -2060,7 +2047,7 @@ var randomShape = {
   icon: "ph--dice-six--regular",
   component: RandomComponent,
   createShape: createRandom,
-  getAnchors: (shape) => (0, import_react_ui_canvas_editor15.createAnchorMap)(shape, {
+  getAnchors: (shape) => (0, import_react_ui_canvas_editor16.createAnchorMap)(shape, {
     [createAnchorId("output")]: {
       x: 1,
       y: 0
@@ -2080,7 +2067,7 @@ var createScope = (props) => createShape({
   ...props
 });
 var ScopeComponent = ({ shape }) => {
-  var _effect = (0, import_tracking18.useSignals)();
+  var _effect = (0, import_tracking17.useSignals)();
   try {
     const { runtime } = useComputeNodeState(shape);
     const input = runtime.inputs[import_conductor18.DEFAULT_INPUT];
@@ -2106,7 +2093,7 @@ var scopeShape = {
   icon: "ph--waveform--regular",
   component: ScopeComponent,
   createShape: createScope,
-  getAnchors: (shape) => (0, import_react_ui_canvas_editor16.createAnchorMap)(shape, {
+  getAnchors: (shape) => (0, import_react_ui_canvas_editor17.createAnchorMap)(shape, {
     [createAnchorId("input")]: {
       x: -1,
       y: 0
@@ -2125,7 +2112,7 @@ var createSurface = (props) => createShape({
   ...props
 });
 var SurfaceComponent = ({ shape }) => {
-  var _effect = (0, import_tracking19.useSignals)();
+  var _effect = (0, import_tracking18.useSignals)();
   try {
     const { runtime } = useComputeNodeState(shape);
     const input = runtime.inputs[import_conductor19.DEFAULT_INPUT];
@@ -2155,7 +2142,7 @@ var surfaceShape = {
   icon: "ph--frame-corners--regular",
   component: SurfaceComponent,
   createShape: createSurface,
-  getAnchors: (shape) => (0, import_react_ui_canvas_editor17.createAnchorMap)(shape, {
+  getAnchors: (shape) => (0, import_react_ui_canvas_editor18.createAnchorMap)(shape, {
     [createAnchorId("input")]: {
       x: -1,
       y: 0
@@ -2175,7 +2162,7 @@ var createSwitch = (props) => createShape({
   ...props
 });
 var SwitchComponent = ({ shape }) => {
-  var _effect = (0, import_tracking20.useSignals)();
+  var _effect = (0, import_tracking19.useSignals)();
   try {
     const { runtime } = useComputeNodeState(shape);
     const [value, setValue] = (0, import_react24.useState)(false);
@@ -2201,7 +2188,7 @@ var switchShape = {
   icon: "ph--toggle-left--regular",
   component: SwitchComponent,
   createShape: createSwitch,
-  getAnchors: (shape) => (0, import_react_ui_canvas_editor18.createAnchorMap)(shape, {
+  getAnchors: (shape) => (0, import_react_ui_canvas_editor19.createAnchorMap)(shape, {
     [createAnchorId("output")]: {
       x: 1,
       y: 0
@@ -2222,7 +2209,7 @@ var createTable = (props) => createShape({
   ...props
 });
 var TableComponent = ({ shape }) => {
-  var _effect = (0, import_tracking21.useSignals)();
+  var _effect = (0, import_tracking20.useSignals)();
   try {
     return /* @__PURE__ */ import_react25.default.createElement(Box, {
       shape
@@ -2246,7 +2233,7 @@ var TemplateShape = import_effect23.Schema.extend(ComputeShape, import_effect23.
   valueType: import_effect23.Schema.optional(import_conductor22.ComputeValueType)
 }));
 var TextInputComponent3 = ({ shape, title, ...props }) => {
-  var _effect = (0, import_tracking22.useSignals)();
+  var _effect = (0, import_tracking21.useSignals)();
   try {
     const { node } = useComputeNodeState(shape);
     const inputRef = (0, import_react26.useRef)(null);
@@ -2278,7 +2265,7 @@ var TextInputComponent3 = ({ shape, title, ...props }) => {
         value: node.valueType ?? "string",
         onValueChange: handleTypeChange
       })
-    }, /* @__PURE__ */ import_react26.default.createElement(import_react_ui_canvas_editor19.TextBox, {
+    }, /* @__PURE__ */ import_react26.default.createElement(import_react_ui_canvas_editor20.TextBox, {
       ...props,
       ref: inputRef,
       value: node.value,
@@ -2322,7 +2309,7 @@ var createText = (props) => createShape({
   ...props
 });
 var TextComponent = ({ shape }) => {
-  var _effect = (0, import_tracking23.useSignals)();
+  var _effect = (0, import_tracking22.useSignals)();
   try {
     const { runtime } = useComputeNodeState(shape);
     const input = runtime.inputs[import_conductor23.DEFAULT_INPUT];
@@ -2335,7 +2322,7 @@ var TextComponent = ({ shape }) => {
     return /* @__PURE__ */ import_react27.default.createElement(Box, {
       shape,
       onAction: handleAction
-    }, /* @__PURE__ */ import_react27.default.createElement(import_react_ui_canvas_editor20.TextBox, {
+    }, /* @__PURE__ */ import_react27.default.createElement(import_react_ui_canvas_editor21.TextBox, {
       value
     }));
   } finally {
@@ -2348,7 +2335,7 @@ var textShape = {
   icon: "ph--article--regular",
   component: TextComponent,
   createShape: createText,
-  getAnchors: (shape) => (0, import_react_ui_canvas_editor21.createAnchorMap)(shape, {
+  getAnchors: (shape) => (0, import_react_ui_canvas_editor22.createAnchorMap)(shape, {
     [createAnchorId("input")]: {
       x: -1,
       y: 0
@@ -2370,7 +2357,7 @@ var createThread = (props) => createShape({
   ...props
 });
 var ThreadComponent = ({ shape }) => {
-  var _effect = (0, import_tracking24.useSignals)();
+  var _effect = (0, import_tracking23.useSignals)();
   try {
     const items = [];
     const scrollRef = (0, import_react28.useRef)(null);
@@ -2397,7 +2384,7 @@ var ThreadComponent = ({ shape }) => {
   }
 };
 var ThreadItem = ({ classNames, item }) => {
-  var _effect = (0, import_tracking24.useSignals)();
+  var _effect = (0, import_tracking23.useSignals)();
   try {
     if (typeof item !== "object") {
       return /* @__PURE__ */ import_react28.default.createElement("div", {
@@ -2435,7 +2422,7 @@ var createTextToImage = (props) => createShape({
   ...props
 });
 var TextToImageComponent = ({ shape }) => {
-  var _effect = (0, import_tracking25.useSignals)();
+  var _effect = (0, import_tracking24.useSignals)();
   try {
     return /* @__PURE__ */ import_react29.default.createElement(Box, {
       shape
@@ -2450,7 +2437,7 @@ var textToImageShape = {
   icon: "ph--image--regular",
   component: TextToImageComponent,
   createShape: createTextToImage,
-  getAnchors: (shape) => (0, import_react_ui_canvas_editor22.createAnchorMap)(shape, {
+  getAnchors: (shape) => (0, import_react_ui_canvas_editor23.createAnchorMap)(shape, {
     [createAnchorId("output")]: {
       x: 1,
       y: 0
@@ -2477,7 +2464,7 @@ var createTrigger = (props) => {
   });
 };
 var TriggerComponent = ({ shape }) => {
-  var _effect = (0, import_tracking26.useSignals)();
+  var _effect = (0, import_tracking25.useSignals)();
   try {
     const space = (0, import_echo3.useSpace)();
     const functionTrigger = shape.functionTrigger?.target;
@@ -2522,7 +2509,7 @@ var TriggerComponent = ({ shape }) => {
   }
 };
 var TriggerKindSelect = ({ value, onValueChange }) => {
-  var _effect = (0, import_tracking26.useSignals)();
+  var _effect = (0, import_tracking25.useSignals)();
   try {
     return /* @__PURE__ */ import_react30.default.createElement(import_react_ui8.Select.Root, {
       value,
@@ -2604,7 +2591,7 @@ var createGptRealtime = (props) => createShape({
   ...props
 });
 var GptRealtimeComponent = ({ shape }) => {
-  var _effect = (0, import_tracking27.useSignals)();
+  var _effect = (0, import_tracking26.useSignals)();
   try {
     const [isLive, setIsLive] = (0, import_react31.useState)(false);
     const [isReady, setIsReady] = (0, import_react31.useState)(false);
@@ -2777,7 +2764,7 @@ var computeShapes = [
     ]
   }
 ];
-var ComputeShapeLayout = class extends import_react_ui_canvas_editor23.ShapeLayout {
+var ComputeShapeLayout = class extends import_react_ui_canvas_editor24.ShapeLayout {
   constructor(_controller, registry2) {
     super(registry2), this._controller = _controller;
   }