@particle-academy/agent-integrations 0.19.0 → 0.20.0

package/dist/components-shared-whiteboard.js

@@ -1,5 +1,5 @@
-import { ShareControls, AgentCursor, AgentActivityHighlight, AgentPanel } from './chunk-YEEOTIGY.js';
-import { createSessionDescriptor, attachSseRelay } from './chunk-CPNOF4HI.js';
+import { ShareControls, AgentCursor, AgentActivityHighlight, AgentPanel } from './chunk-HKQBG2HZ.js';
+import { createSessionDescriptor, attachSseRelay } from './chunk-FUI7KXE7.js';
 import { attachInProcess } from './chunk-AFUULW5E.js';
 import { registerWhiteboardBridge } from './chunk-3QJSOS7G.js';
 import './chunk-KJ5AOOV7.js';

package/dist/index.cjs

@@ -2490,6 +2490,7 @@ function constantTimeEqual(a, b) {
 // src/sharing/sse-relay.ts
 var SseRelayTransport = class {
   constructor(options) {
+    this.disposed = false;
     this.sendQueue = [];
     this.connected = false;
     this.listeners = /* @__PURE__ */ new Set();
@@ -2500,26 +2501,45 @@ var SseRelayTransport = class {
   bindServer(server) {
     this.server = server;
   }
-  /** Open the SSE channel. Idempotent. */
+  /** Open the receive channel. Idempotent. */
   start() {
-    if (this.connected || typeof window === "undefined") return;
-    const url = `${this.opts.baseUrl}/${encodeURIComponent(this.opts.sessionId)}/events?token=${encodeURIComponent(this.opts.token)}`;
+    if (this.connected || this.disposed || typeof window === "undefined") return;
     this.setState("connecting");
+    void import('@particle-academy/fancy-cf-relay').then(({ createRelayChannel }) => {
+      if (this.connected || this.disposed) return;
+      this.channel = createRelayChannel({
+        baseUrl: this.opts.baseUrl,
+        session: this.opts.sessionId,
+        token: this.opts.token,
+        transport: "auto",
+        receiveDirection: "inbound",
+        sendPath: "outbox",
+        onFrame: (raw) => this.handleInbound(raw),
+        onOpen: () => this.markOpen(),
+        onError: () => this.setState("error"),
+        fetchImpl: this.opts.fetch
+      });
+      this.channel.start();
+    }).catch(() => {
+      if (!this.disposed) this.startSse();
+    });
+  }
+  /** Fallback receive leg: a plain EventSource (no fancy-cf-relay installed). */
+  startSse() {
+    if (this.connected || this.disposed) return;
+    const url = `${this.opts.baseUrl}/${encodeURIComponent(this.opts.sessionId)}/events?token=${encodeURIComponent(this.opts.token)}`;
     const es = new EventSource(url, { withCredentials: false });
     this.es = es;
-    es.addEventListener("open", () => {
-      this.connected = true;
-      this.setState("open");
-      const queued = this.sendQueue.splice(0);
-      for (const msg of queued) this.postOut(msg);
-    });
-    es.addEventListener("mcp", (ev) => {
-      const raw = ev.data;
-      this.handleInbound(raw);
-    });
-    es.addEventListener("error", () => {
-      this.setState("error");
-    });
+    es.addEventListener("open", () => this.markOpen());
+    es.addEventListener("mcp", (ev) => this.handleInbound(ev.data));
+    es.addEventListener("error", () => this.setState("error"));
+  }
+  /** Mark the channel live + flush any queued outbound frames. */
+  markOpen() {
+    this.connected = true;
+    this.setState("open");
+    const queued = this.sendQueue.splice(0);
+    for (const msg of queued) this.postOut(msg);
   }
   send(message) {
     if (!this.connected) {
@@ -2529,6 +2549,9 @@ var SseRelayTransport = class {
     this.postOut(message);
   }
   close() {
+    this.disposed = true;
+    this.channel?.stop();
+    this.channel = void 0;
     this.es?.close();
     this.es = void 0;
     this.connected = false;