@yoltra/devtools-ui 0.3.0 → 0.5.0

package/dist/devtools-ui.esm.js

@@ -1,847 +0,0 @@
-import Re, { createContext as ve, useState as w, useRef as k, useCallback as b, useEffect as M, useContext as be, useMemo as Oe } from "react";
-import { DevtoolsRole as v, PROTOCOL_VERSION as K } from "@yoltra/devtools-protocol";
-const H = () => {
-}, de = ve({
-  status: "disconnected",
-  send: H,
-  subscribe: () => H,
-  disconnect: H,
-  reconnect: H
-});
-var X = { exports: {} }, L = {};
-var ie;
-function _e() {
-  if (ie) return L;
-  ie = 1;
-  var e = /* @__PURE__ */ Symbol.for("react.transitional.element"), s = /* @__PURE__ */ Symbol.for("react.fragment");
-  function n(o, r, c) {
-    var a = null;
-    if (c !== void 0 && (a = "" + c), r.key !== void 0 && (a = "" + r.key), "key" in r) {
-      c = {};
-      for (var i in r)
-        i !== "key" && (c[i] = r[i]);
-    } else c = r;
-    return r = c.ref, {
-      $$typeof: e,
-      type: o,
-      key: a,
-      ref: r !== void 0 ? r : null,
-      props: c
-    };
-  }
-  return L.Fragment = s, L.jsx = n, L.jsxs = n, L;
-}
-var U = {};
-var ae;
-function ye() {
-  return ae || (ae = 1, process.env.NODE_ENV !== "production" && (function() {
-    function e(t) {
-      if (t == null) return null;
-      if (typeof t == "function")
-        return t.$$typeof === Te ? null : t.displayName || t.name || null;
-      if (typeof t == "string") return t;
-      switch (t) {
-        case p:
-          return "Fragment";
-        case N:
-          return "Profiler";
-        case h:
-          return "StrictMode";
-        case A:
-          return "Suspense";
-        case P:
-          return "SuspenseList";
-        case Se:
-          return "Activity";
-      }
-      if (typeof t == "object")
-        switch (typeof t.tag == "number" && console.error(
-          "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-        ), t.$$typeof) {
-          case I:
-            return "Portal";
-          case d:
-            return (t.displayName || "Context") + ".Provider";
-          case g:
-            return (t._context.displayName || "Context") + ".Consumer";
-          case R:
-            var u = t.render;
-            return t = t.displayName, t || (t = u.displayName || u.name || "", t = t !== "" ? "ForwardRef(" + t + ")" : "ForwardRef"), t;
-          case x:
-            return u = t.displayName || null, u !== null ? u : e(t.type) || "Memo";
-          case V:
-            u = t._payload, t = t._init;
-            try {
-              return e(t(u));
-            } catch {
-            }
-        }
-      return null;
-    }
-    function s(t) {
-      return "" + t;
-    }
-    function n(t) {
-      try {
-        s(t);
-        var u = !1;
-      } catch {
-        u = !0;
-      }
-      if (u) {
-        u = console;
-        var T = u.error, _ = typeof Symbol == "function" && Symbol.toStringTag && t[Symbol.toStringTag] || t.constructor.name || "Object";
-        return T.call(
-          u,
-          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          _
-        ), s(t);
-      }
-    }
-    function o(t) {
-      if (t === p) return "<>";
-      if (typeof t == "object" && t !== null && t.$$typeof === V)
-        return "<...>";
-      try {
-        var u = e(t);
-        return u ? "<" + u + ">" : "<...>";
-      } catch {
-        return "<...>";
-      }
-    }
-    function r() {
-      var t = J.A;
-      return t === null ? null : t.getOwner();
-    }
-    function c() {
-      return Error("react-stack-top-frame");
-    }
-    function a(t) {
-      if (te.call(t, "key")) {
-        var u = Object.getOwnPropertyDescriptor(t, "key").get;
-        if (u && u.isReactWarning) return !1;
-      }
-      return t.key !== void 0;
-    }
-    function i(t, u) {
-      function T() {
-        re || (re = !0, console.error(
-          "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
-          u
-        ));
-      }
-      T.isReactWarning = !0, Object.defineProperty(t, "key", {
-        get: T,
-        configurable: !0
-      });
-    }
-    function f() {
-      var t = e(this.type);
-      return ne[t] || (ne[t] = !0, console.error(
-        "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
-      )), t = this.props.ref, t !== void 0 ? t : null;
-    }
-    function l(t, u, T, _, D, C, W, G) {
-      return T = C.ref, t = {
-        $$typeof: O,
-        type: t,
-        key: u,
-        props: C,
-        _owner: D
-      }, (T !== void 0 ? T : null) !== null ? Object.defineProperty(t, "ref", {
-        enumerable: !1,
-        get: f
-      }) : Object.defineProperty(t, "ref", { enumerable: !1, value: null }), t._store = {}, Object.defineProperty(t._store, "validated", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: 0
-      }), Object.defineProperty(t, "_debugInfo", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: null
-      }), Object.defineProperty(t, "_debugStack", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: W
-      }), Object.defineProperty(t, "_debugTask", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: G
-      }), Object.freeze && (Object.freeze(t.props), Object.freeze(t)), t;
-    }
-    function E(t, u, T, _, D, C, W, G) {
-      var y = u.children;
-      if (y !== void 0)
-        if (_)
-          if (he(y)) {
-            for (_ = 0; _ < y.length; _++)
-              m(y[_]);
-            Object.freeze && Object.freeze(y);
-          } else
-            console.error(
-              "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
-            );
-        else m(y);
-      if (te.call(u, "key")) {
-        y = e(t);
-        var Y = Object.keys(u).filter(function(me) {
-          return me !== "key";
-        });
-        _ = 0 < Y.length ? "{key: someKey, " + Y.join(": ..., ") + ": ...}" : "{key: someKey}", ce[y + _] || (Y = 0 < Y.length ? "{" + Y.join(": ..., ") + ": ...}" : "{}", console.error(
-          `A props object containing a "key" prop is being spread into JSX:
-  let props = %s;
-  <%s {...props} />
-React keys must be passed directly to JSX without using spread:
-  let props = %s;
-  <%s key={someKey} {...props} />`,
-          _,
-          y,
-          Y,
-          y
-        ), ce[y + _] = !0);
-      }
-      if (y = null, T !== void 0 && (n(T), y = "" + T), a(u) && (n(u.key), y = "" + u.key), "key" in u) {
-        T = {};
-        for (var B in u)
-          B !== "key" && (T[B] = u[B]);
-      } else T = u;
-      return y && i(
-        T,
-        typeof t == "function" ? t.displayName || t.name || "Unknown" : t
-      ), l(
-        t,
-        y,
-        C,
-        D,
-        r(),
-        T,
-        W,
-        G
-      );
-    }
-    function m(t) {
-      typeof t == "object" && t !== null && t.$$typeof === O && t._store && (t._store.validated = 1);
-    }
-    var S = Re, O = /* @__PURE__ */ Symbol.for("react.transitional.element"), I = /* @__PURE__ */ Symbol.for("react.portal"), p = /* @__PURE__ */ Symbol.for("react.fragment"), h = /* @__PURE__ */ Symbol.for("react.strict_mode"), N = /* @__PURE__ */ Symbol.for("react.profiler"), g = /* @__PURE__ */ Symbol.for("react.consumer"), d = /* @__PURE__ */ Symbol.for("react.context"), R = /* @__PURE__ */ Symbol.for("react.forward_ref"), A = /* @__PURE__ */ Symbol.for("react.suspense"), P = /* @__PURE__ */ Symbol.for("react.suspense_list"), x = /* @__PURE__ */ Symbol.for("react.memo"), V = /* @__PURE__ */ Symbol.for("react.lazy"), Se = /* @__PURE__ */ Symbol.for("react.activity"), Te = /* @__PURE__ */ Symbol.for("react.client.reference"), J = S.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, te = Object.prototype.hasOwnProperty, he = Array.isArray, q = console.createTask ? console.createTask : function() {
-      return null;
-    };
-    S = {
-      react_stack_bottom_frame: function(t) {
-        return t();
-      }
-    };
-    var re, ne = {}, se = S.react_stack_bottom_frame.bind(
-      S,
-      c
-    )(), oe = q(o(c)), ce = {};
-    U.Fragment = p, U.jsx = function(t, u, T, _, D) {
-      var C = 1e4 > J.recentlyCreatedOwnerStacks++;
-      return E(
-        t,
-        u,
-        T,
-        !1,
-        _,
-        D,
-        C ? Error("react-stack-top-frame") : se,
-        C ? q(o(t)) : oe
-      );
-    }, U.jsxs = function(t, u, T, _, D) {
-      var C = 1e4 > J.recentlyCreatedOwnerStacks++;
-      return E(
-        t,
-        u,
-        T,
-        !0,
-        _,
-        D,
-        C ? Error("react-stack-top-frame") : se,
-        C ? q(o(t)) : oe
-      );
-    };
-  })()), U;
-}
-var ue;
-function Ne() {
-  return ue || (ue = 1, process.env.NODE_ENV === "production" ? X.exports = _e() : X.exports = ye()), X.exports;
-}
-var Ae = Ne();
-const Ie = {
-  timeTravel: !0,
-  eventReplay: !0,
-  stateExplorer: !0,
-  eventEmit: !0,
-  performanceMetrics: !0
-}, ke = 750, we = 3e4;
-function Ye({
-  config: e,
-  children: s
-}) {
-  const [n, o] = w("disconnected"), r = k(null), c = k(/* @__PURE__ */ new Set()), a = k(0), i = k(null), f = k(crypto.randomUUID()), l = k(e);
-  l.current = e;
-  const E = b(() => {
-    const h = l.current, g = `ws://${h.host ?? "localhost"}:${h.port}`, d = h.WebSocket ?? (typeof globalThis.WebSocket < "u" ? globalThis.WebSocket : void 0);
-    if (!d) {
-      console.error(
-        "[Yoltra DevTools] No WebSocket implementation available. In Node.js, pass { WebSocket } from 'ws' via config.WebSocket."
-      );
-      return;
-    }
-    o("connecting");
-    try {
-      const R = new d(g);
-      r.current = R, R.onopen = () => {
-        a.current = 0;
-        const A = JSON.stringify({
-          type: "HANDSHAKE_REQUEST",
-          protocolVersion: K,
-          role: v.EXTENSION,
-          extension: {
-            id: f.current,
-            name: h.extensionName ?? "DevTools UI",
-            capabilities: Ie
-          }
-        });
-        R.send(A);
-      }, R.onmessage = (A) => {
-        try {
-          const P = typeof A.data == "string" ? A.data : String(A.data), x = JSON.parse(P);
-          if (x.type === "HANDSHAKE_RESPONSE") {
-            x.success ? o("connected") : R.close();
-            return;
-          }
-          c.current.forEach((V) => V(x));
-        } catch {
-        }
-      }, R.onclose = () => {
-        r.current = null, o("disconnected");
-        const A = h.autoReconnect ?? !0, P = h.maxReconnectAttempts ?? 1 / 0;
-        if (A && a.current < P) {
-          const x = a.current++, V = Math.min(
-            ke * Math.pow(2, x) + Math.random() * 500,
-            we
-          );
-          i.current = setTimeout(E, V);
-        }
-      }, R.onerror = () => {
-      };
-    } catch {
-      o("disconnected");
-    }
-  }, []), m = b(() => {
-    i.current && (clearTimeout(i.current), i.current = null), a.current = 1 / 0, r.current?.close(), r.current = null, o("disconnected");
-  }, []), S = b(() => {
-    a.current = 0, r.current?.close(), r.current = null, E();
-  }, [E]), O = b((h) => {
-    const N = r.current;
-    N && N.readyState === 1 && N.send(JSON.stringify(h));
-  }, []), I = b((h) => (c.current.add(h), () => {
-    c.current.delete(h);
-  }), []);
-  M(() => (E(), () => {
-    i.current && clearTimeout(i.current), a.current = 1 / 0, r.current?.close();
-  }), [E]);
-  const p = {
-    status: n,
-    send: O,
-    subscribe: I,
-    disconnect: m,
-    reconnect: S
-  };
-  return /* @__PURE__ */ Ae.jsx(de.Provider, { value: p, children: s });
-}
-function j() {
-  return be(de);
-}
-function Le(e) {
-  const { send: s } = j();
-  return { emit: b(
-    (o, r, c) => {
-      e && s({
-        type: "EMIT_TO_STORE",
-        storeId: e,
-        event: { channel: o, type: r, payload: c },
-        timestamp: (/* @__PURE__ */ new Date()).toISOString(),
-        sourceId: "",
-        sourceRole: v.EXTENSION
-      });
-    },
-    [e, s]
-  ) };
-}
-const xe = 2e3;
-function Ue(e, s) {
-  const { subscribe: n } = j(), o = s?.maxEntries ?? xe, r = k(/* @__PURE__ */ new Map()), c = k(o);
-  c.current = o;
-  const [, a] = w(0);
-  M(() => n((E) => {
-    if (E.type !== "STORE_EVENT") return;
-    const m = E.storeId, S = {
-      event: E.event,
-      storeId: m,
-      patches: E.patches,
-      snapshotVersion: E.snapshotVersion,
-      committed: E.committed,
-      timestamp: E.timestamp
-    }, I = [...r.current.get(m) ?? [], S];
-    r.current.set(
-      m,
-      I.length > c.current ? I.slice(I.length - c.current) : I
-    ), a((p) => p + 1);
-  }), [n]);
-  const i = b(() => {
-    e && (r.current.delete(e), a((l) => l + 1));
-  }, [e]);
-  return { entries: e ? r.current.get(e) ?? [] : [], clear: i };
-}
-function Fe(e) {
-  const { send: s } = j();
-  return { replay: b(
-    (o, r) => {
-      e && s({
-        type: "EVENT_REPLAY",
-        storeId: e,
-        snapshot: o,
-        events: r.map((c) => ({
-          id: c.event.id,
-          channel: c.event.channel,
-          type: c.event.type,
-          payload: c.event.payload
-        })),
-        timestamp: (/* @__PURE__ */ new Date()).toISOString(),
-        sourceId: "",
-        sourceRole: v.EXTENSION
-      });
-    },
-    [e, s]
-  ) };
-}
-function He(e, s) {
-  const { send: n, subscribe: o } = j(), [r, c] = w(null), [a, i] = w(!1), f = s?.refreshIntervalMs ?? 2e3, l = k(null), E = b(() => {
-    e && (i(!0), n({
-      type: "REQUEST_METRICS",
-      storeId: e,
-      timestamp: (/* @__PURE__ */ new Date()).toISOString(),
-      sourceId: "",
-      sourceRole: v.EXTENSION
-    }));
-  }, [e, n]);
-  return M(() => {
-    if (!e) {
-      c(null);
-      return;
-    }
-    E();
-    const m = o((S) => {
-      S.type === "STORE_METRICS" && S.storeId === e && (c(S.metrics), i(!1));
-    });
-    return f > 0 && (l.current = setInterval(E, f)), () => {
-      m(), l.current && (clearInterval(l.current), l.current = null);
-    };
-  }, [e, o, E, f]), { metrics: r, loading: a, refresh: E };
-}
-function Xe() {
-  const { subscribe: e } = j(), [s, n] = w([]);
-  return M(() => e((r) => {
-    switch (r.type) {
-      case "STORE_REGISTRY":
-        n(r.stores);
-        break;
-      case "STORE_CONNECTED":
-        n((c) => c.some((i) => i.id === r.store.id) ? c.map(
-          (i) => i.id === r.store.id ? { ...i, status: "connected" } : i
-        ) : [
-          ...c,
-          {
-            id: r.store.id,
-            name: r.store.name,
-            status: "connected",
-            capabilities: r.store.capabilities,
-            connectedAt: r.timestamp
-          }
-        ]);
-        break;
-      case "STORE_DISCONNECTED":
-        n(
-          (c) => c.map(
-            (a) => a.id === r.storeId ? { ...a, status: "disconnected" } : a
-          )
-        );
-        break;
-    }
-  }), [e]), s;
-}
-function Z(e, s) {
-  let n = structuredClone(e);
-  for (const o of s) {
-    const r = Ce(o.path);
-    switch (o.op) {
-      case "add":
-        n = ee(n, r, o.value, !0);
-        break;
-      case "replace":
-        n = ee(n, r, o.value, !1);
-        break;
-      case "remove":
-        n = pe(n, r);
-        break;
-    }
-  }
-  return n;
-}
-function Ce(e) {
-  return e === "" || e === "/" ? [] : e.slice(1).split("/").map((s) => s.replace(/~1/g, "/").replace(/~0/g, "~"));
-}
-const Ee = /* @__PURE__ */ new Set(["__proto__", "constructor", "prototype"]);
-function ee(e, s, n, o) {
-  if (s.length === 0) return n;
-  const r = Array.isArray(e) ? [...e] : { ...e }, [c, ...a] = s;
-  if (Ee.has(c)) return r;
-  if (a.length === 0)
-    if (o && Array.isArray(r)) {
-      const i = c === "-" ? r.length : Number(c);
-      Number.isInteger(i) && i >= 0 && i <= r.length ? r.splice(i, 0, n) : r[c] = n;
-    } else
-      r[c] = n;
-  else
-    r[c] = ee(r[c] ?? {}, a, n, o);
-  return r;
-}
-function pe(e, s) {
-  if (s.length === 0) return;
-  const n = Array.isArray(e) ? [...e] : { ...e }, [o, ...r] = s;
-  return Ee.has(o) || (r.length === 0 ? Array.isArray(n) ? n.splice(Number(o), 1) : delete n[o] : n[o] = pe(n[o], r)), n;
-}
-function ge(e) {
-  const s = e.scheduler ?? {
-    setInterval: (r, c) => setInterval(r, c),
-    clearInterval: (r) => clearInterval(r)
-  };
-  let n = s.setInterval(() => {
-    if (e.isSettled()) {
-      o();
-      return;
-    }
-    e.request();
-  }, e.intervalMs);
-  function o() {
-    n !== null && (s.clearInterval(n), n = null);
-  }
-  return o;
-}
-const Pe = 1500;
-function $e(e) {
-  const { send: s, subscribe: n } = j(), [o, r] = w(null), [c, a] = w(0), [i, f] = w(!1), l = k(0), E = k([]), m = k(null), S = b(() => {
-    m.current?.(), m.current = null;
-  }, []), O = b(() => {
-    e && (f(!0), s({
-      type: "REQUEST_STATE",
-      storeId: e,
-      timestamp: (/* @__PURE__ */ new Date()).toISOString(),
-      sourceId: "",
-      sourceRole: v.EXTENSION
-    }));
-  }, [e, s]);
-  return M(() => {
-    if (!e) {
-      r(null), a(0), l.current = 0;
-      return;
-    }
-    O(), m.current = ge({
-      request: O,
-      isSettled: () => l.current !== 0,
-      intervalMs: Pe
-    });
-    const I = n((p) => {
-      if (p.type === "STATE_SNAPSHOT" && p.storeId === e) {
-        S(), r(p.state), a(p.version), l.current = p.version, f(!1);
-        const h = E.current.filter((N) => N.version > p.version).sort((N, g) => N.version - g.version);
-        if (E.current = [], h.length > 0) {
-          r((g) => {
-            let d = g;
-            for (const R of h)
-              d = Z(d, R.patches);
-            return d;
-          });
-          const N = h[h.length - 1].version;
-          a(N), l.current = N;
-        }
-        return;
-      }
-      if (p.type === "STORE_EVENT" && p.storeId === e && p.committed) {
-        if (l.current === 0) {
-          E.current.push({
-            patches: p.patches,
-            version: p.snapshotVersion
-          });
-          return;
-        }
-        if (p.snapshotVersion <= l.current)
-          return;
-        r((h) => Z(h, p.patches)), a(p.snapshotVersion), l.current = p.snapshotVersion;
-      }
-    });
-    return () => {
-      I(), S(), E.current = [];
-    };
-  }, [e, n, O, S]), { state: o, version: c, loading: i, refresh: O };
-}
-function Je(e) {
-  const { send: s, subscribe: n } = j(), [o, r] = w(null), [c, a] = w(!1), i = b(() => {
-    e && (a(!0), s({
-      type: "REQUEST_SUBSCRIPTIONS",
-      storeId: e,
-      timestamp: (/* @__PURE__ */ new Date()).toISOString(),
-      sourceId: "",
-      sourceRole: v.EXTENSION
-    }));
-  }, [e, s]);
-  return M(() => {
-    if (!e) {
-      r(null);
-      return;
-    }
-    return i(), n((l) => {
-      l.type === "STORE_SUBSCRIPTIONS" && l.storeId === e && (r({
-        atomic: l.atomic,
-        event: l.event,
-        coarse: l.coarse,
-        effects: l.effects,
-        middleware: l.middleware,
-        reducers: l.reducers
-      }), a(!1));
-    });
-  }, [e, n, i]), { data: o, loading: c, refresh: i };
-}
-function le(e, s) {
-  const { isTimeTraveling: n, currentIndex: o, entryCount: r } = s, c = r - 1;
-  if (e === "back") {
-    const f = (n ? o : c) - 1;
-    return f >= 0 ? { kind: "jump", index: f } : { kind: "none" };
-  }
-  if (!n) return { kind: "none" };
-  const a = o + 1;
-  return a > c ? { kind: "resume" } : { kind: "jump", index: a };
-}
-function qe(e, s, n = !0) {
-  const { send: o, subscribe: r } = j(), [c, a] = w(-1), [i, f] = w(!1), [l, E] = w(null), m = k(null);
-  M(() => {
-    if (m.current = null, E(null), !!e)
-      return r((d) => {
-        d.type === "STATE_SNAPSHOT" && d.storeId === e && m.current === null && (m.current = { state: d.state, version: d.version });
-      });
-  }, [e, r]);
-  const S = b(
-    (d) => {
-      const R = m.current;
-      if (!R) return null;
-      let A = R.state;
-      for (let P = 0; P <= d; P++) {
-        const x = s[P];
-        if (!x) break;
-        x.snapshotVersion <= R.version || (A = Z(A, x.patches));
-      }
-      return A;
-    },
-    [s]
-  ), O = b(
-    (d) => {
-      if (!e || !n || d < 0 || d >= s.length) return;
-      E((A) => A ?? s.length), a(d), f(!0);
-      const R = s[d];
-      o({
-        type: "TIME_TRAVEL",
-        storeId: e,
-        state: S(d),
-        snapshotVersion: R.snapshotVersion,
-        timestamp: (/* @__PURE__ */ new Date()).toISOString(),
-        sourceId: "",
-        sourceRole: v.EXTENSION
-      });
-    },
-    [e, s, o, S, n]
-  ), I = b(() => {
-    if (f(!1), a(-1), E(null), n && e && s.length > 0) {
-      const d = s.length - 1, R = s[d];
-      o({
-        type: "TIME_TRAVEL",
-        storeId: e,
-        state: S(d),
-        snapshotVersion: R.snapshotVersion,
-        timestamp: (/* @__PURE__ */ new Date()).toISOString(),
-        sourceId: "",
-        sourceRole: v.EXTENSION
-      });
-    }
-  }, [e, s, o, S, n]), p = l ?? s.length, h = b(() => {
-    const d = le("back", {
-      isTimeTraveling: i,
-      currentIndex: c,
-      entryCount: p
-    });
-    d.kind === "jump" && O(d.index);
-  }, [i, c, p, O]), N = b(() => {
-    const d = le("forward", {
-      isTimeTraveling: i,
-      currentIndex: c,
-      entryCount: p
-    });
-    d.kind === "jump" ? O(d.index) : d.kind === "resume" && I();
-  }, [i, c, p, O, I]), g = Oe(
-    () => S(i ? c : s.length - 1),
-    [S, i, c, s.length]
-  );
-  return {
-    currentIndex: c,
-    isTimeTraveling: i,
-    previewState: g,
-    frameCount: l,
-    jumpTo: O,
-    stepBack: h,
-    stepForward: N,
-    resume: I
-  };
-}
-const z = 0, Q = 1, De = 2, F = 3;
-function $() {
-  return {
-    timestamp: (/* @__PURE__ */ new Date()).toISOString(),
-    sourceId: "loopback-hub",
-    sourceRole: v.HUB
-  };
-}
-function fe(e) {
-  return e.split(".")[0] ?? "0";
-}
-class je {
-  constructor() {
-    this.peers = /* @__PURE__ */ new Set();
-  }
-  add(s) {
-    const n = { role: null, id: null, deliver: s, closed: !1 };
-    return this.peers.add(n), n;
-  }
-  remove(s) {
-    if (this.peers.delete(s) && (s.closed = !0, s.role === v.STORE && s.id)) {
-      const n = JSON.stringify({
-        type: "STORE_DISCONNECTED",
-        storeId: s.id,
-        reason: "disconnected",
-        ...$()
-      });
-      this.eachExtension((o) => o.deliver(n));
-    }
-  }
-  receive(s, n) {
-    if (s.closed) return;
-    let o;
-    try {
-      o = JSON.parse(n);
-    } catch {
-      return;
-    }
-    if (!(o === null || typeof o != "object" || typeof o.type != "string")) {
-      if (s.role === null) {
-        this.handshake(s, o);
-        return;
-      }
-      if (s.role === v.STORE)
-        this.eachExtension((r) => r.deliver(n));
-      else if (typeof o.storeId == "string")
-        for (const r of this.peers)
-          r.role === v.STORE && r.id === o.storeId && r.deliver(n);
-    }
-  }
-  handshake(s, n) {
-    if (n.type !== "HANDSHAKE_REQUEST") return;
-    const o = n.role, r = o === v.STORE ? n.store?.id : o === v.EXTENSION ? n.extension?.id : void 0, a = fe(String(n.protocolVersion ?? "")) === fe(K) && typeof r == "string";
-    if (s.deliver(
-      JSON.stringify({
-        type: "HANDSHAKE_RESPONSE",
-        success: a,
-        protocolVersion: K,
-        ...$(),
-        ...a ? {} : { error: "Loopback handshake rejected (version or id mismatch)" }
-      })
-    ), !!a)
-      if (s.role = o, s.id = r, o === v.STORE) {
-        s.storeInfo = { name: n.store?.name ?? r, capabilities: n.store?.capabilities };
-        const i = JSON.stringify({
-          type: "STORE_CONNECTED",
-          store: { id: r, name: s.storeInfo.name, capabilities: s.storeInfo.capabilities },
-          ...$()
-        });
-        this.eachExtension((f) => f.deliver(i));
-      } else {
-        const i = [...this.peers].filter((f) => f.role === v.STORE && f.storeInfo).map((f) => ({
-          id: f.id,
-          name: f.storeInfo.name,
-          status: "connected",
-          capabilities: f.storeInfo.capabilities,
-          connectedAt: (/* @__PURE__ */ new Date()).toISOString()
-        }));
-        s.deliver(JSON.stringify({ type: "STORE_REGISTRY", stores: i, ...$() }));
-      }
-  }
-  eachExtension(s) {
-    for (const n of this.peers) n.role === v.EXTENSION && s(n);
-  }
-}
-function We() {
-  const e = new je(), s = (r, c) => {
-    let a = z;
-    const i = e.add((f) => c.onMessage(f));
-    return queueMicrotask(() => {
-      a = Q, c.onOpen();
-    }), {
-      get readyState() {
-        return a;
-      },
-      send: (f) => e.receive(i, f),
-      close: () => {
-        a !== F && (a = F, e.remove(i), c.onClose());
-      },
-      dispose: () => {
-        i.closed = !0;
-      }
-    };
-  }, o = class o {
-    constructor(c) {
-      this.onopen = null, this.onmessage = null, this.onclose = null, this.onerror = null, this.readyState = z, this.peer = e.add((a) => this.onmessage?.({ data: a })), queueMicrotask(() => {
-        this.readyState = Q, this.onopen?.();
-      });
-    }
-    send(c) {
-      e.receive(this.peer, c);
-    }
-    close() {
-      this.readyState !== F && (this.readyState = F, e.remove(this.peer), this.onclose?.());
-    }
-  };
-  o.CONNECTING = z, o.OPEN = Q, o.CLOSING = De, o.CLOSED = F;
-  let n = o;
-  return {
-    agentSocketFactory: s,
-    WebSocket: n
-  };
-}
-export {
-  de as HubContext,
-  Ye as HubProvider,
-  Z as applyPatches,
-  We as createLoopbackHub,
-  Le as useEventEmitter,
-  Ue as useEventLog,
-  Fe as useEventReplay,
-  j as useHubConnection,
-  He as useStoreMetrics,
-  Xe as useStoreRegistry,
-  $e as useStoreState,
-  Je as useStoreSubscriptions,
-  qe as useTimeTravel
-};
-//# sourceMappingURL=devtools-ui.esm.js.map