@motiadev/plugin-logs 0.9.4-beta.150 → 0.9.4-beta.151-852305

package/dist/index.js

@@ -1,58 +1,49 @@
-import { Stream as gt } from "@motiadev/stream-client-browser";
-import * as _ from "react";
-import K, { forwardRef as rt, createElement as fe, useState as F, useCallback as ne, useEffect as xe, createContext as mt, useContext as J, isValidElement as vt, useRef as Ce, useMemo as se } from "react";
-import { Sidebar as ht, LevelDot as at, Input as jt, Button as bt, Table as yt, TableBody as wt, TableRow as xt, cn as Ct, TableCell as re } from "@motiadev/ui";
-const Re = (e) => {
+import { Stream as pt } from "@motiadev/stream-client-browser";
+import * as k from "react";
+import K, { forwardRef as rt, createElement as ue, useState as H, useCallback as re, useEffect as we, createContext as gt, useContext as J, isValidElement as mt, useRef as xe, useMemo as se } from "react";
+import { Sidebar as vt, LevelDot as nt, Input as ht, Button as jt, Table as bt, TableBody as yt, TableRow as wt, cn as xt, TableCell as ne } from "@motiadev/ui";
+const Oe = (e) => {
   let t;
-  const n = /* @__PURE__ */ new Set(), r = (d, g) => {
-    const m = typeof d == "function" ? d(t) : d;
-    if (!Object.is(m, t)) {
+  const r = /* @__PURE__ */ new Set(), n = (d, p) => {
+    const v = typeof d == "function" ? d(t) : d;
+    if (!Object.is(v, t)) {
       const y = t;
-      t = g ?? (typeof m != "object" || m === null) ? m : Object.assign({}, t, m), n.forEach((E) => E(t, y));
+      t = p ?? (typeof v != "object" || v === null) ? v : Object.assign({}, t, v), r.forEach((w) => w(t, y));
     }
-  }, l = () => t, c = { setState: r, getState: l, getInitialState: () => u, subscribe: (d) => (n.add(d), () => n.delete(d)) }, u = t = e(r, l, c);
+  }, l = () => t, c = { setState: n, getState: l, getInitialState: () => u, subscribe: (d) => (r.add(d), () => r.delete(d)) }, u = t = e(n, l, c);
   return c;
-}, Et = (e) => e ? Re(e) : Re, At = (e) => e;
-function St(e, t = At) {
-  const n = K.useSyncExternalStore(
+}, Ct = ((e) => e ? Oe(e) : Oe), Et = (e) => e;
+function At(e, t = Et) {
+  const r = K.useSyncExternalStore(
     e.subscribe,
     K.useCallback(() => t(e.getState()), [e, t]),
     K.useCallback(() => t(e.getInitialState()), [e, t])
   );
-  return K.useDebugValue(n), n;
+  return K.useDebugValue(r), r;
 }
-const kt = (e) => {
-  const t = Et(e), n = (r) => St(t, r);
-  return Object.assign(n, t), n;
-}, _t = (e) => kt, ee = _t()((e) => ({
+const St = (e) => {
+  const t = Ct(e), r = (n) => At(t, n);
+  return Object.assign(r, t), r;
+}, _t = ((e) => St), ee = _t()((e) => ({
   logs: [],
   selectedLogId: void 0,
-  addLog: (t) => e((n) => ({
-    logs: [t, ...n.logs]
+  addLog: (t) => e((r) => ({
+    logs: [t, ...r.logs]
   })),
   resetLogs: () => {
     e({ logs: [] });
   },
   selectLogId: (t) => e({ selectedLogId: t })
-})), Tt = "__motia.logs", Nt = "default", Ot = "log", Rt = () => {
-  new gt(window.location.origin.replace("http", "ws")).subscribeGroup(Tt, Nt).onEvent(Ot, ee.getState().addLog);
+})), kt = "__motia.logs", Tt = "default", Nt = "log", Ot = () => {
+  new pt(window.location.origin.replace("http", "ws")).subscribeGroup(kt, Tt).onEvent(Nt, ee.getState().addLog);
 };
 var ae = { exports: {} }, X = {};
-/**
- * @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 Le;
-function Lt() {
-  if (Le) return X;
-  Le = 1;
+var Re;
+function Rt() {
+  if (Re) return X;
+  Re = 1;
   var e = Symbol.for("react.transitional.element"), t = Symbol.for("react.fragment");
-  function n(r, l, i) {
+  function r(n, l, i) {
     var o = null;
     if (i !== void 0 && (o = "" + i), l.key !== void 0 && (o = "" + l.key), "key" in l) {
       i = {};
@@ -61,65 +52,56 @@ function Lt() {
     } else i = l;
     return l = i.ref, {
       $$typeof: e,
-      type: r,
+      type: n,
       key: o,
       ref: l !== void 0 ? l : null,
       props: i
     };
   }
-  return X.Fragment = t, X.jsx = n, X.jsxs = n, X;
+  return X.Fragment = t, X.jsx = r, X.jsxs = r, X;
 }
 var Q = {};
-/**
- * @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 De;
-function Dt() {
-  return De || (De = 1, process.env.NODE_ENV !== "production" && function() {
+var Le;
+function Lt() {
+  return Le || (Le = 1, process.env.NODE_ENV !== "production" && (function() {
     function e(s) {
       if (s == null) return null;
       if (typeof s == "function")
-        return s.$$typeof === Y ? null : s.displayName || s.name || null;
+        return s.$$typeof === P ? null : s.displayName || s.name || null;
       if (typeof s == "string") return s;
       switch (s) {
-        case C:
+        case N:
           return "Fragment";
-        case A:
+        case D:
           return "Profiler";
-        case N:
+        case E:
           return "StrictMode";
-        case h:
+        case A:
           return "Suspense";
-        case S:
+        case x:
           return "SuspenseList";
-        case O:
+        case V:
           return "Activity";
       }
       if (typeof s == "object")
         switch (typeof s.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
         ), s.$$typeof) {
-          case w:
+          case C:
             return "Portal";
-          case P:
-            return (s.displayName || "Context") + ".Provider";
-          case D:
+          case h:
+            return s.displayName || "Context";
+          case I:
             return (s._context.displayName || "Context") + ".Consumer";
-          case v:
-            var p = s.render;
-            return s = s.displayName, s || (s = p.displayName || p.name || "", s = s !== "" ? "ForwardRef(" + s + ")" : "ForwardRef"), s;
-          case x:
-            return p = s.displayName || null, p !== null ? p : e(s.type) || "Memo";
-          case H:
-            p = s._payload, s = s._init;
+          case j:
+            var g = s.render;
+            return s = s.displayName, s || (s = g.displayName || g.name || "", s = s !== "" ? "ForwardRef(" + s + ")" : "ForwardRef"), s;
+          case Z:
+            return g = s.displayName || null, g !== null ? g : e(s.type) || "Memo";
+          case O:
+            g = s._payload, s = s._init;
             try {
-              return e(s(p));
+              return e(s(g));
             } catch {
             }
         }
@@ -128,74 +110,75 @@ function Dt() {
     function t(s) {
       return "" + s;
     }
-    function n(s) {
+    function r(s) {
       try {
         t(s);
-        var p = !1;
+        var g = !1;
       } catch {
-        p = !0;
+        g = !0;
       }
-      if (p) {
-        p = console;
-        var b = p.error, f = typeof Symbol == "function" && Symbol.toStringTag && s[Symbol.toStringTag] || s.constructor.name || "Object";
-        return b.call(
-          p,
+      if (g) {
+        g = console;
+        var f = g.error, m = typeof Symbol == "function" && Symbol.toStringTag && s[Symbol.toStringTag] || s.constructor.name || "Object";
+        return f.call(
+          g,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          f
+          m
         ), t(s);
       }
     }
-    function r(s) {
-      if (s === C) return "<>";
-      if (typeof s == "object" && s !== null && s.$$typeof === H)
+    function n(s) {
+      if (s === N) return "<>";
+      if (typeof s == "object" && s !== null && s.$$typeof === O)
         return "<...>";
       try {
-        var p = e(s);
-        return p ? "<" + p + ">" : "<...>";
+        var g = e(s);
+        return g ? "<" + g + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
     function l() {
-      var s = R.A;
+      var s = L.A;
       return s === null ? null : s.getOwner();
     }
     function i() {
       return Error("react-stack-top-frame");
     }
     function o(s) {
-      if (L.call(s, "key")) {
-        var p = Object.getOwnPropertyDescriptor(s, "key").get;
-        if (p && p.isReactWarning) return !1;
+      if ($.call(s, "key")) {
+        var g = Object.getOwnPropertyDescriptor(s, "key").get;
+        if (g && g.isReactWarning) return !1;
       }
       return s.key !== void 0;
     }
-    function c(s, p) {
-      function b() {
-        T || (T = !0, console.error(
+    function c(s, g) {
+      function f() {
+        M || (M = !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
+          g
         ));
       }
-      b.isReactWarning = !0, Object.defineProperty(s, "key", {
-        get: b,
+      f.isReactWarning = !0, Object.defineProperty(s, "key", {
+        get: f,
         configurable: !0
       });
     }
     function u() {
       var s = e(this.type);
-      return $[s] || ($[s] = !0, console.error(
+      return _[s] || (_[s] = !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."
       )), s = this.props.ref, s !== void 0 ? s : null;
     }
-    function d(s, p, b, f, j, z, le, ce) {
-      return b = z.ref, s = {
-        $$typeof: E,
+    function d(s, g, f, m, Y, le) {
+      var R = f.ref;
+      return s = {
+        $$typeof: b,
         type: s,
-        key: p,
-        props: z,
-        _owner: j
-      }, (b !== void 0 ? b : null) !== null ? Object.defineProperty(s, "ref", {
+        key: g,
+        props: f,
+        _owner: m
+      }, (R !== void 0 ? R : null) !== null ? Object.defineProperty(s, "ref", {
         enumerable: !1,
         get: u
       }) : Object.defineProperty(s, "ref", { enumerable: !1, value: null }), s._store = {}, Object.defineProperty(s._store, "validated", {
@@ -212,135 +195,120 @@ function Dt() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: le
+        value: Y
       }), Object.defineProperty(s, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: ce
+        value: le
       }), Object.freeze && (Object.freeze(s.props), Object.freeze(s)), s;
     }
-    function g(s, p, b, f, j, z, le, ce) {
-      var I = p.children;
-      if (I !== void 0)
-        if (f)
-          if (U(I)) {
-            for (f = 0; f < I.length; f++)
-              m(I[f]);
-            Object.freeze && Object.freeze(I);
+    function p(s, g, f, m, Y, le) {
+      var R = g.children;
+      if (R !== void 0)
+        if (m)
+          if (z(R)) {
+            for (m = 0; m < R.length; m++)
+              v(R[m]);
+            Object.freeze && Object.freeze(R);
           } 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(I);
-      if (L.call(p, "key")) {
-        I = e(s);
-        var q = Object.keys(p).filter(function(pt) {
-          return pt !== "key";
+        else v(R);
+      if ($.call(g, "key")) {
+        R = e(s);
+        var q = Object.keys(g).filter(function(dt) {
+          return dt !== "key";
         });
-        f = 0 < q.length ? "{key: someKey, " + q.join(": ..., ") + ": ...}" : "{key: someKey}", M[I + f] || (q = 0 < q.length ? "{" + q.join(": ..., ") + ": ...}" : "{}", console.error(
+        m = 0 < q.length ? "{key: someKey, " + q.join(": ..., ") + ": ...}" : "{key: someKey}", S[R + m] || (q = 0 < q.length ? "{" + q.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} />`,
-          f,
-          I,
+          m,
+          R,
           q,
-          I
-        ), M[I + f] = !0);
+          R
+        ), S[R + m] = !0);
       }
-      if (I = null, b !== void 0 && (n(b), I = "" + b), o(p) && (n(p.key), I = "" + p.key), "key" in p) {
-        b = {};
-        for (var ue in p)
-          ue !== "key" && (b[ue] = p[ue]);
-      } else b = p;
-      return I && c(
-        b,
+      if (R = null, f !== void 0 && (r(f), R = "" + f), o(g) && (r(g.key), R = "" + g.key), "key" in g) {
+        f = {};
+        for (var ce in g)
+          ce !== "key" && (f[ce] = g[ce]);
+      } else f = g;
+      return R && c(
+        f,
         typeof s == "function" ? s.displayName || s.name || "Unknown" : s
       ), d(
         s,
-        I,
-        z,
-        j,
+        R,
+        f,
         l(),
-        b,
-        le,
-        ce
+        Y,
+        le
       );
     }
-    function m(s) {
-      typeof s == "object" && s !== null && s.$$typeof === E && s._store && (s._store.validated = 1);
+    function v(s) {
+      y(s) ? s._store && (s._store.validated = 1) : typeof s == "object" && s !== null && s.$$typeof === O && (s._payload.status === "fulfilled" ? y(s._payload.value) && s._payload.value._store && (s._payload.value._store.validated = 1) : s._store && (s._store.validated = 1));
+    }
+    function y(s) {
+      return typeof s == "object" && s !== null && s.$$typeof === b;
     }
-    var y = K, E = Symbol.for("react.transitional.element"), w = Symbol.for("react.portal"), C = Symbol.for("react.fragment"), N = Symbol.for("react.strict_mode"), A = Symbol.for("react.profiler"), D = Symbol.for("react.consumer"), P = Symbol.for("react.context"), v = Symbol.for("react.forward_ref"), h = Symbol.for("react.suspense"), S = Symbol.for("react.suspense_list"), x = Symbol.for("react.memo"), H = Symbol.for("react.lazy"), O = Symbol.for("react.activity"), Y = Symbol.for("react.client.reference"), R = y.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, L = Object.prototype.hasOwnProperty, U = Array.isArray, Z = console.createTask ? console.createTask : function() {
+    var w = K, b = Symbol.for("react.transitional.element"), C = Symbol.for("react.portal"), N = Symbol.for("react.fragment"), E = Symbol.for("react.strict_mode"), D = Symbol.for("react.profiler"), I = Symbol.for("react.consumer"), h = Symbol.for("react.context"), j = Symbol.for("react.forward_ref"), A = Symbol.for("react.suspense"), x = Symbol.for("react.suspense_list"), Z = Symbol.for("react.memo"), O = Symbol.for("react.lazy"), V = Symbol.for("react.activity"), P = Symbol.for("react.client.reference"), L = w.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, $ = Object.prototype.hasOwnProperty, z = Array.isArray, T = console.createTask ? console.createTask : function() {
       return null;
     };
-    y = {
+    w = {
       react_stack_bottom_frame: function(s) {
         return s();
       }
     };
-    var T, $ = {}, k = y.react_stack_bottom_frame.bind(
-      y,
+    var M, _ = {}, U = w.react_stack_bottom_frame.bind(
+      w,
       i
-    )(), V = Z(r(i)), M = {};
-    Q.Fragment = C, Q.jsx = function(s, p, b, f, j) {
-      var z = 1e4 > R.recentlyCreatedOwnerStacks++;
-      return g(
+    )(), F = T(n(i)), S = {};
+    Q.Fragment = N, Q.jsx = function(s, g, f) {
+      var m = 1e4 > L.recentlyCreatedOwnerStacks++;
+      return p(
         s,
-        p,
-        b,
-        !1,
+        g,
         f,
-        j,
-        z ? Error("react-stack-top-frame") : k,
-        z ? Z(r(s)) : V
+        !1,
+        m ? Error("react-stack-top-frame") : U,
+        m ? T(n(s)) : F
       );
-    }, Q.jsxs = function(s, p, b, f, j) {
-      var z = 1e4 > R.recentlyCreatedOwnerStacks++;
-      return g(
+    }, Q.jsxs = function(s, g, f) {
+      var m = 1e4 > L.recentlyCreatedOwnerStacks++;
+      return p(
         s,
-        p,
-        b,
-        !0,
+        g,
         f,
-        j,
-        z ? Error("react-stack-top-frame") : k,
-        z ? Z(r(s)) : V
+        !0,
+        m ? Error("react-stack-top-frame") : U,
+        m ? T(n(s)) : F
       );
     };
-  }()), Q;
+  })()), Q;
 }
-var Ie;
-function It() {
-  return Ie || (Ie = 1, process.env.NODE_ENV === "production" ? ae.exports = Lt() : ae.exports = Dt()), ae.exports;
+var De;
+function Dt() {
+  return De || (De = 1, process.env.NODE_ENV === "production" ? ae.exports = Rt() : ae.exports = Lt()), ae.exports;
 }
-var a = It();
-/**
- * @license lucide-react v0.545.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const Pt = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), $t = (e) => e.replace(
+var a = Dt();
+const It = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), Pt = (e) => e.replace(
   /^([A-Z])|[\s-_]+(\w)/g,
-  (t, n, r) => r ? r.toUpperCase() : n.toLowerCase()
-), Pe = (e) => {
-  const t = $t(e);
+  (t, r, n) => n ? n.toUpperCase() : r.toLowerCase()
+), Ie = (e) => {
+  const t = Pt(e);
   return t.charAt(0).toUpperCase() + t.slice(1);
-}, st = (...e) => e.filter((t, n, r) => !!t && t.trim() !== "" && r.indexOf(t) === n).join(" ").trim(), Mt = (e) => {
+}, at = (...e) => e.filter((t, r, n) => !!t && t.trim() !== "" && n.indexOf(t) === r).join(" ").trim(), $t = (e) => {
   for (const t in e)
     if (t.startsWith("aria-") || t === "role" || t === "title")
       return !0;
 };
-/**
- * @license lucide-react v0.545.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-var Ft = {
+var Mt = {
   xmlns: "http://www.w3.org/2000/svg",
   width: 24,
   height: 24,
@@ -351,130 +319,100 @@ var Ft = {
   strokeLinecap: "round",
   strokeLinejoin: "round"
 };
-/**
- * @license lucide-react v0.545.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const Ht = rt(
+const Ft = rt(
   ({
     color: e = "currentColor",
     size: t = 24,
-    strokeWidth: n = 2,
-    absoluteStrokeWidth: r,
+    strokeWidth: r = 2,
+    absoluteStrokeWidth: n,
     className: l = "",
     children: i,
     iconNode: o,
     ...c
-  }, u) => fe(
+  }, u) => ue(
     "svg",
     {
       ref: u,
-      ...Ft,
+      ...Mt,
       width: t,
       height: t,
       stroke: e,
-      strokeWidth: r ? Number(n) * 24 / Number(t) : n,
-      className: st("lucide", l),
-      ...!i && !Mt(c) && { "aria-hidden": "true" },
+      strokeWidth: n ? Number(r) * 24 / Number(t) : r,
+      className: at("lucide", l),
+      ...!i && !$t(c) && { "aria-hidden": "true" },
       ...c
     },
     [
-      ...o.map(([d, g]) => fe(d, g)),
+      ...o.map(([d, p]) => ue(d, p)),
       ...Array.isArray(i) ? i : [i]
     ]
   )
 );
-/**
- * @license lucide-react v0.545.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const Ee = (e, t) => {
-  const n = rt(
-    ({ className: r, ...l }, i) => fe(Ht, {
+const Ce = (e, t) => {
+  const r = rt(
+    ({ className: n, ...l }, i) => ue(Ft, {
       ref: i,
       iconNode: t,
-      className: st(
-        `lucide-${Pt(Pe(e))}`,
+      className: at(
+        `lucide-${It(Ie(e))}`,
         `lucide-${e}`,
-        r
+        n
       ),
       ...l
     })
   );
-  return n.displayName = Pe(e), n;
+  return r.displayName = Ie(e), r;
 };
-/**
- * @license lucide-react v0.545.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const Ut = [
+const Ht = [
   ["path", { d: "m21 21-4.34-4.34", key: "14j7rj" }],
   ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }]
-], Zt = Ee("search", Ut);
-/**
- * @license lucide-react v0.545.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const Vt = [
+], Ut = Ce("search", Ht);
+const Zt = [
   ["path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6", key: "miytrc" }],
   ["path", { d: "M3 6h18", key: "d0wm0j" }],
   ["path", { d: "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2", key: "e791ji" }]
-], zt = Ee("trash", Vt);
-/**
- * @license lucide-react v0.545.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const Yt = [
+], Vt = Ce("trash", Zt);
+const zt = [
   ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
   ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
-], ot = Ee("x", Yt), it = (e) => {
+], st = Ce("x", zt), ot = (e) => {
   const t = new Date(Number(e));
   return `${t.toLocaleDateString("en-US", { year: void 0, month: "short", day: "2-digit" })}, ${t.toLocaleTimeString("en-US", { hour: "2-digit", minute: "2-digit", second: "2-digit", hourCycle: "h24" })}.${t.getMilliseconds().toString().padStart(3, "0")}`;
 };
-function Bt(e, t, n, r) {
+function Yt(e, t, r, n) {
   function l(i) {
-    return i instanceof n ? i : new n(function(o) {
+    return i instanceof r ? i : new r(function(o) {
       o(i);
     });
   }
-  return new (n || (n = Promise))(function(i, o) {
-    function c(g) {
+  return new (r || (r = Promise))(function(i, o) {
+    function c(p) {
       try {
-        d(r.next(g));
-      } catch (m) {
-        o(m);
+        d(n.next(p));
+      } catch (v) {
+        o(v);
       }
     }
-    function u(g) {
+    function u(p) {
       try {
-        d(r.throw(g));
-      } catch (m) {
-        o(m);
+        d(n.throw(p));
+      } catch (v) {
+        o(v);
       }
     }
-    function d(g) {
-      g.done ? i(g.value) : l(g.value).then(c, u);
+    function d(p) {
+      p.done ? i(p.value) : l(p.value).then(c, u);
     }
-    d((r = r.apply(e, [])).next());
+    d((n = n.apply(e, [])).next());
   });
 }
-var Wt = function() {
+var Bt = function() {
   var e = document.getSelection();
   if (!e.rangeCount)
     return function() {
     };
-  for (var t = document.activeElement, n = [], r = 0; r < e.rangeCount; r++)
-    n.push(e.getRangeAt(r));
+  for (var t = document.activeElement, r = [], n = 0; n < e.rangeCount; n++)
+    r.push(e.getRangeAt(n));
   switch (t.tagName.toUpperCase()) {
     // .toUpperCase handles XHTML
     case "INPUT":
@@ -486,601 +424,601 @@ var Wt = function() {
       break;
   }
   return e.removeAllRanges(), function() {
-    e.type === "Caret" && e.removeAllRanges(), e.rangeCount || n.forEach(function(l) {
+    e.type === "Caret" && e.removeAllRanges(), e.rangeCount || r.forEach(function(l) {
       e.addRange(l);
     }), t && t.focus();
   };
-}, Jt = Wt, $e = {
+}, Wt = Bt, Pe = {
   "text/plain": "Text",
   "text/html": "Url",
   default: "Text"
-}, qt = "Copy to clipboard: #{key}, Enter";
-function Kt(e) {
+}, Jt = "Copy to clipboard: #{key}, Enter";
+function qt(e) {
   var t = (/mac os x/i.test(navigator.userAgent) ? "⌘" : "Ctrl") + "+C";
   return e.replace(/#{\s*key\s*}/g, t);
 }
-function Gt(e, t) {
-  var n, r, l, i, o, c, u = !1;
-  t || (t = {}), n = t.debug || !1;
+function Kt(e, t) {
+  var r, n, l, i, o, c, u = !1;
+  t || (t = {}), r = t.debug || !1;
   try {
-    l = Jt(), i = document.createRange(), o = document.getSelection(), c = document.createElement("span"), c.textContent = e, c.ariaHidden = "true", c.style.all = "unset", c.style.position = "fixed", c.style.top = 0, c.style.clip = "rect(0, 0, 0, 0)", c.style.whiteSpace = "pre", c.style.webkitUserSelect = "text", c.style.MozUserSelect = "text", c.style.msUserSelect = "text", c.style.userSelect = "text", c.addEventListener("copy", function(g) {
-      if (g.stopPropagation(), t.format)
-        if (g.preventDefault(), typeof g.clipboardData > "u") {
-          n && console.warn("unable to use e.clipboardData"), n && console.warn("trying IE specific stuff"), window.clipboardData.clearData();
-          var m = $e[t.format] || $e.default;
-          window.clipboardData.setData(m, e);
+    l = Wt(), i = document.createRange(), o = document.getSelection(), c = document.createElement("span"), c.textContent = e, c.ariaHidden = "true", c.style.all = "unset", c.style.position = "fixed", c.style.top = 0, c.style.clip = "rect(0, 0, 0, 0)", c.style.whiteSpace = "pre", c.style.webkitUserSelect = "text", c.style.MozUserSelect = "text", c.style.msUserSelect = "text", c.style.userSelect = "text", c.addEventListener("copy", function(p) {
+      if (p.stopPropagation(), t.format)
+        if (p.preventDefault(), typeof p.clipboardData > "u") {
+          r && console.warn("unable to use e.clipboardData"), r && console.warn("trying IE specific stuff"), window.clipboardData.clearData();
+          var v = Pe[t.format] || Pe.default;
+          window.clipboardData.setData(v, e);
         } else
-          g.clipboardData.clearData(), g.clipboardData.setData(t.format, e);
-      t.onCopy && (g.preventDefault(), t.onCopy(g.clipboardData));
+          p.clipboardData.clearData(), p.clipboardData.setData(t.format, e);
+      t.onCopy && (p.preventDefault(), t.onCopy(p.clipboardData));
     }), document.body.appendChild(c), i.selectNodeContents(c), o.addRange(i);
     var d = document.execCommand("copy");
     if (!d)
       throw new Error("copy command was unsuccessful");
     u = !0;
-  } catch (g) {
-    n && console.error("unable to copy using execCommand: ", g), n && console.warn("trying IE specific stuff");
+  } catch (p) {
+    r && console.error("unable to copy using execCommand: ", p), r && console.warn("trying IE specific stuff");
     try {
       window.clipboardData.setData(t.format || "text", e), t.onCopy && t.onCopy(window.clipboardData), u = !0;
-    } catch (m) {
-      n && console.error("unable to copy using clipboardData: ", m), n && console.error("falling back to prompt"), r = Kt("message" in t ? t.message : qt), window.prompt(r, e);
+    } catch (v) {
+      r && console.error("unable to copy using clipboardData: ", v), r && console.error("falling back to prompt"), n = qt("message" in t ? t.message : Jt), window.prompt(n, e);
     }
   } finally {
     o && (typeof o.removeRange == "function" ? o.removeRange(i) : o.removeAllRanges()), c && document.body.removeChild(c), l();
   }
   return u;
 }
-var Xt = Gt;
+var Gt = Kt;
 function B(e) {
   return Object.prototype.toString.call(e) === "[object Object]";
 }
 function te(e) {
   return Array.isArray(e) ? e.length : B(e) ? Object.keys(e).length : 0;
 }
-function Qt(e, t) {
+function Xt(e, t) {
   if (typeof e == "string")
     return e;
   try {
-    return JSON.stringify(e, (n, r) => {
-      switch (typeof r) {
+    return JSON.stringify(e, (r, n) => {
+      switch (typeof n) {
         case "bigint":
-          return String(r) + "n";
+          return String(n) + "n";
         case "number":
         case "boolean":
         case "object":
         case "string":
-          return r;
+          return n;
         default:
-          return String(r);
+          return String(n);
       }
     }, t);
-  } catch (n) {
-    return `${n.name}: ${n.message}` || "JSON.stringify failed";
+  } catch (r) {
+    return `${r.name}: ${r.message}` || "JSON.stringify failed";
   }
 }
-function en(e) {
-  return Bt(this, void 0, void 0, function* () {
+function Qt(e) {
+  return Yt(this, void 0, void 0, function* () {
     try {
       yield navigator.clipboard.writeText(e);
     } catch {
-      Xt(e);
+      Gt(e);
     }
   });
 }
-function Me(e, t, n, r, l, i) {
+function $e(e, t, r, n, l, i) {
   if (i && i.collapsed !== void 0)
     return !!i.collapsed;
-  if (typeof r == "boolean")
-    return r;
-  if (typeof r == "number" && t > r)
+  if (typeof n == "boolean")
+    return n;
+  if (typeof n == "number" && t > n)
     return !0;
   const o = te(e);
-  if (typeof r == "function") {
-    const c = Ae(r, [{ node: e, depth: t, indexOrName: n, size: o }]);
+  if (typeof n == "function") {
+    const c = Ee(n, [{ node: e, depth: t, indexOrName: r, size: o }]);
     if (typeof c == "boolean")
       return c;
   }
   return !!(Array.isArray(e) && o > l || B(e) && o > l);
 }
-function Fe(e, t, n, r, l, i) {
+function Me(e, t, r, n, l, i) {
   if (i && i.collapsed !== void 0)
     return !!i.collapsed;
-  if (typeof r == "boolean")
-    return r;
-  if (typeof r == "number" && t > r)
+  if (typeof n == "boolean")
+    return n;
+  if (typeof n == "number" && t > n)
     return !0;
   const o = Math.ceil(e.length / 100);
-  if (typeof r == "function") {
-    const c = Ae(r, [{ node: e, depth: t, indexOrName: n, size: o }]);
+  if (typeof n == "function") {
+    const c = Ee(n, [{ node: e, depth: t, indexOrName: r, size: o }]);
     if (typeof c == "boolean")
       return c;
   }
   return !!(Array.isArray(e) && o > l || B(e) && o > l);
 }
-function G(e, t, n) {
-  return typeof e == "boolean" ? e : !!(typeof e == "number" && t > e || e === "collapsed" && n || e === "expanded" && !n);
+function G(e, t, r) {
+  return typeof e == "boolean" ? e : !!(typeof e == "number" && t > e || e === "collapsed" && r || e === "expanded" && !r);
 }
-function Ae(e, t) {
+function Ee(e, t) {
   try {
     return e(...t);
-  } catch (n) {
-    reportError(n);
+  } catch (r) {
+    reportError(r);
   }
 }
-function lt(e) {
+function it(e) {
   if (e === !0 || B(e) && e.add === !0)
     return !0;
 }
-function He(e) {
+function Fe(e) {
   if (e === !0 || B(e) && e.edit === !0)
     return !0;
 }
-function Se(e) {
+function Ae(e) {
   if (e === !0 || B(e) && e.delete === !0)
     return !0;
 }
-function tn(e) {
+function er(e) {
   return typeof e == "function";
 }
-function ct(e) {
+function lt(e) {
   return !e || e.add === void 0 || !!e.add;
 }
-function Ue(e) {
+function He(e) {
   return !e || e.edit === void 0 || !!e.edit;
 }
-function ke(e) {
+function Se(e) {
   return !e || e.delete === void 0 || !!e.delete;
 }
 function oe(e) {
   return !e || e.enableClipboard === void 0 || !!e.enableClipboard;
 }
-function nn(e) {
+function tr(e) {
   return !e || e.matchesURL === void 0 || !!e.matchesURL;
 }
-function rn(e, t) {
+function rr(e, t) {
   return e === "string" ? t.trim().replace(/^\"([\s\S]+?)\"$/, "$1") : t;
 }
-var Ze;
-function de() {
-  return de = Object.assign ? Object.assign.bind() : function(e) {
+var Ue;
+function fe() {
+  return fe = Object.assign ? Object.assign.bind() : function(e) {
     for (var t = 1; t < arguments.length; t++) {
-      var n = arguments[t];
-      for (var r in n)
-        Object.prototype.hasOwnProperty.call(n, r) && (e[r] = n[r]);
+      var r = arguments[t];
+      for (var n in r)
+        Object.prototype.hasOwnProperty.call(r, n) && (e[n] = r[n]);
     }
     return e;
-  }, de.apply(this, arguments);
+  }, fe.apply(this, arguments);
 }
 var _e = function(t) {
-  return /* @__PURE__ */ _.createElement("svg", de({
+  return /* @__PURE__ */ k.createElement("svg", fe({
     xmlns: "http://www.w3.org/2000/svg",
     width: 16,
     height: 16,
     fill: "none",
     viewBox: "0 0 16 16"
-  }, t), Ze || (Ze = /* @__PURE__ */ _.createElement("path", {
+  }, t), Ue || (Ue = /* @__PURE__ */ k.createElement("path", {
     fill: "currentColor",
     d: "M12.473 5.806a.666.666 0 0 0-.946 0L8.473 8.86a.667.667 0 0 1-.946 0L4.473 5.806a.667.667 0 1 0-.946.94l3.06 3.06a2 2 0 0 0 2.826 0l3.06-3.06a.667.667 0 0 0 0-.94Z"
   })));
-}, Ve;
-function pe() {
-  return pe = Object.assign ? Object.assign.bind() : function(e) {
+}, Ze;
+function de() {
+  return de = Object.assign ? Object.assign.bind() : function(e) {
     for (var t = 1; t < arguments.length; t++) {
-      var n = arguments[t];
-      for (var r in n)
-        Object.prototype.hasOwnProperty.call(n, r) && (e[r] = n[r]);
+      var r = arguments[t];
+      for (var n in r)
+        Object.prototype.hasOwnProperty.call(r, n) && (e[n] = r[n]);
     }
     return e;
-  }, pe.apply(this, arguments);
+  }, de.apply(this, arguments);
 }
-var an = function(t) {
-  return /* @__PURE__ */ _.createElement("svg", pe({
+var nr = function(t) {
+  return /* @__PURE__ */ k.createElement("svg", de({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
     fill: "none",
     viewBox: "0 0 24 24"
-  }, t), Ve || (Ve = /* @__PURE__ */ _.createElement("path", {
+  }, t), Ze || (Ze = /* @__PURE__ */ k.createElement("path", {
     fill: "currentColor",
     d: "M17.542 2.5h-4.75a3.963 3.963 0 0 0-3.959 3.958v4.75a3.963 3.963 0 0 0 3.959 3.959h4.75a3.963 3.963 0 0 0 3.958-3.959v-4.75A3.963 3.963 0 0 0 17.542 2.5Zm2.375 8.708a2.378 2.378 0 0 1-2.375 2.375h-4.75a2.378 2.378 0 0 1-2.375-2.375v-4.75a2.378 2.378 0 0 1 2.375-2.375h4.75a2.378 2.378 0 0 1 2.375 2.375v4.75Zm-4.75 6.334a3.963 3.963 0 0 1-3.959 3.958h-4.75A3.963 3.963 0 0 1 2.5 17.542v-4.75a3.963 3.963 0 0 1 3.958-3.959.791.791 0 1 1 0 1.584 2.378 2.378 0 0 0-2.375 2.375v4.75a2.378 2.378 0 0 0 2.375 2.375h4.75a2.378 2.378 0 0 0 2.375-2.375.792.792 0 1 1 1.584 0Z"
   })));
-}, ze, Ye;
-function ge() {
-  return ge = Object.assign ? Object.assign.bind() : function(e) {
+}, Ve, ze;
+function pe() {
+  return pe = Object.assign ? Object.assign.bind() : function(e) {
     for (var t = 1; t < arguments.length; t++) {
-      var n = arguments[t];
-      for (var r in n)
-        Object.prototype.hasOwnProperty.call(n, r) && (e[r] = n[r]);
+      var r = arguments[t];
+      for (var n in r)
+        Object.prototype.hasOwnProperty.call(r, n) && (e[n] = r[n]);
     }
     return e;
-  }, ge.apply(this, arguments);
+  }, pe.apply(this, arguments);
 }
-var sn = function(t) {
-  return /* @__PURE__ */ _.createElement("svg", ge({
+var ar = function(t) {
+  return /* @__PURE__ */ k.createElement("svg", pe({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
     fill: "none",
     viewBox: "0 0 24 24"
-  }, t), ze || (ze = /* @__PURE__ */ _.createElement("path", {
+  }, t), Ve || (Ve = /* @__PURE__ */ k.createElement("path", {
     fill: "currentColor",
     d: "M17.25 3H6.75A3.755 3.755 0 0 0 3 6.75v10.5A3.754 3.754 0 0 0 6.75 21h10.5A3.754 3.754 0 0 0 21 17.25V6.75A3.755 3.755 0 0 0 17.25 3Zm2.25 14.25a2.25 2.25 0 0 1-2.25 2.25H6.75a2.25 2.25 0 0 1-2.25-2.25V6.75A2.25 2.25 0 0 1 6.75 4.5h10.5a2.25 2.25 0 0 1 2.25 2.25v10.5Z"
-  })), Ye || (Ye = /* @__PURE__ */ _.createElement("path", {
+  })), ze || (ze = /* @__PURE__ */ k.createElement("path", {
     fill: "#14C786",
     d: "M10.312 14.45 7.83 11.906a.625.625 0 0 0-.896 0 .659.659 0 0 0 0 .918l2.481 2.546a1.264 1.264 0 0 0 .896.381 1.237 1.237 0 0 0 .895-.38l5.858-6.011a.658.658 0 0 0 0-.919.625.625 0 0 0-.896 0l-5.857 6.01Z"
   })));
 };
 function ie({ node: e, nodeMeta: t }) {
-  const { customizeCopy: n, CopyComponent: r, CopiedComponent: l } = J(W), [i, o] = F(!1), c = (u) => {
+  const { customizeCopy: r, CopyComponent: n, CopiedComponent: l } = J(W), [i, o] = H(!1), c = (u) => {
     u.stopPropagation();
-    const d = n(e, t);
-    typeof d == "string" && d && en(d), o(!0), setTimeout(() => o(!1), 3e3);
+    const d = r(e, t);
+    typeof d == "string" && d && Qt(d), o(!0), setTimeout(() => o(!1), 3e3);
   };
-  return i ? typeof l == "function" ? a.jsx(l, { className: "json-view--copy", style: { display: "inline-block" } }) : a.jsx(sn, { className: "json-view--copy", style: { display: "inline-block" } }) : typeof r == "function" ? a.jsx(r, { onClick: c, className: "json-view--copy" }) : a.jsx(an, { onClick: c, className: "json-view--copy" });
+  return i ? typeof l == "function" ? a.jsx(l, { className: "json-view--copy", style: { display: "inline-block" } }) : a.jsx(ar, { className: "json-view--copy", style: { display: "inline-block" } }) : typeof n == "function" ? a.jsx(n, { onClick: c, className: "json-view--copy" }) : a.jsx(nr, { onClick: c, className: "json-view--copy" });
 }
-function me({ indexOrName: e, value: t, depth: n, deleteHandle: r, editHandle: l, parent: i, parentPath: o }) {
+function ge({ indexOrName: e, value: t, depth: r, deleteHandle: n, editHandle: l, parent: i, parentPath: o }) {
   const { displayArrayIndex: c } = J(W), u = Array.isArray(i);
-  return a.jsxs("div", Object.assign({ className: "json-view--pair" }, { children: [!u || u && c ? a.jsxs(a.Fragment, { children: [a.jsx("span", Object.assign({ className: typeof e == "number" ? "json-view--index" : "json-view--property" }, { children: e })), ":", " "] }) : a.jsx(a.Fragment, {}), a.jsx(ft, { node: t, depth: n + 1, deleteHandle: (d, g) => r(d, g), editHandle: (d, g, m, y) => l(d, g, m, y), parent: i, indexOrName: e, parentPath: o })] }));
+  return a.jsxs("div", Object.assign({ className: "json-view--pair" }, { children: [!u || u && c ? a.jsxs(a.Fragment, { children: [a.jsx("span", Object.assign({ className: typeof e == "number" ? "json-view--index" : "json-view--property" }, { children: e })), ":", " "] }) : a.jsx(a.Fragment, {}), a.jsx(ut, { node: t, depth: r + 1, deleteHandle: (d, p) => n(d, p), editHandle: (d, p, v, y) => l(d, p, v, y), parent: i, indexOrName: e, parentPath: o })] }));
 }
-var Be, We;
-function ve() {
-  return ve = Object.assign ? Object.assign.bind() : function(e) {
+var Ye, Be;
+function me() {
+  return me = Object.assign ? Object.assign.bind() : function(e) {
     for (var t = 1; t < arguments.length; t++) {
-      var n = arguments[t];
-      for (var r in n)
-        Object.prototype.hasOwnProperty.call(n, r) && (e[r] = n[r]);
+      var r = arguments[t];
+      for (var n in r)
+        Object.prototype.hasOwnProperty.call(r, n) && (e[n] = r[n]);
     }
     return e;
-  }, ve.apply(this, arguments);
+  }, me.apply(this, arguments);
 }
-var Te = function(t) {
-  return /* @__PURE__ */ _.createElement("svg", ve({
+var ke = function(t) {
+  return /* @__PURE__ */ k.createElement("svg", me({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
     fill: "none",
     viewBox: "0 0 24 24"
-  }, t), Be || (Be = /* @__PURE__ */ _.createElement("path", {
+  }, t), Ye || (Ye = /* @__PURE__ */ k.createElement("path", {
     fill: "currentColor",
     d: "M18.75 6h-2.325a3.757 3.757 0 0 0-3.675-3h-1.5a3.757 3.757 0 0 0-3.675 3H5.25a.75.75 0 0 0 0 1.5H6v9.75A3.754 3.754 0 0 0 9.75 21h4.5A3.754 3.754 0 0 0 18 17.25V7.5h.75a.75.75 0 1 0 0-1.5Zm-7.5-1.5h1.5A2.255 2.255 0 0 1 14.872 6H9.128a2.255 2.255 0 0 1 2.122-1.5Zm5.25 12.75a2.25 2.25 0 0 1-2.25 2.25h-4.5a2.25 2.25 0 0 1-2.25-2.25V7.5h9v9.75Z"
-  })), We || (We = /* @__PURE__ */ _.createElement("path", {
+  })), Be || (Be = /* @__PURE__ */ k.createElement("path", {
     fill: "#DA0000",
     d: "M10.5 16.5a.75.75 0 0 0 .75-.75v-4.5a.75.75 0 1 0-1.5 0v4.5a.75.75 0 0 0 .75.75ZM13.5 16.5a.75.75 0 0 0 .75-.75v-4.5a.75.75 0 1 0-1.5 0v4.5a.75.75 0 0 0 .75.75Z"
   })));
-}, Je, qe;
-function he() {
-  return he = Object.assign ? Object.assign.bind() : function(e) {
+}, We, Je;
+function ve() {
+  return ve = Object.assign ? Object.assign.bind() : function(e) {
     for (var t = 1; t < arguments.length; t++) {
-      var n = arguments[t];
-      for (var r in n)
-        Object.prototype.hasOwnProperty.call(n, r) && (e[r] = n[r]);
+      var r = arguments[t];
+      for (var n in r)
+        Object.prototype.hasOwnProperty.call(r, n) && (e[n] = r[n]);
     }
     return e;
-  }, he.apply(this, arguments);
+  }, ve.apply(this, arguments);
 }
-var ut = function(t) {
-  return /* @__PURE__ */ _.createElement("svg", he({
+var ct = function(t) {
+  return /* @__PURE__ */ k.createElement("svg", ve({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
     fill: "none",
     viewBox: "0 0 24 24"
-  }, t), Je || (Je = /* @__PURE__ */ _.createElement("path", {
+  }, t), We || (We = /* @__PURE__ */ k.createElement("path", {
     fill: "currentColor",
     d: "M21 6.75v10.5A3.754 3.754 0 0 1 17.25 21H6.75A3.754 3.754 0 0 1 3 17.25V6.75A3.754 3.754 0 0 1 6.75 3h10.5A3.754 3.754 0 0 1 21 6.75Zm-1.5 0c0-1.24-1.01-2.25-2.25-2.25H6.75C5.51 4.5 4.5 5.51 4.5 6.75v10.5c0 1.24 1.01 2.25 2.25 2.25h10.5c1.24 0 2.25-1.01 2.25-2.25V6.75Z"
-  })), qe || (qe = /* @__PURE__ */ _.createElement("path", {
+  })), Je || (Je = /* @__PURE__ */ k.createElement("path", {
     fill: "#14C786",
     d: "M15 12.75a.75.75 0 1 0 0-1.5h-2.25V9a.75.75 0 1 0-1.5 0v2.25H9a.75.75 0 1 0 0 1.5h2.25V15a.75.75 0 1 0 1.5 0v-2.25H15Z"
   })));
-}, Ke, Ge;
-function je() {
-  return je = Object.assign ? Object.assign.bind() : function(e) {
+}, qe, Ke;
+function he() {
+  return he = Object.assign ? Object.assign.bind() : function(e) {
     for (var t = 1; t < arguments.length; t++) {
-      var n = arguments[t];
-      for (var r in n)
-        Object.prototype.hasOwnProperty.call(n, r) && (e[r] = n[r]);
+      var r = arguments[t];
+      for (var n in r)
+        Object.prototype.hasOwnProperty.call(r, n) && (e[n] = r[n]);
     }
     return e;
-  }, je.apply(this, arguments);
+  }, he.apply(this, arguments);
 }
-var Ne = function(t) {
-  return /* @__PURE__ */ _.createElement("svg", je({
+var Te = function(t) {
+  return /* @__PURE__ */ k.createElement("svg", he({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
     fill: "none",
     viewBox: "0 0 24 24"
-  }, t), Ke || (Ke = /* @__PURE__ */ _.createElement("path", {
+  }, t), qe || (qe = /* @__PURE__ */ k.createElement("path", {
     fill: "currentColor",
     d: "M12 3a9 9 0 1 0 9 9 9.01 9.01 0 0 0-9-9Zm0 16.5a7.5 7.5 0 1 1 7.5-7.5 7.509 7.509 0 0 1-7.5 7.5Z"
-  })), Ge || (Ge = /* @__PURE__ */ _.createElement("path", {
+  })), Ke || (Ke = /* @__PURE__ */ k.createElement("path", {
     fill: "#14C786",
     d: "m10.85 13.96-1.986-2.036a.5.5 0 0 0-.716 0 .527.527 0 0 0 0 .735l1.985 2.036a1.01 1.01 0 0 0 .717.305.99.99 0 0 0 .716-.305l4.686-4.808a.526.526 0 0 0 0-.735.5.5 0 0 0-.716 0l-4.687 4.809Z"
   })));
-}, Xe, Qe;
-function be() {
-  return be = Object.assign ? Object.assign.bind() : function(e) {
+}, Ge, Xe;
+function je() {
+  return je = Object.assign ? Object.assign.bind() : function(e) {
     for (var t = 1; t < arguments.length; t++) {
-      var n = arguments[t];
-      for (var r in n)
-        Object.prototype.hasOwnProperty.call(n, r) && (e[r] = n[r]);
+      var r = arguments[t];
+      for (var n in r)
+        Object.prototype.hasOwnProperty.call(r, n) && (e[n] = r[n]);
     }
     return e;
-  }, be.apply(this, arguments);
+  }, je.apply(this, arguments);
 }
-var Oe = function(t) {
-  return /* @__PURE__ */ _.createElement("svg", be({
+var Ne = function(t) {
+  return /* @__PURE__ */ k.createElement("svg", je({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
     fill: "none",
     viewBox: "0 0 24 24"
-  }, t), Xe || (Xe = /* @__PURE__ */ _.createElement("path", {
+  }, t), Ge || (Ge = /* @__PURE__ */ k.createElement("path", {
     fill: "#DA0000",
     d: "M15 9a.75.75 0 0 0-1.06 0L12 10.94 10.06 9A.75.75 0 0 0 9 10.06L10.94 12 9 13.94A.75.75 0 0 0 10.06 15L12 13.06 13.94 15A.75.75 0 0 0 15 13.94L13.06 12 15 10.06A.75.75 0 0 0 15 9Z"
-  })), Qe || (Qe = /* @__PURE__ */ _.createElement("path", {
+  })), Xe || (Xe = /* @__PURE__ */ k.createElement("path", {
     fill: "currentColor",
     d: "M12 3a9 9 0 1 0 9 9 9.01 9.01 0 0 0-9-9Zm0 16.5a7.5 7.5 0 1 1 7.5-7.5 7.509 7.509 0 0 1-7.5 7.5Z"
   })));
 };
-function on({ originNode: e, node: t, depth: n, index: r, deleteHandle: l, customOptions: i, startIndex: o, parent: c, parentPath: u }) {
-  const { enableClipboard: d, src: g, onEdit: m, onChange: y, forceUpdate: E, displaySize: w, CustomOperation: C } = J(W), N = [...u, String(r)], [A, D] = F(!0), P = ne((S, x, H) => {
-    e[S] = x, m && m({
+function sr({ originNode: e, node: t, depth: r, index: n, deleteHandle: l, customOptions: i, startIndex: o, parent: c, parentPath: u }) {
+  const { enableClipboard: d, src: p, onEdit: v, onChange: y, forceUpdate: w, displaySize: b, CustomOperation: C } = J(W), N = [...u, String(n)], [E, D] = H(!0), I = re((A, x, Z) => {
+    e[A] = x, v && v({
       newValue: x,
-      oldValue: H,
-      depth: n,
-      src: g,
-      indexOrName: S,
+      oldValue: Z,
+      depth: r,
+      src: p,
+      indexOrName: A,
       parentType: "array",
       parentPath: u
-    }), y && y({ type: "edit", depth: n, src: g, indexOrName: S, parentType: "array", parentPath: u }), E();
-  }, [t, m, y, E]), v = (S) => {
-    e.splice(S, 1), l && l(S, u), E();
-  }, h = a.jsxs(a.Fragment, { children: [!A && a.jsxs("span", Object.assign({ onClick: () => D(!0), className: "jv-size-chevron" }, { children: [G(w, n, A) && a.jsxs("span", Object.assign({ className: "jv-size" }, { children: [te(t), " Items"] })), a.jsx(_e, { className: "jv-chevron" })] })), !A && d && oe(i) && a.jsx(ie, { node: t, nodeMeta: { depth: n, indexOrName: r, parent: c, parentPath: u, currentPath: N } }), typeof C == "function" ? a.jsx(C, { node: t }) : null] });
-  return a.jsxs("div", { children: [a.jsx("span", { children: "[" }), h, A ? a.jsxs("button", Object.assign({ onClick: () => D(!1), className: "jv-button" }, { children: [o, " ... ", o + t.length - 1] })) : a.jsx("div", Object.assign({ className: "jv-indent" }, { children: t.map((S, x) => a.jsx(me, { indexOrName: x + o, value: S, depth: n, parent: t, deleteHandle: v, editHandle: P, parentPath: u }, String(r) + String(x))) })), a.jsx("span", { children: "]" })] });
+    }), y && y({ type: "edit", depth: r, src: p, indexOrName: A, parentType: "array", parentPath: u }), w();
+  }, [t, v, y, w]), h = (A) => {
+    e.splice(A, 1), l && l(A, u), w();
+  }, j = a.jsxs(a.Fragment, { children: [!E && a.jsxs("span", Object.assign({ onClick: () => D(!0), className: "jv-size-chevron" }, { children: [G(b, r, E) && a.jsxs("span", Object.assign({ className: "jv-size" }, { children: [te(t), " Items"] })), a.jsx(_e, { className: "jv-chevron" })] })), !E && d && oe(i) && a.jsx(ie, { node: t, nodeMeta: { depth: r, indexOrName: n, parent: c, parentPath: u, currentPath: N } }), typeof C == "function" ? a.jsx(C, { node: t }) : null] });
+  return a.jsxs("div", { children: [a.jsx("span", { children: "[" }), j, E ? a.jsxs("button", Object.assign({ onClick: () => D(!1), className: "jv-button" }, { children: [o, " ... ", o + t.length - 1] })) : a.jsx("div", Object.assign({ className: "jv-indent" }, { children: t.map((A, x) => a.jsx(ge, { indexOrName: x + o, value: A, depth: r, parent: t, deleteHandle: h, editHandle: I, parentPath: u }, String(n) + String(x))) })), a.jsx("span", { children: "]" })] });
 }
-function ln({ node: e, depth: t, deleteHandle: n, indexOrName: r, customOptions: l, parent: i, parentPath: o }) {
-  const c = typeof r < "u" ? [...o, String(r)] : o, u = [];
+function or({ node: e, depth: t, deleteHandle: r, indexOrName: n, customOptions: l, parent: i, parentPath: o }) {
+  const c = typeof n < "u" ? [...o, String(n)] : o, u = [];
   for (let T = 0; T < e.length; T += 100)
     u.push(e.slice(T, T + 100));
-  const { collapsed: d, enableClipboard: g, collapseObjectsAfterLength: m, editable: y, onDelete: E, src: w, onAdd: C, CustomOperation: N, onChange: A, forceUpdate: D, displaySize: P } = J(W), [v, h] = F(Fe(e, t, r, d, m, l));
-  xe(() => {
-    h(Fe(e, t, r, d, m, l));
-  }, [d, m]);
-  const [S, x] = F(!1), H = () => {
-    x(!1), n && n(r, o), E && E({ value: e, depth: t, src: w, indexOrName: r, parentType: "array", parentPath: o }), A && A({
+  const { collapsed: d, enableClipboard: p, collapseObjectsAfterLength: v, editable: y, onDelete: w, src: b, onAdd: C, CustomOperation: N, onChange: E, forceUpdate: D, displaySize: I } = J(W), [h, j] = H(Me(e, t, n, d, v, l));
+  we(() => {
+    j(Me(e, t, n, d, v, l));
+  }, [d, v]);
+  const [A, x] = H(!1), Z = () => {
+    x(!1), r && r(n, o), w && w({ value: e, depth: t, src: b, indexOrName: n, parentType: "array", parentPath: o }), E && E({
       type: "delete",
       depth: t,
-      src: w,
-      indexOrName: r,
+      src: b,
+      indexOrName: n,
       parentType: "array",
       parentPath: o
     });
-  }, [O, Y] = F(!1), R = () => {
+  }, [O, V] = H(!1), P = () => {
     const T = e;
-    T.push(null), C && C({ indexOrName: T.length - 1, depth: t, src: w, parentType: "array", parentPath: o }), A && A({ type: "add", indexOrName: T.length - 1, depth: t, src: w, parentType: "array", parentPath: o }), D();
-  }, L = S || O, U = () => {
-    x(!1), Y(!1);
-  }, Z = a.jsxs(a.Fragment, { children: [!v && !L && a.jsxs("span", Object.assign({ onClick: () => h(!0), className: "jv-size-chevron" }, { children: [G(P, t, v) && a.jsxs("span", Object.assign({ className: "jv-size" }, { children: [e.length, " Items"] })), a.jsx(_e, { className: "jv-chevron" })] })), L && a.jsx(Ne, { className: "json-view--edit", style: { display: "inline-block" }, onClick: O ? R : H }), L && a.jsx(Oe, { className: "json-view--edit", style: { display: "inline-block" }, onClick: U }), !v && !L && g && oe(l) && a.jsx(ie, { node: e, nodeMeta: { depth: t, indexOrName: r, parent: i, parentPath: o, currentPath: c } }), !v && !L && lt(y) && ct(l) && a.jsx(ut, { className: "json-view--edit", onClick: () => {
-    R();
-  } }), !v && !L && Se(y) && ke(l) && n && a.jsx(Te, { className: "json-view--edit", onClick: () => x(!0) }), typeof N == "function" ? a.jsx(N, { node: e }) : null] });
-  return a.jsxs(a.Fragment, { children: [a.jsx("span", { children: "[" }), Z, v ? a.jsx("button", Object.assign({ onClick: () => h(!1), className: "jv-button" }, { children: "..." })) : a.jsx("div", Object.assign({ className: "jv-indent" }, { children: u.map((T, $) => a.jsx(on, { originNode: e, node: T, depth: t, index: $, startIndex: $ * 100, deleteHandle: n, customOptions: l, parentPath: o }, String(r) + String($))) })), a.jsx("span", { children: "]" }), v && G(P, t, v) && a.jsxs("span", Object.assign({ onClick: () => h(!1), className: "jv-size" }, { children: [e.length, " Items"] }))] });
+    T.push(null), C && C({ indexOrName: T.length - 1, depth: t, src: b, parentType: "array", parentPath: o }), E && E({ type: "add", indexOrName: T.length - 1, depth: t, src: b, parentType: "array", parentPath: o }), D();
+  }, L = A || O, $ = () => {
+    x(!1), V(!1);
+  }, z = a.jsxs(a.Fragment, { children: [!h && !L && a.jsxs("span", Object.assign({ onClick: () => j(!0), className: "jv-size-chevron" }, { children: [G(I, t, h) && a.jsxs("span", Object.assign({ className: "jv-size" }, { children: [e.length, " Items"] })), a.jsx(_e, { className: "jv-chevron" })] })), L && a.jsx(Te, { className: "json-view--edit", style: { display: "inline-block" }, onClick: O ? P : Z }), L && a.jsx(Ne, { className: "json-view--edit", style: { display: "inline-block" }, onClick: $ }), !h && !L && p && oe(l) && a.jsx(ie, { node: e, nodeMeta: { depth: t, indexOrName: n, parent: i, parentPath: o, currentPath: c } }), !h && !L && it(y) && lt(l) && a.jsx(ct, { className: "json-view--edit", onClick: () => {
+    P();
+  } }), !h && !L && Ae(y) && Se(l) && r && a.jsx(ke, { className: "json-view--edit", onClick: () => x(!0) }), typeof N == "function" ? a.jsx(N, { node: e }) : null] });
+  return a.jsxs(a.Fragment, { children: [a.jsx("span", { children: "[" }), z, h ? a.jsx("button", Object.assign({ onClick: () => j(!1), className: "jv-button" }, { children: "..." })) : a.jsx("div", Object.assign({ className: "jv-indent" }, { children: u.map((T, M) => a.jsx(sr, { originNode: e, node: T, depth: t, index: M, startIndex: M * 100, deleteHandle: r, customOptions: l, parentPath: o }, String(n) + String(M))) })), a.jsx("span", { children: "]" }), h && G(I, t, h) && a.jsxs("span", Object.assign({ onClick: () => j(!1), className: "jv-size" }, { children: [e.length, " Items"] }))] });
 }
-function cn({ node: e, depth: t, indexOrName: n, deleteHandle: r, customOptions: l, parent: i, parentPath: o }) {
-  const { collapsed: c, onCollapse: u, enableClipboard: d, ignoreLargeArray: g, collapseObjectsAfterLength: m, editable: y, onDelete: E, src: w, onAdd: C, onEdit: N, onChange: A, forceUpdate: D, displaySize: P, CustomOperation: v } = J(W), h = typeof n < "u" ? [...o, String(n)] : o;
-  if (!g && Array.isArray(e) && e.length > 100)
-    return a.jsx(ln, { node: e, depth: t, indexOrName: n, deleteHandle: r, customOptions: l, parentPath: h });
-  const S = B(e), [x, H] = F(Me(e, t, n, c, m, l)), O = (f) => {
-    u?.({ isCollapsing: !f, node: e, depth: t, indexOrName: n }), H(f);
+function ir({ node: e, depth: t, indexOrName: r, deleteHandle: n, customOptions: l, parent: i, parentPath: o }) {
+  const { collapsed: c, onCollapse: u, enableClipboard: d, ignoreLargeArray: p, collapseObjectsAfterLength: v, editable: y, onDelete: w, src: b, onAdd: C, onEdit: N, onChange: E, forceUpdate: D, displaySize: I, CustomOperation: h } = J(W), j = typeof r < "u" ? [...o, String(r)] : o;
+  if (!p && Array.isArray(e) && e.length > 100)
+    return a.jsx(or, { node: e, depth: t, indexOrName: r, deleteHandle: n, customOptions: l, parentPath: j });
+  const A = B(e), [x, Z] = H($e(e, t, r, c, v, l)), O = (f) => {
+    u?.({ isCollapsing: !f, node: e, depth: t, indexOrName: r }), Z(f);
   };
-  xe(() => {
-    O(Me(e, t, n, c, m, l));
-  }, [c, m]);
-  const Y = ne((f, j, z) => {
-    Array.isArray(e) ? e[+f] = j : e && (e[f] = j), N && N({
-      newValue: j,
-      oldValue: z,
+  we(() => {
+    O($e(e, t, r, c, v, l));
+  }, [c, v]);
+  const V = re((f, m, Y) => {
+    Array.isArray(e) ? e[+f] = m : e && (e[f] = m), N && N({
+      newValue: m,
+      oldValue: Y,
       depth: t,
-      src: w,
+      src: b,
       indexOrName: f,
-      parentType: S ? "object" : "array",
-      parentPath: h
-    }), A && A({ type: "edit", depth: t, src: w, indexOrName: f, parentType: S ? "object" : "array", parentPath: h }), D();
-  }, [e, N, A, D]), R = (f) => {
+      parentType: A ? "object" : "array",
+      parentPath: j
+    }), E && E({ type: "edit", depth: t, src: b, indexOrName: f, parentType: A ? "object" : "array", parentPath: j }), D();
+  }, [e, N, E, D]), P = (f) => {
     Array.isArray(e) ? e.splice(+f, 1) : e && delete e[f], D();
-  }, [L, U] = F(!1), Z = () => {
-    U(!1), r && r(n, h), E && E({ value: e, depth: t, src: w, indexOrName: n, parentType: S ? "object" : "array", parentPath: h }), A && A({
+  }, [L, $] = H(!1), z = () => {
+    $(!1), n && n(r, j), w && w({ value: e, depth: t, src: b, indexOrName: r, parentType: A ? "object" : "array", parentPath: j }), E && E({
       type: "delete",
       depth: t,
-      src: w,
-      indexOrName: n,
-      parentType: S ? "object" : "array",
-      parentPath: h
+      src: b,
+      indexOrName: r,
+      parentType: A ? "object" : "array",
+      parentPath: j
     });
-  }, [T, $] = F(!1), k = Ce(null), V = () => {
+  }, [T, M] = H(!1), _ = xe(null), U = () => {
     var f;
-    if (S) {
-      const j = (f = k.current) === null || f === void 0 ? void 0 : f.value;
-      j && (e[j] = null, k.current && (k.current.value = ""), $(!1), C && C({ indexOrName: j, depth: t, src: w, parentType: "object", parentPath: h }), A && A({ type: "add", indexOrName: j, depth: t, src: w, parentType: "object", parentPath: h }));
+    if (A) {
+      const m = (f = _.current) === null || f === void 0 ? void 0 : f.value;
+      m && (e[m] = null, _.current && (_.current.value = ""), M(!1), C && C({ indexOrName: m, depth: t, src: b, parentType: "object", parentPath: j }), E && E({ type: "add", indexOrName: m, depth: t, src: b, parentType: "object", parentPath: j }));
     } else if (Array.isArray(e)) {
-      const j = e;
-      j.push(null), C && C({ indexOrName: j.length - 1, depth: t, src: w, parentType: "array", parentPath: h }), A && A({ type: "add", indexOrName: j.length - 1, depth: t, src: w, parentType: "array", parentPath: h });
+      const m = e;
+      m.push(null), C && C({ indexOrName: m.length - 1, depth: t, src: b, parentType: "array", parentPath: j }), E && E({ type: "add", indexOrName: m.length - 1, depth: t, src: b, parentType: "array", parentPath: j });
     }
     D();
-  }, M = (f) => {
-    f.key === "Enter" ? (f.preventDefault(), V()) : f.key === "Escape" && p();
-  }, s = L || T, p = () => {
-    U(!1), $(!1);
-  }, b = a.jsxs(a.Fragment, { children: [!x && !s && a.jsxs("span", Object.assign({ onClick: () => O(!0), className: "jv-size-chevron" }, { children: [G(P, t, x) && a.jsxs("span", Object.assign({ className: "jv-size" }, { children: [te(e), " Items"] })), a.jsx(_e, { className: "jv-chevron" })] })), T && S && a.jsx("input", { className: "json-view--input", placeholder: "property", ref: k, onKeyDown: M }), s && a.jsx(Ne, { className: "json-view--edit", style: { display: "inline-block" }, onClick: T ? V : Z }), s && a.jsx(Oe, { className: "json-view--edit", style: { display: "inline-block" }, onClick: p }), !x && !s && d && oe(l) && a.jsx(ie, { node: e, nodeMeta: { depth: t, indexOrName: n, parent: i, parentPath: o, currentPath: h } }), !x && !s && lt(y) && ct(l) && a.jsx(ut, { className: "json-view--edit", onClick: () => {
-    S ? ($(!0), setTimeout(() => {
+  }, F = (f) => {
+    f.key === "Enter" ? (f.preventDefault(), U()) : f.key === "Escape" && s();
+  }, S = L || T, s = () => {
+    $(!1), M(!1);
+  }, g = a.jsxs(a.Fragment, { children: [!x && !S && a.jsxs("span", Object.assign({ onClick: () => O(!0), className: "jv-size-chevron" }, { children: [G(I, t, x) && a.jsxs("span", Object.assign({ className: "jv-size" }, { children: [te(e), " Items"] })), a.jsx(_e, { className: "jv-chevron" })] })), T && A && a.jsx("input", { className: "json-view--input", placeholder: "property", ref: _, onKeyDown: F }), S && a.jsx(Te, { className: "json-view--edit", style: { display: "inline-block" }, onClick: T ? U : z }), S && a.jsx(Ne, { className: "json-view--edit", style: { display: "inline-block" }, onClick: s }), !x && !S && d && oe(l) && a.jsx(ie, { node: e, nodeMeta: { depth: t, indexOrName: r, parent: i, parentPath: o, currentPath: j } }), !x && !S && it(y) && lt(l) && a.jsx(ct, { className: "json-view--edit", onClick: () => {
+    A ? (M(!0), setTimeout(() => {
       var f;
-      return (f = k.current) === null || f === void 0 ? void 0 : f.focus();
-    })) : V();
-  } }), !x && !s && Se(y) && ke(l) && r && a.jsx(Te, { className: "json-view--edit", onClick: () => U(!0) }), typeof v == "function" ? a.jsx(v, { node: e }) : null] });
-  return Array.isArray(e) ? a.jsxs(a.Fragment, { children: [a.jsx("span", { children: "[" }), b, x ? a.jsx("button", Object.assign({ onClick: () => O(!1), className: "jv-button" }, { children: "..." })) : a.jsx("div", Object.assign({ className: "jv-indent" }, { children: e.map((f, j) => a.jsx(me, { indexOrName: j, value: f, depth: t, parent: e, deleteHandle: R, editHandle: Y, parentPath: h }, String(n) + String(j))) })), a.jsx("span", { children: "]" }), x && G(P, t, x) && a.jsxs("span", Object.assign({ onClick: () => O(!1), className: "jv-size" }, { children: [te(e), " Items"] }))] }) : S ? a.jsxs(a.Fragment, { children: [a.jsx("span", { children: "{" }), b, x ? a.jsx("button", Object.assign({ onClick: () => O(!1), className: "jv-button" }, { children: "..." })) : a.jsx("div", Object.assign({ className: "jv-indent" }, { children: Object.entries(e).map(([f, j]) => a.jsx(me, { indexOrName: f, value: j, depth: t, parent: e, deleteHandle: R, editHandle: Y, parentPath: h }, String(n) + String(f))) })), a.jsx("span", { children: "}" }), x && G(P, t, x) && a.jsxs("span", Object.assign({ onClick: () => O(!1), className: "jv-size" }, { children: [te(e), " Items"] }))] }) : a.jsx("span", { children: String(e) });
+      return (f = _.current) === null || f === void 0 ? void 0 : f.focus();
+    })) : U();
+  } }), !x && !S && Ae(y) && Se(l) && n && a.jsx(ke, { className: "json-view--edit", onClick: () => $(!0) }), typeof h == "function" ? a.jsx(h, { node: e }) : null] });
+  return Array.isArray(e) ? a.jsxs(a.Fragment, { children: [a.jsx("span", { children: "[" }), g, x ? a.jsx("button", Object.assign({ onClick: () => O(!1), className: "jv-button" }, { children: "..." })) : a.jsx("div", Object.assign({ className: "jv-indent" }, { children: e.map((f, m) => a.jsx(ge, { indexOrName: m, value: f, depth: t, parent: e, deleteHandle: P, editHandle: V, parentPath: j }, String(r) + String(m))) })), a.jsx("span", { children: "]" }), x && G(I, t, x) && a.jsxs("span", Object.assign({ onClick: () => O(!1), className: "jv-size" }, { children: [te(e), " Items"] }))] }) : A ? a.jsxs(a.Fragment, { children: [a.jsx("span", { children: "{" }), g, x ? a.jsx("button", Object.assign({ onClick: () => O(!1), className: "jv-button" }, { children: "..." })) : a.jsx("div", Object.assign({ className: "jv-indent" }, { children: Object.entries(e).map(([f, m]) => a.jsx(ge, { indexOrName: f, value: m, depth: t, parent: e, deleteHandle: P, editHandle: V, parentPath: j }, String(r) + String(f))) })), a.jsx("span", { children: "}" }), x && G(I, t, x) && a.jsxs("span", Object.assign({ onClick: () => O(!1), className: "jv-size" }, { children: [te(e), " Items"] }))] }) : a.jsx("span", { children: String(e) });
 }
-const un = K.forwardRef(({ str: e, className: t, ctrlClick: n }, r) => {
+const lr = K.forwardRef(({ str: e, className: t, ctrlClick: r }, n) => {
   let { collapseStringMode: l, collapseStringsAfterLength: i, customizeCollapseStringUI: o } = J(W);
-  const [c, u] = F(!0), d = Ce(null);
+  const [c, u] = H(!0), d = xe(null);
   i = i > 0 ? i : 0;
-  const g = e.replace(/\s+/g, " "), m = typeof o == "function" ? o(g, c) : typeof o == "string" ? o : "...", y = (E) => {
-    var w;
-    if ((E.ctrlKey || E.metaKey) && n)
-      n(E);
+  const p = e.replace(/\s+/g, " "), v = typeof o == "function" ? o(p, c) : typeof o == "string" ? o : "...", y = (w) => {
+    var b;
+    if ((w.ctrlKey || w.metaKey) && r)
+      r(w);
     else {
       const C = window.getSelection();
-      if (C && C.anchorOffset !== C.focusOffset && ((w = C.anchorNode) === null || w === void 0 ? void 0 : w.parentElement) === d.current)
+      if (C && C.anchorOffset !== C.focusOffset && ((b = C.anchorNode) === null || b === void 0 ? void 0 : b.parentElement) === d.current)
         return;
       u(!c);
     }
   };
   if (e.length <= i)
-    return a.jsxs("span", Object.assign({ ref: d, className: t, onClick: n }, { children: ['"', e, '"'] }));
+    return a.jsxs("span", Object.assign({ ref: d, className: t, onClick: r }, { children: ['"', e, '"'] }));
   if (l === "address")
-    return e.length <= 10 ? a.jsxs("span", Object.assign({ ref: d, className: t, onClick: n }, { children: ['"', e, '"'] })) : a.jsxs("span", Object.assign({ ref: d, onClick: y, className: t + " cursor-pointer" }, { children: ['"', c ? [g.slice(0, 6), m, g.slice(-4)] : e, '"'] }));
+    return e.length <= 10 ? a.jsxs("span", Object.assign({ ref: d, className: t, onClick: r }, { children: ['"', e, '"'] })) : a.jsxs("span", Object.assign({ ref: d, onClick: y, className: t + " cursor-pointer" }, { children: ['"', c ? [p.slice(0, 6), v, p.slice(-4)] : e, '"'] }));
   if (l === "directly")
-    return a.jsxs("span", Object.assign({ ref: d, onClick: y, className: t + " cursor-pointer" }, { children: ['"', c ? [g.slice(0, i), m] : e, '"'] }));
+    return a.jsxs("span", Object.assign({ ref: d, onClick: y, className: t + " cursor-pointer" }, { children: ['"', c ? [p.slice(0, i), v] : e, '"'] }));
   if (l === "word") {
-    let E = i, w = i + 1, C = g, N = 1;
+    let w = i, b = i + 1, C = p, N = 1;
     for (; ; ) {
-      if (/\W/.test(e[E])) {
-        C = e.slice(0, E);
-        break;
-      }
       if (/\W/.test(e[w])) {
         C = e.slice(0, w);
         break;
       }
+      if (/\W/.test(e[b])) {
+        C = e.slice(0, b);
+        break;
+      }
       if (N === 6) {
         C = e.slice(0, i);
         break;
       }
-      N++, E--, w++;
+      N++, w--, b++;
     }
-    return a.jsxs("span", Object.assign({ ref: d, onClick: y, className: t + " cursor-pointer" }, { children: ['"', c ? [C, m] : e, '"'] }));
+    return a.jsxs("span", Object.assign({ ref: d, onClick: y, className: t + " cursor-pointer" }, { children: ['"', c ? [C, v] : e, '"'] }));
   }
   return a.jsxs("span", Object.assign({ ref: d, className: t }, { children: ['"', e, '"'] }));
 });
-var et;
-function ye() {
-  return ye = Object.assign ? Object.assign.bind() : function(e) {
+var Qe;
+function be() {
+  return be = Object.assign ? Object.assign.bind() : function(e) {
     for (var t = 1; t < arguments.length; t++) {
-      var n = arguments[t];
-      for (var r in n)
-        Object.prototype.hasOwnProperty.call(n, r) && (e[r] = n[r]);
+      var r = arguments[t];
+      for (var n in r)
+        Object.prototype.hasOwnProperty.call(r, n) && (e[n] = r[n]);
     }
     return e;
-  }, ye.apply(this, arguments);
+  }, be.apply(this, arguments);
 }
-var fn = function(t) {
-  return /* @__PURE__ */ _.createElement("svg", ye({
+var cr = function(t) {
+  return /* @__PURE__ */ k.createElement("svg", be({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
     fill: "none",
     viewBox: "0 0 24 24"
-  }, t), et || (et = /* @__PURE__ */ _.createElement("path", {
+  }, t), Qe || (Qe = /* @__PURE__ */ k.createElement("path", {
     fill: "currentColor",
     d: "M17.25 3H6.75A3.754 3.754 0 0 0 3 6.75v10.5A3.754 3.754 0 0 0 6.75 21h10.5A3.754 3.754 0 0 0 21 17.25V6.75A3.754 3.754 0 0 0 17.25 3Zm2.25 14.25c0 1.24-1.01 2.25-2.25 2.25H6.75c-1.24 0-2.25-1.01-2.25-2.25V6.75c0-1.24 1.01-2.25 2.25-2.25h10.5c1.24 0 2.25 1.01 2.25 2.25v10.5Zm-6.09-9.466-5.031 5.03a2.981 2.981 0 0 0-.879 2.121v1.19c0 .415.336.75.75.75h1.19c.8 0 1.554-.312 2.12-.879l5.03-5.03a2.252 2.252 0 0 0 0-3.182c-.85-.85-2.331-.85-3.18 0Zm-2.91 7.151c-.28.28-.666.44-1.06.44H9v-.44c0-.4.156-.777.44-1.06l3.187-3.188 1.06 1.061-3.187 3.188Zm5.03-5.03-.782.783-1.06-1.061.782-.782a.766.766 0 0 1 1.06 0 .75.75 0 0 1 0 1.06Z"
   })));
-}, tt, nt;
-function we() {
-  return we = Object.assign ? Object.assign.bind() : function(e) {
+}, et, tt;
+function ye() {
+  return ye = Object.assign ? Object.assign.bind() : function(e) {
     for (var t = 1; t < arguments.length; t++) {
-      var n = arguments[t];
-      for (var r in n)
-        Object.prototype.hasOwnProperty.call(n, r) && (e[r] = n[r]);
+      var r = arguments[t];
+      for (var n in r)
+        Object.prototype.hasOwnProperty.call(r, n) && (e[n] = r[n]);
     }
     return e;
-  }, we.apply(this, arguments);
+  }, ye.apply(this, arguments);
 }
-var dn = function(t) {
-  return /* @__PURE__ */ _.createElement("svg", we({
+var ur = function(t) {
+  return /* @__PURE__ */ k.createElement("svg", ye({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
     fill: "none",
     viewBox: "0 0 24 24"
-  }, t), tt || (tt = /* @__PURE__ */ _.createElement("path", {
+  }, t), et || (et = /* @__PURE__ */ k.createElement("path", {
     fill: "currentColor",
     d: "M6.75 3h5.5v1.5h-5.5C5.51 4.5 4.5 5.51 4.5 6.75v10.5c0 1.24 1.01 2.25 2.25 2.25h10.5c1.24 0 2.25-1.01 2.25-2.25v-5.5H21v5.5A3.754 3.754 0 0 1 17.25 21H6.75A3.754 3.754 0 0 1 3 17.25V6.75A3.754 3.754 0 0 1 6.75 3Z"
-  })), nt || (nt = /* @__PURE__ */ _.createElement("path", {
+  })), tt || (tt = /* @__PURE__ */ k.createElement("path", {
     fill: "currentColor",
     d: "M20.013 3h-3.946a.987.987 0 0 0 0 1.973h1.564l-6.342 6.342a1.004 1.004 0 0 0 0 1.396 1.004 1.004 0 0 0 1.396 0l6.342-6.342v1.564a.987.987 0 0 0 1.973 0V3.987A.987.987 0 0 0 20.013 3Z"
   })));
 };
-function ft({ node: e, depth: t, deleteHandle: n, indexOrName: r, parent: l, editHandle: i, parentPath: o }) {
-  const { collapseStringsAfterLength: c, enableClipboard: u, editable: d, src: g, onDelete: m, onChange: y, customizeNode: E, matchesURL: w, urlRegExp: C, EditComponent: N, DoneComponent: A, CancelComponent: D, CustomOperation: P } = J(W);
-  let v;
-  if (typeof E == "function" && (v = Ae(E, [{ node: e, depth: t, indexOrName: r }])), v) {
-    if (vt(v))
-      return v;
-    if (tn(v)) {
-      const h = v;
-      return a.jsx(h, { node: e, depth: t, indexOrName: r });
+function ut({ node: e, depth: t, deleteHandle: r, indexOrName: n, parent: l, editHandle: i, parentPath: o }) {
+  const { collapseStringsAfterLength: c, enableClipboard: u, editable: d, src: p, onDelete: v, onChange: y, customizeNode: w, matchesURL: b, urlRegExp: C, EditComponent: N, DoneComponent: E, CancelComponent: D, CustomOperation: I } = J(W);
+  let h;
+  if (typeof w == "function" && (h = Ee(w, [{ node: e, depth: t, indexOrName: n }])), h) {
+    if (mt(h))
+      return h;
+    if (er(h)) {
+      const j = h;
+      return a.jsx(j, { node: e, depth: t, indexOrName: n });
     }
   }
   if (Array.isArray(e) || B(e))
-    return a.jsx(cn, { parent: l, node: e, depth: t, indexOrName: r, deleteHandle: n, parentPath: o, customOptions: typeof v == "object" ? v : void 0 });
+    return a.jsx(ir, { parent: l, node: e, depth: t, indexOrName: n, deleteHandle: r, parentPath: o, customOptions: typeof h == "object" ? h : void 0 });
   {
-    const h = typeof e, S = typeof r < "u" ? [...o, String(r)] : o, [x, H] = F(!1), [O, Y] = F(!1), R = Ce(null), L = () => {
-      H(!0), setTimeout(() => {
-        var f, j;
-        (f = window.getSelection()) === null || f === void 0 || f.selectAllChildren(R.current), (j = R.current) === null || j === void 0 || j.focus();
+    const j = typeof e, A = typeof n < "u" ? [...o, String(n)] : o, [x, Z] = H(!1), [O, V] = H(!1), P = xe(null), L = () => {
+      Z(!0), setTimeout(() => {
+        var f, m;
+        (f = window.getSelection()) === null || f === void 0 || f.selectAllChildren(P.current), (m = P.current) === null || m === void 0 || m.focus();
       });
-    }, U = ne(() => {
-      let f = R.current.innerText;
+    }, $ = re(() => {
+      let f = P.current.innerText;
       try {
-        const j = JSON.parse(f);
-        i && i(r, j, e, o);
+        const m = JSON.parse(f);
+        i && i(n, m, e, o);
       } catch {
-        const z = rn(h, f);
-        i && i(r, z, e, o);
+        const Y = rr(j, f);
+        i && i(n, Y, e, o);
       }
-      H(!1);
-    }, [i, r, e, o, h]), Z = () => {
-      H(!1), Y(!1);
+      Z(!1);
+    }, [i, n, e, o, j]), z = () => {
+      Z(!1), V(!1);
     }, T = () => {
-      Y(!1), n && n(r, o), m && m({
+      V(!1), r && r(n, o), v && v({
         value: e,
         depth: t,
-        src: g,
-        indexOrName: r,
+        src: p,
+        indexOrName: n,
         parentType: Array.isArray(l) ? "array" : "object",
         parentPath: o
       }), y && y({
         depth: t,
-        src: g,
-        indexOrName: r,
+        src: p,
+        indexOrName: n,
         parentType: Array.isArray(l) ? "array" : "object",
         type: "delete",
         parentPath: o
       });
-    }, $ = ne((f) => {
-      f.key === "Enter" ? (f.preventDefault(), U()) : f.key === "Escape" && Z();
-    }, [U]), k = x || O, V = !k && He(d) && Ue(v) && i ? (f) => {
+    }, M = re((f) => {
+      f.key === "Enter" ? (f.preventDefault(), $()) : f.key === "Escape" && z();
+    }, [$]), _ = x || O, U = !_ && Fe(d) && He(h) && i ? (f) => {
       (f.ctrlKey || f.metaKey) && L();
-    } : void 0, M = a.jsxs(a.Fragment, { children: [k && (typeof A == "function" ? a.jsx(A, { className: "json-view--edit", style: { display: "inline-block" }, onClick: O ? T : U }) : a.jsx(Ne, { className: "json-view--edit", style: { display: "inline-block" }, onClick: O ? T : U })), k && (typeof D == "function" ? a.jsx(D, { className: "json-view--edit", style: { display: "inline-block" }, onClick: Z }) : a.jsx(Oe, { className: "json-view--edit", style: { display: "inline-block" }, onClick: Z })), !k && u && oe(v) && a.jsx(ie, { node: e, nodeMeta: { depth: t, indexOrName: r, parent: l, parentPath: o, currentPath: S } }), !k && w && h === "string" && C.test(e) && nn(v) && a.jsx("a", Object.assign({ href: e, target: "_blank", className: "json-view--link" }, { children: a.jsx(dn, {}) })), !k && He(d) && Ue(v) && i && (typeof N == "function" ? a.jsx(N, { className: "json-view--edit", onClick: L }) : a.jsx(fn, { className: "json-view--edit", onClick: L })), !k && Se(d) && ke(v) && n && a.jsx(Te, { className: "json-view--edit", onClick: () => Y(!0) }), typeof P == "function" ? a.jsx(P, { node: e }) : null] });
-    let s = "json-view--string";
-    switch (h) {
+    } : void 0, F = a.jsxs(a.Fragment, { children: [_ && (typeof E == "function" ? a.jsx(E, { className: "json-view--edit", style: { display: "inline-block" }, onClick: O ? T : $ }) : a.jsx(Te, { className: "json-view--edit", style: { display: "inline-block" }, onClick: O ? T : $ })), _ && (typeof D == "function" ? a.jsx(D, { className: "json-view--edit", style: { display: "inline-block" }, onClick: z }) : a.jsx(Ne, { className: "json-view--edit", style: { display: "inline-block" }, onClick: z })), !_ && u && oe(h) && a.jsx(ie, { node: e, nodeMeta: { depth: t, indexOrName: n, parent: l, parentPath: o, currentPath: A } }), !_ && b && j === "string" && C.test(e) && tr(h) && a.jsx("a", Object.assign({ href: e, target: "_blank", className: "json-view--link" }, { children: a.jsx(ur, {}) })), !_ && Fe(d) && He(h) && i && (typeof N == "function" ? a.jsx(N, { className: "json-view--edit", onClick: L }) : a.jsx(cr, { className: "json-view--edit", onClick: L })), !_ && Ae(d) && Se(h) && r && a.jsx(ke, { className: "json-view--edit", onClick: () => V(!0) }), typeof I == "function" ? a.jsx(I, { node: e }) : null] });
+    let S = "json-view--string";
+    switch (j) {
       case "number":
       case "bigint":
-        s = "json-view--number";
+        S = "json-view--number";
         break;
       case "boolean":
-        s = "json-view--boolean";
+        S = "json-view--boolean";
         break;
       case "object":
-        s = "json-view--null";
+        S = "json-view--null";
         break;
     }
-    typeof v?.className == "string" && (s += " " + v.className), O && (s += " json-view--deleting");
-    let p = String(e);
-    h === "bigint" && (p += "n");
-    const b = se(() => a.jsx("span", { contentEditable: !0, className: s, dangerouslySetInnerHTML: { __html: h === "string" ? `"${p}"` : p }, ref: R, onKeyDown: $ }), [p, h, $]);
-    return h === "string" ? a.jsxs(a.Fragment, { children: [x ? b : e.length > c ? a.jsx(un, { str: e, ref: R, className: s, ctrlClick: V }) : a.jsxs("span", Object.assign({ className: s, onClick: V }, { children: ['"', p, '"'] })), M] }) : a.jsxs(a.Fragment, { children: [x ? b : a.jsx("span", Object.assign({ className: s, onClick: V }, { children: p })), M] });
+    typeof h?.className == "string" && (S += " " + h.className), O && (S += " json-view--deleting");
+    let s = String(e);
+    j === "bigint" && (s += "n");
+    const g = se(() => a.jsx("span", { contentEditable: !0, className: S, dangerouslySetInnerHTML: { __html: j === "string" ? `"${s}"` : s }, ref: P, onKeyDown: M }), [s, j, M]);
+    return j === "string" ? a.jsxs(a.Fragment, { children: [x ? g : e.length > c ? a.jsx(lr, { str: e, ref: P, className: S, ctrlClick: U }) : a.jsxs("span", Object.assign({ className: S, onClick: U }, { children: ['"', s, '"'] })), F] }) : a.jsxs(a.Fragment, { children: [x ? g : a.jsx("span", Object.assign({ className: S, onClick: U }, { children: s })), F] });
   }
 }
-const dt = /^(((ht|f)tps?):\/\/)?([^!@#$%^&*?.\s-]([^!@#$%^&*?.\s]{0,63}[^!@#$%^&*?.\s])?\.)+[a-z]{2,6}\/?/, W = mt({
+const ft = /^(((ht|f)tps?):\/\/)?([^!@#$%^&*?.\s-]([^!@#$%^&*?.\s]{0,63}[^!@#$%^&*?.\s])?\.)+[a-z]{2,6}\/?/, W = gt({
   src: void 0,
   collapseStringsAfterLength: 99,
   collapseStringMode: "directly",
@@ -1097,12 +1035,12 @@ const dt = /^(((ht|f)tps?):\/\/)?([^!@#$%^&*?.\s-]([^!@#$%^&*?.\s]{0,63}[^!@#$%^
   forceUpdate: () => {
   },
   customizeNode: void 0,
-  customizeCopy: () => {
-  },
+  customizeCopy: (() => {
+  }),
   displaySize: void 0,
   displayArrayIndex: !0,
   matchesURL: !1,
-  urlRegExp: dt,
+  urlRegExp: ft,
   ignoreLargeArray: !1,
   CopyComponent: void 0,
   CopiedComponent: void 0,
@@ -1111,108 +1049,108 @@ const dt = /^(((ht|f)tps?):\/\/)?([^!@#$%^&*?.\s-]([^!@#$%^&*?.\s]{0,63}[^!@#$%^
   DoneComponent: void 0,
   CustomOperation: void 0
 });
-function pn({ src: e, collapseStringsAfterLength: t = 99, collapseStringMode: n = "directly", customizeCollapseStringUI: r, collapseObjectsAfterLength: l = 99, collapsed: i, onCollapse: o, enableClipboard: c = !0, editable: u = !1, onEdit: d, onDelete: g, onAdd: m, onChange: y, dark: E = !1, theme: w = "default", customizeNode: C, customizeCopy: N = (Z) => Qt(Z), displaySize: A, displayArrayIndex: D = !0, style: P, className: v, matchesURL: h = !1, urlRegExp: S = dt, ignoreLargeArray: x = !1, CopyComponent: H, CopiedComponent: O, EditComponent: Y, CancelComponent: R, DoneComponent: L, CustomOperation: U }) {
-  const [Z, T] = F(0), $ = ne(() => T((M) => ++M), []), [k, V] = F(e);
-  return xe(() => V(e), [e]), a.jsx(W.Provider, Object.assign({ value: {
-    src: k,
+function fr({ src: e, collapseStringsAfterLength: t = 99, collapseStringMode: r = "directly", customizeCollapseStringUI: n, collapseObjectsAfterLength: l = 99, collapsed: i, onCollapse: o, enableClipboard: c = !0, editable: u = !1, onEdit: d, onDelete: p, onAdd: v, onChange: y, dark: w = !1, theme: b = "default", customizeNode: C, customizeCopy: N = (z) => Xt(z), displaySize: E, displayArrayIndex: D = !0, style: I, className: h, matchesURL: j = !1, urlRegExp: A = ft, ignoreLargeArray: x = !1, CopyComponent: Z, CopiedComponent: O, EditComponent: V, CancelComponent: P, DoneComponent: L, CustomOperation: $ }) {
+  const [z, T] = H(0), M = re(() => T((F) => ++F), []), [_, U] = H(e);
+  return we(() => U(e), [e]), a.jsx(W.Provider, Object.assign({ value: {
+    src: _,
     collapseStringsAfterLength: t,
-    collapseStringMode: n,
-    customizeCollapseStringUI: r,
+    collapseStringMode: r,
+    customizeCollapseStringUI: n,
     collapseObjectsAfterLength: l,
     collapsed: i,
     onCollapse: o,
     enableClipboard: c,
     editable: u,
     onEdit: d,
-    onDelete: g,
-    onAdd: m,
+    onDelete: p,
+    onAdd: v,
     onChange: y,
-    forceUpdate: $,
+    forceUpdate: M,
     customizeNode: C,
     customizeCopy: N,
-    displaySize: A,
+    displaySize: E,
     displayArrayIndex: D,
-    matchesURL: h,
-    urlRegExp: S,
+    matchesURL: j,
+    urlRegExp: A,
     ignoreLargeArray: x,
-    CopyComponent: H,
+    CopyComponent: Z,
     CopiedComponent: O,
-    EditComponent: Y,
-    CancelComponent: R,
+    EditComponent: V,
+    CancelComponent: P,
     DoneComponent: L,
-    CustomOperation: U
-  } }, { children: a.jsx("code", Object.assign({ className: "json-view" + (E ? " dark" : "") + (w && w !== "default" ? " json-view_" + w : "") + (v ? " " + v : ""), style: P }, { children: a.jsx(ft, { node: k, depth: 1, editHandle: (M, s, p, b) => {
-    V(s), d && d({
-      newValue: s,
-      oldValue: p,
+    CustomOperation: $
+  } }, { children: a.jsx("code", Object.assign({ className: "json-view" + (w ? " dark" : "") + (b && b !== "default" ? " json-view_" + b : "") + (h ? " " + h : ""), style: I }, { children: a.jsx(ut, { node: _, depth: 1, editHandle: (F, S, s, g) => {
+    U(S), d && d({
+      newValue: S,
+      oldValue: s,
       depth: 1,
-      src: k,
-      indexOrName: M,
+      src: _,
+      indexOrName: F,
       parentType: null,
-      parentPath: b
-    }), y && y({ type: "edit", depth: 1, src: k, indexOrName: M, parentType: null, parentPath: b });
-  }, deleteHandle: (M, s) => {
-    V(void 0), g && g({
-      value: k,
+      parentPath: g
+    }), y && y({ type: "edit", depth: 1, src: _, indexOrName: F, parentType: null, parentPath: g });
+  }, deleteHandle: (F, S) => {
+    U(void 0), p && p({
+      value: _,
       depth: 1,
-      src: k,
-      indexOrName: M,
+      src: _,
+      indexOrName: F,
       parentType: null,
-      parentPath: s
+      parentPath: S
     }), y && y({
       depth: 1,
-      src: k,
-      indexOrName: M,
+      src: _,
+      indexOrName: F,
       parentType: null,
       type: "delete",
-      parentPath: s
+      parentPath: S
     });
   }, parentPath: [] }) })) }));
 }
-const gn = ["id", "msg", "time", "level", "step", "flows", "traceId"], mn = ({ log: e, onClose: t }) => {
-  const [n, r] = F(!1), l = se(() => {
+const dr = ["id", "msg", "time", "level", "step", "flows", "traceId"], pr = ({ log: e, onClose: t }) => {
+  const [r, n] = H(!1), l = se(() => {
     if (!e)
       return null;
-    const i = Object.keys(e ?? {}).filter((o) => !gn.includes(o));
-    return r(i.length > 0), i.reduce(
+    const i = Object.keys(e ?? {}).filter((o) => !dr.includes(o));
+    return n(i.length > 0), i.reduce(
       (o, c) => (o[c] = e[c], o),
       {}
     );
   }, [e]);
   return e ? /* @__PURE__ */ a.jsx(
-    ht,
+    vt,
     {
       onClose: t,
       title: "Logs Details",
       subtitle: "Details including custom properties",
-      actions: [{ icon: /* @__PURE__ */ a.jsx(ot, {}), onClick: t, label: "Close" }],
+      actions: [{ icon: /* @__PURE__ */ a.jsx(st, {}), onClick: t, label: "Close" }],
       details: [
         {
           label: "Level",
           value: /* @__PURE__ */ a.jsxs("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ a.jsx(at, { level: e.level }),
+            /* @__PURE__ */ a.jsx(nt, { level: e.level }),
             /* @__PURE__ */ a.jsx("div", { className: "capitalize", children: e.level })
           ] })
         },
-        { label: "Time", value: it(e.time) },
+        { label: "Time", value: ot(e.time) },
         { label: "Step", value: e.step },
         { label: "Flows", value: e.flows.join(", ") },
         { label: "Trace ID", value: e.traceId }
       ],
-      children: n && /* @__PURE__ */ a.jsx(pn, { src: l, theme: "default", enableClipboard: !0 })
+      children: r && /* @__PURE__ */ a.jsx(fr, { src: l, theme: "default", enableClipboard: !0 })
     }
   ) : null;
-}, bn = () => {
-  const e = ee((u) => u.logs), t = ee((u) => u.resetLogs), n = ee((u) => u.selectedLogId), r = ee((u) => u.selectLogId), l = se(
-    () => n ? e.find((u) => u.id === n) : void 0,
-    [e, n]
-  ), [i, o] = F(""), c = se(() => e.filter((u) => u.msg.toLowerCase().includes(i.toLowerCase()) || u.traceId.toLowerCase().includes(i.toLowerCase()) || u.step.toLowerCase().includes(i.toLowerCase())), [e, i]);
+}, hr = () => {
+  const e = ee((u) => u.logs), t = ee((u) => u.resetLogs), r = ee((u) => u.selectedLogId), n = ee((u) => u.selectLogId), l = se(
+    () => r ? e.find((u) => u.id === r) : void 0,
+    [e, r]
+  ), [i, o] = H(""), c = se(() => e.filter((u) => u.msg.toLowerCase().includes(i.toLowerCase()) || u.traceId.toLowerCase().includes(i.toLowerCase()) || u.step.toLowerCase().includes(i.toLowerCase())), [e, i]);
   return /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
     /* @__PURE__ */ a.jsxs("div", { className: "grid grid-rows-[auto_1fr] h-full", "data-testid": "logs-container", children: [
       /* @__PURE__ */ a.jsxs("div", { className: "flex p-2 border-b gap-2", "data-testid": "logs-search-container", children: [
         /* @__PURE__ */ a.jsxs("div", { className: "flex-1 relative", children: [
           /* @__PURE__ */ a.jsx(
-            jt,
+            ht,
             {
               variant: "shade",
               value: i,
@@ -1221,43 +1159,43 @@ const gn = ["id", "msg", "time", "level", "step", "flows", "traceId"], mn = ({ l
               placeholder: "Search by Trace ID or Message"
             }
           ),
-          /* @__PURE__ */ a.jsx(Zt, { className: "absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-muted-foreground/50" }),
+          /* @__PURE__ */ a.jsx(Ut, { className: "absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-muted-foreground/50" }),
           /* @__PURE__ */ a.jsx(
-            ot,
+            st,
             {
               className: "cursor-pointer absolute right-3 top-1/2 -translate-y-1/2 w-4 h-4 text-muted-foreground/50 hover:text-muted-foreground",
               onClick: () => o("")
             }
           )
         ] }),
-        /* @__PURE__ */ a.jsxs(bt, { variant: "default", onClick: t, className: "h-[34px]", children: [
-          /* @__PURE__ */ a.jsx(zt, {}),
+        /* @__PURE__ */ a.jsxs(jt, { variant: "default", onClick: t, className: "h-[34px]", children: [
+          /* @__PURE__ */ a.jsx(Vt, {}),
           " Clear"
         ] })
       ] }),
-      /* @__PURE__ */ a.jsx(yt, { children: /* @__PURE__ */ a.jsx(wt, { className: "font-mono font-medium", children: c.map((u, d) => /* @__PURE__ */ a.jsxs(
-        xt,
+      /* @__PURE__ */ a.jsx(bt, { children: /* @__PURE__ */ a.jsx(yt, { className: "font-mono font-medium", children: c.map((u, d) => /* @__PURE__ */ a.jsxs(
+        wt,
         {
           "data-testid": "log-row",
-          className: Ct("font-mono font-semibold cursor-pointer border-0", {
-            "bg-muted-foreground/10 hover:bg-muted-foreground/20": n === u.id,
-            "hover:bg-muted-foreground/10": n !== u.id
+          className: xt("font-mono font-semibold cursor-pointer border-0", {
+            "bg-muted-foreground/10 hover:bg-muted-foreground/20": r === u.id,
+            "hover:bg-muted-foreground/10": r !== u.id
           }),
-          onClick: () => r(u.id),
+          onClick: () => n(u.id),
           children: [
             /* @__PURE__ */ a.jsxs(
-              re,
+              ne,
               {
                 "data-testid": `time-${d}`,
                 className: "whitespace-nowrap flex items-center gap-2 text-muted-foreground",
                 children: [
-                  /* @__PURE__ */ a.jsx(at, { level: u.level }),
-                  it(u.time)
+                  /* @__PURE__ */ a.jsx(nt, { level: u.level }),
+                  ot(u.time)
                 ]
               }
             ),
             /* @__PURE__ */ a.jsx(
-              re,
+              ne,
               {
                 "data-testid": `trace-${u.traceId}`,
                 className: "whitespace-nowrap cursor-pointer hover:text-primary text-muted-foreground",
@@ -1265,9 +1203,9 @@ const gn = ["id", "msg", "time", "level", "step", "flows", "traceId"], mn = ({ l
                 children: u.traceId
               }
             ),
-            /* @__PURE__ */ a.jsx(re, { "data-testid": `step-${d}`, "aria-label": u.step, className: "whitespace-nowrap", children: u.step }),
+            /* @__PURE__ */ a.jsx(ne, { "data-testid": `step-${d}`, "aria-label": u.step, className: "whitespace-nowrap", children: u.step }),
             /* @__PURE__ */ a.jsx(
-              re,
+              ne,
               {
                 "data-testid": `msg-${d}`,
                 "aria-label": u.msg,
@@ -1280,10 +1218,10 @@ const gn = ["id", "msg", "time", "level", "step", "flows", "traceId"], mn = ({ l
         d
       )) }) })
     ] }),
-    /* @__PURE__ */ a.jsx(mn, { log: l, onClose: () => r(void 0) })
+    /* @__PURE__ */ a.jsx(pr, { log: l, onClose: () => n(void 0) })
   ] });
 };
-Rt();
+Ot();
 export {
-  bn as LogsPage
+  hr as LogsPage
 };