@yoltra/devtools-ui 0.2.0 → 0.4.0

package/dist/devtools-ui.esm.js

@@ -1,291 +1,310 @@
-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";
+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({
   status: "disconnected",
+  extensionId: "",
   send: H,
   subscribe: () => H,
   disconnect: H,
   reconnect: H
 });
 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 _e() {
+function ye() {
   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) {
+  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) {
       c = {};
-      for (var i in r)
-        i !== "key" && (c[i] = r[i]);
-    } else c = r;
-    return r = c.ref, {
+      for (var a in t)
+        a !== "key" && (c[a] = t[a]);
+    } else c = t;
+    return t = c.ref, {
       $$typeof: e,
       type: o,
-      key: a,
-      ref: r !== void 0 ? r : null,
+      key: i,
+      ref: t !== void 0 ? t : null,
       props: c
     };
   }
-  return L.Fragment = s, L.jsx = n, L.jsxs = n, L;
+  return L.Fragment = s, L.jsx = r, L.jsxs = r, L;
 }
 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 ye() {
+function _e() {
   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";
+    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) {
         case N:
+          return "Fragment";
+        case R:
           return "Profiler";
-        case h:
+        case E:
           return "StrictMode";
-        case A:
+        case d:
           return "Suspense";
-        case P:
+        case w:
           return "SuspenseList";
         case Se:
           return "Activity";
       }
-      if (typeof t == "object")
-        switch (typeof t.tag == "number" && console.error(
+      if (typeof n == "object")
+        switch (typeof n.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:
+        ), n.$$typeof) {
+          case T:
             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;
+            return (n.displayName || "Context") + ".Provider";
           case x:
-            return u = t.displayName || null, u !== null ? u : e(t.type) || "Memo";
+            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;
+          case C:
+            return f = n.displayName || null, f !== null ? f : e(n.type) || "Memo";
           case V:
-            u = t._payload, t = t._init;
+            f = n._payload, n = n._init;
             try {
-              return e(t(u));
+              return e(n(f));
             } catch {
             }
         }
       return null;
     }
-    function s(t) {
-      return "" + t;
+    function s(n) {
+      return "" + n;
     }
-    function n(t) {
+    function r(n) {
       try {
-        s(t);
-        var u = !1;
+        s(n);
+        var f = !1;
       } catch {
-        u = !0;
+        f = !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,
+      if (f) {
+        f = console;
+        var p = f.error, y = typeof Symbol == "function" && Symbol.toStringTag && n[Symbol.toStringTag] || n.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.",
-          _
-        ), s(t);
+          y
+        ), s(n);
       }
     }
-    function o(t) {
-      if (t === p) return "<>";
-      if (typeof t == "object" && t !== null && t.$$typeof === V)
+    function o(n) {
+      if (n === N) return "<>";
+      if (typeof n == "object" && n !== null && n.$$typeof === V)
         return "<...>";
       try {
-        var u = e(t);
-        return u ? "<" + u + ">" : "<...>";
+        var f = e(n);
+        return f ? "<" + f + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
-    function r() {
-      var t = J.A;
-      return t === null ? null : t.getOwner();
+    function t() {
+      var n = J.A;
+      return n === null ? null : n.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;
+    function i(n) {
+      if (te.call(n, "key")) {
+        var f = Object.getOwnPropertyDescriptor(n, "key").get;
+        if (f && f.isReactWarning) return !1;
       }
-      return t.key !== void 0;
+      return n.key !== void 0;
     }
-    function i(t, u) {
-      function T() {
+    function a(n, 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)",
-          u
+          f
         ));
       }
-      T.isReactWarning = !0, Object.defineProperty(t, "key", {
-        get: T,
+      p.isReactWarning = !0, Object.defineProperty(n, "key", {
+        get: p,
         configurable: !0
       });
     }
-    function f() {
-      var t = e(this.type);
-      return ne[t] || (ne[t] = !0, console.error(
+    function u() {
+      var n = e(this.type);
+      return ne[n] || (ne[n] = !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;
+      )), n = this.props.ref, n !== void 0 ? n : null;
     }
-    function l(t, u, T, _, D, C, W, G) {
-      return T = C.ref, t = {
-        $$typeof: O,
-        type: t,
-        key: u,
-        props: C,
+    function S(n, f, p, y, D, P, W, G) {
+      return p = P.ref, n = {
+        $$typeof: v,
+        type: n,
+        key: f,
+        props: P,
         _owner: D
-      }, (T !== void 0 ? T : null) !== null ? Object.defineProperty(t, "ref", {
+      }, (p !== void 0 ? p : null) !== null ? Object.defineProperty(n, "ref", {
         enumerable: !1,
-        get: f
-      }) : Object.defineProperty(t, "ref", { enumerable: !1, value: null }), t._store = {}, Object.defineProperty(t._store, "validated", {
+        get: u
+      }) : Object.defineProperty(n, "ref", { enumerable: !1, value: null }), n._store = {}, Object.defineProperty(n._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: 0
-      }), Object.defineProperty(t, "_debugInfo", {
+      }), Object.defineProperty(n, "_debugInfo", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: null
-      }), Object.defineProperty(t, "_debugStack", {
+      }), Object.defineProperty(n, "_debugStack", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: W
-      }), Object.defineProperty(t, "_debugTask", {
+      }), Object.defineProperty(n, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: G
-      }), Object.freeze && (Object.freeze(t.props), Object.freeze(t)), t;
+      }), Object.freeze && (Object.freeze(n.props), Object.freeze(n)), n;
     }
-    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);
+    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(_);
           } 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) {
+        else h(_);
+      if (te.call(f, "key")) {
+        _ = e(n);
+        var Y = Object.keys(f).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(
+        y = 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);
+          _
+        ), 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,
+      if (_ = null, p !== void 0 && (r(p), _ = "" + p), i(f) && (r(f.key), _ = "" + f.key), "key" in f) {
+        p = {};
+        for (var B in f)
+          B !== "key" && (p[B] = f[B]);
+      } else p = f;
+      return _ && a(
+        p,
+        typeof n == "function" ? n.displayName || n.name || "Unknown" : n
+      ), S(
+        n,
+        _,
+        P,
         D,
-        r(),
-        T,
+        t(),
+        p,
         W,
         G
       );
     }
-    function m(t) {
-      typeof t == "object" && t !== null && t.$$typeof === O && t._store && (t._store.validated = 1);
+    function h(n) {
+      typeof n == "object" && n !== null && n.$$typeof === v && n._store && (n._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() {
+    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() {
       return null;
     };
-    S = {
-      react_stack_bottom_frame: function(t) {
-        return t();
+    m = {
+      react_stack_bottom_frame: function(n) {
+        return n();
       }
     };
-    var re, ne = {}, se = S.react_stack_bottom_frame.bind(
-      S,
+    var re, ne = {}, se = m.react_stack_bottom_frame.bind(
+      m,
       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,
+    U.Fragment = N, U.jsx = function(n, f, p, y, D) {
+      var P = 1e4 > J.recentlyCreatedOwnerStacks++;
+      return l(
+        n,
+        f,
+        p,
         !1,
-        _,
+        y,
         D,
-        C ? Error("react-stack-top-frame") : se,
-        C ? q(o(t)) : oe
+        P ? Error("react-stack-top-frame") : se,
+        P ? q(o(n)) : oe
       );
-    }, U.jsxs = function(t, u, T, _, D) {
-      var C = 1e4 > J.recentlyCreatedOwnerStacks++;
-      return E(
-        t,
-        u,
-        T,
+    }, U.jsxs = function(n, f, p, y, D) {
+      var P = 1e4 > J.recentlyCreatedOwnerStacks++;
+      return l(
+        n,
+        f,
+        p,
         !0,
-        _,
+        y,
         D,
-        C ? Error("react-stack-top-frame") : se,
-        C ? q(o(t)) : oe
+        P ? Error("react-stack-top-frame") : se,
+        P ? q(o(n)) : oe
       );
     };
   })()), U;
 }
 var ue;
 function Ne() {
-  return ue || (ue = 1, process.env.NODE_ENV === "production" ? X.exports = _e() : X.exports = ye()), X.exports;
+  return ue || (ue = 1, process.env.NODE_ENV === "production" ? X.exports = ye() : X.exports = _e()), X.exports;
 }
-var Ae = Ne();
-const Ie = {
+var Ie = Ne();
+const Ae = {
   timeTravel: !0,
   eventReplay: !0,
   stateExplorer: !0,
   eventEmit: !0,
   performanceMetrics: !0
-}, ke = 750, we = 3e4;
-function Ye({
+}, ke = 750, xe = 3e4;
+function Le({
   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) {
+  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 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(
         "[Yoltra DevTools] No WebSocket implementation available. In Node.js, pass { WebSocket } from 'ws' via config.WebSocket."
       );
@@ -293,182 +312,183 @@ function Ye({
     }
     o("connecting");
     try {
-      const R = new d(g);
-      r.current = R, R.onopen = () => {
-        a.current = 0;
-        const A = JSON.stringify({
+      const I = new g(x);
+      t.current = I, I.onopen = () => {
+        i.current = 0;
+        const d = JSON.stringify({
           type: "HANDSHAKE_REQUEST",
           protocolVersion: K,
-          role: v.EXTENSION,
+          role: b.EXTENSION,
           extension: {
-            id: f.current,
-            name: h.extensionName ?? "DevTools UI",
-            capabilities: Ie
+            id: u.current,
+            name: E.extensionName ?? "DevTools UI",
+            capabilities: Ae
           }
         });
-        R.send(A);
-      }, R.onmessage = (A) => {
+        I.send(d);
+      }, I.onmessage = (d) => {
         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();
+          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();
             return;
           }
-          c.current.forEach((V) => V(x));
+          c.current.forEach((V) => V(C));
         } 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.onclose = () => {
+        t.current = null, o("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,
+            xe
           );
-          i.current = setTimeout(E, V);
+          a.current = setTimeout(l, V);
         }
-      }, R.onerror = () => {
+      }, I.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);
+  }, []), h = O(() => {
+    a.current && (clearTimeout(a.current), a.current = null), i.current = 1 / 0, t.current?.close(), t.current = null, o("disconnected");
+  }, []), m = O(() => {
+    i.current = 0, t.current?.close(), t.current = null, l();
+  }, [l]), v = O((E) => {
+    const R = t.current;
+    R && R.readyState === 1 && R.send(JSON.stringify(E));
+  }, []), T = O((E) => (c.current.add(E), () => {
+    c.current.delete(E);
   }), []);
-  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
+  M(() => (l(), () => {
+    a.current && clearTimeout(a.current), i.current = 1 / 0, t.current?.close();
+  }), [l]);
+  const N = {
+    status: r,
+    extensionId: u.current,
+    send: v,
+    subscribe: T,
+    disconnect: h,
+    reconnect: m
   };
-  return /* @__PURE__ */ Ae.jsx(de.Provider, { value: p, children: s });
+  return /* @__PURE__ */ Ie.jsx(de.Provider, { value: N, children: s });
 }
 function j() {
   return be(de);
 }
-function Le(e) {
-  const { send: s } = j();
-  return { emit: b(
-    (o, r, c) => {
+function Ue(e) {
+  const { send: s, extensionId: r } = j();
+  return { emit: O(
+    (t, c, i) => {
       e && s({
         type: "EMIT_TO_STORE",
         storeId: e,
-        event: { channel: o, type: r, payload: c },
+        event: { channel: t, type: c, payload: i },
         timestamp: (/* @__PURE__ */ new Date()).toISOString(),
-        sourceId: "",
-        sourceRole: v.EXTENSION
+        sourceId: r,
+        sourceRole: b.EXTENSION
       });
     },
-    [e, s]
+    [e, s, r]
   ) };
 }
-const xe = 2e3;
-function Ue(e, s) {
-  const { subscribe: n } = j(), o = s?.maxEntries ?? xe, r = k(/* @__PURE__ */ new Map()), c = k(o);
+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 [, 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));
+  const [, i] = k(0);
+  M(() => r((l) => {
+    if (l.type !== "STORE_EVENT") return;
+    const h = l.storeId, m = {
+      event: l.event,
+      storeId: h,
+      patches: l.patches,
+      snapshotVersion: l.snapshotVersion,
+      committed: l.committed,
+      timestamp: l.timestamp
+    }, T = [...t.current.get(h) ?? [], m];
+    t.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 ? r.current.get(e) ?? [] : [], clear: i };
+  return { entries: e ? t.current.get(e) ?? [] : [], clear: a };
 }
-function Fe(e) {
-  const { send: s } = j();
-  return { replay: b(
-    (o, r) => {
+function He(e) {
+  const { send: s, extensionId: r } = j();
+  return { replay: O(
+    (t, c) => {
       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
+        snapshot: t,
+        events: c.map((i) => ({
+          id: i.event.id,
+          channel: i.event.channel,
+          type: i.event.type,
+          payload: i.event.payload
         })),
         timestamp: (/* @__PURE__ */ new Date()).toISOString(),
-        sourceId: "",
-        sourceRole: v.EXTENSION
+        sourceId: r,
+        sourceRole: b.EXTENSION
       });
     },
-    [e, s]
+    [e, s, r]
   ) };
 }
-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({
+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({
       type: "REQUEST_METRICS",
       storeId: e,
       timestamp: (/* @__PURE__ */ new Date()).toISOString(),
-      sourceId: "",
-      sourceRole: v.EXTENSION
+      sourceId: t,
+      sourceRole: b.EXTENSION
     }));
-  }, [e, n]);
+  }, [e, r, t]);
   return M(() => {
     if (!e) {
-      c(null);
+      i(null);
       return;
     }
-    E();
-    const m = o((S) => {
-      S.type === "STORE_METRICS" && S.storeId === e && (c(S.metrics), i(!1));
+    h();
+    const m = o((v) => {
+      v.type === "STORE_METRICS" && v.storeId === e && (i(v.metrics), u(!1));
     });
-    return f > 0 && (l.current = setInterval(E, f)), () => {
+    return S > 0 && (l.current = setInterval(h, S)), () => {
       m(), l.current && (clearInterval(l.current), l.current = null);
     };
-  }, [e, o, E, f]), { metrics: r, loading: a, refresh: E };
+  }, [e, o, h, S]), { metrics: c, loading: a, refresh: h };
 }
-function Xe() {
-  const { subscribe: e } = j(), [s, n] = w([]);
-  return M(() => e((r) => {
-    switch (r.type) {
+function $e() {
+  const { subscribe: e } = j(), [s, r] = k([]);
+  return M(() => e((t) => {
+    switch (t.type) {
       case "STORE_REGISTRY":
-        n(r.stores);
+        r(t.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
+        r((c) => c.some((a) => a.id === t.store.id) ? c.map(
+          (a) => a.id === t.store.id ? { ...a, status: "connected" } : a
         ) : [
           ...c,
           {
-            id: r.store.id,
-            name: r.store.name,
+            id: t.store.id,
+            name: t.store.name,
             status: "connected",
-            capabilities: r.store.capabilities,
-            connectedAt: r.timestamp
+            capabilities: t.store.capabilities,
+            connectedAt: t.timestamp
           }
         ]);
         break;
       case "STORE_DISCONNECTED":
-        n(
+        r(
           (c) => c.map(
-            (a) => a.id === r.storeId ? { ...a, status: "disconnected" } : a
+            (i) => i.id === t.storeId ? { ...i, status: "disconnected" } : i
           )
         );
         break;
@@ -476,52 +496,52 @@ function Xe() {
   }), [e]), s;
 }
 function Z(e, s) {
-  let n = structuredClone(e);
+  let r = e;
   for (const o of s) {
-    const r = Ce(o.path);
+    const t = Ce(o.path);
     switch (o.op) {
       case "add":
-        n = ee(n, r, o.value, !0);
+        r = ee(r, t, o.value, !0);
         break;
       case "replace":
-        n = ee(n, r, o.value, !1);
+        r = ee(r, t, o.value, !1);
         break;
       case "remove":
-        n = pe(n, r);
+        r = pe(r, t);
         break;
     }
   }
-  return n;
+  return r;
 }
 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;
+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;
     } else
-      r[c] = n;
+      t[c] = r;
   else
-    r[c] = ee(r[c] ?? {}, a, n, o);
-  return r;
+    t[c] = ee(t[c] ?? {}, i, r, o);
+  return t;
 }
 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;
+  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 ge(e) {
   const s = e.scheduler ?? {
-    setInterval: (r, c) => setInterval(r, c),
-    clearInterval: (r) => clearInterval(r)
+    setInterval: (t, c) => setInterval(t, c),
+    clearInterval: (t) => clearInterval(t)
   };
-  let n = s.setInterval(() => {
+  let r = s.setInterval(() => {
     if (e.isSettled()) {
       o();
       return;
@@ -529,84 +549,84 @@ function ge(e) {
     e.request();
   }, e.intervalMs);
   function o() {
-    n !== null && (s.clearInterval(n), n = null);
+    r !== null && (s.clearInterval(r), r = 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(() => {
+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(() => {
     m.current?.(), m.current = null;
-  }, []), O = b(() => {
-    e && (f(!0), s({
+  }, []), T = O(() => {
+    e && (S(!0), s({
       type: "REQUEST_STATE",
       storeId: e,
       timestamp: (/* @__PURE__ */ new Date()).toISOString(),
-      sourceId: "",
-      sourceRole: v.EXTENSION
+      sourceId: o,
+      sourceRole: b.EXTENSION
     }));
-  }, [e, s]);
+  }, [e, s, o]);
   return M(() => {
     if (!e) {
-      r(null), a(0), l.current = 0;
+      c(null), a(0), l.current = 0;
       return;
     }
-    O(), m.current = ge({
-      request: O,
+    T(), m.current = ge({
+      request: T,
       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 = r((E) => {
+      if (E.type === "STATE_SNAPSHOT" && E.storeId === e) {
+        v(), c(E.state), a(E.version), l.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;
+            for (const d of R)
+              I = Z(I, d.patches);
+            return I;
           });
-          const N = h[h.length - 1].version;
-          a(N), l.current = N;
+          const x = R[R.length - 1].version;
+          a(x), l.current = x;
         }
         return;
       }
-      if (p.type === "STORE_EVENT" && p.storeId === e && p.committed) {
+      if (E.type === "STORE_EVENT" && E.storeId === e && E.committed) {
         if (l.current === 0) {
-          E.current.push({
-            patches: p.patches,
-            version: p.snapshotVersion
+          h.current.push({
+            patches: E.patches,
+            version: E.snapshotVersion
           });
           return;
         }
-        if (p.snapshotVersion <= l.current)
+        if (E.snapshotVersion <= l.current)
           return;
-        r((h) => Z(h, p.patches)), a(p.snapshotVersion), l.current = p.snapshotVersion;
+        c((R) => Z(R, E.patches)), a(E.snapshotVersion), l.current = E.snapshotVersion;
       }
     });
     return () => {
-      I(), S(), E.current = [];
+      N(), v(), h.current = [];
     };
-  }, [e, n, O, S]), { state: o, version: c, loading: i, refresh: O };
+  }, [e, r, T, v]), { state: t, version: i, loading: u, refresh: T };
 }
-function Je(e) {
-  const { send: s, subscribe: n } = j(), [o, r] = w(null), [c, a] = w(!1), i = b(() => {
+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({
       type: "REQUEST_SUBSCRIPTIONS",
       storeId: e,
       timestamp: (/* @__PURE__ */ new Date()).toISOString(),
-      sourceId: "",
-      sourceRole: v.EXTENSION
+      sourceId: o,
+      sourceRole: b.EXTENSION
     }));
-  }, [e, s]);
+  }, [e, s, o]);
   return M(() => {
     if (!e) {
-      r(null);
+      c(null);
       return;
     }
-    return i(), n((l) => {
-      l.type === "STORE_SUBSCRIPTIONS" && l.storeId === e && (r({
+    return u(), r((l) => {
+      l.type === "STORE_SUBSCRIPTIONS" && l.storeId === e && (c({
         atomic: l.atomic,
         event: l.event,
         coarse: l.coarse,
@@ -615,132 +635,146 @@ function Je(e) {
         reducers: l.reducers
       }), a(!1));
     });
-  }, [e, n, i]), { data: o, loading: c, refresh: i };
+  }, [e, r, u]), { data: t, loading: i, refresh: u };
 }
 function le(e, s) {
-  const { isTimeTraveling: n, currentIndex: o, entryCount: r } = s, c = r - 1;
+  const { isTimeTraveling: r, currentIndex: o, entryCount: t } = s, c = t - 1;
   if (e === "back") {
-    const f = (n ? o : c) - 1;
-    return f >= 0 ? { kind: "jump", index: f } : { kind: "none" };
+    const u = (r ? o : c) - 1;
+    return u >= 0 ? { kind: "jump", index: u } : { kind: "none" };
+  }
+  if (!r) return { kind: "none" };
+  const i = o + 1;
+  return i > c ? { kind: "resume" } : { kind: "jump", index: i };
+}
+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];
+    if (S === void 0) break;
+    S.snapshotVersion <= s.version || (i = Z(i, S.patches));
   }
-  if (!n) return { kind: "none" };
-  const a = o + 1;
-  return a > c ? { kind: "resume" } : { kind: "jump", index: a };
+  const a = r[o];
+  return {
+    state: i,
+    cache: o >= 0 && a !== void 0 ? { index: o, state: i, marker: a } : null
+  };
 }
-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);
+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);
   M(() => {
-    if (m.current = null, E(null), !!e)
-      return r((d) => {
+    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 });
       });
-  }, [e, r]);
-  const S = b(
+  }, [e, t]);
+  const T = O(
     (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;
+      const { state: w, cache: C } = De({
+        baseline: m.current,
+        entries: s,
+        index: d,
+        cache: v.current
+      });
+      return v.current = C, w;
     },
     [s]
-  ), O = b(
+  ), N = O(
     (d) => {
-      if (!e || !n || d < 0 || d >= s.length) return;
-      E((A) => A ?? s.length), a(d), f(!0);
-      const R = s[d];
+      if (!e || !r || d < 0 || d >= s.length) return;
+      h((C) => C ?? s.length), a(d), S(!0);
+      const w = s[d];
       o({
         type: "TIME_TRAVEL",
         storeId: e,
-        state: S(d),
-        snapshotVersion: R.snapshotVersion,
+        state: T(d),
+        snapshotVersion: w.snapshotVersion,
         timestamp: (/* @__PURE__ */ new Date()).toISOString(),
-        sourceId: "",
-        sourceRole: v.EXTENSION
+        sourceId: c,
+        sourceRole: b.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];
+    [e, s, o, T, r, c]
+  ), E = O(() => {
+    if (S(!1), a(-1), h(null), r && e && s.length > 0) {
+      const d = s.length - 1, w = s[d];
       o({
         type: "TIME_TRAVEL",
         storeId: e,
-        state: S(d),
-        snapshotVersion: R.snapshotVersion,
+        state: T(d),
+        snapshotVersion: w.snapshotVersion,
         timestamp: (/* @__PURE__ */ new Date()).toISOString(),
-        sourceId: "",
-        sourceRole: v.EXTENSION
+        sourceId: c,
+        sourceRole: b.EXTENSION
       });
     }
-  }, [e, s, o, S, n]), p = l ?? s.length, h = b(() => {
+  }, [e, s, o, T, r, c]), R = l ?? s.length, x = O(() => {
     const d = le("back", {
-      isTimeTraveling: i,
-      currentIndex: c,
-      entryCount: p
+      isTimeTraveling: u,
+      currentIndex: i,
+      entryCount: R
     });
-    d.kind === "jump" && O(d.index);
-  }, [i, c, p, O]), N = b(() => {
+    d.kind === "jump" && N(d.index);
+  }, [u, i, R, N]), g = O(() => {
     const d = le("forward", {
-      isTimeTraveling: i,
-      currentIndex: c,
-      entryCount: p
+      isTimeTraveling: u,
+      currentIndex: i,
+      entryCount: R
     });
-    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]
+    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]
   );
   return {
-    currentIndex: c,
-    isTimeTraveling: i,
-    previewState: g,
+    currentIndex: i,
+    isTimeTraveling: u,
+    previewState: I,
     frameCount: l,
-    jumpTo: O,
-    stepBack: h,
-    stepForward: N,
-    resume: I
+    jumpTo: N,
+    stepBack: x,
+    stepForward: g,
+    resume: E
   };
 }
-const z = 0, Q = 1, De = 2, F = 3;
+const z = 0, Q = 1, je = 2, F = 3;
 function $() {
   return {
     timestamp: (/* @__PURE__ */ new Date()).toISOString(),
     sourceId: "loopback-hub",
-    sourceRole: v.HUB
+    sourceRole: b.HUB
   };
 }
 function fe(e) {
   return e.split(".")[0] ?? "0";
 }
-class je {
+class Me {
   constructor() {
     this.peers = /* @__PURE__ */ new Set();
   }
   add(s) {
-    const n = { role: null, id: null, deliver: s, closed: !1 };
-    return this.peers.add(n), n;
+    const r = { role: null, id: null, deliver: s, closed: !1 };
+    return this.peers.add(r), r;
   }
   remove(s) {
-    if (this.peers.delete(s) && (s.closed = !0, s.role === v.STORE && s.id)) {
-      const n = JSON.stringify({
+    if (this.peers.delete(s) && (s.closed = !0, s.role === b.STORE && s.id)) {
+      const r = JSON.stringify({
         type: "STORE_DISCONNECTED",
         storeId: s.id,
         reason: "disconnected",
         ...$()
       });
-      this.eachExtension((o) => o.deliver(n));
+      this.eachExtension((o) => o.deliver(r));
     }
   }
-  receive(s, n) {
+  receive(s, r) {
     if (s.closed) return;
     let o;
     try {
-      o = JSON.parse(n);
+      o = JSON.parse(r);
     } catch {
       return;
     }
@@ -749,69 +783,73 @@ class je {
         this.handshake(s, o);
         return;
       }
-      if (s.role === v.STORE)
-        this.eachExtension((r) => r.deliver(n));
+      if (s.role === b.STORE)
+        this.eachExtension((t) => t.deliver(r));
       else if (typeof o.storeId == "string")
-        for (const r of this.peers)
-          r.role === v.STORE && r.id === o.storeId && r.deliver(n);
+        for (const t of this.peers)
+          t.role === b.STORE && t.id === o.storeId && t.deliver(r);
     }
   }
-  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";
+  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(
       JSON.stringify({
         type: "HANDSHAKE_RESPONSE",
-        success: a,
-        protocolVersion: K,
+        success: i,
+        // `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,
         ...$(),
-        ...a ? {} : { error: "Loopback handshake rejected (version or id mismatch)" }
+        ...i ? {} : { 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({
+    ), !!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({
           type: "STORE_CONNECTED",
-          store: { id: r, name: s.storeInfo.name, capabilities: s.storeInfo.capabilities },
+          store: { id: t, name: s.storeInfo.name, capabilities: s.storeInfo.capabilities },
           ...$()
         });
-        this.eachExtension((f) => f.deliver(i));
+        this.eachExtension((u) => u.deliver(a));
       } else {
-        const i = [...this.peers].filter((f) => f.role === v.STORE && f.storeInfo).map((f) => ({
-          id: f.id,
-          name: f.storeInfo.name,
+        const a = [...this.peers].filter((u) => u.role === b.STORE && u.storeInfo).map((u) => ({
+          id: u.id,
+          name: u.storeInfo.name,
           status: "connected",
-          capabilities: f.storeInfo.capabilities,
+          capabilities: u.storeInfo.capabilities,
           connectedAt: (/* @__PURE__ */ new Date()).toISOString()
         }));
-        s.deliver(JSON.stringify({ type: "STORE_REGISTRY", stores: i, ...$() }));
+        s.deliver(JSON.stringify({ type: "STORE_REGISTRY", stores: a, ...$() }));
       }
   }
   eachExtension(s) {
-    for (const n of this.peers) n.role === v.EXTENSION && s(n);
+    for (const r of this.peers) r.role === b.EXTENSION && s(r);
   }
 }
-function We() {
-  const e = new je(), s = (r, c) => {
-    let a = z;
-    const i = e.add((f) => c.onMessage(f));
+function Ge() {
+  const e = new Me(), s = (t, c) => {
+    let i = z;
+    const a = e.add((u) => c.onMessage(u));
     return queueMicrotask(() => {
-      a = Q, c.onOpen();
+      i = Q, c.onOpen();
     }), {
       get readyState() {
-        return a;
+        return i;
       },
-      send: (f) => e.receive(i, f),
+      send: (u) => e.receive(a, u),
       close: () => {
-        a !== F && (a = F, e.remove(i), c.onClose());
+        i !== F && (i = F, e.remove(a), c.onClose());
       },
       dispose: () => {
-        i.closed = !0;
+        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((a) => this.onmessage?.({ data: a })), queueMicrotask(() => {
+      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(() => {
         this.readyState = Q, this.onopen?.();
       });
     }
@@ -822,26 +860,26 @@ function We() {
       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;
+  o.CONNECTING = z, o.OPEN = Q, o.CLOSING = je, o.CLOSED = F;
+  let r = o;
   return {
     agentSocketFactory: s,
-    WebSocket: n
+    WebSocket: r
   };
 }
 export {
   de as HubContext,
-  Ye as HubProvider,
+  Le as HubProvider,
   Z as applyPatches,
-  We as createLoopbackHub,
-  Le as useEventEmitter,
-  Ue as useEventLog,
-  Fe as useEventReplay,
+  Ge as createLoopbackHub,
+  Ue as useEventEmitter,
+  Fe as useEventLog,
+  He as useEventReplay,
   j as useHubConnection,
-  He as useStoreMetrics,
-  Xe as useStoreRegistry,
-  $e as useStoreState,
-  Je as useStoreSubscriptions,
-  qe as useTimeTravel
+  Xe as useStoreMetrics,
+  $e as useStoreRegistry,
+  Je as useStoreState,
+  qe as useStoreSubscriptions,
+  We as useTimeTravel
 };
 //# sourceMappingURL=devtools-ui.esm.js.map