@dxos/react-ui-canvas-compute 0.7.5-labs.5f04cf6 → 0.7.5-labs.e27f9b9

package/dist/lib/browser/index.mjs

@@ -323,6 +323,7 @@ var ComputeGraphController = class extends Resource {
     this._executor = new GraphExecutor({
       computeNodeResolver: (node) => resolveComputeNode(node)
     });
+    this._diagnostics = [];
     this._services = {};
     this._forcedOutputs = {};
     this._runtimeStateInputs = {};
@@ -347,6 +348,9 @@ var ComputeGraphController = class extends Resource {
   get graph() {
     return this._graph;
   }
+  get diagnostics() {
+    return this._diagnostics;
+  }
   get userState() {
     return this._forcedOutputs;
   }
@@ -399,7 +403,7 @@ var ComputeGraphController = class extends Resource {
       } catch (err) {
         log.catch(err, void 0, {
           F: __dxlog_file4,
-          L: 208,
+          L: 215,
           S: this,
           C: (f, a) => f(...a)
         });
@@ -410,6 +414,11 @@ var ComputeGraphController = class extends Resource {
     const { meta } = await resolveComputeNode(node);
     return meta;
   }
+  async checkGraph() {
+    const executor = this._executor.clone();
+    await executor.load(this._graph);
+    this._diagnostics = executor.getDiagnostics();
+  }
   async evalNode(nodeId) {
     const executor = this._executor.clone();
     await executor.load(this._graph);
@@ -500,7 +509,7 @@ var ComputeGraphController = class extends Resource {
       event
     }, {
       F: __dxlog_file4,
-      L: 351,
+      L: 365,
       S: this,
       C: (f, a) => f(...a)
     });
@@ -536,6 +545,9 @@ var ComputeGraphController = class extends Resource {
     });
   }
 };
+_ts_decorate([
+  synchronized
+], ComputeGraphController.prototype, "checkGraph", null);
 _ts_decorate([
   synchronized
 ], ComputeGraphController.prototype, "exec", null);
@@ -764,8 +776,8 @@ var createFunctionAnchors = (shape, input = VoidInput, output = VoidOutput) => {
 
 // packages/ui/react-ui-canvas-compute/src/shapes/common/TypeSelect.tsx
 import React3 from "react";
-import { Select } from "@dxos/react-ui";
 import { ComputeValueType } from "@dxos/conductor";
+import { Select } from "@dxos/react-ui";
 var TypeSelect = ({ value, onValueChange }) => {
   return /* @__PURE__ */ React3.createElement(Select.Root, {
     value,
@@ -2171,7 +2183,10 @@ var triggerShape = {
 // packages/ui/react-ui-canvas-compute/src/shapes/GptRealtime.tsx
 import React27, { useState as useState8 } from "react";
 import { S as S26 } from "@dxos/echo-schema";
+import { log as log2 } from "@dxos/log";
+import { useConfig } from "@dxos/react-client";
 import { Icon as Icon5 } from "@dxos/react-ui";
+var __dxlog_file7 = "/home/runner/work/dxos/dxos/packages/ui/react-ui-canvas-compute/src/shapes/GptRealtime.tsx";
 var GptRealtimeShape = S26.extend(ComputeShape, S26.Struct({
   type: S26.Literal("gpt-realtime")
 }));
@@ -2186,6 +2201,7 @@ var createGptRealtime = (props) => createShape({
 var GptRealtimeComponent = ({ shape }) => {
   const [isLive, setIsLive] = useState8(false);
   const [isReady, setIsReady] = useState8(false);
+  const config = useConfig();
   const start = async () => {
     setIsLive(true);
     try {
@@ -2207,7 +2223,8 @@ var GptRealtimeComponent = ({ shape }) => {
       }));
       const offer = await peerConnection.createOffer();
       await peerConnection.setLocalDescription(offer);
-      const response = await fetch(`${AI_SERVICE_URL}/rtc-connect`, {
+      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: {
@@ -2221,7 +2238,12 @@ var GptRealtimeComponent = ({ shape }) => {
       });
       const dataChannel = peerConnection.createDataChannel("response");
       const configureData = () => {
-        console.log("Configuring data channel");
+        log2.info("Configuring data channel", void 0, {
+          F: __dxlog_file7,
+          L: 87,
+          S: void 0,
+          C: (f, a) => f(...a)
+        });
         const event = {
           type: "session.update",
           session: {
@@ -2236,7 +2258,14 @@ var GptRealtimeComponent = ({ shape }) => {
         dataChannel.send(JSON.stringify(event));
       };
       dataChannel.addEventListener("open", (ev) => {
-        console.log("Opening data channel", ev);
+        log2.info("Opening data channel", {
+          ev
+        }, {
+          F: __dxlog_file7,
+          L: 100,
+          S: void 0,
+          C: (f, a) => f(...a)
+        });
         configureData();
       });
       dataChannel.addEventListener("message", async (ev) => {
@@ -2245,7 +2274,14 @@ var GptRealtimeComponent = ({ shape }) => {
         }
       });
     } catch (error) {
-      console.error("Error in realtime session:", error);
+      log2.error("Error in realtime session:", {
+        error
+      }, {
+        F: __dxlog_file7,
+        L: 140,
+        S: void 0,
+        C: (f, a) => f(...a)
+      });
       throw error;
     }
   };
@@ -2270,7 +2306,7 @@ var gptRealtimeShape = {
   }), S26.Struct({})),
   resizable: true
 };
-var AI_SERVICE_URL = "http://localhost:8788";
+var DEFAULT_AI_SERVICE_URL = "http://localhost:8788";
 
 // packages/ui/react-ui-canvas-compute/src/registry.ts
 var computeShapes = [