@dxos/react-ui-canvas-compute 0.8.3-main.672df60 → 0.8.3-staging.0fa589b

package/dist/lib/node/index.cjs

@@ -166,7 +166,6 @@ __export(node_exports, {
   useGraphMonitor: () => useGraphMonitor
 });
 module.exports = __toCommonJS(node_exports);
-var import_platform = require("@effect/platform");
 var import_effect = require("effect");
 var import_async = require("@dxos/async");
 var import_conductor = require("@dxos/conductor");
@@ -229,29 +228,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 +258,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 +338,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 +346,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];
@@ -669,20 +668,19 @@ var AUTO_TRIGGER_NODES = [
   "switch",
   "constant"
 ];
-var createComputeGraphController = (graph, services) => {
+var createComputeGraphController = (graph, serviceContainer) => {
   const computeGraph = createComputeGraph(graph);
-  const controller = new ComputeGraphController(computeGraph);
-  controller.setServices(services ?? {});
+  const controller = new ComputeGraphController(serviceContainer, computeGraph);
   return {
     controller,
     graph
   };
 };
 var ComputeGraphController = class extends import_context.Resource {
-  constructor(_graph) {
-    super(), this._graph = _graph, this._executor = new import_conductor.GraphExecutor({
+  constructor(_serviceContainer, _graph) {
+    super(), this._serviceContainer = _serviceContainer, this._graph = _graph, this._executor = new import_conductor.GraphExecutor({
       computeNodeResolver: (node) => resolveComputeNode(node)
-    }), this._diagnostics = [], this._services = {}, this._forcedOutputs = {}, this._runtimeStateInputs = {}, this._runtimeStateOutputs = {}, this.update = new import_async.Event(), this.output = new import_async.Event(), this.events = new import_async.Event();
+    }), this._diagnostics = [], this._forcedOutputs = {}, this._runtimeStateInputs = {}, this._runtimeStateOutputs = {}, this.update = new import_async.Event(), this.output = new import_async.Event(), this.events = new import_async.Event();
   }
   toJSON() {
     return {
@@ -694,17 +692,6 @@ var ComputeGraphController = class extends import_context.Resource {
       forcedOutputs: this._forcedOutputs
     };
   }
-  setServices(services) {
-    import_log.log.info("setServices", {
-      services
-    }, {
-      F: __dxlog_file4,
-      L: 149,
-      S: this,
-      C: (f, a) => f(...a)
-    });
-    Object.assign(this._services, services);
-  }
   get graph() {
     return this._graph;
   }
@@ -763,7 +750,7 @@ var ComputeGraphController = class extends import_context.Resource {
       } catch (err) {
         import_log.log.catch(err, void 0, {
           F: __dxlog_file4,
-          L: 218,
+          L: 199,
           S: this,
           C: (f, a) => f(...a)
         });
@@ -783,14 +770,14 @@ var ComputeGraphController = class extends import_context.Resource {
     const executor = this._executor.clone();
     await executor.load(this._graph);
     for (const [nodeId2, outputs] of Object.entries(this._forcedOutputs)) {
-      executor.setOutputs(nodeId2, import_effect.Effect.succeed((0, import_conductor.makeValueBag)(outputs)));
+      executor.setOutputs(nodeId2, import_effect.Effect.succeed(import_conductor.ValueBag.make(outputs)));
     }
-    const services = this._createServiceLayer();
+    const serviceLayer = this._serviceContainer.createLayer();
     await import_effect.Effect.runPromise(import_effect.Effect.gen(this, function* () {
       const scope = yield* import_effect.Scope.make();
       const executable = yield* import_effect.Effect.promise(() => resolveComputeNode(this._graph.getNode(nodeId)));
       const computingOutputs = executable.exec != null;
-      const effect = (computingOutputs ? executor.computeOutputs(nodeId) : executor.computeInputs(nodeId)).pipe(import_effect.Effect.withSpan("runGraph"), import_effect.Scope.extend(scope), import_effect.Effect.flatMap(computeValueBag), import_effect.Effect.provide(services), import_effect.Effect.withSpan("test"), import_effect.Effect.tap((values) => {
+      const effect = (computingOutputs ? executor.computeOutputs(nodeId) : executor.computeInputs(nodeId)).pipe(import_effect.Effect.withSpan("runGraph"), import_effect.Scope.extend(scope), import_effect.Effect.flatMap(computeValueBag), import_effect.Effect.provide(serviceLayer), import_effect.Effect.withSpan("test"), import_effect.Effect.tap((values) => {
         for (const [key, value] of Object.entries(values)) {
           if (computingOutputs) {
             this._onOutputComputed(nodeId, key, value);
@@ -814,7 +801,7 @@ var ComputeGraphController = class extends import_context.Resource {
     const executor = this._executor.clone();
     await executor.load(this._graph);
     for (const [nodeId, outputs] of Object.entries(this._forcedOutputs)) {
-      executor.setOutputs(nodeId, import_effect.Effect.succeed((0, import_conductor.makeValueBag)(outputs)));
+      executor.setOutputs(nodeId, import_effect.Effect.succeed(import_conductor.ValueBag.make(outputs)));
     }
     const triggerNodes = startFromNode != null ? [
       this._graph.getNode(startFromNode)
@@ -822,14 +809,13 @@ var ComputeGraphController = class extends import_context.Resource {
     const allAffectedNodes = [
       ...new Set(triggerNodes.flatMap((node) => executor.getAllDependantNodes(node.id)))
     ];
-    const services = this._createServiceLayer();
     await import_effect.Effect.runPromise(import_effect.Effect.gen(this, function* () {
       const scope = yield* import_effect.Scope.make();
       const tasks = [];
       for (const node of allAffectedNodes) {
         const executable = yield* import_effect.Effect.promise(() => resolveComputeNode(this._graph.getNode(node)));
         const computingOutputs = executable.exec != null;
-        const effect = (computingOutputs ? executor.computeOutputs(node) : executor.computeInputs(node)).pipe(import_effect.Effect.withSpan("runGraph"), import_effect.Scope.extend(scope), import_effect.Effect.flatMap(computeValueBag), import_effect.Effect.provide(services), import_effect.Effect.withSpan("test"), import_effect.Effect.tap((values) => {
+        const effect = (computingOutputs ? executor.computeOutputs(node) : executor.computeInputs(node)).pipe(import_effect.Effect.withSpan("runGraph"), import_effect.Scope.extend(scope), import_effect.Effect.flatMap(computeValueBag), import_effect.Effect.provide(this._serviceContainer.createLayer()), import_effect.Effect.withSpan("test"), import_effect.Effect.tap((values) => {
           for (const [key, value] of Object.entries(values)) {
             if (computingOutputs) {
               this._onOutputComputed(node, key, value);
@@ -845,18 +831,6 @@ var ComputeGraphController = class extends import_context.Resource {
     }));
     this.update.emit();
   }
-  _createServiceLayer() {
-    const services = {
-      ...DEFAULT_SERVICES,
-      ...this._services
-    };
-    const logLayer = import_effect.Layer.succeed(import_conductor.EventLogger, this._createLogger());
-    const gptLayer = import_effect.Layer.succeed(import_conductor.GptService, services.gpt);
-    const queueLayer = services.edgeHttpClient != null ? import_conductor.QueueService.fromClient(services.edgeHttpClient) : import_conductor.QueueService.notAvailable;
-    const spaceLayer = services.spaceService != null ? import_effect.Layer.succeed(import_conductor.SpaceService, services.spaceService) : import_conductor.SpaceService.empty;
-    const functionCallServiceLayer = services.edgeHttpClient != null && services.spaceService != null ? import_effect.Layer.succeed(import_conductor.FunctionCallService, import_conductor.FunctionCallService.fromClient(services.edgeHttpClient.baseUrl, services.spaceService.spaceId)) : import_effect.Layer.succeed(import_conductor.FunctionCallService, import_conductor.FunctionCallService.mock());
-    return import_effect.Layer.mergeAll(logLayer, gptLayer, queueLayer, spaceLayer, functionCallServiceLayer, import_platform.FetchHttpClient.layer);
-  }
   _createLogger() {
     return {
       log: (event) => {
@@ -870,7 +844,7 @@ var ComputeGraphController = class extends import_context.Resource {
       event
     }, {
       F: __dxlog_file4,
-      L: 376,
+      L: 335,
       S: this,
       C: (f, a) => f(...a)
     });
@@ -912,9 +886,6 @@ _ts_decorate([
 _ts_decorate([
   import_async.synchronized
 ], ComputeGraphController.prototype, "exec", null);
-var DEFAULT_SERVICES = {
-  gpt: new import_conductor.MockGpt()
-};
 var computeValueBag = (bag) => {
   return import_effect.Effect.all(Object.entries(bag.values).map(([key, eff]) => import_effect.Effect.either(eff).pipe(import_effect.Effect.map((value) => {
     if (import_effect.Either.isLeft(value)) {
@@ -1297,83 +1268,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 +1354,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 +1385,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 +1419,7 @@ var notShape = defineShape({
   type: "not",
   name: "NOT",
   icon: "ph--x--regular",
-  Symbol: NotSymbol,
+  symbol: NotSymbol,
   createShape: createNot,
   inputs: [
     createAnchorId("input")
@@ -1471,7 +1429,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 +1443,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 +1470,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 +1494,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 +1524,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 +1563,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 +1583,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 +1598,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 +1617,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 +1659,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 +1691,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 +1756,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 +1772,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 +1795,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 +1831,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 +1843,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 +1898,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 +1925,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 +1975,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 +2018,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 +2038,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 +2064,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 +2083,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 +2113,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 +2133,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 +2159,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 +2180,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 +2204,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 +2236,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 +2280,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 +2293,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 +2306,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 +2328,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 +2355,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 +2393,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 +2408,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 +2435,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 +2480,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 +2562,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);
@@ -2630,8 +2588,8 @@ var GptRealtimeComponent = ({ shape }) => {
         }));
         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, {
+        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: {
@@ -2777,7 +2735,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;
   }