@motiadev/plugin-observability 0.13.0 → 0.13.1-beta.162

package/dist/index.js

@@ -1,5 +1,5 @@
 import * as m from "react";
-import Ne, { forwardRef as Kt, createElement as kt, memo as V, useState as G, useEffect as _e, useCallback as re, useMemo as z, useLayoutEffect as Ho, createContext as Bo, useContext as Ce, isValidElement as zo, useRef as Qt, Fragment as pr } from "react";
+import Pe, { forwardRef as Kt, createElement as kt, memo as V, useState as G, useEffect as _e, useCallback as de, useMemo as z, useLayoutEffect as Ho, createContext as Bo, useContext as Ce, isValidElement as zo, useRef as Qt, Fragment as pr } from "react";
 import { Input as Vo, cn as De, Button as ct, LevelDot as Uo, Sidebar as Yo, Badge as hr } from "@motiadev/ui";
 import { useStreamItem as Go, useStreamGroup as gr } from "@motiadev/stream-client-react";
 import * as vr from "react-dom";
@@ -79,14 +79,14 @@ function qo() {
           case S:
             return (y._context.displayName || "Context") + ".Consumer";
           case w:
-            var P = y.render;
-            return y = y.displayName, y || (y = P.displayName || P.name || "", y = y !== "" ? "ForwardRef(" + y + ")" : "ForwardRef"), y;
+            var N = y.render;
+            return y = y.displayName, y || (y = N.displayName || N.name || "", y = y !== "" ? "ForwardRef(" + y + ")" : "ForwardRef"), y;
           case C:
-            return P = y.displayName || null, P !== null ? P : e(y.type) || "Memo";
+            return N = y.displayName || null, N !== null ? N : e(y.type) || "Memo";
           case T:
-            P = y._payload, y = y._init;
+            N = y._payload, y = y._init;
             try {
-              return e(y(P));
+              return e(y(N));
             } catch {
             }
         }
@@ -98,17 +98,17 @@ function qo() {
     function n(y) {
       try {
         t(y);
-        var P = !1;
+        var N = !1;
       } catch {
-        P = !0;
+        N = !0;
       }
-      if (P) {
-        P = console;
-        var $ = P.error, N = typeof Symbol == "function" && Symbol.toStringTag && y[Symbol.toStringTag] || y.constructor.name || "Object";
+      if (N) {
+        N = console;
+        var $ = N.error, P = typeof Symbol == "function" && Symbol.toStringTag && y[Symbol.toStringTag] || y.constructor.name || "Object";
         return $.call(
-          P,
+          N,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          N
+          P
         ), t(y);
       }
     }
@@ -117,8 +117,8 @@ function qo() {
       if (typeof y == "object" && y !== null && y.$$typeof === T)
         return "<...>";
       try {
-        var P = e(y);
-        return P ? "<" + P + ">" : "<...>";
+        var N = e(y);
+        return N ? "<" + N + ">" : "<...>";
       } catch {
         return "<...>";
       }
@@ -132,16 +132,16 @@ function qo() {
     }
     function a(y) {
       if (H.call(y, "key")) {
-        var P = Object.getOwnPropertyDescriptor(y, "key").get;
-        if (P && P.isReactWarning) return !1;
+        var N = Object.getOwnPropertyDescriptor(y, "key").get;
+        if (N && N.isReactWarning) return !1;
       }
       return y.key !== void 0;
     }
-    function i(y, P) {
+    function i(y, N) {
       function $() {
         _ || (_ = !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)",
-          P
+          N
         ));
       }
       $.isReactWarning = !0, Object.defineProperty(y, "key", {
@@ -155,11 +155,11 @@ function qo() {
         "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."
       )), y = this.props.ref, y !== void 0 ? y : null;
     }
-    function l(y, P, $, N, F, Z, Ie, ae) {
+    function l(y, N, $, P, F, Z, Ie, se) {
       return $ = Z.ref, y = {
         $$typeof: p,
         type: y,
-        key: P,
+        key: N,
         props: Z,
         _owner: F
       }, ($ !== void 0 ? $ : null) !== null ? Object.defineProperty(y, "ref", {
@@ -184,45 +184,45 @@ function qo() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: ae
+        value: se
       }), Object.freeze && (Object.freeze(y.props), Object.freeze(y)), y;
     }
-    function f(y, P, $, N, F, Z, Ie, ae) {
-      var U = P.children;
+    function f(y, N, $, P, F, Z, Ie, se) {
+      var U = N.children;
       if (U !== void 0)
-        if (N)
+        if (P)
           if (I(U)) {
-            for (N = 0; N < U.length; N++)
-              d(U[N]);
+            for (P = 0; P < U.length; P++)
+              d(U[P]);
             Object.freeze && Object.freeze(U);
           } 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 d(U);
-      if (H.call(P, "key")) {
+      if (H.call(N, "key")) {
         U = e(y);
-        var ue = Object.keys(P).filter(function(wt) {
+        var le = Object.keys(N).filter(function(wt) {
           return wt !== "key";
         });
-        N = 0 < ue.length ? "{key: someKey, " + ue.join(": ..., ") + ": ...}" : "{key: someKey}", B[U + N] || (ue = 0 < ue.length ? "{" + ue.join(": ..., ") + ": ...}" : "{}", console.error(
+        P = 0 < le.length ? "{key: someKey, " + le.join(": ..., ") + ": ...}" : "{key: someKey}", B[U + P] || (le = 0 < le.length ? "{" + le.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} />`,
-          N,
+          P,
           U,
-          ue,
+          le,
           U
-        ), B[U + N] = !0);
+        ), B[U + P] = !0);
       }
-      if (U = null, $ !== void 0 && (n($), U = "" + $), a(P) && (n(P.key), U = "" + P.key), "key" in P) {
+      if (U = null, $ !== void 0 && (n($), U = "" + $), a(N) && (n(N.key), U = "" + N.key), "key" in N) {
         $ = {};
-        for (var $e in P)
-          $e !== "key" && ($[$e] = P[$e]);
-      } else $ = P;
+        for (var $e in N)
+          $e !== "key" && ($[$e] = N[$e]);
+      } else $ = N;
       return U && i(
         $,
         typeof y == "function" ? y.displayName || y.name || "Unknown" : y
@@ -234,13 +234,13 @@ React keys must be passed directly to JSX without using spread:
         o(),
         $,
         Ie,
-        ae
+        se
       );
     }
     function d(y) {
       typeof y == "object" && y !== null && y.$$typeof === p && y._store && (y._store.validated = 1);
     }
-    var h = Ne, p = Symbol.for("react.transitional.element"), v = Symbol.for("react.portal"), g = Symbol.for("react.fragment"), x = Symbol.for("react.strict_mode"), b = Symbol.for("react.profiler"), S = Symbol.for("react.consumer"), E = Symbol.for("react.context"), w = Symbol.for("react.forward_ref"), j = Symbol.for("react.suspense"), A = Symbol.for("react.suspense_list"), C = Symbol.for("react.memo"), T = Symbol.for("react.lazy"), k = Symbol.for("react.activity"), L = Symbol.for("react.client.reference"), W = h.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, H = Object.prototype.hasOwnProperty, I = Array.isArray, M = console.createTask ? console.createTask : function() {
+    var h = Pe, p = Symbol.for("react.transitional.element"), v = Symbol.for("react.portal"), g = Symbol.for("react.fragment"), x = Symbol.for("react.strict_mode"), b = Symbol.for("react.profiler"), S = Symbol.for("react.consumer"), E = Symbol.for("react.context"), w = Symbol.for("react.forward_ref"), j = Symbol.for("react.suspense"), A = Symbol.for("react.suspense_list"), C = Symbol.for("react.memo"), T = Symbol.for("react.lazy"), k = Symbol.for("react.activity"), L = Symbol.for("react.client.reference"), W = h.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, H = Object.prototype.hasOwnProperty, I = Array.isArray, M = console.createTask ? console.createTask : function() {
       return null;
     };
     h = {
@@ -252,26 +252,26 @@ React keys must be passed directly to JSX without using spread:
       h,
       s
     )(), O = M(r(s)), B = {};
-    He.Fragment = g, He.jsx = function(y, P, $, N, F) {
+    He.Fragment = g, He.jsx = function(y, N, $, P, F) {
       var Z = 1e4 > W.recentlyCreatedOwnerStacks++;
       return f(
         y,
-        P,
+        N,
         $,
         !1,
-        N,
+        P,
         F,
         Z ? Error("react-stack-top-frame") : R,
         Z ? M(r(y)) : O
       );
-    }, He.jsxs = function(y, P, $, N, F) {
+    }, He.jsxs = function(y, N, $, P, F) {
       var Z = 1e4 > W.recentlyCreatedOwnerStacks++;
       return f(
         y,
-        P,
+        N,
         $,
         !0,
-        N,
+        P,
         F,
         Z ? Error("react-stack-top-frame") : R,
         Z ? M(r(y)) : O
@@ -416,12 +416,12 @@ const is = [
   return i;
 }, cs = (e) => e ? Cn(e) : Cn, ls = (e) => e;
 function us(e, t = ls) {
-  const n = Ne.useSyncExternalStore(
+  const n = Pe.useSyncExternalStore(
     e.subscribe,
-    Ne.useCallback(() => t(e.getState()), [e, t]),
-    Ne.useCallback(() => t(e.getInitialState()), [e, t])
+    Pe.useCallback(() => t(e.getState()), [e, t]),
+    Pe.useCallback(() => t(e.getInitialState()), [e, t])
   );
-  return Ne.useDebugValue(n), n;
+  return Pe.useDebugValue(n), n;
 }
 const fs = (e) => {
   const t = cs(e), n = (r) => us(t, r);
@@ -472,7 +472,7 @@ const fs = (e) => {
   ] });
 });
 br.displayName = "SearchBar";
-const wr = V(() => K((t) => t.selectedTraceGroupId) ? null : /* @__PURE__ */ c.jsx("div", { className: "flex items-center justify-center h-full text-muted-foreground", children: "Select a trace or trace group to view the timeline" }));
+const wr = V(() => K((t) => t.selectedTraceGroupId) ? null : /* @__PURE__ */ c.jsx("div", { className: "flex items-center justify-center h-full text-muted-foreground text-center", children: "Select a trace or trace group to view the timeline" }));
 wr.displayName = "TraceEmptyState";
 /**
  * @license lucide-react v0.545.0 - ISC
@@ -496,13 +496,13 @@ const hs = [
     let o;
     return t ? t !== n && r(t) : o = setInterval(() => r(Date.now()), 100), () => clearInterval(o);
   }, [t, n]), n;
-}, de = (e) => e == null ? "N/A" : e < 1e3 ? `${e}ms` : e < 6e4 ? `${(e / 1e3).toFixed(1)}s` : e < 36e5 ? `${(e / 6e4).toFixed(1)}min` : `${(e / 36e5).toFixed(1)}h`, ys = {
+}, we = (e) => e == null ? "N/A" : e < 1e3 ? `${e}ms` : e < 6e4 ? `${(e / 1e3).toFixed(1)}s` : e < 36e5 ? `${(e / 6e4).toFixed(1)}min` : `${(e / 36e5).toFixed(1)}h`, ys = {
   running: "bg-[repeating-linear-gradient(140deg,#BEFE29,#BEFE29_8px,#ABE625_8px,#ABE625_16px)]",
   completed: "bg-[repeating-linear-gradient(140deg,#2862FE,#2862FE_8px,#2358E5_8px,#2358E5_16px)]",
   failed: "bg-[repeating-linear-gradient(140deg,#EA2069,#EA2069_8px,#D41E60_8px,#D41E60_16px)]"
 }, jr = V(
   ({ traceId: e, traceName: t, traceStatus: n, traceStartTime: r, traceEndTime: o, groupStartTime: s, groupEndTime: a, onExpand: i }) => {
-    const u = re(() => {
+    const u = de(() => {
       i(e);
     }, [i, e]), l = z(
       () => De("h-[24px] rounded-[4px] hover:opacity-80 transition-all duration-200", ys[n]),
@@ -592,7 +592,7 @@ const Ss = [
       key: "1ph1d7"
     }
   ]
-], As = J("scroll-text", Ss), Ns = ({ event: e }) => {
+], As = J("scroll-text", Ss), Ps = ({ event: e }) => {
   if (e.type === "log")
     return /* @__PURE__ */ c.jsx(As, { className: "w-4 h-4 text-muted-foreground" });
   if (e.type === "emit")
@@ -608,7 +608,7 @@ const Ss = [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ps = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]], Os = J("check", Ps);
+const Ns = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]], Os = J("check", Ns);
 /**
  * @license lucide-react v0.545.0 - ISC
  *
@@ -619,7 +619,7 @@ const Rs = [
   ["rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2", key: "17jyea" }],
   ["path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2", key: "zix9uf" }]
 ], Ts = J("copy", Rs), Mt = ({ textToCopy: e, className: t, title: n }) => {
-  const [r, o] = G(!1), s = re(async () => {
+  const [r, o] = G(!1), s = de(async () => {
     try {
       await navigator.clipboard.writeText(e), o(!0), setTimeout(() => o(!1), 2e3);
     } catch (a) {
@@ -638,7 +638,7 @@ const Rs = [
     }
   );
 };
-function me(e, t, { checkForDefaultPrevented: n = !0 } = {}) {
+function fe(e, t, { checkForDefaultPrevented: n = !0 } = {}) {
   return function(o) {
     if (e?.(o), n === !1 || !o.defaultPrevented)
       return t?.(o);
@@ -665,7 +665,7 @@ function Cr(...e) {
       };
   };
 }
-function ye(...e) {
+function ve(...e) {
   return m.useCallback(Cr(...e), e);
 }
 function Er(e, t = []) {
@@ -777,7 +777,7 @@ var Is = [
   "span",
   "svg",
   "ul"
-], le = Is.reduce((e, t) => {
+], ce = Is.reduce((e, t) => {
   const n = /* @__PURE__ */ Sr(`Primitive.${t}`), r = m.forwardRef((o, s) => {
     const { asChild: a, ...i } = o, u = a ? n : t;
     return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ c.jsx(u, { ...i, ref: s });
@@ -806,7 +806,7 @@ var Hs = "DismissableLayer", _t = "dismissableLayer.update", Bs = "dismissableLa
   layers: /* @__PURE__ */ new Set(),
   layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
   branches: /* @__PURE__ */ new Set()
-}), Nr = m.forwardRef(
+}), Pr = m.forwardRef(
   (e, t) => {
     const {
       disableOutsidePointerEvents: n = !1,
@@ -816,7 +816,7 @@ var Hs = "DismissableLayer", _t = "dismissableLayer.update", Bs = "dismissableLa
       onInteractOutside: a,
       onDismiss: i,
       ...u
-    } = e, l = m.useContext(Ar), [f, d] = m.useState(null), h = f?.ownerDocument ?? globalThis?.document, [, p] = m.useState({}), v = ye(t, (C) => d(C)), g = Array.from(l.layers), [x] = [...l.layersWithOutsidePointerEventsDisabled].slice(-1), b = g.indexOf(x), S = f ? g.indexOf(f) : -1, E = l.layersWithOutsidePointerEventsDisabled.size > 0, w = S >= b, j = Ys((C) => {
+    } = e, l = m.useContext(Ar), [f, d] = m.useState(null), h = f?.ownerDocument ?? globalThis?.document, [, p] = m.useState({}), v = ve(t, (C) => d(C)), g = Array.from(l.layers), [x] = [...l.layersWithOutsidePointerEventsDisabled].slice(-1), b = g.indexOf(x), S = f ? g.indexOf(f) : -1, E = l.layersWithOutsidePointerEventsDisabled.size > 0, w = S >= b, j = Ys((C) => {
       const T = C.target, k = [...l.branches].some((L) => L.contains(T));
       !w || k || (o?.(C), a?.(C), C.defaultPrevented || i?.());
     }, h), A = Gs((C) => {
@@ -836,7 +836,7 @@ var Hs = "DismissableLayer", _t = "dismissableLayer.update", Bs = "dismissableLa
       const C = () => p({});
       return document.addEventListener(_t, C), () => document.removeEventListener(_t, C);
     }, []), /* @__PURE__ */ c.jsx(
-      le.div,
+      ce.div,
       {
         ...u,
         ref: v,
@@ -844,9 +844,9 @@ var Hs = "DismissableLayer", _t = "dismissableLayer.update", Bs = "dismissableLa
           pointerEvents: E ? w ? "auto" : "none" : void 0,
           ...e.style
         },
-        onFocusCapture: me(e.onFocusCapture, A.onFocusCapture),
-        onBlurCapture: me(e.onBlurCapture, A.onBlurCapture),
-        onPointerDownCapture: me(
+        onFocusCapture: fe(e.onFocusCapture, A.onFocusCapture),
+        onBlurCapture: fe(e.onBlurCapture, A.onBlurCapture),
+        onPointerDownCapture: fe(
           e.onPointerDownCapture,
           j.onPointerDownCapture
         )
@@ -854,16 +854,16 @@ var Hs = "DismissableLayer", _t = "dismissableLayer.update", Bs = "dismissableLa
     );
   }
 );
-Nr.displayName = Hs;
+Pr.displayName = Hs;
 var Vs = "DismissableLayerBranch", Us = m.forwardRef((e, t) => {
-  const n = m.useContext(Ar), r = m.useRef(null), o = ye(t, r);
+  const n = m.useContext(Ar), r = m.useRef(null), o = ve(t, r);
   return m.useEffect(() => {
     const s = r.current;
     if (s)
       return n.branches.add(s), () => {
         n.branches.delete(s);
       };
-  }, [n.branches]), /* @__PURE__ */ c.jsx(le.div, { ...e, ref: o });
+  }, [n.branches]), /* @__PURE__ */ c.jsx(ce.div, { ...e, ref: o });
 });
 Us.displayName = Vs;
 function Ys(e, t = globalThis?.document) {
@@ -873,7 +873,7 @@ function Ys(e, t = globalThis?.document) {
     const s = (i) => {
       if (i.target && !r.current) {
         let u = function() {
-          Pr(
+          Nr(
             Bs,
             n,
             l,
@@ -900,7 +900,7 @@ function Gs(e, t = globalThis?.document) {
   const n = Te(e), r = m.useRef(!1);
   return m.useEffect(() => {
     const o = (s) => {
-      s.target && !r.current && Pr(zs, n, { originalEvent: s }, {
+      s.target && !r.current && Nr(zs, n, { originalEvent: s }, {
         discrete: !1
       });
     };
@@ -914,7 +914,7 @@ function An() {
   const e = new CustomEvent(_t);
   document.dispatchEvent(e);
 }
-function Pr(e, t, n, { discrete: r }) {
+function Nr(e, t, n, { discrete: r }) {
   const o = n.originalEvent.target, s = new CustomEvent(e, { bubbles: !1, cancelable: !0, detail: n });
   t && o.addEventListener(e, t, { once: !0 }), r ? $s(o, s) : o.dispatchEvent(s);
 }
@@ -922,23 +922,23 @@ var jt = 0;
 function Zs() {
   m.useEffect(() => {
     const e = document.querySelectorAll("[data-radix-focus-guard]");
-    return document.body.insertAdjacentElement("afterbegin", e[0] ?? Nn()), document.body.insertAdjacentElement("beforeend", e[1] ?? Nn()), jt++, () => {
+    return document.body.insertAdjacentElement("afterbegin", e[0] ?? Pn()), document.body.insertAdjacentElement("beforeend", e[1] ?? Pn()), jt++, () => {
       jt === 1 && document.querySelectorAll("[data-radix-focus-guard]").forEach((t) => t.remove()), jt--;
     };
   }, []);
 }
-function Nn() {
+function Pn() {
   const e = document.createElement("span");
   return e.setAttribute("data-radix-focus-guard", ""), e.tabIndex = 0, e.style.outline = "none", e.style.opacity = "0", e.style.position = "fixed", e.style.pointerEvents = "none", e;
 }
-var Ct = "focusScope.autoFocusOnMount", Et = "focusScope.autoFocusOnUnmount", Pn = { bubbles: !1, cancelable: !0 }, Xs = "FocusScope", Or = m.forwardRef((e, t) => {
+var Ct = "focusScope.autoFocusOnMount", Et = "focusScope.autoFocusOnUnmount", Nn = { bubbles: !1, cancelable: !0 }, Xs = "FocusScope", Or = m.forwardRef((e, t) => {
   const {
     loop: n = !1,
     trapped: r = !1,
     onMountAutoFocus: o,
     onUnmountAutoFocus: s,
     ...a
-  } = e, [i, u] = m.useState(null), l = Te(o), f = Te(s), d = m.useRef(null), h = ye(t, (g) => u(g)), p = m.useRef({
+  } = e, [i, u] = m.useState(null), l = Te(o), f = Te(s), d = m.useRef(null), h = ve(t, (g) => u(g)), p = m.useRef({
     paused: !1,
     pause() {
       this.paused = !0;
@@ -952,15 +952,15 @@ var Ct = "focusScope.autoFocusOnMount", Et = "focusScope.autoFocusOnUnmount", Pn
       let g = function(E) {
         if (p.paused || !i) return;
         const w = E.target;
-        i.contains(w) ? d.current = w : fe(d.current, { select: !0 });
+        i.contains(w) ? d.current = w : ue(d.current, { select: !0 });
       }, x = function(E) {
         if (p.paused || !i) return;
         const w = E.relatedTarget;
-        w !== null && (i.contains(w) || fe(d.current, { select: !0 }));
+        w !== null && (i.contains(w) || ue(d.current, { select: !0 }));
       }, b = function(E) {
         if (document.activeElement === document.body)
           for (const j of E)
-            j.removedNodes.length > 0 && fe(i);
+            j.removedNodes.length > 0 && ue(i);
       };
       document.addEventListener("focusin", g), document.addEventListener("focusout", x);
       const S = new MutationObserver(b);
@@ -973,13 +973,13 @@ var Ct = "focusScope.autoFocusOnMount", Et = "focusScope.autoFocusOnUnmount", Pn
       Rn.add(p);
       const g = document.activeElement;
       if (!i.contains(g)) {
-        const b = new CustomEvent(Ct, Pn);
-        i.addEventListener(Ct, l), i.dispatchEvent(b), b.defaultPrevented || (qs(ta(Rr(i)), { select: !0 }), document.activeElement === g && fe(i));
+        const b = new CustomEvent(Ct, Nn);
+        i.addEventListener(Ct, l), i.dispatchEvent(b), b.defaultPrevented || (qs(ta(Rr(i)), { select: !0 }), document.activeElement === g && ue(i));
       }
       return () => {
         i.removeEventListener(Ct, l), setTimeout(() => {
-          const b = new CustomEvent(Et, Pn);
-          i.addEventListener(Et, f), i.dispatchEvent(b), b.defaultPrevented || fe(g ?? document.body, { select: !0 }), i.removeEventListener(Et, f), Rn.remove(p);
+          const b = new CustomEvent(Et, Nn);
+          i.addEventListener(Et, f), i.dispatchEvent(b), b.defaultPrevented || ue(g ?? document.body, { select: !0 }), i.removeEventListener(Et, f), Rn.remove(p);
         }, 0);
       };
     }
@@ -990,18 +990,18 @@ var Ct = "focusScope.autoFocusOnMount", Et = "focusScope.autoFocusOnUnmount", Pn
       const x = g.key === "Tab" && !g.altKey && !g.ctrlKey && !g.metaKey, b = document.activeElement;
       if (x && b) {
         const S = g.currentTarget, [E, w] = Js(S);
-        E && w ? !g.shiftKey && b === w ? (g.preventDefault(), n && fe(E, { select: !0 })) : g.shiftKey && b === E && (g.preventDefault(), n && fe(w, { select: !0 })) : b === S && g.preventDefault();
+        E && w ? !g.shiftKey && b === w ? (g.preventDefault(), n && ue(E, { select: !0 })) : g.shiftKey && b === E && (g.preventDefault(), n && ue(w, { select: !0 })) : b === S && g.preventDefault();
       }
     },
     [n, r, p.paused]
   );
-  return /* @__PURE__ */ c.jsx(le.div, { tabIndex: -1, ...a, ref: h, onKeyDown: v });
+  return /* @__PURE__ */ c.jsx(ce.div, { tabIndex: -1, ...a, ref: h, onKeyDown: v });
 });
 Or.displayName = Xs;
 function qs(e, { select: t = !1 } = {}) {
   const n = document.activeElement;
   for (const r of e)
-    if (fe(r, { select: t }), document.activeElement !== n) return;
+    if (ue(r, { select: t }), document.activeElement !== n) return;
 }
 function Js(e) {
   const t = Rr(e), n = On(t, e), r = On(t.reverse(), e);
@@ -1033,7 +1033,7 @@ function Ks(e, { upTo: t }) {
 function Qs(e) {
   return e instanceof HTMLInputElement && "select" in e;
 }
-function fe(e, { select: t = !1 } = {}) {
+function ue(e, { select: t = !1 } = {}) {
   if (e && e.focus) {
     const n = document.activeElement;
     e.focus({ preventScroll: !0 }), e !== n && Qs(e) && t && e.select();
@@ -1059,16 +1059,16 @@ function Tn(e, t) {
 function ta(e) {
   return e.filter((t) => t.tagName !== "A");
 }
-var pe = globalThis?.document ? m.useLayoutEffect : () => {
+var me = globalThis?.document ? m.useLayoutEffect : () => {
 }, na = m[" useId ".trim().toString()] || (() => {
 }), ra = 0;
 function oa(e) {
   const [t, n] = m.useState(na());
-  return pe(() => {
+  return me(() => {
     n((r) => r ?? String(ra++));
   }, [e]), e || (t ? `radix-${t}` : "");
 }
-const sa = ["top", "right", "bottom", "left"], he = Math.min, X = Math.max, lt = Math.round, Je = Math.floor, ne = (e) => ({
+const sa = ["top", "right", "bottom", "left"], pe = Math.min, X = Math.max, lt = Math.round, Je = Math.floor, ne = (e) => ({
   x: e,
   y: e
 }), aa = {
@@ -1081,12 +1081,12 @@ const sa = ["top", "right", "bottom", "left"], he = Math.min, X = Math.max, lt =
   end: "start"
 };
 function Dt(e, t, n) {
-  return X(e, he(t, n));
+  return X(e, pe(t, n));
 }
-function ie(e, t) {
+function ae(e, t) {
   return typeof e == "function" ? e(t) : e;
 }
-function ce(e) {
+function ie(e) {
   return e.split("-")[0];
 }
 function Fe(e) {
@@ -1098,11 +1098,11 @@ function en(e) {
 function tn(e) {
   return e === "y" ? "height" : "width";
 }
-function ge(e) {
-  return ["top", "bottom"].includes(ce(e)) ? "y" : "x";
+function he(e) {
+  return ["top", "bottom"].includes(ie(e)) ? "y" : "x";
 }
 function nn(e) {
-  return en(ge(e));
+  return en(he(e));
 }
 function ca(e, t, n) {
   n === void 0 && (n = !1);
@@ -1132,7 +1132,7 @@ function ua(e, t, n) {
 }
 function fa(e, t, n, r) {
   const o = Fe(e);
-  let s = ua(ce(e), n === "start", r);
+  let s = ua(ie(e), n === "start", r);
   return o && (s = s.map((a) => a + "-" + o), t && (s = s.concat(s.map(Ft)))), s;
 }
 function ut(e) {
@@ -1178,7 +1178,7 @@ function kn(e, t, n) {
     reference: r,
     floating: o
   } = e;
-  const s = ge(t), a = nn(t), i = tn(a), u = ce(t), l = s === "y", f = r.x + r.width / 2 - o.width / 2, d = r.y + r.height / 2 - o.height / 2, h = r[i] / 2 - o[i] / 2;
+  const s = he(t), a = nn(t), i = tn(a), u = ie(t), l = s === "y", f = r.x + r.width / 2 - o.width / 2, d = r.y + r.height / 2 - o.height / 2, h = r[i] / 2 - o[i] / 2;
   let p;
   switch (u) {
     case "top":
@@ -1298,7 +1298,7 @@ async function Ue(e, t) {
     elementContext: d = "floating",
     altBoundary: h = !1,
     padding: p = 0
-  } = ie(t, e), v = Tr(p), x = i[h ? d === "floating" ? "reference" : "floating" : d], b = ft(await s.getClippingRect({
+  } = ae(t, e), v = Tr(p), x = i[h ? d === "floating" ? "reference" : "floating" : d], b = ft(await s.getClippingRect({
     element: (n = await (s.isElement == null ? void 0 : s.isElement(x))) == null || n ? x : x.contextElement || await (s.getDocumentElement == null ? void 0 : s.getDocumentElement(i.floating)),
     boundary: l,
     rootBoundary: f,
@@ -1342,7 +1342,7 @@ const pa = (e) => ({
     } = t, {
       element: l,
       padding: f = 0
-    } = ie(e, t) || {};
+    } = ae(e, t) || {};
     if (l == null)
       return {};
     const d = Tr(f), h = {
@@ -1351,7 +1351,7 @@ const pa = (e) => ({
     }, p = nn(o), v = tn(p), g = await a.getDimensions(l), x = p === "y", b = x ? "top" : "left", S = x ? "bottom" : "right", E = x ? "clientHeight" : "clientWidth", w = s.reference[v] + s.reference[p] - h[p] - s.floating[v], j = h[p] - s.reference[p], A = await (a.getOffsetParent == null ? void 0 : a.getOffsetParent(l));
     let C = A ? A[E] : 0;
     (!C || !await (a.isElement == null ? void 0 : a.isElement(A))) && (C = i.floating[E] || s.floating[v]);
-    const T = w / 2 - j / 2, k = C / 2 - g[v] / 2 - 1, L = he(d[b], k), W = he(d[S], k), H = L, I = C - g[v] - W, M = C / 2 - g[v] / 2 + T, _ = Dt(H, M, I), D = !u.arrow && Fe(o) != null && M !== _ && s.reference[v] / 2 - (M < H ? L : W) - g[v] / 2 < 0, R = D ? M < H ? M - H : M - I : 0;
+    const T = w / 2 - j / 2, k = C / 2 - g[v] / 2 - 1, L = pe(d[b], k), W = pe(d[S], k), H = L, I = C - g[v] - W, M = C / 2 - g[v] / 2 + T, _ = Dt(H, M, I), D = !u.arrow && Fe(o) != null && M !== _ && s.reference[v] / 2 - (M < H ? L : W) - g[v] / 2 < 0, R = D ? M < H ? M - H : M - I : 0;
     return {
       [p]: h[p] + R,
       data: {
@@ -1385,10 +1385,10 @@ const pa = (e) => ({
         fallbackAxisSideDirection: v = "none",
         flipAlignment: g = !0,
         ...x
-      } = ie(e, t);
+      } = ae(e, t);
       if ((n = s.arrow) != null && n.alignmentOffset)
         return {};
-      const b = ce(o), S = ge(i), E = ce(i) === i, w = await (u.isRTL == null ? void 0 : u.isRTL(l.floating)), j = h || (E || !g ? [ut(i)] : la(i)), A = v !== "none";
+      const b = ie(o), S = he(i), E = ie(i) === i, w = await (u.isRTL == null ? void 0 : u.isRTL(l.floating)), j = h || (E || !g ? [ut(i)] : la(i)), A = v !== "none";
       !h && A && j.push(...fa(i, g, v, w));
       const C = [i, ...j], T = await Ue(t, x), k = [];
       let L = ((r = s.flip) == null ? void 0 : r.overflows) || [];
@@ -1419,7 +1419,7 @@ const pa = (e) => ({
               var I;
               const R = (I = L.filter((O) => {
                 if (A) {
-                  const B = ge(O.placement);
+                  const B = he(O.placement);
                   return B === S || // Create a bias to the `y` side axis due to horizontal
                   // reading directions favoring greater width.
                   B === "y";
@@ -1465,7 +1465,7 @@ const ga = function(e) {
       } = t, {
         strategy: r = "referenceHidden",
         ...o
-      } = ie(e, t);
+      } = ae(e, t);
       switch (r) {
         case "referenceHidden": {
           const s = await Ue(t, {
@@ -1502,7 +1502,7 @@ async function va(e, t) {
     placement: n,
     platform: r,
     elements: o
-  } = e, s = await (r.isRTL == null ? void 0 : r.isRTL(o.floating)), a = ce(n), i = Fe(n), u = ge(n) === "y", l = ["left", "top"].includes(a) ? -1 : 1, f = s && u ? -1 : 1, d = ie(t, e);
+  } = e, s = await (r.isRTL == null ? void 0 : r.isRTL(o.floating)), a = ie(n), i = Fe(n), u = he(n) === "y", l = ["left", "top"].includes(a) ? -1 : 1, f = s && u ? -1 : 1, d = ae(t, e);
   let {
     mainAxis: h,
     crossAxis: p,
@@ -1571,10 +1571,10 @@ const ya = function(e) {
           }
         },
         ...u
-      } = ie(e, t), l = {
+      } = ae(e, t), l = {
         x: n,
         y: r
-      }, f = await Ue(t, u), d = ge(ce(o)), h = en(d);
+      }, f = await Ue(t, u), d = he(ie(o)), h = en(d);
       let p = l[h], v = l[d];
       if (s) {
         const x = h === "y" ? "top" : "left", b = h === "y" ? "bottom" : "right", S = p + f[x], E = p - f[b];
@@ -1616,12 +1616,12 @@ const ya = function(e) {
         offset: i = 0,
         mainAxis: u = !0,
         crossAxis: l = !0
-      } = ie(e, t), f = {
+      } = ae(e, t), f = {
         x: n,
         y: r
-      }, d = ge(o), h = en(d);
+      }, d = he(o), h = en(d);
       let p = f[h], v = f[d];
-      const g = ie(i, t), x = typeof g == "number" ? {
+      const g = ae(i, t), x = typeof g == "number" ? {
         mainAxis: g,
         crossAxis: 0
       } : {
@@ -1635,7 +1635,7 @@ const ya = function(e) {
       }
       if (l) {
         var b, S;
-        const E = h === "y" ? "width" : "height", w = ["top", "left"].includes(ce(o)), j = s.reference[d] - s.floating[E] + (w && ((b = a.offset) == null ? void 0 : b[d]) || 0) + (w ? 0 : x.crossAxis), A = s.reference[d] + s.reference[E] + (w ? 0 : ((S = a.offset) == null ? void 0 : S[d]) || 0) - (w ? x.crossAxis : 0);
+        const E = h === "y" ? "width" : "height", w = ["top", "left"].includes(ie(o)), j = s.reference[d] - s.floating[E] + (w && ((b = a.offset) == null ? void 0 : b[d]) || 0) + (w ? 0 : x.crossAxis), A = s.reference[d] + s.reference[E] + (w ? 0 : ((S = a.offset) == null ? void 0 : S[d]) || 0) - (w ? x.crossAxis : 0);
         v < j ? v = j : v > A && (v = A);
       }
       return {
@@ -1659,13 +1659,13 @@ const ya = function(e) {
         apply: u = () => {
         },
         ...l
-      } = ie(e, t), f = await Ue(t, l), d = ce(o), h = Fe(o), p = ge(o) === "y", {
+      } = ae(e, t), f = await Ue(t, l), d = ie(o), h = Fe(o), p = he(o) === "y", {
         width: v,
         height: g
       } = s.floating;
       let x, b;
       d === "top" || d === "bottom" ? (x = d, b = h === (await (a.isRTL == null ? void 0 : a.isRTL(i.floating)) ? "start" : "end") ? "left" : "right") : (b = d, x = h === "end" ? "top" : "bottom");
-      const S = g - f.top - f.bottom, E = v - f.left - f.right, w = he(g - f[x], S), j = he(v - f[b], E), A = !t.middlewareData.shift;
+      const S = g - f.top - f.bottom, E = v - f.left - f.right, w = pe(g - f[x], S), j = pe(v - f[b], E), A = !t.middlewareData.shift;
       let C = w, T = j;
       if ((n = t.middlewareData.shift) != null && n.enabled.x && (T = E), (r = t.middlewareData.shift) != null && r.enabled.y && (C = S), A && !h) {
         const L = X(f.left, 0), W = X(f.right, 0), H = X(f.top, 0), I = X(f.bottom, 0);
@@ -1695,7 +1695,7 @@ function q(e) {
   var t;
   return (e == null || (t = e.ownerDocument) == null ? void 0 : t.defaultView) || window;
 }
-function se(e) {
+function oe(e) {
   var t;
   return (t = (kr(e) ? e.ownerDocument : e.document) || window.document) == null ? void 0 : t.documentElement;
 }
@@ -1705,7 +1705,7 @@ function kr(e) {
 function Q(e) {
   return mt() ? e instanceof Element || e instanceof q(e).Element : !1;
 }
-function oe(e) {
+function re(e) {
   return mt() ? e instanceof HTMLElement || e instanceof q(e).HTMLElement : !1;
 }
 function Dn(e) {
@@ -1737,13 +1737,13 @@ function rn(e) {
   return ["transform", "translate", "scale", "rotate", "perspective"].some((r) => n[r] ? n[r] !== "none" : !1) || (n.containerType ? n.containerType !== "normal" : !1) || !t && (n.backdropFilter ? n.backdropFilter !== "none" : !1) || !t && (n.filter ? n.filter !== "none" : !1) || ["transform", "translate", "scale", "rotate", "perspective", "filter"].some((r) => (n.willChange || "").includes(r)) || ["paint", "layout", "strict", "content"].some((r) => (n.contain || "").includes(r));
 }
 function Ca(e) {
-  let t = ve(e);
-  for (; oe(t) && !ke(t); ) {
+  let t = ge(e);
+  for (; re(t) && !ke(t); ) {
     if (rn(t))
       return t;
     if (pt(t))
       return null;
-    t = ve(t);
+    t = ge(t);
   }
   return null;
 }
@@ -1765,7 +1765,7 @@ function ht(e) {
     scrollTop: e.scrollY
   };
 }
-function ve(e) {
+function ge(e) {
   if (Le(e) === "html")
     return e;
   const t = (
@@ -1773,13 +1773,13 @@ function ve(e) {
     e.assignedSlot || // DOM Element detected.
     e.parentNode || // ShadowRoot detected.
     Dn(e) && e.host || // Fallback.
-    se(e)
+    oe(e)
   );
   return Dn(t) ? t.host : t;
 }
 function Mr(e) {
-  const t = ve(e);
-  return ke(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : oe(t) && Ge(t) ? t : Mr(t);
+  const t = ge(e);
+  return ke(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : re(t) && Ge(t) ? t : Mr(t);
 }
 function Ye(e, t, n) {
   var r;
@@ -1797,7 +1797,7 @@ function Lt(e) {
 function _r(e) {
   const t = ee(e);
   let n = parseFloat(t.width) || 0, r = parseFloat(t.height) || 0;
-  const o = oe(e), s = o ? e.offsetWidth : n, a = o ? e.offsetHeight : r, i = lt(n) !== s || lt(r) !== a;
+  const o = re(e), s = o ? e.offsetWidth : n, a = o ? e.offsetHeight : r, i = lt(n) !== s || lt(r) !== a;
   return i && (n = s, r = a), {
     width: n,
     height: r,
@@ -1807,9 +1807,9 @@ function _r(e) {
 function sn(e) {
   return Q(e) ? e : e.contextElement;
 }
-function Pe(e) {
+function Ne(e) {
   const t = sn(e);
-  if (!oe(t))
+  if (!re(t))
     return ne(1);
   const n = t.getBoundingClientRect(), {
     width: r,
@@ -1837,14 +1837,14 @@ function je(e, t, n, r) {
   t === void 0 && (t = !1), n === void 0 && (n = !1);
   const o = e.getBoundingClientRect(), s = sn(e);
   let a = ne(1);
-  t && (r ? Q(r) && (a = Pe(r)) : a = Pe(e));
+  t && (r ? Q(r) && (a = Ne(r)) : a = Ne(e));
   const i = Sa(s, n, r) ? Dr(s) : ne(0);
   let u = (o.left + i.x) / a.x, l = (o.top + i.y) / a.y, f = o.width / a.x, d = o.height / a.y;
   if (s) {
     const h = q(s), p = r && Q(r) ? q(r) : r;
     let v = h, g = Lt(v);
     for (; g && r && p !== v; ) {
-      const x = Pe(g), b = g.getBoundingClientRect(), S = ee(g), E = b.left + (g.clientLeft + parseFloat(S.paddingLeft)) * x.x, w = b.top + (g.clientTop + parseFloat(S.paddingTop)) * x.y;
+      const x = Ne(g), b = g.getBoundingClientRect(), S = ee(g), E = b.left + (g.clientLeft + parseFloat(S.paddingLeft)) * x.x, w = b.top + (g.clientTop + parseFloat(S.paddingTop)) * x.y;
       u *= x.x, l *= x.y, f *= x.x, d *= x.y, u += E, l += w, v = q(g), g = Lt(v);
     }
   }
@@ -1857,7 +1857,7 @@ function je(e, t, n, r) {
 }
 function an(e, t) {
   const n = ht(e).scrollLeft;
-  return t ? t.left + n : je(se(e)).left + n;
+  return t ? t.left + n : je(oe(e)).left + n;
 }
 function Fr(e, t, n) {
   n === void 0 && (n = !1);
@@ -1877,17 +1877,17 @@ function Aa(e) {
     offsetParent: r,
     strategy: o
   } = e;
-  const s = o === "fixed", a = se(r), i = t ? pt(t.floating) : !1;
+  const s = o === "fixed", a = oe(r), i = t ? pt(t.floating) : !1;
   if (r === a || i && s)
     return n;
   let u = {
     scrollLeft: 0,
     scrollTop: 0
   }, l = ne(1);
-  const f = ne(0), d = oe(r);
-  if ((d || !d && !s) && ((Le(r) !== "body" || Ge(a)) && (u = ht(r)), oe(r))) {
+  const f = ne(0), d = re(r);
+  if ((d || !d && !s) && ((Le(r) !== "body" || Ge(a)) && (u = ht(r)), re(r))) {
     const p = je(r);
-    l = Pe(r), f.x = p.x + r.clientLeft, f.y = p.y + r.clientTop;
+    l = Ne(r), f.x = p.x + r.clientLeft, f.y = p.y + r.clientTop;
   }
   const h = a && !d && !s ? Fr(a, u, !0) : ne(0);
   return {
@@ -1897,11 +1897,11 @@ function Aa(e) {
     y: n.y * l.y - u.scrollTop * l.y + f.y + h.y
   };
 }
-function Na(e) {
+function Pa(e) {
   return Array.from(e.getClientRects());
 }
-function Pa(e) {
-  const t = se(e), n = ht(e), r = e.ownerDocument.body, o = X(t.scrollWidth, t.clientWidth, r.scrollWidth, r.clientWidth), s = X(t.scrollHeight, t.clientHeight, r.scrollHeight, r.clientHeight);
+function Na(e) {
+  const t = oe(e), n = ht(e), r = e.ownerDocument.body, o = X(t.scrollWidth, t.clientWidth, r.scrollWidth, r.clientWidth), s = X(t.scrollHeight, t.clientHeight, r.scrollHeight, r.clientHeight);
   let a = -n.scrollLeft + an(e);
   const i = -n.scrollTop;
   return ee(r).direction === "rtl" && (a += X(t.clientWidth, r.clientWidth) - o), {
@@ -1912,7 +1912,7 @@ function Pa(e) {
   };
 }
 function Oa(e, t) {
-  const n = q(e), r = se(e), o = n.visualViewport;
+  const n = q(e), r = oe(e), o = n.visualViewport;
   let s = r.clientWidth, a = r.clientHeight, i = 0, u = 0;
   if (o) {
     s = o.width, a = o.height;
@@ -1927,7 +1927,7 @@ function Oa(e, t) {
   };
 }
 function Ra(e, t) {
-  const n = je(e, !0, t === "fixed"), r = n.top + e.clientTop, o = n.left + e.clientLeft, s = oe(e) ? Pe(e) : ne(1), a = e.clientWidth * s.x, i = e.clientHeight * s.y, u = o * s.x, l = r * s.y;
+  const n = je(e, !0, t === "fixed"), r = n.top + e.clientTop, o = n.left + e.clientLeft, s = re(e) ? Ne(e) : ne(1), a = e.clientWidth * s.x, i = e.clientHeight * s.y, u = o * s.x, l = r * s.y;
   return {
     width: a,
     height: i,
@@ -1940,7 +1940,7 @@ function Fn(e, t, n) {
   if (t === "viewport")
     r = Oa(e, n);
   else if (t === "document")
-    r = Pa(se(e));
+    r = Na(oe(e));
   else if (Q(t))
     r = Ra(t, n);
   else {
@@ -1955,7 +1955,7 @@ function Fn(e, t, n) {
   return ft(r);
 }
 function Lr(e, t) {
-  const n = ve(e);
+  const n = ge(e);
   return n === t || !Q(n) || ke(n) ? !1 : ee(n).position === "fixed" || Lr(n, t);
 }
 function Ta(e, t) {
@@ -1964,10 +1964,10 @@ function Ta(e, t) {
     return n;
   let r = Ye(e, [], !1).filter((i) => Q(i) && Le(i) !== "body"), o = null;
   const s = ee(e).position === "fixed";
-  let a = s ? ve(e) : e;
+  let a = s ? ge(e) : e;
   for (; Q(a) && !ke(a); ) {
     const i = ee(a), u = rn(a);
-    !u && i.position === "fixed" && (o = null), (s ? !u && !o : !u && i.position === "static" && !!o && ["absolute", "fixed"].includes(o.position) || Ge(a) && !u && Lr(e, a)) ? r = r.filter((f) => f !== a) : o = i, a = ve(a);
+    !u && i.position === "fixed" && (o = null), (s ? !u && !o : !u && i.position === "static" && !!o && ["absolute", "fixed"].includes(o.position) || Ge(a) && !u && Lr(e, a)) ? r = r.filter((f) => f !== a) : o = i, a = ge(a);
   }
   return t.set(e, r), r;
 }
@@ -1980,7 +1980,7 @@ function ka(e) {
   } = e;
   const a = [...n === "clippingAncestors" ? pt(t) ? [] : Ta(t, this._c) : [].concat(n), r], i = a[0], u = a.reduce((l, f) => {
     const d = Fn(t, f, o);
-    return l.top = X(d.top, l.top), l.right = he(d.right, l.right), l.bottom = he(d.bottom, l.bottom), l.left = X(d.left, l.left), l;
+    return l.top = X(d.top, l.top), l.right = pe(d.right, l.right), l.bottom = pe(d.bottom, l.bottom), l.left = X(d.left, l.left), l;
   }, Fn(t, i, o));
   return {
     width: u.right - u.left,
@@ -2000,7 +2000,7 @@ function Ma(e) {
   };
 }
 function _a(e, t, n) {
-  const r = oe(t), o = se(t), s = n === "fixed", a = je(e, !0, s, t);
+  const r = re(t), o = oe(t), s = n === "fixed", a = je(e, !0, s, t);
   let i = {
     scrollLeft: 0,
     scrollTop: 0
@@ -2023,23 +2023,23 @@ function St(e) {
   return ee(e).position === "static";
 }
 function Ln(e, t) {
-  if (!oe(e) || ee(e).position === "fixed")
+  if (!re(e) || ee(e).position === "fixed")
     return null;
   if (t)
     return t(e);
   let n = e.offsetParent;
-  return se(e) === n && (n = n.ownerDocument.body), n;
+  return oe(e) === n && (n = n.ownerDocument.body), n;
 }
 function Ir(e, t) {
   const n = q(e);
   if (pt(e))
     return n;
-  if (!oe(e)) {
-    let o = ve(e);
+  if (!re(e)) {
+    let o = ge(e);
     for (; o && !ke(o); ) {
       if (Q(o) && !St(o))
         return o;
-      o = ve(o);
+      o = ge(o);
     }
     return n;
   }
@@ -2065,13 +2065,13 @@ function Fa(e) {
 }
 const La = {
   convertOffsetParentRelativeRectToViewportRelativeRect: Aa,
-  getDocumentElement: se,
+  getDocumentElement: oe,
   getClippingRect: ka,
   getOffsetParent: Ir,
   getElementRects: Da,
-  getClientRects: Na,
+  getClientRects: Pa,
   getDimensions: Ma,
-  getScale: Pe,
+  getScale: Ne,
   isElement: Q,
   isRTL: Fa
 };
@@ -2080,7 +2080,7 @@ function $r(e, t) {
 }
 function Ia(e, t) {
   let n = null, r;
-  const o = se(e);
+  const o = oe(e);
   function s() {
     var i;
     clearTimeout(r), (i = n) == null || i.disconnect(), n = null;
@@ -2097,7 +2097,7 @@ function Ia(e, t) {
       return;
     const v = Je(d), g = Je(o.clientWidth - (f + h)), x = Je(o.clientHeight - (d + p)), b = Je(f), E = {
       rootMargin: -v + "px " + -g + "px " + -x + "px " + -b + "px",
-      threshold: X(0, he(1, u)) || 1
+      threshold: X(0, pe(1, u)) || 1
     };
     let w = !0;
     function j(A) {
@@ -2365,7 +2365,7 @@ const Za = (e) => {
 var ni = "Arrow", Hr = m.forwardRef((e, t) => {
   const { children: n, width: r = 10, height: o = 5, ...s } = e;
   return /* @__PURE__ */ c.jsx(
-    le.svg,
+    ce.svg,
     {
       ...s,
       ref: t,
@@ -2381,7 +2381,7 @@ Hr.displayName = ni;
 var ri = Hr;
 function oi(e) {
   const [t, n] = m.useState(void 0);
-  return pe(() => {
+  return me(() => {
     if (e) {
       n({ width: e.offsetWidth, height: e.offsetHeight });
       const r = new ResizeObserver((o) => {
@@ -2408,11 +2408,11 @@ var cn = "Popper", [Br, zr] = Er(cn), [si, Vr] = Br(cn), Ur = (e) => {
 Ur.displayName = cn;
 var Yr = "PopperAnchor", Gr = m.forwardRef(
   (e, t) => {
-    const { __scopePopper: n, virtualRef: r, ...o } = e, s = Vr(Yr, n), a = m.useRef(null), i = ye(t, a), u = m.useRef(null);
+    const { __scopePopper: n, virtualRef: r, ...o } = e, s = Vr(Yr, n), a = m.useRef(null), i = ve(t, a), u = m.useRef(null);
     return m.useEffect(() => {
       const l = u.current;
       u.current = r?.current || a.current, l !== u.current && s.onAnchorChange(u.current);
-    }), r ? null : /* @__PURE__ */ c.jsx(le.div, { ...o, ref: i });
+    }), r ? null : /* @__PURE__ */ c.jsx(ce.div, { ...o, ref: i });
   }
 );
 Gr.displayName = Yr;
@@ -2433,7 +2433,7 @@ var ln = "PopperContent", [ai, ii] = Br(ln), Zr = m.forwardRef(
       updatePositionStrategy: p = "optimized",
       onPlaced: v,
       ...g
-    } = e, x = Vr(ln, n), [b, S] = m.useState(null), E = ye(t, (ae) => S(ae)), [w, j] = m.useState(null), A = oi(w), C = A?.width ?? 0, T = A?.height ?? 0, k = r + (s !== "center" ? "-" + s : ""), L = typeof f == "number" ? f : { top: 0, right: 0, bottom: 0, left: 0, ...f }, W = Array.isArray(l) ? l : [l], H = W.length > 0, I = {
+    } = e, x = Vr(ln, n), [b, S] = m.useState(null), E = ve(t, (se) => S(se)), [w, j] = m.useState(null), A = oi(w), C = A?.width ?? 0, T = A?.height ?? 0, k = r + (s !== "center" ? "-" + s : ""), L = typeof f == "number" ? f : { top: 0, right: 0, bottom: 0, left: 0, ...f }, W = Array.isArray(l) ? l : [l], H = W.length > 0, I = {
       padding: L,
       boundary: W.filter(li),
       // with `strategy: 'fixed'`, this is the only way to get it to respect boundaries
@@ -2442,7 +2442,7 @@ var ln = "PopperContent", [ai, ii] = Br(ln), Zr = m.forwardRef(
       // default to `fixed` strategy so users don't have to pick and we also avoid focus scroll issues
       strategy: "fixed",
       placement: k,
-      whileElementsMounted: (...ae) => $a(...ae, {
+      whileElementsMounted: (...se) => $a(...se, {
         animationFrame: p === "always"
       }),
       elements: {
@@ -2459,21 +2459,21 @@ var ln = "PopperContent", [ai, ii] = Br(ln), Zr = m.forwardRef(
         u && Ka({ ...I }),
         Qa({
           ...I,
-          apply: ({ elements: ae, rects: U, availableWidth: ue, availableHeight: $e }) => {
-            const { width: wt, height: Wo } = U.reference, Xe = ae.floating.style;
-            Xe.setProperty("--radix-popper-available-width", `${ue}px`), Xe.setProperty("--radix-popper-available-height", `${$e}px`), Xe.setProperty("--radix-popper-anchor-width", `${wt}px`), Xe.setProperty("--radix-popper-anchor-height", `${Wo}px`);
+          apply: ({ elements: se, rects: U, availableWidth: le, availableHeight: $e }) => {
+            const { width: wt, height: Wo } = U.reference, Xe = se.floating.style;
+            Xe.setProperty("--radix-popper-available-width", `${le}px`), Xe.setProperty("--radix-popper-available-height", `${$e}px`), Xe.setProperty("--radix-popper-anchor-width", `${wt}px`), Xe.setProperty("--radix-popper-anchor-height", `${Wo}px`);
           }
         }),
         w && ti({ element: w, padding: i }),
         ui({ arrowWidth: C, arrowHeight: T }),
         h && ei({ strategy: "referenceHidden", ...I })
       ]
-    }), [B, y] = Jr(D), P = Te(v);
-    pe(() => {
-      R && P?.();
-    }, [R, P]);
-    const $ = O.arrow?.x, N = O.arrow?.y, F = O.arrow?.centerOffset !== 0, [Z, Ie] = m.useState();
-    return pe(() => {
+    }), [B, y] = Jr(D), N = Te(v);
+    me(() => {
+      R && N?.();
+    }, [R, N]);
+    const $ = O.arrow?.x, P = O.arrow?.y, F = O.arrow?.centerOffset !== 0, [Z, Ie] = m.useState();
+    return me(() => {
       b && Ie(window.getComputedStyle(b).zIndex);
     }, [b]), /* @__PURE__ */ c.jsx(
       "div",
@@ -2506,10 +2506,10 @@ var ln = "PopperContent", [ai, ii] = Br(ln), Zr = m.forwardRef(
             placedSide: B,
             onArrowChange: j,
             arrowX: $,
-            arrowY: N,
+            arrowY: P,
             shouldHideArrow: F,
             children: /* @__PURE__ */ c.jsx(
-              le.div,
+              ce.div,
               {
                 "data-side": B,
                 "data-align": y,
@@ -2599,16 +2599,16 @@ function Jr(e) {
 }
 var fi = Ur, Kr = Gr, di = Zr, mi = qr, pi = "Portal", Qr = m.forwardRef((e, t) => {
   const { container: n, ...r } = e, [o, s] = m.useState(!1);
-  pe(() => s(!0), []);
+  me(() => s(!0), []);
   const a = n || o && globalThis?.document?.body;
-  return a ? Zo.createPortal(/* @__PURE__ */ c.jsx(le.div, { ...r, ref: t }), a) : null;
+  return a ? Zo.createPortal(/* @__PURE__ */ c.jsx(ce.div, { ...r, ref: t }), a) : null;
 });
 Qr.displayName = pi;
 function hi(e, t) {
   return m.useReducer((n, r) => t[n][r] ?? n, e);
 }
 var un = (e) => {
-  const { present: t, children: n } = e, r = gi(t), o = typeof n == "function" ? n({ present: r.isPresent }) : m.Children.only(n), s = ye(r.ref, vi(o));
+  const { present: t, children: n } = e, r = gi(t), o = typeof n == "function" ? n({ present: r.isPresent }) : m.Children.only(n), s = ve(r.ref, vi(o));
   return typeof n == "function" || r.isPresent ? m.cloneElement(o, { ref: s }) : null;
 };
 un.displayName = "Presence";
@@ -2629,13 +2629,13 @@ function gi(e) {
   return m.useEffect(() => {
     const l = Ke(r.current);
     s.current = i === "mounted" ? l : "none";
-  }, [i]), pe(() => {
+  }, [i]), me(() => {
     const l = r.current, f = o.current;
     if (f !== e) {
       const h = s.current, p = Ke(l);
       e ? u("MOUNT") : p === "none" || l?.display === "none" ? u("UNMOUNT") : u(f && h !== p ? "ANIMATION_OUT" : "UNMOUNT"), o.current = e;
     }
-  }, [e, u]), pe(() => {
+  }, [e, u]), me(() => {
     if (t) {
       let l;
       const f = t.ownerDocument.defaultView ?? window, d = (p) => {
@@ -2668,7 +2668,7 @@ function vi(e) {
   let t = Object.getOwnPropertyDescriptor(e.props, "ref")?.get, n = t && "isReactWarning" in t && t.isReactWarning;
   return n ? e.ref : (t = Object.getOwnPropertyDescriptor(e, "ref")?.get, n = t && "isReactWarning" in t && t.isReactWarning, n ? e.props.ref : e.props.ref || e.ref);
 }
-var yi = m[" useInsertionEffect ".trim().toString()] || pe;
+var yi = m[" useInsertionEffect ".trim().toString()] || me;
 function xi({
   prop: e,
   defaultProp: t,
@@ -2720,7 +2720,7 @@ var ji = function(e) {
     return null;
   var t = Array.isArray(e) ? e[0] : e;
   return t.ownerDocument.body;
-}, Ee = /* @__PURE__ */ new WeakMap(), Qe = /* @__PURE__ */ new WeakMap(), et = {}, Nt = 0, eo = function(e) {
+}, Ee = /* @__PURE__ */ new WeakMap(), Qe = /* @__PURE__ */ new WeakMap(), et = {}, Pt = 0, eo = function(e) {
   return e && (e.host || eo(e.parentNode));
 }, Ci = function(e, t) {
   return t.map(function(n) {
@@ -2751,11 +2751,11 @@ var ji = function(e) {
         }
     });
   };
-  return f(t), i.clear(), Nt++, function() {
+  return f(t), i.clear(), Pt++, function() {
     a.forEach(function(d) {
       var h = Ee.get(d) - 1, p = s.get(d) - 1;
       Ee.set(d, h), s.set(d, p), h || (Qe.has(d) || d.removeAttribute(r), Qe.delete(d)), p || d.removeAttribute(n);
-    }), Nt--, Nt || (Ee = /* @__PURE__ */ new WeakMap(), Ee = /* @__PURE__ */ new WeakMap(), Qe = /* @__PURE__ */ new WeakMap(), et = {});
+    }), Pt--, Pt || (Ee = /* @__PURE__ */ new WeakMap(), Ee = /* @__PURE__ */ new WeakMap(), Qe = /* @__PURE__ */ new WeakMap(), et = {});
   };
 }, Si = function(e, t, n) {
   n === void 0 && (n = "data-aria-hidden");
@@ -2785,8 +2785,8 @@ function Ai(e, t, n) {
     (s || !(r in t)) && (s || (s = Array.prototype.slice.call(t, 0, r)), s[r] = t[r]);
   return e.concat(s || Array.prototype.slice.call(t));
 }
-var st = "right-scroll-bar-position", at = "width-before-scroll-bar", Ni = "with-scroll-bars-hidden", Pi = "--removed-body-scroll-bar-size";
-function Pt(e, t) {
+var st = "right-scroll-bar-position", at = "width-before-scroll-bar", Pi = "with-scroll-bars-hidden", Ni = "--removed-body-scroll-bar-size";
+function Nt(e, t) {
   return typeof e == "function" ? e(t) : e && (e.current = t), e;
 }
 function Oi(e, t) {
@@ -2814,7 +2814,7 @@ var Ri = typeof window < "u" ? m.useLayoutEffect : m.useEffect, Wn = /* @__PURE_
 function Ti(e, t) {
   var n = Oi(null, function(r) {
     return e.forEach(function(o) {
-      return Pt(o, r);
+      return Nt(o, r);
     });
   });
   return Ri(function() {
@@ -2822,9 +2822,9 @@ function Ti(e, t) {
     if (r) {
       var o = new Set(r), s = new Set(e), a = n.current;
       o.forEach(function(i) {
-        s.has(i) || Pt(i, null);
+        s.has(i) || Nt(i, null);
       }), s.forEach(function(i) {
-        o.has(i) || Pt(i, a);
+        o.has(i) || Nt(i, a);
       });
     }
     Wn.set(n, e);
@@ -2996,7 +2996,7 @@ var Wi = function() {
 }, Ui = oo(), Oe = "data-scroll-locked", Yi = function(e, t, n, r) {
   var o = e.left, s = e.top, a = e.right, i = e.gap;
   return n === void 0 && (n = "margin"), `
-  .`.concat(Ni, ` {
+  .`.concat(Pi, ` {
    overflow: hidden `).concat(r, `;
    padding-right: `).concat(i, "px ").concat(r, `;
   }
@@ -3034,7 +3034,7 @@ var Wi = function() {
   }
   
   body[`).concat(Oe, `] {
-    `).concat(Pi, ": ").concat(i, `px;
+    `).concat(Ni, ": ").concat(i, `px;
   }
 `);
 }, Hn = function() {
@@ -3233,7 +3233,7 @@ var co = m.forwardRef(function(e, t) {
 co.classNames = gt.classNames;
 var vt = "Popover", [lo] = Er(vt, [
   zr
-]), Ze = zr(), [cc, xe] = lo(vt), uo = (e) => {
+]), Ze = zr(), [cc, ye] = lo(vt), uo = (e) => {
   const {
     __scopePopover: t,
     children: n,
@@ -3267,15 +3267,15 @@ var vt = "Popover", [lo] = Er(vt, [
 uo.displayName = vt;
 var fo = "PopoverAnchor", lc = m.forwardRef(
   (e, t) => {
-    const { __scopePopover: n, ...r } = e, o = xe(fo, n), s = Ze(n), { onCustomAnchorAdd: a, onCustomAnchorRemove: i } = o;
+    const { __scopePopover: n, ...r } = e, o = ye(fo, n), s = Ze(n), { onCustomAnchorAdd: a, onCustomAnchorRemove: i } = o;
     return m.useEffect(() => (a(), () => i()), [a, i]), /* @__PURE__ */ c.jsx(Kr, { ...s, ...r, ref: t });
   }
 );
 lc.displayName = fo;
 var mo = "PopoverTrigger", po = m.forwardRef(
   (e, t) => {
-    const { __scopePopover: n, ...r } = e, o = xe(mo, n), s = Ze(n), a = ye(t, o.triggerRef), i = /* @__PURE__ */ c.jsx(
-      le.button,
+    const { __scopePopover: n, ...r } = e, o = ye(mo, n), s = Ze(n), a = ve(t, o.triggerRef), i = /* @__PURE__ */ c.jsx(
+      ce.button,
       {
         type: "button",
         "aria-haspopup": "dialog",
@@ -3284,7 +3284,7 @@ var mo = "PopoverTrigger", po = m.forwardRef(
         "data-state": xo(o.open),
         ...r,
         ref: a,
-        onClick: me(e.onClick, o.onOpenToggle)
+        onClick: fe(e.onClick, o.onOpenToggle)
       }
     );
     return o.hasCustomAnchor ? i : /* @__PURE__ */ c.jsx(Kr, { asChild: !0, ...s, children: i });
@@ -3294,20 +3294,20 @@ po.displayName = mo;
 var fn = "PopoverPortal", [uc, fc] = lo(fn, {
   forceMount: void 0
 }), ho = (e) => {
-  const { __scopePopover: t, forceMount: n, children: r, container: o } = e, s = xe(fn, t);
+  const { __scopePopover: t, forceMount: n, children: r, container: o } = e, s = ye(fn, t);
   return /* @__PURE__ */ c.jsx(uc, { scope: t, forceMount: n, children: /* @__PURE__ */ c.jsx(un, { present: n || s.open, children: /* @__PURE__ */ c.jsx(Qr, { asChild: !0, container: o, children: r }) }) });
 };
 ho.displayName = fn;
 var Me = "PopoverContent", go = m.forwardRef(
   (e, t) => {
-    const n = fc(Me, e.__scopePopover), { forceMount: r = n.forceMount, ...o } = e, s = xe(Me, e.__scopePopover);
+    const n = fc(Me, e.__scopePopover), { forceMount: r = n.forceMount, ...o } = e, s = ye(Me, e.__scopePopover);
     return /* @__PURE__ */ c.jsx(un, { present: r || s.open, children: s.modal ? /* @__PURE__ */ c.jsx(mc, { ...o, ref: t }) : /* @__PURE__ */ c.jsx(pc, { ...o, ref: t }) });
   }
 );
 go.displayName = Me;
 var dc = /* @__PURE__ */ Sr("PopoverContent.RemoveScroll"), mc = m.forwardRef(
   (e, t) => {
-    const n = xe(Me, e.__scopePopover), r = m.useRef(null), o = ye(t, r), s = m.useRef(!1);
+    const n = ye(Me, e.__scopePopover), r = m.useRef(null), o = ve(t, r), s = m.useRef(!1);
     return m.useEffect(() => {
       const a = r.current;
       if (a) return Si(a);
@@ -3318,10 +3318,10 @@ var dc = /* @__PURE__ */ Sr("PopoverContent.RemoveScroll"), mc = m.forwardRef(
         ref: o,
         trapFocus: n.open,
         disableOutsidePointerEvents: !0,
-        onCloseAutoFocus: me(e.onCloseAutoFocus, (a) => {
+        onCloseAutoFocus: fe(e.onCloseAutoFocus, (a) => {
           a.preventDefault(), s.current || n.triggerRef.current?.focus();
         }),
-        onPointerDownOutside: me(
+        onPointerDownOutside: fe(
           e.onPointerDownOutside,
           (a) => {
             const i = a.detail.originalEvent, u = i.button === 0 && i.ctrlKey === !0, l = i.button === 2 || u;
@@ -3329,7 +3329,7 @@ var dc = /* @__PURE__ */ Sr("PopoverContent.RemoveScroll"), mc = m.forwardRef(
           },
           { checkForDefaultPrevented: !1 }
         ),
-        onFocusOutside: me(
+        onFocusOutside: fe(
           e.onFocusOutside,
           (a) => a.preventDefault(),
           { checkForDefaultPrevented: !1 }
@@ -3339,7 +3339,7 @@ var dc = /* @__PURE__ */ Sr("PopoverContent.RemoveScroll"), mc = m.forwardRef(
   }
 ), pc = m.forwardRef(
   (e, t) => {
-    const n = xe(Me, e.__scopePopover), r = m.useRef(!1), o = m.useRef(!1);
+    const n = ye(Me, e.__scopePopover), r = m.useRef(!1), o = m.useRef(!1);
     return /* @__PURE__ */ c.jsx(
       vo,
       {
@@ -3371,7 +3371,7 @@ var dc = /* @__PURE__ */ Sr("PopoverContent.RemoveScroll"), mc = m.forwardRef(
       onFocusOutside: l,
       onInteractOutside: f,
       ...d
-    } = e, h = xe(Me, n), p = Ze(n);
+    } = e, h = ye(Me, n), p = Ze(n);
     return Zs(), /* @__PURE__ */ c.jsx(
       Or,
       {
@@ -3381,7 +3381,7 @@ var dc = /* @__PURE__ */ Sr("PopoverContent.RemoveScroll"), mc = m.forwardRef(
         onMountAutoFocus: o,
         onUnmountAutoFocus: s,
         children: /* @__PURE__ */ c.jsx(
-          Nr,
+          Pr,
           {
             asChild: !0,
             disableOutsidePointerEvents: a,
@@ -3416,14 +3416,14 @@ var dc = /* @__PURE__ */ Sr("PopoverContent.RemoveScroll"), mc = m.forwardRef(
   }
 ), yo = "PopoverClose", hc = m.forwardRef(
   (e, t) => {
-    const { __scopePopover: n, ...r } = e, o = xe(yo, n);
+    const { __scopePopover: n, ...r } = e, o = ye(yo, n);
     return /* @__PURE__ */ c.jsx(
-      le.button,
+      ce.button,
       {
         type: "button",
         ...r,
         ref: t,
-        onClick: me(e.onClick, () => o.onOpenChange(!1))
+        onClick: fe(e.onClick, () => o.onOpenChange(!1))
       }
     );
   }
@@ -3516,7 +3516,7 @@ function Ac(e) {
   var t = (/mac os x/i.test(navigator.userAgent) ? "⌘" : "Ctrl") + "+C";
   return e.replace(/#{\s*key\s*}/g, t);
 }
-function Nc(e, t) {
+function Pc(e, t) {
   var n, r, o, s, a, i, u = !1;
   t || (t = {}), n = t.debug || !1;
   try {
@@ -3546,12 +3546,12 @@ function Nc(e, t) {
   }
   return u;
 }
-var Pc = Nc;
-function be(e) {
+var Nc = Pc;
+function xe(e) {
   return Object.prototype.toString.call(e) === "[object Object]";
 }
 function Ve(e) {
-  return Array.isArray(e) ? e.length : be(e) ? Object.keys(e).length : 0;
+  return Array.isArray(e) ? e.length : xe(e) ? Object.keys(e).length : 0;
 }
 function Oc(e, t) {
   if (typeof e == "string")
@@ -3579,7 +3579,7 @@ function Rc(e) {
     try {
       yield navigator.clipboard.writeText(e);
     } catch {
-      Pc(e);
+      Nc(e);
     }
   });
 }
@@ -3596,7 +3596,7 @@ function Yn(e, t, n, r, o, s) {
     if (typeof i == "boolean")
       return i;
   }
-  return !!(Array.isArray(e) && a > o || be(e) && a > o);
+  return !!(Array.isArray(e) && a > o || xe(e) && a > o);
 }
 function Gn(e, t, n, r, o, s) {
   if (s && s.collapsed !== void 0)
@@ -3611,7 +3611,7 @@ function Gn(e, t, n, r, o, s) {
     if (typeof i == "boolean")
       return i;
   }
-  return !!(Array.isArray(e) && a > o || be(e) && a > o);
+  return !!(Array.isArray(e) && a > o || xe(e) && a > o);
 }
 function Re(e, t, n) {
   return typeof e == "boolean" ? e : !!(typeof e == "number" && t > e || e === "collapsed" && n || e === "expanded" && !n);
@@ -3624,15 +3624,15 @@ function dn(e, t) {
   }
 }
 function Co(e) {
-  if (e === !0 || be(e) && e.add === !0)
+  if (e === !0 || xe(e) && e.add === !0)
     return !0;
 }
 function Zn(e) {
-  if (e === !0 || be(e) && e.edit === !0)
+  if (e === !0 || xe(e) && e.edit === !0)
     return !0;
 }
 function mn(e) {
-  if (e === !0 || be(e) && e.delete === !0)
+  if (e === !0 || xe(e) && e.delete === !0)
     return !0;
 }
 function Tc(e) {
@@ -3727,7 +3727,7 @@ var Dc = function(t) {
   })));
 };
 function xt({ node: e, nodeMeta: t }) {
-  const { customizeCopy: n, CopyComponent: r, CopiedComponent: o } = Ce(we), [s, a] = G(!1), i = (u) => {
+  const { customizeCopy: n, CopyComponent: r, CopiedComponent: o } = Ce(be), [s, a] = G(!1), i = (u) => {
     u.stopPropagation();
     const l = n(e, t);
     typeof l == "string" && l && Rc(l), a(!0), setTimeout(() => a(!1), 3e3);
@@ -3735,7 +3735,7 @@ function xt({ node: e, nodeMeta: t }) {
   return s ? typeof o == "function" ? c.jsx(o, { className: "json-view--copy", style: { display: "inline-block" } }) : c.jsx(Dc, { className: "json-view--copy", style: { display: "inline-block" } }) : typeof r == "function" ? c.jsx(r, { onClick: i, className: "json-view--copy" }) : c.jsx(_c, { onClick: i, className: "json-view--copy" });
 }
 function Bt({ indexOrName: e, value: t, depth: n, deleteHandle: r, editHandle: o, parent: s, parentPath: a }) {
-  const { displayArrayIndex: i } = Ce(we), u = Array.isArray(s);
+  const { displayArrayIndex: i } = Ce(be), u = Array.isArray(s);
   return c.jsxs("div", Object.assign({ className: "json-view--pair" }, { children: [!u || u && i ? c.jsxs(c.Fragment, { children: [c.jsx("span", Object.assign({ className: typeof e == "number" ? "json-view--index" : "json-view--property" }, { children: e })), ":", " "] }) : c.jsx(c.Fragment, {}), c.jsx(Ao, { node: t, depth: n + 1, deleteHandle: (l, f) => r(l, f), editHandle: (l, f, d, h) => o(l, f, d, h), parent: s, indexOrName: e, parentPath: a })] }));
 }
 var er, tr;
@@ -3840,7 +3840,7 @@ var yn = function(t) {
   })));
 };
 function Fc({ originNode: e, node: t, depth: n, index: r, deleteHandle: o, customOptions: s, startIndex: a, parent: i, parentPath: u }) {
-  const { enableClipboard: l, src: f, onEdit: d, onChange: h, forceUpdate: p, displaySize: v, CustomOperation: g } = Ce(we), x = [...u, String(r)], [b, S] = G(!0), E = re((A, C, T) => {
+  const { enableClipboard: l, src: f, onEdit: d, onChange: h, forceUpdate: p, displaySize: v, CustomOperation: g } = Ce(be), x = [...u, String(r)], [b, S] = G(!0), E = de((A, C, T) => {
     e[A] = C, d && d({
       newValue: C,
       oldValue: T,
@@ -3859,7 +3859,7 @@ function Lc({ node: e, depth: t, deleteHandle: n, indexOrName: r, customOptions:
   const i = typeof r < "u" ? [...a, String(r)] : a, u = [];
   for (let _ = 0; _ < e.length; _ += 100)
     u.push(e.slice(_, _ + 100));
-  const { collapsed: l, enableClipboard: f, collapseObjectsAfterLength: d, editable: h, onDelete: p, src: v, onAdd: g, CustomOperation: x, onChange: b, forceUpdate: S, displaySize: E } = Ce(we), [w, j] = G(Gn(e, t, r, l, d, o));
+  const { collapsed: l, enableClipboard: f, collapseObjectsAfterLength: d, editable: h, onDelete: p, src: v, onAdd: g, CustomOperation: x, onChange: b, forceUpdate: S, displaySize: E } = Ce(be), [w, j] = G(Gn(e, t, r, l, d, o));
   _e(() => {
     j(Gn(e, t, r, l, d, o));
   }, [l, d]);
@@ -3883,27 +3883,27 @@ function Lc({ node: e, depth: t, deleteHandle: n, indexOrName: r, customOptions:
   return c.jsxs(c.Fragment, { children: [c.jsx("span", { children: "[" }), M, w ? c.jsx("button", Object.assign({ onClick: () => j(!1), className: "jv-button" }, { children: "..." })) : c.jsx("div", Object.assign({ className: "jv-indent" }, { children: u.map((_, D) => c.jsx(Fc, { originNode: e, node: _, depth: t, index: D, startIndex: D * 100, deleteHandle: n, customOptions: o, parentPath: a }, String(r) + String(D))) })), c.jsx("span", { children: "]" }), w && Re(E, t, w) && c.jsxs("span", Object.assign({ onClick: () => j(!1), className: "jv-size" }, { children: [e.length, " Items"] }))] });
 }
 function Ic({ node: e, depth: t, indexOrName: n, deleteHandle: r, customOptions: o, parent: s, parentPath: a }) {
-  const { collapsed: i, onCollapse: u, enableClipboard: l, ignoreLargeArray: f, collapseObjectsAfterLength: d, editable: h, onDelete: p, src: v, onAdd: g, onEdit: x, onChange: b, forceUpdate: S, displaySize: E, CustomOperation: w } = Ce(we), j = typeof n < "u" ? [...a, String(n)] : a;
+  const { collapsed: i, onCollapse: u, enableClipboard: l, ignoreLargeArray: f, collapseObjectsAfterLength: d, editable: h, onDelete: p, src: v, onAdd: g, onEdit: x, onChange: b, forceUpdate: S, displaySize: E, CustomOperation: w } = Ce(be), j = typeof n < "u" ? [...a, String(n)] : a;
   if (!f && Array.isArray(e) && e.length > 100)
     return c.jsx(Lc, { node: e, depth: t, indexOrName: n, deleteHandle: r, customOptions: o, parentPath: j });
-  const A = be(e), [C, T] = G(Yn(e, t, n, i, d, o)), k = (N) => {
-    u?.({ isCollapsing: !N, node: e, depth: t, indexOrName: n }), T(N);
+  const A = xe(e), [C, T] = G(Yn(e, t, n, i, d, o)), k = (P) => {
+    u?.({ isCollapsing: !P, node: e, depth: t, indexOrName: n }), T(P);
   };
   _e(() => {
     k(Yn(e, t, n, i, d, o));
   }, [i, d]);
-  const L = re((N, F, Z) => {
-    Array.isArray(e) ? e[+N] = F : e && (e[N] = F), x && x({
+  const L = de((P, F, Z) => {
+    Array.isArray(e) ? e[+P] = F : e && (e[P] = F), x && x({
       newValue: F,
       oldValue: Z,
       depth: t,
       src: v,
-      indexOrName: N,
+      indexOrName: P,
       parentType: A ? "object" : "array",
       parentPath: j
-    }), b && b({ type: "edit", depth: t, src: v, indexOrName: N, parentType: A ? "object" : "array", parentPath: j }), S();
-  }, [e, x, b, S]), W = (N) => {
-    Array.isArray(e) ? e.splice(+N, 1) : e && delete e[N], S();
+    }), b && b({ type: "edit", depth: t, src: v, indexOrName: P, parentType: A ? "object" : "array", parentPath: j }), S();
+  }, [e, x, b, S]), W = (P) => {
+    Array.isArray(e) ? e.splice(+P, 1) : e && delete e[P], S();
   }, [H, I] = G(!1), M = () => {
     I(!1), r && r(n, j), p && p({ value: e, depth: t, src: v, indexOrName: n, parentType: A ? "object" : "array", parentPath: j }), b && b({
       type: "delete",
@@ -3914,29 +3914,29 @@ function Ic({ node: e, depth: t, indexOrName: n, deleteHandle: r, customOptions:
       parentPath: j
     });
   }, [_, D] = G(!1), R = Qt(null), O = () => {
-    var N;
+    var P;
     if (A) {
-      const F = (N = R.current) === null || N === void 0 ? void 0 : N.value;
+      const F = (P = R.current) === null || P === void 0 ? void 0 : P.value;
       F && (e[F] = null, R.current && (R.current.value = ""), D(!1), g && g({ indexOrName: F, depth: t, src: v, parentType: "object", parentPath: j }), b && b({ type: "add", indexOrName: F, depth: t, src: v, parentType: "object", parentPath: j }));
     } else if (Array.isArray(e)) {
       const F = e;
       F.push(null), g && g({ indexOrName: F.length - 1, depth: t, src: v, parentType: "array", parentPath: j }), b && b({ type: "add", indexOrName: F.length - 1, depth: t, src: v, parentType: "array", parentPath: j });
     }
     S();
-  }, B = (N) => {
-    N.key === "Enter" ? (N.preventDefault(), O()) : N.key === "Escape" && P();
-  }, y = H || _, P = () => {
+  }, B = (P) => {
+    P.key === "Enter" ? (P.preventDefault(), O()) : P.key === "Escape" && N();
+  }, y = H || _, N = () => {
     I(!1), D(!1);
-  }, $ = c.jsxs(c.Fragment, { children: [!C && !y && c.jsxs("span", Object.assign({ onClick: () => k(!0), className: "jv-size-chevron" }, { children: [Re(E, t, C) && c.jsxs("span", Object.assign({ className: "jv-size" }, { children: [Ve(e), " Items"] })), c.jsx(hn, { className: "jv-chevron" })] })), _ && A && c.jsx("input", { className: "json-view--input", placeholder: "property", ref: R, onKeyDown: B }), y && c.jsx(vn, { className: "json-view--edit", style: { display: "inline-block" }, onClick: _ ? O : M }), y && c.jsx(yn, { className: "json-view--edit", style: { display: "inline-block" }, onClick: P }), !C && !y && l && yt(o) && c.jsx(xt, { node: e, nodeMeta: { depth: t, indexOrName: n, parent: s, parentPath: a, currentPath: j } }), !C && !y && Co(h) && Eo(o) && c.jsx(So, { className: "json-view--edit", onClick: () => {
+  }, $ = c.jsxs(c.Fragment, { children: [!C && !y && c.jsxs("span", Object.assign({ onClick: () => k(!0), className: "jv-size-chevron" }, { children: [Re(E, t, C) && c.jsxs("span", Object.assign({ className: "jv-size" }, { children: [Ve(e), " Items"] })), c.jsx(hn, { className: "jv-chevron" })] })), _ && A && c.jsx("input", { className: "json-view--input", placeholder: "property", ref: R, onKeyDown: B }), y && c.jsx(vn, { className: "json-view--edit", style: { display: "inline-block" }, onClick: _ ? O : M }), y && c.jsx(yn, { className: "json-view--edit", style: { display: "inline-block" }, onClick: N }), !C && !y && l && yt(o) && c.jsx(xt, { node: e, nodeMeta: { depth: t, indexOrName: n, parent: s, parentPath: a, currentPath: j } }), !C && !y && Co(h) && Eo(o) && c.jsx(So, { className: "json-view--edit", onClick: () => {
     A ? (D(!0), setTimeout(() => {
-      var N;
-      return (N = R.current) === null || N === void 0 ? void 0 : N.focus();
+      var P;
+      return (P = R.current) === null || P === void 0 ? void 0 : P.focus();
     })) : O();
   } }), !C && !y && mn(h) && pn(o) && r && c.jsx(gn, { className: "json-view--edit", onClick: () => I(!0) }), typeof w == "function" ? c.jsx(w, { node: e }) : null] });
-  return Array.isArray(e) ? c.jsxs(c.Fragment, { children: [c.jsx("span", { children: "[" }), $, C ? c.jsx("button", Object.assign({ onClick: () => k(!1), className: "jv-button" }, { children: "..." })) : c.jsx("div", Object.assign({ className: "jv-indent" }, { children: e.map((N, F) => c.jsx(Bt, { indexOrName: F, value: N, depth: t, parent: e, deleteHandle: W, editHandle: L, parentPath: j }, String(n) + String(F))) })), c.jsx("span", { children: "]" }), C && Re(E, t, C) && c.jsxs("span", Object.assign({ onClick: () => k(!1), className: "jv-size" }, { children: [Ve(e), " Items"] }))] }) : A ? c.jsxs(c.Fragment, { children: [c.jsx("span", { children: "{" }), $, C ? c.jsx("button", Object.assign({ onClick: () => k(!1), className: "jv-button" }, { children: "..." })) : c.jsx("div", Object.assign({ className: "jv-indent" }, { children: Object.entries(e).map(([N, F]) => c.jsx(Bt, { indexOrName: N, value: F, depth: t, parent: e, deleteHandle: W, editHandle: L, parentPath: j }, String(n) + String(N))) })), c.jsx("span", { children: "}" }), C && Re(E, t, C) && c.jsxs("span", Object.assign({ onClick: () => k(!1), className: "jv-size" }, { children: [Ve(e), " Items"] }))] }) : c.jsx("span", { children: String(e) });
+  return Array.isArray(e) ? c.jsxs(c.Fragment, { children: [c.jsx("span", { children: "[" }), $, C ? c.jsx("button", Object.assign({ onClick: () => k(!1), className: "jv-button" }, { children: "..." })) : c.jsx("div", Object.assign({ className: "jv-indent" }, { children: e.map((P, F) => c.jsx(Bt, { indexOrName: F, value: P, depth: t, parent: e, deleteHandle: W, editHandle: L, parentPath: j }, String(n) + String(F))) })), c.jsx("span", { children: "]" }), C && Re(E, t, C) && c.jsxs("span", Object.assign({ onClick: () => k(!1), className: "jv-size" }, { children: [Ve(e), " Items"] }))] }) : A ? c.jsxs(c.Fragment, { children: [c.jsx("span", { children: "{" }), $, C ? c.jsx("button", Object.assign({ onClick: () => k(!1), className: "jv-button" }, { children: "..." })) : c.jsx("div", Object.assign({ className: "jv-indent" }, { children: Object.entries(e).map(([P, F]) => c.jsx(Bt, { indexOrName: P, value: F, depth: t, parent: e, deleteHandle: W, editHandle: L, parentPath: j }, String(n) + String(P))) })), c.jsx("span", { children: "}" }), C && Re(E, t, C) && c.jsxs("span", Object.assign({ onClick: () => k(!1), className: "jv-size" }, { children: [Ve(e), " Items"] }))] }) : c.jsx("span", { children: String(e) });
 }
-const $c = Ne.forwardRef(({ str: e, className: t, ctrlClick: n }, r) => {
-  let { collapseStringMode: o, collapseStringsAfterLength: s, customizeCollapseStringUI: a } = Ce(we);
+const $c = Pe.forwardRef(({ str: e, className: t, ctrlClick: n }, r) => {
+  let { collapseStringMode: o, collapseStringsAfterLength: s, customizeCollapseStringUI: a } = Ce(be);
   const [i, u] = G(!0), l = Qt(null);
   s = s > 0 ? s : 0;
   const f = e.replace(/\s+/g, " "), d = typeof a == "function" ? a(f, i) : typeof a == "string" ? a : "...", h = (p) => {
@@ -4026,7 +4026,7 @@ var Hc = function(t) {
   })));
 };
 function Ao({ node: e, depth: t, deleteHandle: n, indexOrName: r, parent: o, editHandle: s, parentPath: a }) {
-  const { collapseStringsAfterLength: i, enableClipboard: u, editable: l, src: f, onDelete: d, onChange: h, customizeNode: p, matchesURL: v, urlRegExp: g, EditComponent: x, DoneComponent: b, CancelComponent: S, CustomOperation: E } = Ce(we);
+  const { collapseStringsAfterLength: i, enableClipboard: u, editable: l, src: f, onDelete: d, onChange: h, customizeNode: p, matchesURL: v, urlRegExp: g, EditComponent: x, DoneComponent: b, CancelComponent: S, CustomOperation: E } = Ce(be);
   let w;
   if (typeof p == "function" && (w = dn(p, [{ node: e, depth: t, indexOrName: r }])), w) {
     if (zo(w))
@@ -4036,21 +4036,21 @@ function Ao({ node: e, depth: t, deleteHandle: n, indexOrName: r, parent: o, edi
       return c.jsx(j, { node: e, depth: t, indexOrName: r });
     }
   }
-  if (Array.isArray(e) || be(e))
+  if (Array.isArray(e) || xe(e))
     return c.jsx(Ic, { parent: o, node: e, depth: t, indexOrName: r, deleteHandle: n, parentPath: a, customOptions: typeof w == "object" ? w : void 0 });
   {
     const j = typeof e, A = typeof r < "u" ? [...a, String(r)] : a, [C, T] = G(!1), [k, L] = G(!1), W = Qt(null), H = () => {
       T(!0), setTimeout(() => {
-        var N, F;
-        (N = window.getSelection()) === null || N === void 0 || N.selectAllChildren(W.current), (F = W.current) === null || F === void 0 || F.focus();
+        var P, F;
+        (P = window.getSelection()) === null || P === void 0 || P.selectAllChildren(W.current), (F = W.current) === null || F === void 0 || F.focus();
       });
-    }, I = re(() => {
-      let N = W.current.innerText;
+    }, I = de(() => {
+      let P = W.current.innerText;
       try {
-        const F = JSON.parse(N);
+        const F = JSON.parse(P);
         s && s(r, F, e, a);
       } catch {
-        const Z = Mc(j, N);
+        const Z = Mc(j, P);
         s && s(r, Z, e, a);
       }
       T(!1);
@@ -4072,10 +4072,10 @@ function Ao({ node: e, depth: t, deleteHandle: n, indexOrName: r, parent: o, edi
         type: "delete",
         parentPath: a
       });
-    }, D = re((N) => {
-      N.key === "Enter" ? (N.preventDefault(), I()) : N.key === "Escape" && M();
-    }, [I]), R = C || k, O = !R && Zn(l) && Xn(w) && s ? (N) => {
-      (N.ctrlKey || N.metaKey) && H();
+    }, D = de((P) => {
+      P.key === "Enter" ? (P.preventDefault(), I()) : P.key === "Escape" && M();
+    }, [I]), R = C || k, O = !R && Zn(l) && Xn(w) && s ? (P) => {
+      (P.ctrlKey || P.metaKey) && H();
     } : void 0, B = c.jsxs(c.Fragment, { children: [R && (typeof b == "function" ? c.jsx(b, { className: "json-view--edit", style: { display: "inline-block" }, onClick: k ? _ : I }) : c.jsx(vn, { className: "json-view--edit", style: { display: "inline-block" }, onClick: k ? _ : I })), R && (typeof S == "function" ? c.jsx(S, { className: "json-view--edit", style: { display: "inline-block" }, onClick: M }) : c.jsx(yn, { className: "json-view--edit", style: { display: "inline-block" }, onClick: M })), !R && u && yt(w) && c.jsx(xt, { node: e, nodeMeta: { depth: t, indexOrName: r, parent: o, parentPath: a, currentPath: A } }), !R && v && j === "string" && g.test(e) && kc(w) && c.jsx("a", Object.assign({ href: e, target: "_blank", className: "json-view--link" }, { children: c.jsx(Hc, {}) })), !R && Zn(l) && Xn(w) && s && (typeof x == "function" ? c.jsx(x, { className: "json-view--edit", onClick: H }) : c.jsx(Wc, { className: "json-view--edit", onClick: H })), !R && mn(l) && pn(w) && n && c.jsx(gn, { className: "json-view--edit", onClick: () => L(!0) }), typeof E == "function" ? c.jsx(E, { node: e }) : null] });
     let y = "json-view--string";
     switch (j) {
@@ -4091,13 +4091,13 @@ function Ao({ node: e, depth: t, deleteHandle: n, indexOrName: r, parent: o, edi
         break;
     }
     typeof w?.className == "string" && (y += " " + w.className), k && (y += " json-view--deleting");
-    let P = String(e);
-    j === "bigint" && (P += "n");
-    const $ = z(() => c.jsx("span", { contentEditable: !0, className: y, dangerouslySetInnerHTML: { __html: j === "string" ? `"${P}"` : P }, ref: W, onKeyDown: D }), [P, j, D]);
-    return j === "string" ? c.jsxs(c.Fragment, { children: [C ? $ : e.length > i ? c.jsx($c, { str: e, ref: W, className: y, ctrlClick: O }) : c.jsxs("span", Object.assign({ className: y, onClick: O }, { children: ['"', P, '"'] })), B] }) : c.jsxs(c.Fragment, { children: [C ? $ : c.jsx("span", Object.assign({ className: y, onClick: O }, { children: P })), B] });
+    let N = String(e);
+    j === "bigint" && (N += "n");
+    const $ = z(() => c.jsx("span", { contentEditable: !0, className: y, dangerouslySetInnerHTML: { __html: j === "string" ? `"${N}"` : N }, ref: W, onKeyDown: D }), [N, j, D]);
+    return j === "string" ? c.jsxs(c.Fragment, { children: [C ? $ : e.length > i ? c.jsx($c, { str: e, ref: W, className: y, ctrlClick: O }) : c.jsxs("span", Object.assign({ className: y, onClick: O }, { children: ['"', N, '"'] })), B] }) : c.jsxs(c.Fragment, { children: [C ? $ : c.jsx("span", Object.assign({ className: y, onClick: O }, { children: N })), B] });
   }
 }
-const No = /^(((ht|f)tps?):\/\/)?([^!@#$%^&*?.\s-]([^!@#$%^&*?.\s]{0,63}[^!@#$%^&*?.\s])?\.)+[a-z]{2,6}\/?/, we = Bo({
+const Po = /^(((ht|f)tps?):\/\/)?([^!@#$%^&*?.\s-]([^!@#$%^&*?.\s]{0,63}[^!@#$%^&*?.\s])?\.)+[a-z]{2,6}\/?/, be = Bo({
   src: void 0,
   collapseStringsAfterLength: 99,
   collapseStringMode: "directly",
@@ -4119,7 +4119,7 @@ const No = /^(((ht|f)tps?):\/\/)?([^!@#$%^&*?.\s-]([^!@#$%^&*?.\s]{0,63}[^!@#$%^
   displaySize: void 0,
   displayArrayIndex: !0,
   matchesURL: !1,
-  urlRegExp: No,
+  urlRegExp: Po,
   ignoreLargeArray: !1,
   CopyComponent: void 0,
   CopiedComponent: void 0,
@@ -4128,9 +4128,9 @@ const No = /^(((ht|f)tps?):\/\/)?([^!@#$%^&*?.\s-]([^!@#$%^&*?.\s]{0,63}[^!@#$%^
   DoneComponent: void 0,
   CustomOperation: void 0
 });
-function fr({ src: e, collapseStringsAfterLength: t = 99, collapseStringMode: n = "directly", customizeCollapseStringUI: r, collapseObjectsAfterLength: o = 99, collapsed: s, onCollapse: a, enableClipboard: i = !0, editable: u = !1, onEdit: l, onDelete: f, onAdd: d, onChange: h, dark: p = !1, theme: v = "default", customizeNode: g, customizeCopy: x = (M) => Oc(M), displaySize: b, displayArrayIndex: S = !0, style: E, className: w, matchesURL: j = !1, urlRegExp: A = No, ignoreLargeArray: C = !1, CopyComponent: T, CopiedComponent: k, EditComponent: L, CancelComponent: W, DoneComponent: H, CustomOperation: I }) {
-  const [M, _] = G(0), D = re(() => _((B) => ++B), []), [R, O] = G(e);
-  return _e(() => O(e), [e]), c.jsx(we.Provider, Object.assign({ value: {
+function fr({ src: e, collapseStringsAfterLength: t = 99, collapseStringMode: n = "directly", customizeCollapseStringUI: r, collapseObjectsAfterLength: o = 99, collapsed: s, onCollapse: a, enableClipboard: i = !0, editable: u = !1, onEdit: l, onDelete: f, onAdd: d, onChange: h, dark: p = !1, theme: v = "default", customizeNode: g, customizeCopy: x = (M) => Oc(M), displaySize: b, displayArrayIndex: S = !0, style: E, className: w, matchesURL: j = !1, urlRegExp: A = Po, ignoreLargeArray: C = !1, CopyComponent: T, CopiedComponent: k, EditComponent: L, CancelComponent: W, DoneComponent: H, CustomOperation: I }) {
+  const [M, _] = G(0), D = de(() => _((B) => ++B), []), [R, O] = G(e);
+  return _e(() => O(e), [e]), c.jsx(be.Provider, Object.assign({ value: {
     src: R,
     collapseStringsAfterLength: t,
     collapseStringMode: n,
@@ -4158,10 +4158,10 @@ function fr({ src: e, collapseStringsAfterLength: t = 99, collapseStringMode: n
     CancelComponent: W,
     DoneComponent: H,
     CustomOperation: I
-  } }, { children: c.jsx("code", Object.assign({ className: "json-view" + (p ? " dark" : "") + (v && v !== "default" ? " json-view_" + v : "") + (w ? " " + w : ""), style: E }, { children: c.jsx(Ao, { node: R, depth: 1, editHandle: (B, y, P, $) => {
+  } }, { children: c.jsx("code", Object.assign({ className: "json-view" + (p ? " dark" : "") + (v && v !== "default" ? " json-view_" + v : "") + (w ? " " + w : ""), style: E }, { children: c.jsx(Ao, { node: R, depth: 1, editHandle: (B, y, N, $) => {
     O(y), l && l({
       newValue: y,
-      oldValue: P,
+      oldValue: N,
       depth: 1,
       src: R,
       indexOrName: B,
@@ -4288,11 +4288,11 @@ const zc = { gridTemplateColumns: "max-content 1fr max-content" }, bt = V(
   }
 );
 bt.displayName = "FunctionCall";
-const Po = V(({ event: e }) => {
+const No = V(({ event: e }) => {
   const t = z(() => [{ topic: e.topic, data: e.data }], [e]);
   return /* @__PURE__ */ c.jsx(bt, { functionName: "emit", args: t });
 });
-Po.displayName = "TraceEmitEvent";
+No.displayName = "TraceEmitEvent";
 const Oo = V(({ event: e }) => /* @__PURE__ */ c.jsxs("div", { className: "flex items-center gap-2", children: [
   /* @__PURE__ */ c.jsx(Uo, { level: e.level }),
   " ",
@@ -4325,7 +4325,7 @@ const ko = V(({ event: e }) => {
   if (e.type === "log")
     return /* @__PURE__ */ c.jsx(Oo, { event: e });
   if (e.type === "emit")
-    return /* @__PURE__ */ c.jsx(Po, { event: e });
+    return /* @__PURE__ */ c.jsx(No, { event: e });
   if (e.type === "state")
     return /* @__PURE__ */ c.jsx(Ro, { event: e });
   if (e.type === "stream")
@@ -4334,10 +4334,10 @@ const ko = V(({ event: e }) => {
 ko.displayName = "TraceEvent";
 const Mo = V(({ event: e, traceStartTime: t }) => /* @__PURE__ */ c.jsxs(pr, { children: [
   /* @__PURE__ */ c.jsx("div", { className: "grid place-items-center", children: /* @__PURE__ */ c.jsx("div", { className: "w-1 h-1 rounded-full bg-emerald-500 outline outline-2 outline-emerald-500/50 -ml-[26px]" }) }),
-  /* @__PURE__ */ c.jsx("div", { className: "grid place-items-center", children: /* @__PURE__ */ c.jsx(Ns, { event: e }) }),
+  /* @__PURE__ */ c.jsx("div", { className: "grid place-items-center", children: /* @__PURE__ */ c.jsx(Ps, { event: e }) }),
   /* @__PURE__ */ c.jsx("div", { className: "grid place-items-center", children: /* @__PURE__ */ c.jsxs("span", { className: "text-sm font-mono text-muted-foreground", children: [
     "+",
-    de(Math.floor(e.timestamp - t))
+    we(Math.floor(e.timestamp - t))
   ] }) }),
   /* @__PURE__ */ c.jsx("div", { className: "grid place-items-start", children: /* @__PURE__ */ c.jsx(ko, { event: e }) })
 ] }));
@@ -4357,7 +4357,7 @@ const _o = V(({ trace: e, onClose: t }) => {
           /* @__PURE__ */ c.jsxs("div", { className: "flex items-center gap-4 text-sm text-muted-foreground mb-4", children: [
             e.endTime && /* @__PURE__ */ c.jsxs("span", { children: [
               "Duration: ",
-              de(e.endTime - e.startTime)
+              we(e.endTime - e.startTime)
             ] }),
             /* @__PURE__ */ c.jsx("div", { className: "bg-blue-500 font-bold text-xs px-[4px] py-[2px] rounded-sm text-blue-100", children: e.entryPoint.type }),
             e.correlationId && /* @__PURE__ */ c.jsxs(hr, { variant: "outline", children: [
@@ -4385,38 +4385,27 @@ const Fo = V(({ groupId: e }) => {
   const t = z(
     () => ({ streamName: "motia-trace-group", groupId: "default", id: e }),
     [e]
-  ), { data: n } = Go(t), r = z(() => ({ streamName: "motia-trace", groupId: e }), [e]), { data: o } = gr(r), s = vs(n), [a, i] = G(1), u = K((p) => p.selectedTraceId), l = K((p) => p.selectTraceId), f = z(() => o?.find((p) => p.id === u), [o, u]), d = re(() => {
-    a > 0.5 && i((p) => p - 0.1);
-  }, []), h = re(() => {
-    i((p) => p + 0.1);
-  }, []);
+  ), { data: n } = Go(t), r = z(() => ({ streamName: "motia-trace", groupId: e }), [e]), { data: o } = gr(r), s = vs(n), [a, i] = G(100), u = K((p) => p.selectedTraceId), l = K((p) => p.selectTraceId), f = z(() => o?.find((p) => p.id === u), [o, u]), d = () => a > 100 && i((p) => p - 10), h = () => a < 200 && i((p) => p + 10);
   return n ? /* @__PURE__ */ c.jsxs(c.Fragment, { children: [
-    /* @__PURE__ */ c.jsx("div", { className: "flex flex-col flex-1 overflow-x-auto h-full relative", children: /* @__PURE__ */ c.jsxs("div", { className: "flex flex-col items-center min-w-full sticky top-0", style: { width: `${a * 1e3}px` }, children: [
-      /* @__PURE__ */ c.jsxs("div", { className: "flex flex-1 w-full sticky top-0 bg-background z-10", children: [
-        /* @__PURE__ */ c.jsxs("div", { className: "w-full min-h-[37px] h-[37px] min-w-[200px] max-w-[200px] flex items-center justify-center gap-2 sticky left-0 top-0 bg-card backdrop-blur-[4px] backdrop-filter", children: [
-          /* @__PURE__ */ c.jsx(ct, { variant: "icon", size: "sm", className: "px-2", onClick: d, children: /* @__PURE__ */ c.jsx(ps, { className: "w-4 h-4 cursor-pointer" }) }),
-          /* @__PURE__ */ c.jsxs("span", { className: "text-sm font-bold text-muted-foreground", children: [
-            Math.floor(a * 100),
+    /* @__PURE__ */ c.jsx("div", { className: "flex flex-col flex-1 relative min-h-full min-w-[1000px]", children: /* @__PURE__ */ c.jsxs("div", { className: "flex flex-col", style: { width: `${a}%` }, children: [
+      /* @__PURE__ */ c.jsxs("div", { className: "flex flex-1 bg-background", style: { width: `${a}%` }, children: [
+        /* @__PURE__ */ c.jsxs("div", { className: "shrink-0 w-[200px] h-[37px] flex items-center justify-center gap-2 sticky left-0 top-0 z-10 bg-card backdrop-blur-xs backdrop-filter", children: [
+          /* @__PURE__ */ c.jsx(ct, { variant: "icon", size: "sm", className: "px-2", onClick: d, disabled: a <= 100, children: /* @__PURE__ */ c.jsx(ps, { className: "w-4 h-4 cursor-pointer" }) }),
+          /* @__PURE__ */ c.jsxs("span", { className: "min-w-12 text-center select-none text-sm font-bold text-muted-foreground", children: [
+            a,
             "%"
           ] }),
-          /* @__PURE__ */ c.jsx(ct, { variant: "icon", size: "sm", className: "px-2", onClick: h, children: /* @__PURE__ */ c.jsx(gs, { className: "w-4 h-4 cursor-pointer" }) })
+          /* @__PURE__ */ c.jsx(ct, { variant: "icon", size: "sm", className: "px-2", onClick: h, disabled: a >= 200, children: /* @__PURE__ */ c.jsx(gs, { className: "w-4 h-4 cursor-pointer" }) })
         ] }),
         /* @__PURE__ */ c.jsxs("div", { className: "flex justify-between font-mono p-2 w-full text-xs text-muted-foreground bg-card", children: [
-          /* @__PURE__ */ c.jsx("span", { children: de(0) }),
-          /* @__PURE__ */ c.jsx("span", { children: de(Math.floor((s - n.startTime) * 0.25)) }),
-          /* @__PURE__ */ c.jsx("span", { children: de(Math.floor((s - n.startTime) * 0.5)) }),
-          /* @__PURE__ */ c.jsx("span", { children: de(Math.floor((s - n.startTime) * 0.75)) }),
-          /* @__PURE__ */ c.jsx("span", { children: de(Math.floor(s - n.startTime)) }),
-          /* @__PURE__ */ c.jsxs("div", { className: "absolute bottom-[-4px] w-full flex justify-between", children: [
-            /* @__PURE__ */ c.jsx("span", { className: "w-[1px] h-full bg-blue-500" }),
-            /* @__PURE__ */ c.jsx("span", { className: "w-[1px] h-full bg-blue-500" }),
-            /* @__PURE__ */ c.jsx("span", { className: "w-[1px] h-full bg-blue-500" }),
-            /* @__PURE__ */ c.jsx("span", { className: "w-[1px] h-full bg-blue-500" }),
-            /* @__PURE__ */ c.jsx("span", { className: "w-[1px] h-full bg-blue-500" })
-          ] })
+          /* @__PURE__ */ c.jsx("span", { children: "0ms" }),
+          /* @__PURE__ */ c.jsx("span", { children: we(Math.floor((s - n.startTime) * 0.25)) }),
+          /* @__PURE__ */ c.jsx("span", { children: we(Math.floor((s - n.startTime) * 0.5)) }),
+          /* @__PURE__ */ c.jsx("span", { children: we(Math.floor((s - n.startTime) * 0.75)) }),
+          /* @__PURE__ */ c.jsx("span", { children: we(Math.floor(s - n.startTime)) })
         ] })
       ] }),
-      /* @__PURE__ */ c.jsx("div", { className: "flex flex-col w-full h-full", children: o?.map((p) => /* @__PURE__ */ c.jsx(
+      /* @__PURE__ */ c.jsx("div", { className: "flex flex-col h-full", style: { width: `${a}%` }, children: o?.map((p) => /* @__PURE__ */ c.jsx(
         jr,
         {
           traceId: p.id,
@@ -4845,9 +4834,9 @@ const jl = /^(\d+)(th|st|nd|rd)?/i, Cl = /\d+/i, El = {
   narrow: /^[1234]/i,
   abbreviated: /^q[1234]/i,
   wide: /^[1234](th|st|nd|rd)? quarter/i
-}, Nl = {
-  any: [/1/i, /2/i, /3/i, /4/i]
 }, Pl = {
+  any: [/1/i, /2/i, /3/i, /4/i]
+}, Nl = {
   narrow: /^[jfmasond]/i,
   abbreviated: /^(jan|feb|mar|apr|may|jun|jul|aug|sep|oct|nov|dec)/i,
   wide: /^(january|february|march|april|may|june|july|august|september|october|november|december)/i
@@ -4917,12 +4906,12 @@ const jl = /^(\d+)(th|st|nd|rd)?/i, Cl = /\d+/i, El = {
   quarter: ze({
     matchPatterns: Al,
     defaultMatchWidth: "wide",
-    parsePatterns: Nl,
+    parsePatterns: Pl,
     defaultParseWidth: "any",
     valueCallback: (e) => e + 1
   }),
   month: ze({
-    matchPatterns: Pl,
+    matchPatterns: Nl,
     defaultMatchWidth: "wide",
     parsePatterns: Ol,
     defaultParseWidth: "any"
@@ -5002,9 +4991,9 @@ Lo.displayName = "TraceStatusBadge";
 const Io = V(
   ({ groupId: e, groupName: t, groupStatus: n, groupStartTime: r, groupEndTime: o, totalSteps: s, activeSteps: a, isSelected: i }) => {
     const u = K((d) => d.selectTraceGroupId), l = z(
-      () => o ? de(o - r) : void 0,
+      () => o ? we(o - r) : void 0,
       [o, r]
-    ), f = re(() => {
+    ), f = de(() => {
       u(e);
     }, [e, u]);
     return /* @__PURE__ */ c.jsx(
@@ -5019,7 +5008,7 @@ const Io = V(
         onClick: f,
         children: /* @__PURE__ */ c.jsxs("div", { className: "p-3 flex flex-col gap-1", children: [
           /* @__PURE__ */ c.jsxs("div", { className: "flex flex-row justify-between items-center gap-2", children: [
-            /* @__PURE__ */ c.jsx("span", { className: "font-semibold text-lg", children: t }),
+            /* @__PURE__ */ c.jsx("span", { className: "font-semibold text-lg truncate flex-1 min-w-0", children: t }),
             /* @__PURE__ */ c.jsx(Lo, { status: n, duration: l })
           ] }),
           /* @__PURE__ */ c.jsxs("div", { className: "text-xs text-muted-foreground space-y-1", children: [