@concavejs/devtools 0.0.1-alpha.10 → 0.0.1-alpha.12

package/dist/index.js

@@ -1,13 +1,13 @@
-import { b as M, D as k, E as A, L as D, P as $, a as C, S as R, g as W, i as O } from "./client-CRYWrjNv.js";
-import { concaveDevTools as N } from "./vite-plugin.js";
-function P(c) {
-  const t = c.split(".");
-  if (t.length < 2) return null;
+import { b as k, D as L, E as A, L as D, P as C, a as x, S as Q, g as R, i as $ } from "./client-Bnix0wGg.js";
+import { concaveDevTools as O } from "./vite-plugin.js";
+function q(c) {
+  const e = c.split(".");
+  if (e.length < 2) return null;
   try {
-    const n = t[1].replace(/-/g, "+").replace(/_/g, "/"), e = n + "=".repeat((4 - n.length % 4) % 4), o = JSON.parse(atob(e)), s = ["iss", "sub", "aud", "exp", "iat", "nbf"], i = {};
-    for (const a of s) {
-      const d = o[a];
-      d !== void 0 && (i[a] = d);
+    const n = e[1].replace(/-/g, "+").replace(/_/g, "/"), t = n + "=".repeat((4 - n.length % 4) % 4), o = JSON.parse(atob(t)), s = ["iss", "sub", "aud", "exp", "iat", "nbf"], i = {};
+    for (const r of s) {
+      const h = o[r];
+      h !== void 0 && (i[r] = h);
     }
     return typeof i.exp == "number" && (i.expIso = new Date(i.exp * 1e3).toISOString()), typeof i.iat == "number" && (i.iatIso = new Date(i.iat * 1e3).toISOString()), Object.keys(i).length > 0 ? i : null;
   } catch {
@@ -15,24 +15,24 @@ function P(c) {
   }
 }
 const v = /* @__PURE__ */ Symbol.for("__concaveDevToolsInternalWsListener"), m = /* @__PURE__ */ Symbol.for("__concaveDevToolsWsDelayMs");
-function q() {
+function S() {
   const c = window.__concaveDevToolsLatencyConfig;
   if (!c) return 0;
-  const t = (s) => {
+  const e = (s) => {
     const i = Number(s);
     return !Number.isFinite(i) || i <= 0 ? 0 : Math.min(i, 5e3);
-  }, n = t(c.latencyMs);
-  let e = t(c.jitterMs);
-  if (n <= 0 && e <= 0) return 0;
-  n > 0 && e > n && (e = n);
-  const o = e > 0 ? (Math.random() * 2 - 1) * e : 0;
+  }, n = e(c.latencyMs);
+  let t = e(c.jitterMs);
+  if (n <= 0 && t <= 0) return 0;
+  n > 0 && t > n && (t = n);
+  const o = t > 0 ? (Math.random() * 2 - 1) * t : 0;
   return Math.max(0, n + o);
 }
 function T(c) {
-  const t = c[m];
-  if (typeof t == "number" && Number.isFinite(t) && t >= 0)
-    return t;
-  const n = q();
+  const e = c[m];
+  if (typeof e == "number" && Number.isFinite(e) && e >= 0)
+    return e;
+  const n = S();
   try {
     Object.defineProperty(c, m, {
       value: n,
@@ -43,102 +43,104 @@ function T(c) {
   }
   return n;
 }
-function E(c, t, n) {
+function I(c, e, n) {
   if (c[v]) {
-    c.call(t, n);
+    c.call(e, n);
     return;
   }
-  let e = 0;
+  let t = 0;
   try {
-    e = T(n);
+    t = T(n);
   } catch {
-    e = 0;
+    t = 0;
   }
-  if (e <= 0) {
-    c.call(t, n);
+  if (t <= 0) {
+    c.call(e, n);
     return;
   }
   setTimeout(() => {
-    c.call(t, n);
-  }, e);
+    c.call(e, n);
+  }, t);
 }
-class L {
+class P {
   eventStore;
   originalWebSocket;
   pendingQueries = /* @__PURE__ */ new Map();
+  queryContexts = /* @__PURE__ */ new Map();
   pendingMutations = /* @__PURE__ */ new Map();
   pendingActions = /* @__PURE__ */ new Map();
   pendingAuthTokenType = null;
+  eventSequence = 0;
   /** Tracks the most recent mutation event ID for causality linking */
   lastMutationEventId = null;
   lastMutationTimestamp = 0;
-  constructor(t) {
-    this.eventStore = t, this.originalWebSocket = window.WebSocket;
+  constructor(e) {
+    this.eventStore = e, this.originalWebSocket = window.WebSocket;
   }
   /**
    * Install the WebSocket interceptor
    */
   install() {
-    const t = this;
+    const e = this;
     window.__concaveDevToolsLatencyConfig || (window.__concaveDevToolsLatencyConfig = { latencyMs: 0, jitterMs: 0 });
     const n = this.originalWebSocket;
-    class e extends n {
+    class t extends n {
       constructor(s, i) {
         super(s, i);
-        const a = this.addEventListener.bind(this), d = this.removeEventListener.bind(this), g = /* @__PURE__ */ new WeakMap();
-        this.addEventListener = (u, r, h) => {
-          if (u === "message" && typeof r == "function") {
-            let l = g.get(r);
-            l || (l = (y) => {
+        const r = this.addEventListener.bind(this), h = this.removeEventListener.bind(this), p = /* @__PURE__ */ new WeakMap();
+        this.addEventListener = (d, a, l) => {
+          if (d === "message" && typeof a == "function") {
+            let u = p.get(a);
+            u || (u = (y) => {
               try {
                 const f = T(y);
-                t.handleServerMessage(y.data, f);
+                e.handleServerMessage(y.data, f);
               } catch (f) {
                 console.warn("[DevTools] Error parsing server message:", f);
               }
-              E(r, this, y);
-            }, l[v] = !0, g.set(r, l)), a("message", l, h);
+              I(a, this, y);
+            }, u[v] = !0, p.set(a, u)), r("message", u, l);
           } else
-            a(u, r, h);
-        }, this.removeEventListener = (u, r, h) => {
-          if (u === "message" && typeof r == "function") {
-            const l = g.get(r);
-            d("message", l ?? r, h);
+            r(d, a, l);
+        }, this.removeEventListener = (d, a, l) => {
+          if (d === "message" && typeof a == "function") {
+            const u = p.get(a);
+            h("message", u ?? a, l);
           } else
-            d(u, r, h);
+            h(d, a, l);
         };
-        let b = null, p = null;
+        let E = null, g = null;
         Object.defineProperty(this, "onmessage", {
-          get: () => b,
-          set: (u) => {
-            if (p && (d("message", p), p = null), b = u, u) {
-              const r = (h) => {
+          get: () => E,
+          set: (d) => {
+            if (g && (h("message", g), g = null), E = d, d) {
+              const a = (l) => {
                 try {
-                  const l = T(h);
-                  t.handleServerMessage(h.data, l);
-                } catch (l) {
-                  console.warn("[DevTools] Error parsing server message:", l);
+                  const u = T(l);
+                  e.handleServerMessage(l.data, u);
+                } catch (u) {
+                  console.warn("[DevTools] Error parsing server message:", u);
                 }
-                E(u, this, h);
+                I(d, this, l);
               };
-              r[v] = !0, p = r, a("message", r);
+              a[v] = !0, g = a, r("message", a);
             }
           },
           configurable: !0,
           enumerable: !0
         });
-        const I = this.send.bind(this);
-        this.send = (u) => {
+        const b = this.send.bind(this);
+        this.send = (d) => {
           try {
-            typeof u == "string" && t.handleClientMessage(u);
-          } catch (r) {
-            console.warn("[DevTools] Error parsing client message:", r);
+            typeof d == "string" && e.handleClientMessage(d);
+          } catch (a) {
+            console.warn("[DevTools] Error parsing client message:", a);
           }
-          I(u);
+          b(d);
         };
       }
     }
-    window.WebSocket = e, console.log("[DevTools] WebSocket interceptor installed");
+    window.WebSocket = t, console.log("[DevTools] WebSocket interceptor installed");
   }
   /**
    * Uninstall the interceptor
@@ -149,9 +151,9 @@ class L {
   /**
    * Handle client → server messages
    */
-  handleClientMessage(t) {
+  handleClientMessage(e) {
     try {
-      const n = JSON.parse(t);
+      const n = JSON.parse(e);
       switch (console.log("[DevTools] Client message:", n.type, n), n.type) {
         case "ModifyQuerySet":
           this.handleModifyQuerySet(n.modifications);
@@ -176,311 +178,307 @@ class L {
   /**
    * Handle server → client messages
    */
-  handleServerMessage(t, n = 0) {
+  handleServerMessage(e, n = 0) {
     try {
-      const e = JSON.parse(t);
-      switch (console.log("[DevTools] Server message:", e.type, e), e.type) {
+      const t = JSON.parse(e);
+      switch (console.log("[DevTools] Server message:", t.type, t), t.type) {
         case "Transition":
-          this.handleTransition(e, n);
+          this.handleTransition(t, n);
           break;
         case "MutationResponse":
-          this.handleMutationResponse(e, n);
+          this.handleMutationResponse(t, n);
           break;
         case "ActionResponse":
-          this.handleActionResponse(e, n);
+          this.handleActionResponse(t, n);
           break;
         case "AuthError":
-          this.handleAuthErrorResponse(e);
+          this.handleAuthErrorResponse(t);
           break;
       }
-    } catch (e) {
-      console.warn("[DevTools] Failed to parse server message:", e);
+    } catch (t) {
+      console.warn("[DevTools] Failed to parse server message:", t);
     }
   }
   /**
    * Handle query set modifications (subscriptions)
    */
-  handleModifyQuerySet(t) {
+  handleModifyQuerySet(e) {
     const n = Date.now();
-    for (const e of t)
-      if (e.type === "Add") {
-        this.pendingQueries.set(e.queryId, {
-          queryId: e.queryId,
-          udfPath: e.udfPath,
-          args: e.args,
-          componentPath: e.componentPath,
-          startTime: n
-        });
+    for (const t of e)
+      if (t.type === "Add") {
+        this.queryContexts.set(t.queryId, {
+          queryId: t.queryId,
+          udfPath: t.udfPath,
+          args: t.args,
+          componentPath: t.componentPath
+        }), this.pendingQueries.set(t.queryId, {
+          queryId: t.queryId,
+          udfPath: t.udfPath,
+          args: t.args,
+          componentPath: t.componentPath,
+          startTime: n,
+          subscriptionRemovedEmitted: !1
+        }), this.emitSubscriptionEvent(t.queryId, "added", n, t);
         const o = {
-          id: `sub-${e.queryId}-${n}`,
+          id: this.nextEventId(`query-pending-${t.queryId}`, n),
           timestamp: n,
-          type: "subscription",
-          queryId: e.queryId,
-          udfPath: e.udfPath,
-          args: e.args,
-          componentPath: e.componentPath,
-          status: "added"
+          type: "query",
+          queryId: t.queryId,
+          udfPath: t.udfPath,
+          args: t.args,
+          componentPath: t.componentPath,
+          status: "pending"
         };
         this.eventStore.addEvent(o);
-        const s = {
-          id: `query-pending-${e.queryId}-${n}`,
-          timestamp: n,
+      } else if (t.type === "Remove") {
+        const o = this.pendingQueries.get(t.queryId);
+        o && (o.subscriptionRemovedEmitted = !0);
+        const s = this.getQueryContext(t.queryId);
+        this.queryContexts.delete(t.queryId), this.emitSubscriptionEvent(t.queryId, "removed", n, s ?? void 0);
+      }
+  }
+  handleTransition(e, n = 0) {
+    const t = Date.now();
+    this.pendingAuthTokenType && (this.emitAuthEvent({
+      direction: "server",
+      messageType: "Authenticated",
+      status: "success",
+      tokenType: this.pendingAuthTokenType,
+      details: { modificationCount: e.modifications.length }
+    }), this.pendingAuthTokenType = null);
+    for (const o of e.modifications)
+      if (o.type === "QueryUpdated" || o.type === "QueryFailed") {
+        const s = this.pendingQueries.get(o.queryId), i = this.getQueryContext(o.queryId);
+        if (!i) continue;
+        const r = s ? this.resolveOperationTimings(t - s.startTime, n) : this.resolveOperationTimings(0, n), h = this.lastMutationEventId && t - this.lastMutationTimestamp < 2e3 ? this.lastMutationEventId : void 0, p = {
+          id: this.nextEventId(`query-${o.queryId}`, t),
+          timestamp: t,
           type: "query",
-          queryId: e.queryId,
-          udfPath: e.udfPath,
-          args: e.args,
-          componentPath: e.componentPath,
-          status: "pending"
+          queryId: o.queryId,
+          udfPath: i.udfPath,
+          args: i.args,
+          componentPath: i.componentPath,
+          status: o.type === "QueryUpdated" ? "success" : "error",
+          result: o.type === "QueryUpdated" ? o.value : void 0,
+          error: o.type === "QueryFailed" ? o.errorMessage : void 0,
+          logLines: o.logLines,
+          trace: o.type === "QueryUpdated" ? o.trace : void 0,
+          ...r,
+          triggeredBy: h
         };
-        this.eventStore.addEvent(s);
-      } else if (e.type === "Remove") {
-        const o = this.pendingQueries.get(e.queryId);
-        if (this.pendingQueries.delete(e.queryId), o) {
-          const s = {
-            id: `sub-${e.queryId}-${n}`,
-            timestamp: n,
-            type: "subscription",
-            queryId: e.queryId,
-            udfPath: o.udfPath,
-            args: o.args,
-            componentPath: o.componentPath,
-            status: "removed"
-          };
-          this.eventStore.addEvent(s);
-        }
+        this.eventStore.addEvent(p), Array.isArray(o.logLines) && o.logLines.length > 0 && this.emitLogEvents(o.logLines, p.id), s && this.pendingQueries.delete(o.queryId);
+      } else if (o.type === "QueryRemoved") {
+        const s = this.getQueryContext(o.queryId), i = this.pendingQueries.get(o.queryId);
+        this.pendingQueries.delete(o.queryId), this.queryContexts.delete(o.queryId), s && !i?.subscriptionRemovedEmitted && this.emitSubscriptionEvent(o.queryId, "removed", t, s);
       }
   }
   /**
    * Handle mutation requests
    */
-  handleMutationRequest(t) {
+  handleMutationRequest(e) {
     const n = Date.now();
-    this.pendingMutations.set(t.requestId, {
-      requestId: t.requestId,
-      udfPath: t.udfPath,
-      args: t.args,
-      componentPath: t.componentPath,
+    this.pendingMutations.set(e.requestId, {
+      requestId: e.requestId,
+      udfPath: e.udfPath,
+      args: e.args,
+      componentPath: e.componentPath,
       startTime: n
     });
-    const e = {
-      id: `mutation-pending-${t.requestId}-${n}`,
+    const t = {
+      id: this.nextEventId(`mutation-pending-${e.requestId}`, n),
       timestamp: n,
       type: "mutation",
-      requestId: t.requestId,
-      udfPath: t.udfPath,
-      args: t.args,
-      componentPath: t.componentPath,
+      requestId: e.requestId,
+      udfPath: e.udfPath,
+      args: e.args,
+      componentPath: e.componentPath,
       status: "pending"
     };
-    this.eventStore.addEvent(e);
+    this.eventStore.addEvent(t);
   }
   /**
    * Handle action requests
    */
-  handleActionRequest(t) {
+  handleActionRequest(e) {
     const n = Date.now();
-    this.pendingActions.set(t.requestId, {
-      requestId: t.requestId,
-      udfPath: t.udfPath,
-      args: t.args,
-      componentPath: t.componentPath,
+    this.pendingActions.set(e.requestId, {
+      requestId: e.requestId,
+      udfPath: e.udfPath,
+      args: e.args,
+      componentPath: e.componentPath,
       startTime: n
     });
-    const e = {
-      id: `action-pending-${t.requestId}-${n}`,
+    const t = {
+      id: this.nextEventId(`action-pending-${e.requestId}`, n),
       timestamp: n,
       type: "action",
-      requestId: t.requestId,
-      udfPath: t.udfPath,
-      args: t.args,
-      componentPath: t.componentPath,
+      requestId: e.requestId,
+      udfPath: e.udfPath,
+      args: e.args,
+      componentPath: e.componentPath,
       status: "pending"
     };
-    this.eventStore.addEvent(e);
+    this.eventStore.addEvent(t);
   }
-  handleConnectMessage(t) {
+  handleConnectMessage(e) {
     const n = {};
-    typeof t.connectionCount == "number" && (n.connectionCount = t.connectionCount), typeof t.lastCloseReason == "string" && (n.lastCloseReason = t.lastCloseReason), typeof t.clientTs == "number" && (n.clientTs = t.clientTs), typeof t.sessionId == "string" && (n.sessionId = t.sessionId), this.emitAuthEvent({
+    typeof e.connectionCount == "number" && (n.connectionCount = e.connectionCount), typeof e.lastCloseReason == "string" && (n.lastCloseReason = e.lastCloseReason), typeof e.clientTs == "number" && (n.clientTs = e.clientTs), typeof e.sessionId == "string" && (n.sessionId = e.sessionId), this.emitAuthEvent({
       direction: "client",
       messageType: "Connect",
       status: "success",
       details: n
     });
   }
-  handleAuthenticateMessage(t) {
+  handleAuthenticateMessage(e) {
     const n = {};
-    if (typeof t.baseVersion == "number" && (n.baseVersion = t.baseVersion), typeof t.tokenType == "string" && (n.tokenType = t.tokenType), typeof t.value == "string" && t.value.length > 0) {
-      const e = t.value;
-      n.tokenLength = e.length, n.tokenPreview = e.length > 24 ? `${e.slice(0, 12)}…${e.slice(-10)}` : e;
-      const o = P(e);
+    if (typeof e.baseVersion == "number" && (n.baseVersion = e.baseVersion), typeof e.tokenType == "string" && (n.tokenType = e.tokenType), typeof e.value == "string" && e.value.length > 0) {
+      const t = e.value;
+      n.tokenLength = t.length, n.tokenPreview = t.length > 24 ? `${t.slice(0, 12)}…${t.slice(-10)}` : t;
+      const o = q(t);
       o && (n.jwtClaims = o);
     }
-    this.pendingAuthTokenType = t.tokenType ?? "Unknown", this.emitAuthEvent({
+    this.pendingAuthTokenType = e.tokenType ?? "Unknown", this.emitAuthEvent({
       direction: "client",
       messageType: "Authenticate",
       status: "success",
-      tokenType: t.tokenType,
+      tokenType: e.tokenType,
       details: n
     });
   }
-  /**
-   * Handle state transitions (query updates)
-   */
-  handleTransition(t, n = 0) {
-    const e = Date.now();
-    this.pendingAuthTokenType && (this.emitAuthEvent({
-      direction: "server",
-      messageType: "Authenticated",
-      status: "success",
-      tokenType: this.pendingAuthTokenType,
-      details: { modificationCount: t.modifications.length }
-    }), this.pendingAuthTokenType = null);
-    for (const o of t.modifications)
-      if (o.type === "QueryUpdated") {
-        const s = this.pendingQueries.get(o.queryId);
-        if (!s) continue;
-        const i = e - s.startTime, a = this.resolveOperationTimings(i, n), d = this.lastMutationEventId && e - this.lastMutationTimestamp < 2e3 ? this.lastMutationEventId : void 0, g = {
-          id: `query-${o.queryId}-${e}`,
-          timestamp: e,
-          type: "query",
-          queryId: o.queryId,
-          udfPath: s.udfPath,
-          args: s.args,
-          componentPath: s.componentPath,
-          status: "success",
-          result: o.value,
-          logLines: o.logLines,
-          trace: o.trace,
-          ...a,
-          triggeredBy: d
-        };
-        this.eventStore.addEvent(g), Array.isArray(o.logLines) && o.logLines.length > 0 && this.emitLogEvents(o.logLines, g.id);
-      } else if (o.type === "QueryFailed") {
-        const s = this.pendingQueries.get(o.queryId);
-        if (!s) continue;
-        const i = e - s.startTime, a = this.resolveOperationTimings(i, n), d = {
-          id: `query-${o.queryId}-${e}`,
-          timestamp: e,
-          type: "query",
-          queryId: o.queryId,
-          udfPath: s.udfPath,
-          args: s.args,
-          componentPath: s.componentPath,
-          status: "error",
-          error: o.errorMessage,
-          logLines: o.logLines,
-          ...a
-        };
-        this.eventStore.addEvent(d), Array.isArray(o.logLines) && o.logLines.length > 0 && this.emitLogEvents(o.logLines, d.id);
-      }
-  }
   /**
    * Handle mutation responses
    */
-  handleMutationResponse(t, n = 0) {
-    const e = this.pendingMutations.get(t.requestId);
-    if (!e) return;
-    const o = Date.now(), s = o - e.startTime, i = this.resolveOperationTimings(s, n), a = {
-      id: `mutation-${t.requestId}-${o}`,
+  handleMutationResponse(e, n = 0) {
+    const t = this.pendingMutations.get(e.requestId);
+    if (!t) return;
+    const o = Date.now(), s = o - t.startTime, i = this.resolveOperationTimings(s, n), r = {
+      id: this.nextEventId(`mutation-${e.requestId}`, o),
       timestamp: o,
       type: "mutation",
-      requestId: t.requestId,
-      udfPath: e.udfPath,
-      args: e.args,
-      componentPath: e.componentPath,
-      status: t.success ? "success" : "error",
-      result: t.success ? t.result : void 0,
-      error: t.success ? void 0 : t.result,
-      logLines: t.logLines,
-      trace: t.trace,
+      requestId: e.requestId,
+      udfPath: t.udfPath,
+      args: t.args,
+      componentPath: t.componentPath,
+      status: e.success ? "success" : "error",
+      result: e.success ? e.result : void 0,
+      error: e.success ? void 0 : e.result,
+      logLines: e.logLines,
+      trace: e.trace,
       ...i
     };
-    this.eventStore.addEvent(a), this.lastMutationEventId = a.id, this.lastMutationTimestamp = o, t.logLines && t.logLines.length > 0 && this.emitLogEvents(t.logLines, a.id), this.pendingMutations.delete(t.requestId);
+    this.eventStore.addEvent(r), this.lastMutationEventId = r.id, this.lastMutationTimestamp = o, e.logLines && e.logLines.length > 0 && this.emitLogEvents(e.logLines, r.id), this.pendingMutations.delete(e.requestId);
   }
   /**
    * Handle action responses
    */
-  handleActionResponse(t, n = 0) {
-    const e = this.pendingActions.get(t.requestId);
-    if (!e) return;
-    const o = Date.now(), s = o - e.startTime, i = this.resolveOperationTimings(s, n), a = {
-      id: `action-${t.requestId}-${o}`,
+  handleActionResponse(e, n = 0) {
+    const t = this.pendingActions.get(e.requestId);
+    if (!t) return;
+    const o = Date.now(), s = o - t.startTime, i = this.resolveOperationTimings(s, n), r = {
+      id: this.nextEventId(`action-${e.requestId}`, o),
       timestamp: o,
       type: "action",
-      requestId: t.requestId,
-      udfPath: e.udfPath,
-      args: e.args,
-      componentPath: e.componentPath,
-      status: t.success ? "success" : "error",
-      result: t.success ? t.result : void 0,
-      error: t.success ? void 0 : t.result,
-      logLines: t.logLines,
-      trace: t.trace,
+      requestId: e.requestId,
+      udfPath: t.udfPath,
+      args: t.args,
+      componentPath: t.componentPath,
+      status: e.success ? "success" : "error",
+      result: e.success ? e.result : void 0,
+      error: e.success ? void 0 : e.result,
+      logLines: e.logLines,
+      trace: e.trace,
       ...i
     };
-    this.eventStore.addEvent(a), t.logLines && t.logLines.length > 0 && this.emitLogEvents(t.logLines, a.id), this.pendingActions.delete(t.requestId);
+    this.eventStore.addEvent(r), e.logLines && e.logLines.length > 0 && this.emitLogEvents(e.logLines, r.id), this.pendingActions.delete(e.requestId);
   }
-  handleAuthErrorResponse(t) {
+  handleAuthErrorResponse(e) {
     const n = {};
-    typeof t.baseVersion == "number" && (n.baseVersion = t.baseVersion), typeof t.authUpdateAttempted == "boolean" && (n.authUpdateAttempted = t.authUpdateAttempted), this.emitAuthEvent({
+    typeof e.baseVersion == "number" && (n.baseVersion = e.baseVersion), typeof e.authUpdateAttempted == "boolean" && (n.authUpdateAttempted = e.authUpdateAttempted), this.emitAuthEvent({
       direction: "server",
       messageType: "AuthError",
       status: "error",
       tokenType: this.pendingAuthTokenType ?? void 0,
-      error: t.error ?? "Authentication failed",
+      error: e.error ?? "Authentication failed",
       details: n
     }), this.pendingAuthTokenType = null;
   }
-  resolveOperationTimings(t, n) {
-    const e = Number.isFinite(t) && t >= 0 ? t : 0, o = Number.isFinite(n) && n > 0 ? n : 0;
+  nextEventId(e, n = Date.now()) {
+    return this.eventSequence = (this.eventSequence + 1) % 1e9, `${e}-${n}-${this.eventSequence}`;
+  }
+  getQueryContext(e) {
+    const n = this.pendingQueries.get(e);
+    if (n) return n;
+    const t = this.queryContexts.get(e);
+    return t ? {
+      queryId: e,
+      udfPath: t.udfPath,
+      args: t.args,
+      componentPath: t.componentPath
+    } : null;
+  }
+  emitSubscriptionEvent(e, n, t, o) {
+    const s = {
+      id: this.nextEventId(`sub-${n}-${e}`, t),
+      timestamp: t,
+      type: "subscription",
+      queryId: e,
+      udfPath: o?.udfPath ?? "unknown",
+      args: o?.args ?? [],
+      componentPath: o?.componentPath,
+      status: n
+    };
+    this.eventStore.addEvent(s);
+  }
+  resolveOperationTimings(e, n) {
+    const t = Number.isFinite(e) && e >= 0 ? e : 0, o = Number.isFinite(n) && n > 0 ? n : 0;
     return {
-      duration: e,
+      duration: t,
       simulatedDelayMs: o,
-      endToEndDurationMs: e + o
+      endToEndDurationMs: t + o
     };
   }
-  emitAuthEvent(t) {
-    const n = Date.now(), e = {
-      id: `auth-${t.direction}-${t.messageType}-${n}-${Math.random().toString(36).slice(2, 8)}`,
+  emitAuthEvent(e) {
+    const n = Date.now(), t = {
+      id: `auth-${e.direction}-${e.messageType}-${n}-${Math.random().toString(36).slice(2, 8)}`,
       timestamp: n,
       type: "auth",
-      direction: t.direction,
-      messageType: t.messageType,
-      status: t.status,
-      tokenType: t.tokenType,
-      error: t.error,
-      details: t.details
+      direction: e.direction,
+      messageType: e.messageType,
+      status: e.status,
+      tokenType: e.tokenType,
+      error: e.error,
+      details: e.details
     };
-    this.eventStore.addEvent(e);
+    this.eventStore.addEvent(t);
   }
   /**
    * Extract and emit log events from logLines
    */
-  emitLogEvents(t, n) {
-    const e = Date.now();
-    for (const o of t) {
-      const s = o.match(/^\[(log|info|warn|error)\]\s+(.+)$/i), i = s ? s[1].toLowerCase() : "log", a = s ? s[2] : o, d = {
-        id: `log-${e}-${Math.random()}`,
-        timestamp: e,
+  emitLogEvents(e, n) {
+    const t = Date.now();
+    for (const o of e) {
+      const s = o.match(/^\[(log|info|warn|error)\]\s+(.+)$/i), i = s ? s[1].toLowerCase() : "log", r = s ? s[2] : o, h = {
+        id: `log-${t}-${Math.random()}`,
+        timestamp: t,
         type: "log",
         level: i,
-        message: a,
+        message: r,
         relatedEventId: n
       };
-      this.eventStore.addEvent(d);
+      this.eventStore.addEvent(h);
     }
   }
 }
 export {
-  M as DataInspector,
-  k as DevToolbar,
+  k as DataInspector,
+  L as DevToolbar,
   A as EventStore,
   D as LogsPanel,
-  $ as PerformancePanel,
-  C as SettingsPanel,
-  R as SubscriptionsPanel,
-  L as WebSocketInterceptor,
-  N as concaveDevTools,
-  W as getGlobalEventStore,
-  O as initDevTools
+  C as PerformancePanel,
+  x as SettingsPanel,
+  Q as SubscriptionsPanel,
+  P as WebSocketInterceptor,
+  O as concaveDevTools,
+  R as getGlobalEventStore,
+  $ as initDevTools
 };