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

package/dist/lib/browser/index.mjs

@@ -1,10 +1,9 @@
 import "@dxos/node-std/globals";
 
 // packages/ui/react-ui-canvas-compute/src/graph/controller.ts
-import { FetchHttpClient } from "@effect/platform";
-import { Effect, Either, Exit, Layer, Scope } from "effect";
+import { Effect, Either, Exit, Scope } from "effect";
 import { Event, synchronized } from "@dxos/async";
-import { isNotExecuted, makeValueBag, EventLogger, GptService, GraphExecutor, MockGpt, QueueService, SpaceService, FunctionCallService } from "@dxos/conductor";
+import { GraphExecutor, isNotExecuted, ValueBag } from "@dxos/conductor";
 import { Resource } from "@dxos/context";
 import { log } from "@dxos/log";
 
@@ -356,20 +355,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 Resource {
-  constructor(_graph) {
-    super(), this._graph = _graph, this._executor = new GraphExecutor({
+  constructor(_serviceContainer, _graph) {
+    super(), this._serviceContainer = _serviceContainer, 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._forcedOutputs = {}, this._runtimeStateInputs = {}, this._runtimeStateOutputs = {}, this.update = new Event(), this.output = new Event(), this.events = new Event();
   }
   toJSON() {
     return {
@@ -381,17 +379,6 @@ var ComputeGraphController = class extends Resource {
       forcedOutputs: this._forcedOutputs
     };
   }
-  setServices(services) {
-    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;
   }
@@ -450,7 +437,7 @@ var ComputeGraphController = class extends Resource {
       } catch (err) {
         log.catch(err, void 0, {
           F: __dxlog_file4,
-          L: 218,
+          L: 199,
           S: this,
           C: (f, a) => f(...a)
         });
@@ -470,14 +457,14 @@ var ComputeGraphController = class extends Resource {
     const executor = this._executor.clone();
     await executor.load(this._graph);
     for (const [nodeId2, outputs] of Object.entries(this._forcedOutputs)) {
-      executor.setOutputs(nodeId2, Effect.succeed(makeValueBag(outputs)));
+      executor.setOutputs(nodeId2, Effect.succeed(ValueBag.make(outputs)));
     }
-    const services = this._createServiceLayer();
+    const serviceLayer = this._serviceContainer.createLayer();
     await Effect.runPromise(Effect.gen(this, function* () {
       const scope = yield* Scope.make();
       const executable = yield* Effect.promise(() => resolveComputeNode(this._graph.getNode(nodeId)));
       const computingOutputs = executable.exec != null;
-      const effect = (computingOutputs ? executor.computeOutputs(nodeId) : executor.computeInputs(nodeId)).pipe(Effect.withSpan("runGraph"), Scope.extend(scope), Effect.flatMap(computeValueBag), Effect.provide(services), Effect.withSpan("test"), Effect.tap((values) => {
+      const effect = (computingOutputs ? executor.computeOutputs(nodeId) : executor.computeInputs(nodeId)).pipe(Effect.withSpan("runGraph"), Scope.extend(scope), Effect.flatMap(computeValueBag), Effect.provide(serviceLayer), Effect.withSpan("test"), Effect.tap((values) => {
         for (const [key, value] of Object.entries(values)) {
           if (computingOutputs) {
             this._onOutputComputed(nodeId, key, value);
@@ -501,7 +488,7 @@ var ComputeGraphController = class extends Resource {
     const executor = this._executor.clone();
     await executor.load(this._graph);
     for (const [nodeId, outputs] of Object.entries(this._forcedOutputs)) {
-      executor.setOutputs(nodeId, Effect.succeed(makeValueBag(outputs)));
+      executor.setOutputs(nodeId, Effect.succeed(ValueBag.make(outputs)));
     }
     const triggerNodes = startFromNode != null ? [
       this._graph.getNode(startFromNode)
@@ -509,14 +496,13 @@ var ComputeGraphController = class extends Resource {
     const allAffectedNodes = [
       ...new Set(triggerNodes.flatMap((node) => executor.getAllDependantNodes(node.id)))
     ];
-    const services = this._createServiceLayer();
     await Effect.runPromise(Effect.gen(this, function* () {
       const scope = yield* Scope.make();
       const tasks = [];
       for (const node of allAffectedNodes) {
         const executable = yield* Effect.promise(() => resolveComputeNode(this._graph.getNode(node)));
         const computingOutputs = executable.exec != null;
-        const effect = (computingOutputs ? executor.computeOutputs(node) : executor.computeInputs(node)).pipe(Effect.withSpan("runGraph"), Scope.extend(scope), Effect.flatMap(computeValueBag), Effect.provide(services), Effect.withSpan("test"), Effect.tap((values) => {
+        const effect = (computingOutputs ? executor.computeOutputs(node) : executor.computeInputs(node)).pipe(Effect.withSpan("runGraph"), Scope.extend(scope), Effect.flatMap(computeValueBag), Effect.provide(this._serviceContainer.createLayer()), Effect.withSpan("test"), Effect.tap((values) => {
           for (const [key, value] of Object.entries(values)) {
             if (computingOutputs) {
               this._onOutputComputed(node, key, value);
@@ -532,18 +518,6 @@ var ComputeGraphController = class extends Resource {
     }));
     this.update.emit();
   }
-  _createServiceLayer() {
-    const services = {
-      ...DEFAULT_SERVICES,
-      ...this._services
-    };
-    const logLayer = Layer.succeed(EventLogger, this._createLogger());
-    const gptLayer = Layer.succeed(GptService, services.gpt);
-    const queueLayer = services.edgeHttpClient != null ? QueueService.fromClient(services.edgeHttpClient) : QueueService.notAvailable;
-    const spaceLayer = services.spaceService != null ? Layer.succeed(SpaceService, services.spaceService) : SpaceService.empty;
-    const functionCallServiceLayer = services.edgeHttpClient != null && services.spaceService != null ? Layer.succeed(FunctionCallService, FunctionCallService.fromClient(services.edgeHttpClient.baseUrl, services.spaceService.spaceId)) : Layer.succeed(FunctionCallService, FunctionCallService.mock());
-    return Layer.mergeAll(logLayer, gptLayer, queueLayer, spaceLayer, functionCallServiceLayer, FetchHttpClient.layer);
-  }
   _createLogger() {
     return {
       log: (event) => {
@@ -557,7 +531,7 @@ var ComputeGraphController = class extends Resource {
       event
     }, {
       F: __dxlog_file4,
-      L: 376,
+      L: 335,
       S: this,
       C: (f, a) => f(...a)
     });
@@ -599,9 +573,6 @@ _ts_decorate([
 _ts_decorate([
   synchronized
 ], ComputeGraphController.prototype, "exec", null);
-var DEFAULT_SERVICES = {
-  gpt: new MockGpt()
-};
 var computeValueBag = (bag) => {
   return Effect.all(Object.entries(bag.values).map(([key, eff]) => Effect.either(eff).pipe(Effect.map((value) => {
     if (Either.isLeft(value)) {
@@ -1037,10 +1008,10 @@ 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";
+import { getAnchorPoints } from "@dxos/react-ui-canvas-editor";
+import { createAnchors as createAnchors2 } from "@dxos/react-ui-canvas-editor";
 var GateShape = Schema7.extend(ComputeShape, Schema7.Struct({
   type: Schema7.String
 }));
@@ -1051,25 +1022,19 @@ var createGate = (props) => createShape({
   },
   ...props
 });
-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 = [
+var defineShape = ({ type, name, icon, symbol: Symbol, createShape: createShape2, inputs, outputs = [
   createAnchorId("output")
 ] }) => ({
   type,
   name,
   icon,
-  component: GateComponent(Symbol2),
+  // NOTE: Preact interprets captitalized properties as React components.
+  // Be careful not to name component factories with a capital letter.
+  component: () => {
+    return /* @__PURE__ */ React8.createElement("div", {
+      className: "flex w-full justify-center items-center"
+    }, /* @__PURE__ */ React8.createElement(Symbol, null));
+  },
   createShape: createShape2,
   getAnchors: (shape) => createAnchors2({
     shape,
@@ -1077,57 +1042,50 @@ var defineShape = ({ type, name, icon, Symbol: Symbol2, createShape: createShape
     outputs
   })
 });
-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 }) => {
+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__ */ 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 AndSymbol = createSymbol(({ startX, endX, height }) => {
   const arcRadius = (endX - startX) / 2;
   return [
     `
@@ -1150,14 +1108,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 = Symbol(({ startX, endX, height }) => {
+var OrSymbol = createSymbol(({ startX, endX, height }) => {
   const arcRadius = (endX - startX) / 2;
   return [
     `
@@ -1181,14 +1139,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 = Symbol(({ startX, endX, height }) => {
+var NotSymbol = createSymbol(({ startX, endX, height }) => {
   return [
     `
     M ${startX},${height * 0.1}
@@ -1215,7 +1173,7 @@ var notShape = defineShape({
   type: "not",
   name: "NOT",
   icon: "ph--x--regular",
-  Symbol: NotSymbol,
+  symbol: NotSymbol,
   createShape: createNot,
   inputs: [
     createAnchorId("input")
@@ -1223,7 +1181,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 { useSignals as _useSignals8 } 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";
@@ -1233,7 +1191,7 @@ var ChatShape = Schema8.extend(ComputeShape, Schema8.Struct({
   type: Schema8.Literal("chat")
 }));
 var TextInputComponent = ({ shape, title, ...props }) => {
-  var _effect = _useSignals9();
+  var _effect = _useSignals8();
   try {
     const { runtime } = useComputeNodeState(shape);
     const inputRef = useRef2(null);
@@ -1284,7 +1242,7 @@ var chatShape = {
 };
 
 // packages/ui/react-ui-canvas-compute/src/shapes/Constant.tsx
-import { useSignals as _useSignals10 } from "@preact-signals/safe-react/tracking";
+import { useSignals as _useSignals9 } 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";
@@ -1308,7 +1266,7 @@ var inferType = (value) => {
   }
 };
 var ConstantComponent = ({ shape, title, chat, ...props }) => {
-  var _effect = _useSignals10();
+  var _effect = _useSignals9();
   try {
     const { node } = useComputeNodeState(shape);
     const [type, setType] = useState5(inferType(node.value) ?? ComputeValueType2.literals[0]);
@@ -1387,7 +1345,7 @@ var constantShape = {
 };
 
 // packages/ui/react-ui-canvas-compute/src/shapes/Database.tsx
-import { useSignals as _useSignals11 } from "@preact-signals/safe-react/tracking";
+import { useSignals as _useSignals10 } 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";
@@ -1403,7 +1361,7 @@ var createDatabase = (props) => createShape({
   ...props
 });
 var DatabaseComponent = ({ shape }) => {
-  var _effect = _useSignals11();
+  var _effect = _useSignals10();
   try {
     return /* @__PURE__ */ React11.createElement(Box, {
       shape
@@ -1427,7 +1385,7 @@ var databaseShape = {
 };
 
 // packages/ui/react-ui-canvas-compute/src/shapes/Function.tsx
-import { useSignals as _useSignals12 } from "@preact-signals/safe-react/tracking";
+import { useSignals as _useSignals11 } 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";
@@ -1448,7 +1406,7 @@ var createFunction = (props) => createShape({
   ...props
 });
 var TextInputComponent2 = ({ shape, title, ...props }) => {
-  var _effect = _useSignals12();
+  var _effect = _useSignals11();
   try {
     const client = useClient();
     const { node, runtime } = useComputeNodeState(shape);
@@ -1512,7 +1470,7 @@ var functionShape = {
 };
 
 // packages/ui/react-ui-canvas-compute/src/shapes/Gpt.tsx
-import { useSignals as _useSignals13 } from "@preact-signals/safe-react/tracking";
+import { useSignals as _useSignals12 } 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";
@@ -1528,7 +1486,7 @@ var createGpt = (props) => createShape({
   ...props
 });
 var GptComponent = ({ shape }) => {
-  var _effect = _useSignals13();
+  var _effect = _useSignals12();
   try {
     const { meta, runtime } = useComputeNodeState(shape);
     const [text, setText] = useState6("");
@@ -1588,7 +1546,7 @@ var gptShape = {
 };
 
 // packages/ui/react-ui-canvas-compute/src/shapes/Json.tsx
-import { useSignals as _useSignals14 } from "@preact-signals/safe-react/tracking";
+import { useSignals as _useSignals13 } 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";
@@ -1601,7 +1559,7 @@ var JsonTransformShape = Schema13.extend(ComputeShape, Schema13.Struct({
   type: Schema13.Literal("json-transform")
 }));
 var JsonComponent = ({ shape, ...props }) => {
-  var _effect = _useSignals14();
+  var _effect = _useSignals13();
   try {
     const { runtime } = useComputeNodeState(shape);
     const input = runtime.inputs[DEFAULT_INPUT4];
@@ -1617,7 +1575,7 @@ var JsonComponent = ({ shape, ...props }) => {
   }
 };
 var JsonTransformComponent = ({ shape, ...props }) => {
-  var _effect = _useSignals14();
+  var _effect = _useSignals13();
   try {
     return /* @__PURE__ */ React14.createElement(Box, {
       shape
@@ -1671,7 +1629,7 @@ var jsonTransformShape = {
 };
 
 // packages/ui/react-ui-canvas-compute/src/shapes/Logic.tsx
-import { useSignals as _useSignals15 } from "@preact-signals/safe-react/tracking";
+import { useSignals as _useSignals14 } from "@preact-signals/safe-react/tracking";
 import { Schema as Schema14 } from "effect";
 import React15 from "react";
 import { IfElseInput, IfElseOutput, IfInput, IfOutput } from "@dxos/conductor";
@@ -1682,7 +1640,7 @@ var IfElseShape = Schema14.extend(ComputeShape, Schema14.Struct({
   type: Schema14.Literal("if-else")
 }));
 var IfComponent = ({ shape, ...props }) => {
-  var _effect = _useSignals15();
+  var _effect = _useSignals14();
   try {
     return /* @__PURE__ */ React15.createElement(FunctionBody, {
       shape,
@@ -1694,7 +1652,7 @@ var IfComponent = ({ shape, ...props }) => {
   }
 };
 var IfElseComponent = ({ shape, ...props }) => {
-  var _effect = _useSignals15();
+  var _effect = _useSignals14();
   try {
     return /* @__PURE__ */ React15.createElement(FunctionBody, {
       shape,
@@ -1739,7 +1697,7 @@ var ifElseShape = {
 };
 
 // packages/ui/react-ui-canvas-compute/src/shapes/Queue.tsx
-import { useSignals as _useSignals16 } from "@preact-signals/safe-react/tracking";
+import { useSignals as _useSignals15 } 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";
@@ -1756,7 +1714,7 @@ var createQueue = (props) => createShape({
   ...props
 });
 var QueueComponent = ({ shape }) => {
-  var _effect = _useSignals16();
+  var _effect = _useSignals15();
   try {
     const { runtime } = useComputeNodeState(shape);
     const items = runtime.outputs[DEFAULT_OUTPUT4]?.type === "executed" ? runtime.outputs[DEFAULT_OUTPUT4].value : [];
@@ -1783,7 +1741,7 @@ var QueueComponent = ({ shape }) => {
   }
 };
 var QueueItem = ({ classNames, item }) => {
-  var _effect = _useSignals16();
+  var _effect = _useSignals15();
   try {
     if (typeof item !== "object") {
       return /* @__PURE__ */ React16.createElement("div", {
@@ -1812,7 +1770,7 @@ var queueShape = {
 };
 
 // packages/ui/react-ui-canvas-compute/src/shapes/RNG.tsx
-import { useSignals as _useSignals17 } from "@preact-signals/safe-react/tracking";
+import { useSignals as _useSignals16 } 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";
@@ -1842,7 +1800,7 @@ var icons = [
 ];
 var pickIcon = () => icons[Math.floor(Math.random() * icons.length)];
 var RandomComponent = ({ shape }) => {
-  var _effect = _useSignals17();
+  var _effect = _useSignals16();
   try {
     const { runtime } = useComputeNodeState(shape);
     const [spin, setSpin] = useState7(false);
@@ -1894,7 +1852,7 @@ var randomShape = {
 };
 
 // packages/ui/react-ui-canvas-compute/src/shapes/Scope.tsx
-import { useSignals as _useSignals18 } from "@preact-signals/safe-react/tracking";
+import { useSignals as _useSignals17 } 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";
@@ -1913,7 +1871,7 @@ var createScope = (props) => createShape({
   ...props
 });
 var ScopeComponent = ({ shape }) => {
-  var _effect = _useSignals18();
+  var _effect = _useSignals17();
   try {
     const { runtime } = useComputeNodeState(shape);
     const input = runtime.inputs[DEFAULT_INPUT5];
@@ -1948,7 +1906,7 @@ var scopeShape = {
 };
 
 // packages/ui/react-ui-canvas-compute/src/shapes/Surface.tsx
-import { useSignals as _useSignals19 } from "@preact-signals/safe-react/tracking";
+import { useSignals as _useSignals18 } from "@preact-signals/safe-react/tracking";
 import { Schema as Schema18 } from "effect";
 import React19 from "react";
 import { Surface } from "@dxos/app-framework";
@@ -1966,7 +1924,7 @@ var createSurface = (props) => createShape({
   ...props
 });
 var SurfaceComponent = ({ shape }) => {
-  var _effect = _useSignals19();
+  var _effect = _useSignals18();
   try {
     const { runtime } = useComputeNodeState(shape);
     const input = runtime.inputs[DEFAULT_INPUT6];
@@ -2006,7 +1964,7 @@ var surfaceShape = {
 };
 
 // packages/ui/react-ui-canvas-compute/src/shapes/Switch.tsx
-import { useSignals as _useSignals20 } from "@preact-signals/safe-react/tracking";
+import { useSignals as _useSignals19 } 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";
@@ -2024,7 +1982,7 @@ var createSwitch = (props) => createShape({
   ...props
 });
 var SwitchComponent = ({ shape }) => {
-  var _effect = _useSignals20();
+  var _effect = _useSignals19();
   try {
     const { runtime } = useComputeNodeState(shape);
     const [value, setValue] = useState8(false);
@@ -2059,7 +2017,7 @@ var switchShape = {
 };
 
 // packages/ui/react-ui-canvas-compute/src/shapes/Table.tsx
-import { useSignals as _useSignals21 } from "@preact-signals/safe-react/tracking";
+import { useSignals as _useSignals20 } from "@preact-signals/safe-react/tracking";
 import { Schema as Schema20 } from "effect";
 import React21 from "react";
 import { createInputSchema, createOutputSchema, GptMessage } from "@dxos/conductor";
@@ -2077,7 +2035,7 @@ var createTable = (props) => createShape({
   ...props
 });
 var TableComponent = ({ shape }) => {
-  var _effect = _useSignals21();
+  var _effect = _useSignals20();
   try {
     return /* @__PURE__ */ React21.createElement(Box, {
       shape
@@ -2097,7 +2055,7 @@ var tableShape = {
 };
 
 // packages/ui/react-ui-canvas-compute/src/shapes/Template.tsx
-import { useSignals as _useSignals22 } from "@preact-signals/safe-react/tracking";
+import { useSignals as _useSignals21 } 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";
@@ -2110,7 +2068,7 @@ var TemplateShape = Schema21.extend(ComputeShape, Schema21.Struct({
   valueType: Schema21.optional(ComputeValueType3)
 }));
 var TextInputComponent3 = ({ shape, title, ...props }) => {
-  var _effect = _useSignals22();
+  var _effect = _useSignals21();
   try {
     const { node } = useComputeNodeState(shape);
     const inputRef = useRef5(null);
@@ -2176,7 +2134,7 @@ var templateShape = {
 };
 
 // packages/ui/react-ui-canvas-compute/src/shapes/Text.tsx
-import { useSignals as _useSignals23 } from "@preact-signals/safe-react/tracking";
+import { useSignals as _useSignals22 } 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";
@@ -2194,7 +2152,7 @@ var createText = (props) => createShape({
   ...props
 });
 var TextComponent = ({ shape }) => {
-  var _effect = _useSignals23();
+  var _effect = _useSignals22();
   try {
     const { runtime } = useComputeNodeState(shape);
     const input = runtime.inputs[DEFAULT_INPUT7];
@@ -2230,7 +2188,7 @@ var textShape = {
 };
 
 // packages/ui/react-ui-canvas-compute/src/shapes/Thread.tsx
-import { useSignals as _useSignals24 } from "@preact-signals/safe-react/tracking";
+import { useSignals as _useSignals23 } 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";
@@ -2249,7 +2207,7 @@ var createThread = (props) => createShape({
   ...props
 });
 var ThreadComponent = ({ shape }) => {
-  var _effect = _useSignals24();
+  var _effect = _useSignals23();
   try {
     const items = [];
     const scrollRef = useRef6(null);
@@ -2276,7 +2234,7 @@ var ThreadComponent = ({ shape }) => {
   }
 };
 var ThreadItem = ({ classNames, item }) => {
-  var _effect = _useSignals24();
+  var _effect = _useSignals23();
   try {
     if (typeof item !== "object") {
       return /* @__PURE__ */ React24.createElement("div", {
@@ -2304,7 +2262,7 @@ var threadShape = {
 };
 
 // packages/ui/react-ui-canvas-compute/src/shapes/TextToImage.tsx
-import { useSignals as _useSignals25 } from "@preact-signals/safe-react/tracking";
+import { useSignals as _useSignals24 } 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";
@@ -2320,7 +2278,7 @@ var createTextToImage = (props) => createShape({
   ...props
 });
 var TextToImageComponent = ({ shape }) => {
-  var _effect = _useSignals25();
+  var _effect = _useSignals24();
   try {
     return /* @__PURE__ */ React25.createElement(Box, {
       shape
@@ -2344,7 +2302,7 @@ var textToImageShape = {
 };
 
 // packages/ui/react-ui-canvas-compute/src/shapes/Trigger.tsx
-import { useSignals as _useSignals26 } from "@preact-signals/safe-react/tracking";
+import { useSignals as _useSignals25 } 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";
@@ -2373,7 +2331,7 @@ var createTrigger = (props) => {
   });
 };
 var TriggerComponent = ({ shape }) => {
-  var _effect = _useSignals26();
+  var _effect = _useSignals25();
   try {
     const space = useSpace();
     const functionTrigger = shape.functionTrigger?.target;
@@ -2418,7 +2376,7 @@ var TriggerComponent = ({ shape }) => {
   }
 };
 var TriggerKindSelect = ({ value, onValueChange }) => {
-  var _effect = _useSignals26();
+  var _effect = _useSignals25();
   try {
     return /* @__PURE__ */ React26.createElement(Select2.Root, {
       value,
@@ -2489,7 +2447,7 @@ var triggerShape = {
 };
 
 // packages/ui/react-ui-canvas-compute/src/shapes/GptRealtime.tsx
-import { useSignals as _useSignals27 } from "@preact-signals/safe-react/tracking";
+import { useSignals as _useSignals26 } 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";
@@ -2508,7 +2466,7 @@ var createGptRealtime = (props) => createShape({
   ...props
 });
 var GptRealtimeComponent = ({ shape }) => {
-  var _effect = _useSignals27();
+  var _effect = _useSignals26();
   try {
     const [isLive, setIsLive] = useState9(false);
     const [isReady, setIsReady] = useState9(false);
@@ -2534,8 +2492,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: {