@yoltra/devtools-ui 0.5.0 → 0.7.0

package/dist/devtools-ui.mjs

@@ -1,65 +1,47 @@
-import Re, { createContext as ve, useState as k, useRef as A, useCallback as O, useEffect as M, useContext as be, useMemo as Oe } from "react";
-import { DevtoolsRole as b, PROTOCOL_VERSION as K } from "@yoltra/devtools-protocol";
-const H = () => {
-}, de = ve({
+import Re, { createContext as be, useState as A, useRef as I, useCallback as O, useEffect as M, useContext as ve, useMemo as Oe } from "react";
+import { DevtoolsRole as v, PROTOCOL_VERSION as K } from "@yoltra/devtools-protocol";
+const W = () => {
+}, de = be({
   status: "disconnected",
   extensionId: "",
-  send: H,
-  subscribe: () => H,
-  disconnect: H,
-  reconnect: H
+  send: W,
+  subscribe: () => W,
+  disconnect: W,
+  reconnect: W
 });
-var X = { exports: {} }, L = {};
-/**
- * @license React
- * react-jsx-runtime.production.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var ie;
-function ye() {
-  if (ie) return L;
-  ie = 1;
-  var e = Symbol.for("react.transitional.element"), s = Symbol.for("react.fragment");
-  function r(o, t, c) {
-    var i = null;
-    if (c !== void 0 && (i = "" + c), t.key !== void 0 && (i = "" + t.key), "key" in t) {
+var H = { exports: {} }, Y = {};
+var ae;
+function _e() {
+  if (ae) return Y;
+  ae = 1;
+  var t = /* @__PURE__ */ Symbol.for("react.transitional.element"), o = /* @__PURE__ */ Symbol.for("react.fragment");
+  function n(s, e, c) {
+    var a = null;
+    if (c !== void 0 && (a = "" + c), e.key !== void 0 && (a = "" + e.key), "key" in e) {
       c = {};
-      for (var a in t)
-        a !== "key" && (c[a] = t[a]);
-    } else c = t;
-    return t = c.ref, {
-      $$typeof: e,
-      type: o,
-      key: i,
-      ref: t !== void 0 ? t : null,
+      for (var i in e)
+        i !== "key" && (c[i] = e[i]);
+    } else c = e;
+    return e = c.ref, {
+      $$typeof: t,
+      type: s,
+      key: a,
+      ref: e !== void 0 ? e : null,
       props: c
     };
   }
-  return L.Fragment = s, L.jsx = r, L.jsxs = r, L;
+  return Y.Fragment = o, Y.jsx = n, Y.jsxs = n, Y;
 }
 var U = {};
-/**
- * @license React
- * react-jsx-runtime.development.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var ae;
-function _e() {
-  return ae || (ae = 1, process.env.NODE_ENV !== "production" && (function() {
-    function e(n) {
-      if (n == null) return null;
-      if (typeof n == "function")
-        return n.$$typeof === he ? null : n.displayName || n.name || null;
-      if (typeof n == "string") return n;
-      switch (n) {
+var ie;
+function ye() {
+  return ie || (ie = 1, process.env.NODE_ENV !== "production" && (function() {
+    function t(r) {
+      if (r == null) return null;
+      if (typeof r == "function")
+        return r.$$typeof === he ? null : r.displayName || r.name || null;
+      if (typeof r == "string") return r;
+      switch (r) {
         case N:
           return "Fragment";
         case R:
@@ -73,236 +55,236 @@ function _e() {
         case Se:
           return "Activity";
       }
-      if (typeof n == "object")
-        switch (typeof n.tag == "number" && console.error(
+      if (typeof r == "object")
+        switch (typeof r.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-        ), n.$$typeof) {
+        ), r.$$typeof) {
           case T:
             return "Portal";
           case g:
-            return (n.displayName || "Context") + ".Provider";
+            return (r.displayName || "Context") + ".Provider";
           case x:
-            return (n._context.displayName || "Context") + ".Consumer";
-          case I:
-            var f = n.render;
-            return n = n.displayName, n || (n = f.displayName || f.name || "", n = n !== "" ? "ForwardRef(" + n + ")" : "ForwardRef"), n;
+            return (r._context.displayName || "Context") + ".Consumer";
+          case k:
+            var f = r.render;
+            return r = r.displayName, r || (r = f.displayName || f.name || "", r = r !== "" ? "ForwardRef(" + r + ")" : "ForwardRef"), r;
           case C:
-            return f = n.displayName || null, f !== null ? f : e(n.type) || "Memo";
-          case V:
-            f = n._payload, n = n._init;
+            return f = r.displayName || null, f !== null ? f : t(r.type) || "Memo";
+          case L:
+            f = r._payload, r = r._init;
             try {
-              return e(n(f));
+              return t(r(f));
             } catch {
             }
         }
       return null;
     }
-    function s(n) {
-      return "" + n;
+    function o(r) {
+      return "" + r;
     }
-    function r(n) {
+    function n(r) {
       try {
-        s(n);
+        o(r);
         var f = !1;
       } catch {
         f = !0;
       }
       if (f) {
         f = console;
-        var p = f.error, y = typeof Symbol == "function" && Symbol.toStringTag && n[Symbol.toStringTag] || n.constructor.name || "Object";
+        var p = f.error, _ = typeof Symbol == "function" && Symbol.toStringTag && r[Symbol.toStringTag] || r.constructor.name || "Object";
         return p.call(
           f,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          y
-        ), s(n);
+          _
+        ), o(r);
       }
     }
-    function o(n) {
-      if (n === N) return "<>";
-      if (typeof n == "object" && n !== null && n.$$typeof === V)
+    function s(r) {
+      if (r === N) return "<>";
+      if (typeof r == "object" && r !== null && r.$$typeof === L)
         return "<...>";
       try {
-        var f = e(n);
+        var f = t(r);
         return f ? "<" + f + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
-    function t() {
-      var n = J.A;
-      return n === null ? null : n.getOwner();
+    function e() {
+      var r = $.A;
+      return r === null ? null : r.getOwner();
     }
     function c() {
       return Error("react-stack-top-frame");
     }
-    function i(n) {
-      if (te.call(n, "key")) {
-        var f = Object.getOwnPropertyDescriptor(n, "key").get;
+    function a(r) {
+      if (te.call(r, "key")) {
+        var f = Object.getOwnPropertyDescriptor(r, "key").get;
         if (f && f.isReactWarning) return !1;
       }
-      return n.key !== void 0;
+      return r.key !== void 0;
     }
-    function a(n, f) {
+    function i(r, f) {
       function p() {
         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)",
           f
         ));
       }
-      p.isReactWarning = !0, Object.defineProperty(n, "key", {
+      p.isReactWarning = !0, Object.defineProperty(r, "key", {
         get: p,
         configurable: !0
       });
     }
-    function u() {
-      var n = e(this.type);
-      return ne[n] || (ne[n] = !0, console.error(
+    function l() {
+      var r = t(this.type);
+      return ne[r] || (ne[r] = !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."
-      )), n = this.props.ref, n !== void 0 ? n : null;
+      )), r = this.props.ref, r !== void 0 ? r : null;
     }
-    function S(n, f, p, y, D, P, W, G) {
-      return p = P.ref, n = {
-        $$typeof: v,
-        type: n,
+    function S(r, f, p, _, D, P, q, G) {
+      return p = P.ref, r = {
+        $$typeof: b,
+        type: r,
         key: f,
         props: P,
         _owner: D
-      }, (p !== void 0 ? p : null) !== null ? Object.defineProperty(n, "ref", {
+      }, (p !== void 0 ? p : null) !== null ? Object.defineProperty(r, "ref", {
         enumerable: !1,
-        get: u
-      }) : Object.defineProperty(n, "ref", { enumerable: !1, value: null }), n._store = {}, Object.defineProperty(n._store, "validated", {
+        get: l
+      }) : Object.defineProperty(r, "ref", { enumerable: !1, value: null }), r._store = {}, Object.defineProperty(r._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: 0
-      }), Object.defineProperty(n, "_debugInfo", {
+      }), Object.defineProperty(r, "_debugInfo", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: null
-      }), Object.defineProperty(n, "_debugStack", {
+      }), Object.defineProperty(r, "_debugStack", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: W
-      }), Object.defineProperty(n, "_debugTask", {
+        value: q
+      }), Object.defineProperty(r, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: G
-      }), Object.freeze && (Object.freeze(n.props), Object.freeze(n)), n;
+      }), Object.freeze && (Object.freeze(r.props), Object.freeze(r)), r;
     }
-    function l(n, f, p, y, D, P, W, G) {
-      var _ = f.children;
-      if (_ !== void 0)
-        if (y)
-          if (Te(_)) {
-            for (y = 0; y < _.length; y++)
-              h(_[y]);
-            Object.freeze && Object.freeze(_);
+    function u(r, f, p, _, D, P, q, G) {
+      var y = f.children;
+      if (y !== void 0)
+        if (_)
+          if (Te(y)) {
+            for (_ = 0; _ < y.length; _++)
+              h(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 h(_);
+        else h(y);
       if (te.call(f, "key")) {
-        _ = e(n);
-        var Y = Object.keys(f).filter(function(me) {
+        y = t(r);
+        var V = Object.keys(f).filter(function(me) {
           return me !== "key";
         });
-        y = 0 < Y.length ? "{key: someKey, " + Y.join(": ..., ") + ": ...}" : "{key: someKey}", ce[_ + y] || (Y = 0 < Y.length ? "{" + Y.join(": ..., ") + ": ...}" : "{}", console.error(
+        _ = 0 < V.length ? "{key: someKey, " + V.join(": ..., ") + ": ...}" : "{key: someKey}", ce[y + _] || (V = 0 < V.length ? "{" + V.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,
-          _
-        ), ce[_ + y] = !0);
+          y,
+          V,
+          y
+        ), ce[y + _] = !0);
       }
-      if (_ = null, p !== void 0 && (r(p), _ = "" + p), i(f) && (r(f.key), _ = "" + f.key), "key" in f) {
+      if (y = null, p !== void 0 && (n(p), y = "" + p), a(f) && (n(f.key), y = "" + f.key), "key" in f) {
         p = {};
         for (var B in f)
           B !== "key" && (p[B] = f[B]);
       } else p = f;
-      return _ && a(
+      return y && i(
         p,
-        typeof n == "function" ? n.displayName || n.name || "Unknown" : n
+        typeof r == "function" ? r.displayName || r.name || "Unknown" : r
       ), S(
-        n,
-        _,
+        r,
+        y,
         P,
         D,
-        t(),
+        e(),
         p,
-        W,
+        q,
         G
       );
     }
-    function h(n) {
-      typeof n == "object" && n !== null && n.$$typeof === v && n._store && (n._store.validated = 1);
+    function h(r) {
+      typeof r == "object" && r !== null && r.$$typeof === b && r._store && (r._store.validated = 1);
     }
-    var m = Re, v = Symbol.for("react.transitional.element"), T = Symbol.for("react.portal"), N = Symbol.for("react.fragment"), E = Symbol.for("react.strict_mode"), R = Symbol.for("react.profiler"), x = Symbol.for("react.consumer"), g = Symbol.for("react.context"), I = Symbol.for("react.forward_ref"), d = Symbol.for("react.suspense"), w = Symbol.for("react.suspense_list"), C = Symbol.for("react.memo"), V = Symbol.for("react.lazy"), Se = Symbol.for("react.activity"), he = Symbol.for("react.client.reference"), J = m.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, te = Object.prototype.hasOwnProperty, Te = Array.isArray, q = console.createTask ? console.createTask : function() {
+    var m = Re, b = /* @__PURE__ */ Symbol.for("react.transitional.element"), T = /* @__PURE__ */ Symbol.for("react.portal"), N = /* @__PURE__ */ Symbol.for("react.fragment"), E = /* @__PURE__ */ Symbol.for("react.strict_mode"), R = /* @__PURE__ */ Symbol.for("react.profiler"), x = /* @__PURE__ */ Symbol.for("react.consumer"), g = /* @__PURE__ */ Symbol.for("react.context"), k = /* @__PURE__ */ Symbol.for("react.forward_ref"), d = /* @__PURE__ */ Symbol.for("react.suspense"), w = /* @__PURE__ */ Symbol.for("react.suspense_list"), C = /* @__PURE__ */ Symbol.for("react.memo"), L = /* @__PURE__ */ Symbol.for("react.lazy"), Se = /* @__PURE__ */ Symbol.for("react.activity"), he = /* @__PURE__ */ Symbol.for("react.client.reference"), $ = m.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, te = Object.prototype.hasOwnProperty, Te = Array.isArray, J = console.createTask ? console.createTask : function() {
       return null;
     };
     m = {
-      react_stack_bottom_frame: function(n) {
-        return n();
+      react_stack_bottom_frame: function(r) {
+        return r();
       }
     };
-    var re, ne = {}, se = m.react_stack_bottom_frame.bind(
+    var re, ne = {}, oe = m.react_stack_bottom_frame.bind(
       m,
       c
-    )(), oe = q(o(c)), ce = {};
-    U.Fragment = N, U.jsx = function(n, f, p, y, D) {
-      var P = 1e4 > J.recentlyCreatedOwnerStacks++;
-      return l(
-        n,
+    )(), se = J(s(c)), ce = {};
+    U.Fragment = N, U.jsx = function(r, f, p, _, D) {
+      var P = 1e4 > $.recentlyCreatedOwnerStacks++;
+      return u(
+        r,
         f,
         p,
         !1,
-        y,
+        _,
         D,
-        P ? Error("react-stack-top-frame") : se,
-        P ? q(o(n)) : oe
+        P ? Error("react-stack-top-frame") : oe,
+        P ? J(s(r)) : se
       );
-    }, U.jsxs = function(n, f, p, y, D) {
-      var P = 1e4 > J.recentlyCreatedOwnerStacks++;
-      return l(
-        n,
+    }, U.jsxs = function(r, f, p, _, D) {
+      var P = 1e4 > $.recentlyCreatedOwnerStacks++;
+      return u(
+        r,
         f,
         p,
         !0,
-        y,
+        _,
         D,
-        P ? Error("react-stack-top-frame") : se,
-        P ? q(o(n)) : oe
+        P ? Error("react-stack-top-frame") : oe,
+        P ? J(s(r)) : se
       );
     };
   })()), U;
 }
 var ue;
 function Ne() {
-  return ue || (ue = 1, process.env.NODE_ENV === "production" ? X.exports = ye() : X.exports = _e()), X.exports;
+  return ue || (ue = 1, process.env.NODE_ENV === "production" ? H.exports = _e() : H.exports = ye()), H.exports;
 }
-var Ie = Ne();
-const Ae = {
+var ke = Ne();
+const Ie = {
   timeTravel: !0,
   eventReplay: !0,
   stateExplorer: !0,
   eventEmit: !0,
   performanceMetrics: !0
-}, ke = 750, xe = 3e4;
-function Le({
-  config: e,
-  children: s
+}, Ae = 750, xe = 3e4;
+function Ye({
+  config: t,
+  children: o
 }) {
-  const [r, o] = k("disconnected"), t = A(null), c = A(/* @__PURE__ */ new Set()), i = A(0), a = A(null), u = A(crypto.randomUUID()), S = A(e);
-  S.current = e;
-  const l = O(() => {
+  const [n, s] = A("disconnected"), e = I(null), c = I(/* @__PURE__ */ new Set()), a = I(0), i = I(null), l = I(crypto.randomUUID()), S = I(t);
+  S.current = t;
+  const u = O(() => {
     const E = S.current, x = `ws://${E.host ?? "localhost"}:${E.port}`, g = E.WebSocket ?? (typeof globalThis.WebSocket < "u" ? globalThis.WebSocket : void 0);
     if (!g) {
       console.error(
@@ -310,430 +292,430 @@ function Le({
       );
       return;
     }
-    o("connecting");
+    s("connecting");
     try {
-      const I = new g(x);
-      t.current = I, I.onopen = () => {
-        i.current = 0;
+      const k = new g(x);
+      e.current = k, k.onopen = () => {
+        a.current = 0;
         const d = JSON.stringify({
           type: "HANDSHAKE_REQUEST",
           protocolVersion: K,
-          role: b.EXTENSION,
+          role: v.EXTENSION,
           extension: {
-            id: u.current,
+            id: l.current,
             name: E.extensionName ?? "DevTools UI",
-            capabilities: Ae
+            capabilities: Ie
           }
         });
-        I.send(d);
-      }, I.onmessage = (d) => {
+        k.send(d);
+      }, k.onmessage = (d) => {
         try {
           const w = typeof d.data == "string" ? d.data : String(d.data), C = JSON.parse(w);
           if (C.type === "HANDSHAKE_RESPONSE") {
-            C.success ? o("connected") : I.close();
+            C.success ? s("connected") : k.close();
             return;
           }
-          c.current.forEach((V) => V(C));
+          c.current.forEach((L) => L(C));
         } catch {
         }
-      }, I.onclose = () => {
-        t.current = null, o("disconnected");
+      }, k.onclose = () => {
+        e.current = null, s("disconnected");
         const d = E.autoReconnect ?? !0, w = E.maxReconnectAttempts ?? 1 / 0;
-        if (d && i.current < w) {
-          const C = i.current++, V = Math.min(
-            ke * Math.pow(2, C) + Math.random() * 500,
+        if (d && a.current < w) {
+          const C = a.current++, L = Math.min(
+            Ae * Math.pow(2, C) + Math.random() * 500,
             xe
           );
-          a.current = setTimeout(l, V);
+          i.current = setTimeout(u, L);
         }
-      }, I.onerror = () => {
+      }, k.onerror = () => {
       };
     } catch {
-      o("disconnected");
+      s("disconnected");
     }
   }, []), h = O(() => {
-    a.current && (clearTimeout(a.current), a.current = null), i.current = 1 / 0, t.current?.close(), t.current = null, o("disconnected");
+    i.current && (clearTimeout(i.current), i.current = null), a.current = 1 / 0, e.current?.close(), e.current = null, s("disconnected");
   }, []), m = O(() => {
-    i.current = 0, t.current?.close(), t.current = null, l();
-  }, [l]), v = O((E) => {
-    const R = t.current;
+    a.current = 0, e.current?.close(), e.current = null, u();
+  }, [u]), b = O((E) => {
+    const R = e.current;
     R && R.readyState === 1 && R.send(JSON.stringify(E));
   }, []), T = O((E) => (c.current.add(E), () => {
     c.current.delete(E);
   }), []);
-  M(() => (l(), () => {
-    a.current && clearTimeout(a.current), i.current = 1 / 0, t.current?.close();
-  }), [l]);
+  M(() => (u(), () => {
+    i.current && clearTimeout(i.current), a.current = 1 / 0, e.current?.close();
+  }), [u]);
   const N = {
-    status: r,
-    extensionId: u.current,
-    send: v,
+    status: n,
+    extensionId: l.current,
+    send: b,
     subscribe: T,
     disconnect: h,
     reconnect: m
   };
-  return /* @__PURE__ */ Ie.jsx(de.Provider, { value: N, children: s });
+  return /* @__PURE__ */ ke.jsx(de.Provider, { value: N, children: o });
 }
 function j() {
-  return be(de);
+  return ve(de);
 }
-function Ue(e) {
-  const { send: s, extensionId: r } = j();
+function Ue(t) {
+  const { send: o, extensionId: n } = j();
   return { emit: O(
-    (t, c, i) => {
-      e && s({
+    (e, c, a) => {
+      t && o({
         type: "EMIT_TO_STORE",
-        storeId: e,
-        event: { channel: t, type: c, payload: i },
+        storeId: t,
+        event: { channel: e, type: c, payload: a },
         timestamp: (/* @__PURE__ */ new Date()).toISOString(),
-        sourceId: r,
-        sourceRole: b.EXTENSION
+        sourceId: n,
+        sourceRole: v.EXTENSION
       });
     },
-    [e, s, r]
+    [t, o, n]
   ) };
 }
 const we = 2e3;
-function Fe(e, s) {
-  const { subscribe: r } = j(), o = s?.maxEntries ?? we, t = A(/* @__PURE__ */ new Map()), c = A(o);
-  c.current = o;
-  const [, i] = k(0);
-  M(() => r((l) => {
-    if (l.type !== "STORE_EVENT") return;
-    const h = l.storeId, m = {
-      event: l.event,
+function Fe(t, o) {
+  const { subscribe: n } = j(), s = o?.maxEntries ?? we, e = I(/* @__PURE__ */ new Map()), c = I(s);
+  c.current = s;
+  const [, a] = A(0);
+  M(() => n((u) => {
+    if (u.type !== "STORE_EVENT") return;
+    const h = u.storeId, m = {
+      event: u.event,
       storeId: h,
-      patches: l.patches,
-      snapshotVersion: l.snapshotVersion,
-      committed: l.committed,
-      timestamp: l.timestamp
-    }, T = [...t.current.get(h) ?? [], m];
-    t.current.set(
+      patches: u.patches,
+      snapshotVersion: u.snapshotVersion,
+      committed: u.committed,
+      timestamp: u.timestamp
+    }, T = [...e.current.get(h) ?? [], m];
+    e.current.set(
       h,
       T.length > c.current ? T.slice(T.length - c.current) : T
-    ), i((N) => N + 1);
-  }), [r]);
-  const a = O(() => {
-    e && (t.current.delete(e), i((S) => S + 1));
-  }, [e]);
-  return { entries: e ? t.current.get(e) ?? [] : [], clear: a };
+    ), a((N) => N + 1);
+  }), [n]);
+  const i = O(() => {
+    t && (e.current.delete(t), a((S) => S + 1));
+  }, [t]);
+  return { entries: t ? e.current.get(t) ?? [] : [], clear: i };
 }
-function He(e) {
-  const { send: s, extensionId: r } = j();
+function We(t) {
+  const { send: o, extensionId: n } = j();
   return { replay: O(
-    (t, c) => {
-      e && s({
+    (e, c) => {
+      t && o({
         type: "EVENT_REPLAY",
-        storeId: e,
-        snapshot: t,
-        events: c.map((i) => ({
-          id: i.event.id,
-          channel: i.event.channel,
-          type: i.event.type,
-          payload: i.event.payload
+        storeId: t,
+        snapshot: e,
+        events: c.map((a) => ({
+          id: a.event.id,
+          channel: a.event.channel,
+          type: a.event.type,
+          payload: a.event.payload
         })),
         timestamp: (/* @__PURE__ */ new Date()).toISOString(),
-        sourceId: r,
-        sourceRole: b.EXTENSION
+        sourceId: n,
+        sourceRole: v.EXTENSION
       });
     },
-    [e, s, r]
+    [t, o, n]
   ) };
 }
-function Xe(e, s) {
-  const { send: r, subscribe: o, extensionId: t } = j(), [c, i] = k(null), [a, u] = k(!1), S = s?.refreshIntervalMs ?? 2e3, l = A(null), h = O(() => {
-    e && (u(!0), r({
+function He(t, o) {
+  const { send: n, subscribe: s, extensionId: e } = j(), [c, a] = A(null), [i, l] = A(!1), S = o?.refreshIntervalMs ?? 2e3, u = I(null), h = O(() => {
+    t && (l(!0), n({
       type: "REQUEST_METRICS",
-      storeId: e,
+      storeId: t,
       timestamp: (/* @__PURE__ */ new Date()).toISOString(),
-      sourceId: t,
-      sourceRole: b.EXTENSION
+      sourceId: e,
+      sourceRole: v.EXTENSION
     }));
-  }, [e, r, t]);
+  }, [t, n, e]);
   return M(() => {
-    if (!e) {
-      i(null);
+    if (!t) {
+      a(null);
       return;
     }
     h();
-    const m = o((v) => {
-      v.type === "STORE_METRICS" && v.storeId === e && (i(v.metrics), u(!1));
+    const m = s((b) => {
+      b.type === "STORE_METRICS" && b.storeId === t && (a(b.metrics), l(!1));
     });
-    return S > 0 && (l.current = setInterval(h, S)), () => {
-      m(), l.current && (clearInterval(l.current), l.current = null);
+    return S > 0 && (u.current = setInterval(h, S)), () => {
+      m(), u.current && (clearInterval(u.current), u.current = null);
     };
-  }, [e, o, h, S]), { metrics: c, loading: a, refresh: h };
+  }, [t, s, h, S]), { metrics: c, loading: i, refresh: h };
 }
-function $e() {
-  const { subscribe: e } = j(), [s, r] = k([]);
-  return M(() => e((t) => {
-    switch (t.type) {
+function Xe() {
+  const { subscribe: t } = j(), [o, n] = A([]);
+  return M(() => t((e) => {
+    switch (e.type) {
       case "STORE_REGISTRY":
-        r(t.stores);
+        n(e.stores);
         break;
       case "STORE_CONNECTED":
-        r((c) => c.some((a) => a.id === t.store.id) ? c.map(
-          (a) => a.id === t.store.id ? { ...a, status: "connected" } : a
+        n((c) => c.some((i) => i.id === e.store.id) ? c.map(
+          (i) => i.id === e.store.id ? { ...i, status: "connected" } : i
         ) : [
           ...c,
           {
-            id: t.store.id,
-            name: t.store.name,
+            id: e.store.id,
+            name: e.store.name,
             status: "connected",
-            capabilities: t.store.capabilities,
-            connectedAt: t.timestamp
+            capabilities: e.store.capabilities,
+            connectedAt: e.timestamp
           }
         ]);
         break;
       case "STORE_DISCONNECTED":
-        r(
+        n(
           (c) => c.map(
-            (i) => i.id === t.storeId ? { ...i, status: "disconnected" } : i
+            (a) => a.id === e.storeId ? { ...a, status: "disconnected" } : a
           )
         );
         break;
     }
-  }), [e]), s;
+  }), [t]), o;
 }
-function Z(e, s) {
-  let r = e;
-  for (const o of s) {
-    const t = Ce(o.path);
-    switch (o.op) {
+function Z(t, o) {
+  let n = t;
+  for (const s of o) {
+    const e = Ce(s.path);
+    switch (s.op) {
       case "add":
-        r = ee(r, t, o.value, !0);
+        n = ee(n, e, s.value, !0);
         break;
       case "replace":
-        r = ee(r, t, o.value, !1);
+        n = ee(n, e, s.value, !1);
         break;
       case "remove":
-        r = pe(r, t);
+        n = pe(n, e);
         break;
     }
   }
-  return r;
+  return n;
 }
-function Ce(e) {
-  return e === "" || e === "/" ? [] : e.slice(1).split("/").map((s) => s.replace(/~1/g, "/").replace(/~0/g, "~"));
+function Ce(t) {
+  return t === "" || t === "/" ? [] : t.slice(1).split("/").map((o) => o.replace(/~1/g, "/").replace(/~0/g, "~"));
 }
 const Ee = /* @__PURE__ */ new Set(["__proto__", "constructor", "prototype"]);
-function ee(e, s, r, o) {
-  if (s.length === 0) return r;
-  const t = Array.isArray(e) ? [...e] : { ...e }, [c, ...i] = s;
-  if (Ee.has(c)) return t;
-  if (i.length === 0)
-    if (o && Array.isArray(t)) {
-      const a = c === "-" ? t.length : Number(c);
-      Number.isInteger(a) && a >= 0 && a <= t.length ? t.splice(a, 0, r) : t[c] = r;
+function ee(t, o, n, s) {
+  if (o.length === 0) return n;
+  const e = Array.isArray(t) ? [...t] : { ...t }, [c, ...a] = o;
+  if (Ee.has(c)) return e;
+  if (a.length === 0)
+    if (s && Array.isArray(e)) {
+      const i = c === "-" ? e.length : Number(c);
+      Number.isInteger(i) && i >= 0 && i <= e.length ? e.splice(i, 0, n) : e[c] = n;
     } else
-      t[c] = r;
+      e[c] = n;
   else
-    t[c] = ee(t[c] ?? {}, i, r, o);
-  return t;
+    e[c] = ee(e[c] ?? {}, a, n, s);
+  return e;
 }
-function pe(e, s) {
-  if (s.length === 0) return;
-  const r = Array.isArray(e) ? [...e] : { ...e }, [o, ...t] = s;
-  return Ee.has(o) || (t.length === 0 ? Array.isArray(r) ? r.splice(Number(o), 1) : delete r[o] : r[o] = pe(r[o], t)), r;
+function pe(t, o) {
+  if (o.length === 0) return;
+  const n = Array.isArray(t) ? [...t] : { ...t }, [s, ...e] = o;
+  return Ee.has(s) || (e.length === 0 ? Array.isArray(n) ? n.splice(Number(s), 1) : delete n[s] : n[s] = pe(n[s], e)), n;
 }
-function ge(e) {
-  const s = e.scheduler ?? {
-    setInterval: (t, c) => setInterval(t, c),
-    clearInterval: (t) => clearInterval(t)
+function ge(t) {
+  const o = t.scheduler ?? {
+    setInterval: (e, c) => setInterval(e, c),
+    clearInterval: (e) => clearInterval(e)
   };
-  let r = s.setInterval(() => {
-    if (e.isSettled()) {
-      o();
+  let n = o.setInterval(() => {
+    if (t.isSettled()) {
+      s();
       return;
     }
-    e.request();
-  }, e.intervalMs);
-  function o() {
-    r !== null && (s.clearInterval(r), r = null);
+    t.request();
+  }, t.intervalMs);
+  function s() {
+    n !== null && (o.clearInterval(n), n = null);
   }
-  return o;
+  return s;
 }
 const Pe = 1500;
-function Je(e) {
-  const { send: s, subscribe: r, extensionId: o } = j(), [t, c] = k(null), [i, a] = k(0), [u, S] = k(!1), l = A(0), h = A([]), m = A(null), v = O(() => {
+function $e(t) {
+  const { send: o, subscribe: n, extensionId: s } = j(), [e, c] = A(null), [a, i] = A(0), [l, S] = A(!1), u = I(0), h = I([]), m = I(null), b = O(() => {
     m.current?.(), m.current = null;
   }, []), T = O(() => {
-    e && (S(!0), s({
+    t && (S(!0), o({
       type: "REQUEST_STATE",
-      storeId: e,
+      storeId: t,
       timestamp: (/* @__PURE__ */ new Date()).toISOString(),
-      sourceId: o,
-      sourceRole: b.EXTENSION
+      sourceId: s,
+      sourceRole: v.EXTENSION
     }));
-  }, [e, s, o]);
+  }, [t, o, s]);
   return M(() => {
-    if (!e) {
-      c(null), a(0), l.current = 0;
+    if (!t) {
+      c(null), i(0), u.current = 0;
       return;
     }
     T(), m.current = ge({
       request: T,
-      isSettled: () => l.current !== 0,
+      isSettled: () => u.current !== 0,
       intervalMs: Pe
     });
-    const N = r((E) => {
-      if (E.type === "STATE_SNAPSHOT" && E.storeId === e) {
-        v(), c(E.state), a(E.version), l.current = E.version, S(!1);
+    const N = n((E) => {
+      if (E.type === "STATE_SNAPSHOT" && E.storeId === t) {
+        b(), c(E.state), i(E.version), u.current = E.version, S(!1);
         const R = h.current.filter((x) => x.version > E.version).sort((x, g) => x.version - g.version);
         if (h.current = [], R.length > 0) {
           c((g) => {
-            let I = g;
+            let k = g;
             for (const d of R)
-              I = Z(I, d.patches);
-            return I;
+              k = Z(k, d.patches);
+            return k;
           });
           const x = R[R.length - 1].version;
-          a(x), l.current = x;
+          i(x), u.current = x;
         }
         return;
       }
-      if (E.type === "STORE_EVENT" && E.storeId === e && E.committed) {
-        if (l.current === 0) {
+      if (E.type === "STORE_EVENT" && E.storeId === t && E.committed) {
+        if (u.current === 0) {
           h.current.push({
             patches: E.patches,
             version: E.snapshotVersion
           });
           return;
         }
-        if (E.snapshotVersion <= l.current)
+        if (E.snapshotVersion <= u.current)
           return;
-        c((R) => Z(R, E.patches)), a(E.snapshotVersion), l.current = E.snapshotVersion;
+        c((R) => Z(R, E.patches)), i(E.snapshotVersion), u.current = E.snapshotVersion;
       }
     });
     return () => {
-      N(), v(), h.current = [];
+      N(), b(), h.current = [];
     };
-  }, [e, r, T, v]), { state: t, version: i, loading: u, refresh: T };
+  }, [t, n, T, b]), { state: e, version: a, loading: l, refresh: T };
 }
-function qe(e) {
-  const { send: s, subscribe: r, extensionId: o } = j(), [t, c] = k(null), [i, a] = k(!1), u = O(() => {
-    e && (a(!0), s({
+function Je(t) {
+  const { send: o, subscribe: n, extensionId: s } = j(), [e, c] = A(null), [a, i] = A(!1), l = O(() => {
+    t && (i(!0), o({
       type: "REQUEST_SUBSCRIPTIONS",
-      storeId: e,
+      storeId: t,
       timestamp: (/* @__PURE__ */ new Date()).toISOString(),
-      sourceId: o,
-      sourceRole: b.EXTENSION
+      sourceId: s,
+      sourceRole: v.EXTENSION
     }));
-  }, [e, s, o]);
+  }, [t, o, s]);
   return M(() => {
-    if (!e) {
+    if (!t) {
       c(null);
       return;
     }
-    return u(), r((l) => {
-      l.type === "STORE_SUBSCRIPTIONS" && l.storeId === e && (c({
-        atomic: l.atomic,
-        event: l.event,
-        coarse: l.coarse,
-        effects: l.effects,
-        middleware: l.middleware,
-        reducers: l.reducers
-      }), a(!1));
+    return l(), n((u) => {
+      u.type === "STORE_SUBSCRIPTIONS" && u.storeId === t && (c({
+        atomic: u.atomic,
+        event: u.event,
+        coarse: u.coarse,
+        effects: u.effects,
+        middleware: u.middleware,
+        reducers: u.reducers
+      }), i(!1));
     });
-  }, [e, r, u]), { data: t, loading: i, refresh: u };
+  }, [t, n, l]), { data: e, loading: a, refresh: l };
 }
-function le(e, s) {
-  const { isTimeTraveling: r, currentIndex: o, entryCount: t } = s, c = t - 1;
-  if (e === "back") {
-    const u = (r ? o : c) - 1;
-    return u >= 0 ? { kind: "jump", index: u } : { kind: "none" };
+function le(t, o) {
+  const { isTimeTraveling: n, currentIndex: s, entryCount: e } = o, c = e - 1;
+  if (t === "back") {
+    const l = (n ? s : c) - 1;
+    return l >= 0 ? { kind: "jump", index: l } : { kind: "none" };
   }
-  if (!r) return { kind: "none" };
-  const i = o + 1;
-  return i > c ? { kind: "resume" } : { kind: "jump", index: i };
+  if (!n) return { kind: "none" };
+  const a = s + 1;
+  return a > c ? { kind: "resume" } : { kind: "jump", index: a };
 }
-function De(e) {
-  const { baseline: s, entries: r, index: o, cache: t } = e;
-  if (s === null) return { state: null, cache: null };
-  let c = 0, i = s.state;
-  t !== null && t.index <= o && r[t.index] === t.marker && (c = t.index + 1, i = t.state);
-  for (let u = c; u <= o; u++) {
-    const S = r[u];
+function De(t) {
+  const { baseline: o, entries: n, index: s, cache: e } = t;
+  if (o === null) return { state: null, cache: null };
+  let c = 0, a = o.state;
+  e !== null && e.index <= s && n[e.index] === e.marker && (c = e.index + 1, a = e.state);
+  for (let l = c; l <= s; l++) {
+    const S = n[l];
     if (S === void 0) break;
-    S.snapshotVersion <= s.version || (i = Z(i, S.patches));
+    S.snapshotVersion <= o.version || (a = Z(a, S.patches));
   }
-  const a = r[o];
+  const i = n[s];
   return {
-    state: i,
-    cache: o >= 0 && a !== void 0 ? { index: o, state: i, marker: a } : null
+    state: a,
+    cache: s >= 0 && i !== void 0 ? { index: s, state: a, marker: i } : null
   };
 }
-function We(e, s, r = !0) {
-  const { send: o, subscribe: t, extensionId: c } = j(), [i, a] = k(-1), [u, S] = k(!1), [l, h] = k(null), m = A(null), v = A(null);
+function qe(t, o, n = !0) {
+  const { send: s, subscribe: e, extensionId: c } = j(), [a, i] = A(-1), [l, S] = A(!1), [u, h] = A(null), m = I(null), b = I(null);
   M(() => {
-    if (m.current = null, v.current = null, h(null), !!e)
-      return t((d) => {
-        d.type === "STATE_SNAPSHOT" && d.storeId === e && m.current === null && (m.current = { state: d.state, version: d.version });
+    if (m.current = null, b.current = null, h(null), !!t)
+      return e((d) => {
+        d.type === "STATE_SNAPSHOT" && d.storeId === t && m.current === null && (m.current = { state: d.state, version: d.version });
       });
-  }, [e, t]);
+  }, [t, e]);
   const T = O(
     (d) => {
       const { state: w, cache: C } = De({
         baseline: m.current,
-        entries: s,
+        entries: o,
         index: d,
-        cache: v.current
+        cache: b.current
       });
-      return v.current = C, w;
+      return b.current = C, w;
     },
-    [s]
+    [o]
   ), N = O(
     (d) => {
-      if (!e || !r || d < 0 || d >= s.length) return;
-      h((C) => C ?? s.length), a(d), S(!0);
-      const w = s[d];
-      o({
+      if (!t || !n || d < 0 || d >= o.length) return;
+      h((C) => C ?? o.length), i(d), S(!0);
+      const w = o[d];
+      s({
         type: "TIME_TRAVEL",
-        storeId: e,
+        storeId: t,
         state: T(d),
         snapshotVersion: w.snapshotVersion,
         timestamp: (/* @__PURE__ */ new Date()).toISOString(),
         sourceId: c,
-        sourceRole: b.EXTENSION
+        sourceRole: v.EXTENSION
       });
     },
-    [e, s, o, T, r, c]
+    [t, o, s, T, n, c]
   ), E = O(() => {
-    if (S(!1), a(-1), h(null), r && e && s.length > 0) {
-      const d = s.length - 1, w = s[d];
-      o({
+    if (S(!1), i(-1), h(null), n && t && o.length > 0) {
+      const d = o.length - 1, w = o[d];
+      s({
         type: "TIME_TRAVEL",
-        storeId: e,
+        storeId: t,
         state: T(d),
         snapshotVersion: w.snapshotVersion,
         timestamp: (/* @__PURE__ */ new Date()).toISOString(),
         sourceId: c,
-        sourceRole: b.EXTENSION
+        sourceRole: v.EXTENSION
       });
     }
-  }, [e, s, o, T, r, c]), R = l ?? s.length, x = O(() => {
+  }, [t, o, s, T, n, c]), R = u ?? o.length, x = O(() => {
     const d = le("back", {
-      isTimeTraveling: u,
-      currentIndex: i,
+      isTimeTraveling: l,
+      currentIndex: a,
       entryCount: R
     });
     d.kind === "jump" && N(d.index);
-  }, [u, i, R, N]), g = O(() => {
+  }, [l, a, R, N]), g = O(() => {
     const d = le("forward", {
-      isTimeTraveling: u,
-      currentIndex: i,
+      isTimeTraveling: l,
+      currentIndex: a,
       entryCount: R
     });
     d.kind === "jump" ? N(d.index) : d.kind === "resume" && E();
-  }, [u, i, R, N, E]), I = Oe(
-    () => T(u ? i : s.length - 1),
-    [T, u, i, s.length]
+  }, [l, a, R, N, E]), k = Oe(
+    () => T(l ? a : o.length - 1),
+    [T, l, a, o.length]
   );
   return {
-    currentIndex: i,
-    isTimeTraveling: u,
-    previewState: I,
-    frameCount: l,
+    currentIndex: a,
+    isTimeTraveling: l,
+    previewState: k,
+    frameCount: u,
     jumpTo: N,
     stepBack: x,
     stepForward: g,
@@ -741,145 +723,156 @@ function We(e, s, r = !0) {
   };
 }
 const z = 0, Q = 1, je = 2, F = 3;
-function $() {
+function X() {
   return {
     timestamp: (/* @__PURE__ */ new Date()).toISOString(),
     sourceId: "loopback-hub",
-    sourceRole: b.HUB
+    sourceRole: v.HUB
   };
 }
-function fe(e) {
-  return e.split(".")[0] ?? "0";
+function fe(t) {
+  return t.split(".")[0] ?? "0";
 }
 class Me {
   constructor() {
     this.peers = /* @__PURE__ */ new Set();
   }
-  add(s) {
-    const r = { role: null, id: null, deliver: s, closed: !1 };
-    return this.peers.add(r), r;
+  add(o) {
+    const n = { role: null, id: null, deliver: o, closed: !1 };
+    return this.peers.add(n), n;
   }
-  remove(s) {
-    if (this.peers.delete(s) && (s.closed = !0, s.role === b.STORE && s.id)) {
-      const r = JSON.stringify({
+  remove(o) {
+    if (this.peers.delete(o) && (o.closed = !0, o.role === v.STORE && o.id)) {
+      const n = JSON.stringify({
         type: "STORE_DISCONNECTED",
-        storeId: s.id,
+        storeId: o.id,
         reason: "disconnected",
-        ...$()
+        ...X()
       });
-      this.eachExtension((o) => o.deliver(r));
+      this.eachExtension((s) => s.deliver(n));
     }
   }
-  receive(s, r) {
-    if (s.closed) return;
-    let o;
+  receive(o, n) {
+    if (o.closed) return;
+    let s;
     try {
-      o = JSON.parse(r);
+      s = JSON.parse(n);
     } catch {
       return;
     }
-    if (!(o === null || typeof o != "object" || typeof o.type != "string")) {
-      if (s.role === null) {
-        this.handshake(s, o);
+    if (!(s === null || typeof s != "object" || typeof s.type != "string")) {
+      if (o.role === null) {
+        this.handshake(o, s);
         return;
       }
-      if (s.role === b.STORE)
-        this.eachExtension((t) => t.deliver(r));
-      else if (typeof o.storeId == "string")
-        for (const t of this.peers)
-          t.role === b.STORE && t.id === o.storeId && t.deliver(r);
+      if (o.role === v.STORE)
+        this.eachExtension((e) => e.deliver(n));
+      else if (typeof s.storeId == "string")
+        for (const e of this.peers)
+          e.role === v.STORE && e.id === s.storeId && e.deliver(n);
     }
   }
-  handshake(s, r) {
-    if (r.type !== "HANDSHAKE_REQUEST") return;
-    const o = r.role, t = o === b.STORE ? r.store?.id : o === b.EXTENSION ? r.extension?.id : void 0, i = fe(String(r.protocolVersion ?? "")) === fe(K) && typeof t == "string";
-    if (s.deliver(
+  handshake(o, n) {
+    if (n.type !== "HANDSHAKE_REQUEST") return;
+    const s = n.role, e = s === v.STORE ? n.store?.id : s === v.EXTENSION ? n.extension?.id : void 0, a = fe(String(n.protocolVersion ?? "")) === fe(K) && typeof e == "string";
+    if (o.deliver(
       JSON.stringify({
         type: "HANDSHAKE_RESPONSE",
-        success: i,
+        success: a,
         // `negotiatedVersion`, the name the interface and the real hub use. This sent
         // `protocolVersion` instead — harmless only for as long as nothing reads it, and the
         // moment something did, the embedded panel would have failed where the real hub worked,
         // in the one path with no server to inspect.
         negotiatedVersion: K,
-        ...$(),
-        ...i ? {} : { error: "Loopback handshake rejected (version or id mismatch)" }
+        ...X(),
+        ...a ? {} : { error: "Loopback handshake rejected (version or id mismatch)" }
       })
-    ), !!i)
-      if (s.role = o, s.id = t, o === b.STORE) {
-        s.storeInfo = { name: r.store?.name ?? t, capabilities: r.store?.capabilities };
-        const a = JSON.stringify({
+    ), !!a)
+      if (o.role = s, o.id = e, s === v.STORE) {
+        o.storeInfo = { name: n.store?.name ?? e, capabilities: n.store?.capabilities };
+        const i = JSON.stringify({
           type: "STORE_CONNECTED",
-          store: { id: t, name: s.storeInfo.name, capabilities: s.storeInfo.capabilities },
-          ...$()
+          store: { id: e, name: o.storeInfo.name, capabilities: o.storeInfo.capabilities },
+          ...X()
         });
-        this.eachExtension((u) => u.deliver(a));
+        this.eachExtension((l) => l.deliver(i));
       } else {
-        const a = [...this.peers].filter((u) => u.role === b.STORE && u.storeInfo).map((u) => ({
-          id: u.id,
-          name: u.storeInfo.name,
+        const i = [...this.peers].filter((l) => l.role === v.STORE && l.storeInfo).map((l) => ({
+          id: l.id,
+          name: l.storeInfo.name,
           status: "connected",
-          capabilities: u.storeInfo.capabilities,
+          capabilities: l.storeInfo.capabilities,
           connectedAt: (/* @__PURE__ */ new Date()).toISOString()
         }));
-        s.deliver(JSON.stringify({ type: "STORE_REGISTRY", stores: a, ...$() }));
+        o.deliver(JSON.stringify({ type: "STORE_REGISTRY", stores: i, ...X() }));
       }
   }
-  eachExtension(s) {
-    for (const r of this.peers) r.role === b.EXTENSION && s(r);
+  eachExtension(o) {
+    for (const n of this.peers) n.role === v.EXTENSION && o(n);
   }
 }
 function Ge() {
-  const e = new Me(), s = (t, c) => {
-    let i = z;
-    const a = e.add((u) => c.onMessage(u));
+  const t = new Me(), o = (s, e) => {
+    let c = z;
+    const a = t.add((i) => e.onMessage(i));
     return queueMicrotask(() => {
-      i = Q, c.onOpen();
+      c = Q, e.onOpen();
     }), {
       get readyState() {
-        return i;
+        return c;
       },
-      send: (u) => e.receive(a, u),
+      send: (i) => t.receive(a, i),
       close: () => {
-        i !== F && (i = F, e.remove(a), c.onClose());
+        c !== F && (c = F, t.remove(a), e.onClose());
       },
       dispose: () => {
         a.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((i) => this.onmessage?.({ data: i })), queueMicrotask(() => {
+  };
+  class n {
+    constructor(e) {
+      this.onopen = null, this.onmessage = null, this.onclose = null, this.onerror = null, this.readyState = z, this.peer = t.add((c) => this.onmessage?.({ data: c })), queueMicrotask(() => {
         this.readyState = Q, this.onopen?.();
       });
     }
-    send(c) {
-      e.receive(this.peer, c);
+    static {
+      this.CONNECTING = z;
+    }
+    static {
+      this.OPEN = Q;
+    }
+    static {
+      this.CLOSING = je;
+    }
+    static {
+      this.CLOSED = F;
+    }
+    send(e) {
+      t.receive(this.peer, e);
     }
     close() {
-      this.readyState !== F && (this.readyState = F, e.remove(this.peer), this.onclose?.());
+      this.readyState !== F && (this.readyState = F, t.remove(this.peer), this.onclose?.());
     }
-  };
-  o.CONNECTING = z, o.OPEN = Q, o.CLOSING = je, o.CLOSED = F;
-  let r = o;
+  }
   return {
-    agentSocketFactory: s,
-    WebSocket: r
+    agentSocketFactory: o,
+    WebSocket: n
   };
 }
 export {
   de as HubContext,
-  Le as HubProvider,
+  Ye as HubProvider,
   Z as applyPatches,
   Ge as createLoopbackHub,
   Ue as useEventEmitter,
   Fe as useEventLog,
-  He as useEventReplay,
+  We as useEventReplay,
   j as useHubConnection,
-  Xe as useStoreMetrics,
-  $e as useStoreRegistry,
-  Je as useStoreState,
-  qe as useStoreSubscriptions,
-  We as useTimeTravel
+  He as useStoreMetrics,
+  Xe as useStoreRegistry,
+  $e as useStoreState,
+  Je as useStoreSubscriptions,
+  qe as useTimeTravel
 };
 //# sourceMappingURL=devtools-ui.mjs.map