@motiadev/plugin-logs 0.13.2-beta.164-562802 → 0.13.2-beta.164-732151

package/dist/index.js

@@ -1,337 +1,1295 @@
-import { Stream } from "@motiadev/stream-client-browser";
-import { create } from "zustand";
-import { c } from "react/compiler-runtime";
-import { Button, Input, LevelDot, Sidebar, Table, TableBody, TableCell, TableRow, cn } from "@motiadev/ui";
-import { Search, Trash, X } from "lucide-react";
-import { useMemo, useState } from "react";
-import ReactJson from "react18-json-view";
-import "react18-json-view/src/dark.css";
-import "react18-json-view/src/style.css";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-
-//#region src/stores/use-logs-store.ts
-const useLogsStore = create()((set) => ({
-	logs: [],
-	selectedLogId: void 0,
-	addLog: (log) => set((state) => {
-		if (state.logs.find((l) => l.id === log.id)) return state;
-		return { logs: [log, ...state.logs] };
-	}),
-	setLogs: (logs) => set({ logs: [...logs].reverse() }),
-	resetLogs: () => {
-		set({ logs: [] });
-	},
-	selectLogId: (logId) => set({ selectedLogId: logId })
-}));
-
-//#endregion
-//#region src/utils/init-log-listener.ts
-const streamName = "__motia.logs";
-const groupId = "default";
-const type = "log";
-const initLogListener = () => {
-	const subscription = new Stream(window.location.origin.replace("http", "ws")).subscribeGroup(streamName, groupId);
-	const store = useLogsStore.getState();
-	subscription.addChangeListener((logs) => {
-		if (logs) store.setLogs(logs);
-	});
-	subscription.onEvent(type, store.addLog);
+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) => {
+  let t;
+  const n = /* @__PURE__ */ new Set(), r = (d, g) => {
+    const m = typeof d == "function" ? d(t) : d;
+    if (!Object.is(m, t)) {
+      const y = t;
+      t = g ?? (typeof m != "object" || m === null) ? m : Object.assign({}, t, m), n.forEach((E) => E(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);
+  return c;
+}, Et = (e) => e ? Re(e) : Re, At = (e) => e;
+function St(e, t = At) {
+  const n = K.useSyncExternalStore(
+    e.subscribe,
+    K.useCallback(() => t(e.getState()), [e, t]),
+    K.useCallback(() => t(e.getInitialState()), [e, t])
+  );
+  return K.useDebugValue(n), n;
+}
+const kt = (e) => {
+  const t = Et(e), n = (r) => St(t, r);
+  return Object.assign(n, t), n;
+}, _t = (e) => kt, ee = _t()((e) => ({
+  logs: [],
+  selectedLogId: void 0,
+  addLog: (t) => e((n) => n.logs.find((r) => r.id === t.id) ? n : {
+    logs: [t, ...n.logs]
+  }),
+  setLogs: (t) => e({
+    logs: [...t].reverse()
+  }),
+  resetLogs: () => {
+    e({ logs: [] });
+  },
+  selectLogId: (t) => e({ selectedLogId: t })
+})), Tt = "__motia.logs", Nt = "default", Ot = "log", Rt = () => {
+  const t = new gt(window.location.origin.replace("http", "ws")).subscribeGroup(Tt, Nt), n = ee.getState();
+  t.addChangeListener((r) => {
+    r && n.setLogs(r);
+  }), t.onEvent(Ot, n.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 e = Symbol.for("react.transitional.element"), t = Symbol.for("react.fragment");
+  function n(r, l, i) {
+    var o = null;
+    if (i !== void 0 && (o = "" + i), l.key !== void 0 && (o = "" + l.key), "key" in l) {
+      i = {};
+      for (var c in l)
+        c !== "key" && (i[c] = l[c]);
+    } else i = l;
+    return l = i.ref, {
+      $$typeof: e,
+      type: r,
+      key: o,
+      ref: l !== void 0 ? l : null,
+      props: i
+    };
+  }
+  return X.Fragment = t, X.jsx = n, X.jsxs = n, 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() {
+    function e(s) {
+      if (s == null) return null;
+      if (typeof s == "function")
+        return s.$$typeof === Y ? null : s.displayName || s.name || null;
+      if (typeof s == "string") return s;
+      switch (s) {
+        case C:
+          return "Fragment";
+        case A:
+          return "Profiler";
+        case N:
+          return "StrictMode";
+        case h:
+          return "Suspense";
+        case S:
+          return "SuspenseList";
+        case O:
+          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:
+            return "Portal";
+          case P:
+            return (s.displayName || "Context") + ".Provider";
+          case D:
+            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;
+            try {
+              return e(s(p));
+            } catch {
+            }
+        }
+      return null;
+    }
+    function t(s) {
+      return "" + s;
+    }
+    function n(s) {
+      try {
+        t(s);
+        var p = !1;
+      } catch {
+        p = !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,
+          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+          f
+        ), t(s);
+      }
+    }
+    function r(s) {
+      if (s === C) return "<>";
+      if (typeof s == "object" && s !== null && s.$$typeof === H)
+        return "<...>";
+      try {
+        var p = e(s);
+        return p ? "<" + p + ">" : "<...>";
+      } catch {
+        return "<...>";
+      }
+    }
+    function l() {
+      var s = R.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;
+      }
+      return s.key !== void 0;
+    }
+    function c(s, p) {
+      function b() {
+        T || (T = !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
+        ));
+      }
+      b.isReactWarning = !0, Object.defineProperty(s, "key", {
+        get: b,
+        configurable: !0
+      });
+    }
+    function u() {
+      var s = e(this.type);
+      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,
+        type: s,
+        key: p,
+        props: z,
+        _owner: j
+      }, (b !== void 0 ? b : 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", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: 0
+      }), Object.defineProperty(s, "_debugInfo", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: null
+      }), Object.defineProperty(s, "_debugStack", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: le
+      }), Object.defineProperty(s, "_debugTask", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: ce
+      }), 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);
+          } 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";
+        });
+        f = 0 < q.length ? "{key: someKey, " + q.join(": ..., ") + ": ...}" : "{key: someKey}", M[I + f] || (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,
+          q,
+          I
+        ), M[I + f] = !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,
+        typeof s == "function" ? s.displayName || s.name || "Unknown" : s
+      ), d(
+        s,
+        I,
+        z,
+        j,
+        l(),
+        b,
+        le,
+        ce
+      );
+    }
+    function m(s) {
+      typeof s == "object" && s !== null && s.$$typeof === E && s._store && (s._store.validated = 1);
+    }
+    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() {
+      return null;
+    };
+    y = {
+      react_stack_bottom_frame: function(s) {
+        return s();
+      }
+    };
+    var T, $ = {}, k = y.react_stack_bottom_frame.bind(
+      y,
+      i
+    )(), V = Z(r(i)), M = {};
+    Q.Fragment = C, Q.jsx = function(s, p, b, f, j) {
+      var z = 1e4 > R.recentlyCreatedOwnerStacks++;
+      return g(
+        s,
+        p,
+        b,
+        !1,
+        f,
+        j,
+        z ? Error("react-stack-top-frame") : k,
+        z ? Z(r(s)) : V
+      );
+    }, Q.jsxs = function(s, p, b, f, j) {
+      var z = 1e4 > R.recentlyCreatedOwnerStacks++;
+      return g(
+        s,
+        p,
+        b,
+        !0,
+        f,
+        j,
+        z ? Error("react-stack-top-frame") : k,
+        z ? Z(r(s)) : V
+      );
+    };
+  }()), Q;
+}
+var Ie;
+function It() {
+  return Ie || (Ie = 1, process.env.NODE_ENV === "production" ? ae.exports = Lt() : ae.exports = Dt()), 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(
+  /^([A-Z])|[\s-_]+(\w)/g,
+  (t, n, r) => r ? r.toUpperCase() : n.toLowerCase()
+), Pe = (e) => {
+  const t = $t(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) => {
+  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 = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 24,
+  height: 24,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  strokeWidth: 2,
+  strokeLinecap: "round",
+  strokeLinejoin: "round"
 };
-
-//#endregion
-//#region src/utils/format-timestamp.ts
-const formatTimestamp = (time) => {
-	const date = new Date(Number(time));
-	return `${date.toLocaleDateString("en-US", {
-		year: void 0,
-		month: "short",
-		day: "2-digit"
-	})}, ${date.toLocaleTimeString("en-US", {
-		hour: "2-digit",
-		minute: "2-digit",
-		second: "2-digit",
-		hourCycle: "h24"
-	})}.${date.getMilliseconds().toString().padStart(3, "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.
+ */
+const Ht = rt(
+  ({
+    color: e = "currentColor",
+    size: t = 24,
+    strokeWidth: n = 2,
+    absoluteStrokeWidth: r,
+    className: l = "",
+    children: i,
+    iconNode: o,
+    ...c
+  }, u) => fe(
+    "svg",
+    {
+      ref: u,
+      ...Ft,
+      width: t,
+      height: t,
+      stroke: e,
+      strokeWidth: r ? Number(n) * 24 / Number(t) : n,
+      className: st("lucide", l),
+      ...!i && !Mt(c) && { "aria-hidden": "true" },
+      ...c
+    },
+    [
+      ...o.map(([d, g]) => fe(d, g)),
+      ...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, {
+      ref: i,
+      iconNode: t,
+      className: st(
+        `lucide-${Pt(Pe(e))}`,
+        `lucide-${e}`,
+        r
+      ),
+      ...l
+    })
+  );
+  return n.displayName = Pe(e), n;
 };
-
-//#endregion
-//#region src/components/log-detail.tsx
-const defaultProps = [
-	"id",
-	"msg",
-	"time",
-	"level",
-	"step",
-	"flows",
-	"traceId"
-];
-const LogDetail = ({ log, onClose }) => {
-	const [hasOtherProps, setHasOtherProps] = useState(false);
-	const otherPropsObject = useMemo(() => {
-		if (!log) return null;
-		const otherProps = Object.keys(log ?? {}).filter((key) => !defaultProps.includes(key));
-		setHasOtherProps(otherProps.length > 0);
-		return otherProps.reduce((acc, key_0) => {
-			acc[key_0] = log[key_0];
-			return acc;
-		}, {});
-	}, [log]);
-	if (!log) return null;
-	return /* @__PURE__ */ jsx(Sidebar, {
-		onClose,
-		title: "Logs Details",
-		subtitle: "Details including custom properties",
-		actions: [{
-			icon: /* @__PURE__ */ jsx(X, {}),
-			onClick: onClose,
-			label: "Close"
-		}],
-		details: [
-			{
-				label: "Level",
-				value: /* @__PURE__ */ jsxs("div", {
-					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ jsx(LevelDot, { level: log.level }), /* @__PURE__ */ jsx("div", {
-						className: "capitalize",
-						children: log.level
-					})]
-				})
-			},
-			{
-				label: "Time",
-				value: formatTimestamp(log.time)
-			},
-			{
-				label: "Step",
-				value: log.step
-			},
-			{
-				label: "Flows",
-				value: log.flows.join(", ")
-			},
-			{
-				label: "Trace ID",
-				value: log.traceId
-			}
-		],
-		children: hasOtherProps && /* @__PURE__ */ jsx(ReactJson, {
-			src: otherPropsObject,
-			theme: "default",
-			enableClipboard: true
-		})
-	});
+/**
+ * @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 = [
+  ["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 = [
+  ["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 = [
+  ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
+  ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
+], ot = Ee("x", Yt), it = (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 l(i) {
+    return i instanceof n ? i : new n(function(o) {
+      o(i);
+    });
+  }
+  return new (n || (n = Promise))(function(i, o) {
+    function c(g) {
+      try {
+        d(r.next(g));
+      } catch (m) {
+        o(m);
+      }
+    }
+    function u(g) {
+      try {
+        d(r.throw(g));
+      } catch (m) {
+        o(m);
+      }
+    }
+    function d(g) {
+      g.done ? i(g.value) : l(g.value).then(c, u);
+    }
+    d((r = r.apply(e, [])).next());
+  });
+}
+var Wt = 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));
+  switch (t.tagName.toUpperCase()) {
+    // .toUpperCase handles XHTML
+    case "INPUT":
+    case "TEXTAREA":
+      t.blur();
+      break;
+    default:
+      t = null;
+      break;
+  }
+  return e.removeAllRanges(), function() {
+    e.type === "Caret" && e.removeAllRanges(), e.rangeCount || n.forEach(function(l) {
+      e.addRange(l);
+    }), t && t.focus();
+  };
+}, Jt = Wt, $e = {
+  "text/plain": "Text",
+  "text/html": "Url",
+  default: "Text"
+}, qt = "Copy to clipboard: #{key}, Enter";
+function Kt(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;
+  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);
+        } else
+          g.clipboardData.clearData(), g.clipboardData.setData(t.format, e);
+      t.onCopy && (g.preventDefault(), t.onCopy(g.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");
+    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);
+    }
+  } finally {
+    o && (typeof o.removeRange == "function" ? o.removeRange(i) : o.removeAllRanges()), c && document.body.removeChild(c), l();
+  }
+  return u;
+}
+var Xt = Gt;
+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) {
+  if (typeof e == "string")
+    return e;
+  try {
+    return JSON.stringify(e, (n, r) => {
+      switch (typeof r) {
+        case "bigint":
+          return String(r) + "n";
+        case "number":
+        case "boolean":
+        case "object":
+        case "string":
+          return r;
+        default:
+          return String(r);
+      }
+    }, t);
+  } catch (n) {
+    return `${n.name}: ${n.message}` || "JSON.stringify failed";
+  }
+}
+function en(e) {
+  return Bt(this, void 0, void 0, function* () {
+    try {
+      yield navigator.clipboard.writeText(e);
+    } catch {
+      Xt(e);
+    }
+  });
+}
+function Me(e, t, n, r, l, i) {
+  if (i && i.collapsed !== void 0)
+    return !!i.collapsed;
+  if (typeof r == "boolean")
+    return r;
+  if (typeof r == "number" && t > r)
+    return !0;
+  const o = te(e);
+  if (typeof r == "function") {
+    const c = Ae(r, [{ node: e, depth: t, indexOrName: n, 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) {
+  if (i && i.collapsed !== void 0)
+    return !!i.collapsed;
+  if (typeof r == "boolean")
+    return r;
+  if (typeof r == "number" && t > r)
+    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 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 Ae(e, t) {
+  try {
+    return e(...t);
+  } catch (n) {
+    reportError(n);
+  }
+}
+function lt(e) {
+  if (e === !0 || B(e) && e.add === !0)
+    return !0;
+}
+function He(e) {
+  if (e === !0 || B(e) && e.edit === !0)
+    return !0;
+}
+function Se(e) {
+  if (e === !0 || B(e) && e.delete === !0)
+    return !0;
+}
+function tn(e) {
+  return typeof e == "function";
+}
+function ct(e) {
+  return !e || e.add === void 0 || !!e.add;
+}
+function Ue(e) {
+  return !e || e.edit === void 0 || !!e.edit;
+}
+function ke(e) {
+  return !e || e.delete === void 0 || !!e.delete;
+}
+function oe(e) {
+  return !e || e.enableClipboard === void 0 || !!e.enableClipboard;
+}
+function nn(e) {
+  return !e || e.matchesURL === void 0 || !!e.matchesURL;
+}
+function rn(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) {
+    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]);
+    }
+    return e;
+  }, de.apply(this, arguments);
+}
+var _e = function(t) {
+  return /* @__PURE__ */ _.createElement("svg", de({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16,
+    fill: "none",
+    viewBox: "0 0 16 16"
+  }, t), Ze || (Ze = /* @__PURE__ */ _.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) {
+    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]);
+    }
+    return e;
+  }, pe.apply(this, arguments);
+}
+var an = function(t) {
+  return /* @__PURE__ */ _.createElement("svg", pe({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    fill: "none",
+    viewBox: "0 0 24 24"
+  }, t), Ve || (Ve = /* @__PURE__ */ _.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) {
+    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]);
+    }
+    return e;
+  }, ge.apply(this, arguments);
+}
+var sn = function(t) {
+  return /* @__PURE__ */ _.createElement("svg", ge({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    fill: "none",
+    viewBox: "0 0 24 24"
+  }, t), ze || (ze = /* @__PURE__ */ _.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", {
+    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) => {
+    u.stopPropagation();
+    const d = n(e, t);
+    typeof d == "string" && d && en(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" });
+}
+function me({ indexOrName: e, value: t, depth: n, deleteHandle: r, 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 })] }));
+}
+var Be, We;
+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]);
+    }
+    return e;
+  }, ve.apply(this, arguments);
+}
+var Te = function(t) {
+  return /* @__PURE__ */ _.createElement("svg", ve({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    fill: "none",
+    viewBox: "0 0 24 24"
+  }, t), Be || (Be = /* @__PURE__ */ _.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", {
+    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) {
+    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]);
+    }
+    return e;
+  }, he.apply(this, arguments);
+}
+var ut = function(t) {
+  return /* @__PURE__ */ _.createElement("svg", he({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    fill: "none",
+    viewBox: "0 0 24 24"
+  }, t), Je || (Je = /* @__PURE__ */ _.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", {
+    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) {
+    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]);
+    }
+    return e;
+  }, je.apply(this, arguments);
+}
+var Ne = function(t) {
+  return /* @__PURE__ */ _.createElement("svg", je({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    fill: "none",
+    viewBox: "0 0 24 24"
+  }, t), Ke || (Ke = /* @__PURE__ */ _.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", {
+    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) {
+    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]);
+    }
+    return e;
+  }, be.apply(this, arguments);
+}
+var Oe = function(t) {
+  return /* @__PURE__ */ _.createElement("svg", be({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    fill: "none",
+    viewBox: "0 0 24 24"
+  }, t), Xe || (Xe = /* @__PURE__ */ _.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", {
+    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({
+      newValue: x,
+      oldValue: H,
+      depth: n,
+      src: g,
+      indexOrName: S,
+      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: "]" })] });
+}
+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 = [];
+  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({
+      type: "delete",
+      depth: t,
+      src: w,
+      indexOrName: r,
+      parentType: "array",
+      parentPath: o
+    });
+  }, [O, Y] = F(!1), R = () => {
+    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"] }))] });
+}
+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);
+  };
+  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,
+      depth: t,
+      src: w,
+      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) => {
+    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({
+      type: "delete",
+      depth: t,
+      src: w,
+      indexOrName: n,
+      parentType: S ? "object" : "array",
+      parentPath: h
+    });
+  }, [T, $] = F(!1), k = Ce(null), V = () => {
+    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 }));
+    } 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 });
+    }
+    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(() => {
+      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) });
+}
+const un = K.forwardRef(({ str: e, className: t, ctrlClick: n }, r) => {
+  let { collapseStringMode: l, collapseStringsAfterLength: i, customizeCollapseStringUI: o } = J(W);
+  const [c, u] = F(!0), d = Ce(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);
+    else {
+      const C = window.getSelection();
+      if (C && C.anchorOffset !== C.focusOffset && ((w = C.anchorNode) === null || w === void 0 ? void 0 : w.parentElement) === d.current)
+        return;
+      u(!c);
+    }
+  };
+  if (e.length <= i)
+    return a.jsxs("span", Object.assign({ ref: d, className: t, onClick: n }, { 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, '"'] }));
+  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, '"'] }));
+  if (l === "word") {
+    let E = i, w = i + 1, C = g, 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 (N === 6) {
+        C = e.slice(0, i);
+        break;
+      }
+      N++, E--, w++;
+    }
+    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, className: t }, { children: ['"', e, '"'] }));
+});
+var et;
+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]);
+    }
+    return e;
+  }, ye.apply(this, arguments);
+}
+var fn = function(t) {
+  return /* @__PURE__ */ _.createElement("svg", ye({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    fill: "none",
+    viewBox: "0 0 24 24"
+  }, t), et || (et = /* @__PURE__ */ _.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) {
+    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]);
+    }
+    return e;
+  }, we.apply(this, arguments);
+}
+var dn = function(t) {
+  return /* @__PURE__ */ _.createElement("svg", we({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    fill: "none",
+    viewBox: "0 0 24 24"
+  }, t), tt || (tt = /* @__PURE__ */ _.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", {
+    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 });
+    }
+  }
+  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 });
+  {
+    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();
+      });
+    }, U = ne(() => {
+      let f = R.current.innerText;
+      try {
+        const j = JSON.parse(f);
+        i && i(r, j, e, o);
+      } catch {
+        const z = rn(h, f);
+        i && i(r, z, e, o);
+      }
+      H(!1);
+    }, [i, r, e, o, h]), Z = () => {
+      H(!1), Y(!1);
+    }, T = () => {
+      Y(!1), n && n(r, o), m && m({
+        value: e,
+        depth: t,
+        src: g,
+        indexOrName: r,
+        parentType: Array.isArray(l) ? "array" : "object",
+        parentPath: o
+      }), y && y({
+        depth: t,
+        src: g,
+        indexOrName: r,
+        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) => {
+      (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) {
+      case "number":
+      case "bigint":
+        s = "json-view--number";
+        break;
+      case "boolean":
+        s = "json-view--boolean";
+        break;
+      case "object":
+        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] });
+  }
+}
+const dt = /^(((ht|f)tps?):\/\/)?([^!@#$%^&*?.\s-]([^!@#$%^&*?.\s]{0,63}[^!@#$%^&*?.\s])?\.)+[a-z]{2,6}\/?/, W = mt({
+  src: void 0,
+  collapseStringsAfterLength: 99,
+  collapseStringMode: "directly",
+  customizeCollapseStringUI: void 0,
+  collapseObjectsAfterLength: 20,
+  collapsed: !1,
+  onCollapse: void 0,
+  enableClipboard: !0,
+  editable: !1,
+  onEdit: void 0,
+  onDelete: void 0,
+  onAdd: void 0,
+  onChange: void 0,
+  forceUpdate: () => {
+  },
+  customizeNode: void 0,
+  customizeCopy: () => {
+  },
+  displaySize: void 0,
+  displayArrayIndex: !0,
+  matchesURL: !1,
+  urlRegExp: dt,
+  ignoreLargeArray: !1,
+  CopyComponent: void 0,
+  CopiedComponent: void 0,
+  EditComponent: void 0,
+  CancelComponent: void 0,
+  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,
+    collapseStringsAfterLength: t,
+    collapseStringMode: n,
+    customizeCollapseStringUI: r,
+    collapseObjectsAfterLength: l,
+    collapsed: i,
+    onCollapse: o,
+    enableClipboard: c,
+    editable: u,
+    onEdit: d,
+    onDelete: g,
+    onAdd: m,
+    onChange: y,
+    forceUpdate: $,
+    customizeNode: C,
+    customizeCopy: N,
+    displaySize: A,
+    displayArrayIndex: D,
+    matchesURL: h,
+    urlRegExp: S,
+    ignoreLargeArray: x,
+    CopyComponent: H,
+    CopiedComponent: O,
+    EditComponent: Y,
+    CancelComponent: R,
+    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,
+      depth: 1,
+      src: k,
+      indexOrName: M,
+      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,
+      depth: 1,
+      src: k,
+      indexOrName: M,
+      parentType: null,
+      parentPath: s
+    }), y && y({
+      depth: 1,
+      src: k,
+      indexOrName: M,
+      parentType: null,
+      type: "delete",
+      parentPath: s
+    });
+  }, parentPath: [] }) })) }));
+}
+const gn = ["id", "msg", "time", "level", "step", "flows", "traceId"], mn = ({ log: e, onClose: t }) => {
+  const [n, r] = F(!1), l = se(() => {
+    if (!e)
+      return null;
+    const i = Object.keys(e ?? {}).filter((o) => !gn.includes(o));
+    return r(i.length > 0), i.reduce(
+      (o, c) => (o[c] = e[c], o),
+      {}
+    );
+  }, [e]);
+  return e ? /* @__PURE__ */ a.jsx(
+    ht,
+    {
+      onClose: t,
+      title: "Logs Details",
+      subtitle: "Details including custom properties",
+      actions: [{ icon: /* @__PURE__ */ a.jsx(ot, {}), 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("div", { className: "capitalize", children: e.level })
+          ] })
+        },
+        { label: "Time", value: it(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 })
+    }
+  ) : 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]);
+  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,
+            {
+              variant: "shade",
+              value: i,
+              onChange: (u) => o(u.target.value),
+              className: "px-9! font-medium",
+              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(
+            ot,
+            {
+              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, {}),
+          " Clear"
+        ] })
+      ] }),
+      /* @__PURE__ */ a.jsx(yt, { children: /* @__PURE__ */ a.jsx(wt, { className: "font-mono font-medium", children: c.map((u, d) => /* @__PURE__ */ a.jsxs(
+        xt,
+        {
+          "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
+          }),
+          onClick: () => r(u.id),
+          children: [
+            /* @__PURE__ */ a.jsxs(
+              re,
+              {
+                "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(
+              re,
+              {
+                "data-testid": `trace-${u.traceId}`,
+                className: "whitespace-nowrap cursor-pointer hover:text-primary text-muted-foreground",
+                onClick: () => o(u.traceId),
+                children: u.traceId
+              }
+            ),
+            /* @__PURE__ */ a.jsx(re, { "data-testid": `step-${d}`, "aria-label": u.step, className: "whitespace-nowrap", children: u.step }),
+            /* @__PURE__ */ a.jsx(
+              re,
+              {
+                "data-testid": `msg-${d}`,
+                "aria-label": u.msg,
+                className: "whitespace-nowrap max-w-[500px] truncate w-full",
+                children: u.msg
+              }
+            )
+          ]
+        },
+        d
+      )) }) })
+    ] }),
+    /* @__PURE__ */ a.jsx(mn, { log: l, onClose: () => r(void 0) })
+  ] });
 };
-
-//#endregion
-//#region src/components/logs-page.tsx
-const LogsPage = () => {
-	const $ = c(41);
-	const logs = useLogsStore(_temp);
-	const resetLogs = useLogsStore(_temp2);
-	const selectedLogId = useLogsStore(_temp3);
-	const selectLogId = useLogsStore(_temp4);
-	let t0;
-	if ($[0] !== logs || $[1] !== selectedLogId) {
-		t0 = selectedLogId ? logs.find((log) => log.id === selectedLogId) : void 0;
-		$[0] = logs;
-		$[1] = selectedLogId;
-		$[2] = t0;
-	} else t0 = $[2];
-	const selectedLog = t0;
-	const [search, setSearch] = useState("");
-	let t1;
-	if ($[3] !== logs || $[4] !== search) {
-		let t2$1;
-		if ($[6] !== search) {
-			t2$1 = (log_0) => log_0.msg.toLowerCase().includes(search.toLowerCase()) || log_0.traceId.toLowerCase().includes(search.toLowerCase()) || log_0.step.toLowerCase().includes(search.toLowerCase());
-			$[6] = search;
-			$[7] = t2$1;
-		} else t2$1 = $[7];
-		t1 = logs.filter(t2$1);
-		$[3] = logs;
-		$[4] = search;
-		$[5] = t1;
-	} else t1 = $[5];
-	const filteredLogs = t1;
-	let t2;
-	if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
-		t2 = (e) => setSearch(e.target.value);
-		$[8] = t2;
-	} else t2 = $[8];
-	let t3;
-	if ($[9] !== search) {
-		t3 = /* @__PURE__ */ jsx(Input, {
-			variant: "shade",
-			value: search,
-			onChange: t2,
-			className: "px-9! font-medium",
-			placeholder: "Search by Trace ID or Message"
-		});
-		$[9] = search;
-		$[10] = t3;
-	} else t3 = $[10];
-	let t4;
-	if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
-		t4 = /* @__PURE__ */ jsx(Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-muted-foreground/50" });
-		$[11] = t4;
-	} else t4 = $[11];
-	let t5;
-	if ($[12] === Symbol.for("react.memo_cache_sentinel")) {
-		t5 = /* @__PURE__ */ jsx(X, {
-			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: () => setSearch("")
-		});
-		$[12] = t5;
-	} else t5 = $[12];
-	let t6;
-	if ($[13] !== t3) {
-		t6 = /* @__PURE__ */ jsxs("div", {
-			className: "flex-1 relative",
-			children: [
-				t3,
-				t4,
-				t5
-			]
-		});
-		$[13] = t3;
-		$[14] = t6;
-	} else t6 = $[14];
-	let t7;
-	if ($[15] === Symbol.for("react.memo_cache_sentinel")) {
-		t7 = /* @__PURE__ */ jsx(Trash, {});
-		$[15] = t7;
-	} else t7 = $[15];
-	let t8;
-	if ($[16] !== resetLogs) {
-		t8 = /* @__PURE__ */ jsxs(Button, {
-			variant: "default",
-			onClick: resetLogs,
-			className: "h-[34px]",
-			children: [t7, " Clear"]
-		});
-		$[16] = resetLogs;
-		$[17] = t8;
-	} else t8 = $[17];
-	let t9;
-	if ($[18] !== t6 || $[19] !== t8) {
-		t9 = /* @__PURE__ */ jsxs("div", {
-			className: "flex p-2 border-b gap-2",
-			"data-testid": "logs-search-container",
-			children: [t6, t8]
-		});
-		$[18] = t6;
-		$[19] = t8;
-		$[20] = t9;
-	} else t9 = $[20];
-	let t10;
-	if ($[21] !== filteredLogs || $[22] !== selectLogId || $[23] !== selectedLogId) {
-		let t11$1;
-		if ($[25] !== selectLogId || $[26] !== selectedLogId) {
-			t11$1 = (log_1, index) => /* @__PURE__ */ jsxs(TableRow, {
-				"data-testid": "log-row",
-				className: cn("font-mono font-semibold cursor-pointer border-0", {
-					"bg-muted-foreground/10 hover:bg-muted-foreground/20": selectedLogId === log_1.id,
-					"hover:bg-muted-foreground/10": selectedLogId !== log_1.id
-				}),
-				onClick: () => selectLogId(log_1.id),
-				children: [
-					/* @__PURE__ */ jsxs(TableCell, {
-						"data-testid": `time-${index}`,
-						className: "whitespace-nowrap flex items-center gap-2 text-muted-foreground",
-						children: [/* @__PURE__ */ jsx(LevelDot, { level: log_1.level }), formatTimestamp(log_1.time)]
-					}),
-					/* @__PURE__ */ jsx(TableCell, {
-						"data-testid": `trace-${log_1.traceId}`,
-						className: "whitespace-nowrap cursor-pointer hover:text-primary text-muted-foreground",
-						onClick: () => setSearch(log_1.traceId),
-						children: log_1.traceId
-					}),
-					/* @__PURE__ */ jsx(TableCell, {
-						"data-testid": `step-${index}`,
-						"aria-label": log_1.step,
-						className: "whitespace-nowrap",
-						children: log_1.step
-					}),
-					/* @__PURE__ */ jsx(TableCell, {
-						"data-testid": `msg-${index}`,
-						"aria-label": log_1.msg,
-						className: "whitespace-nowrap max-w-[500px] truncate w-full",
-						children: log_1.msg
-					})
-				]
-			}, index);
-			$[25] = selectLogId;
-			$[26] = selectedLogId;
-			$[27] = t11$1;
-		} else t11$1 = $[27];
-		t10 = filteredLogs.map(t11$1);
-		$[21] = filteredLogs;
-		$[22] = selectLogId;
-		$[23] = selectedLogId;
-		$[24] = t10;
-	} else t10 = $[24];
-	let t11;
-	if ($[28] !== t10) {
-		t11 = /* @__PURE__ */ jsx(Table, { children: /* @__PURE__ */ jsx(TableBody, {
-			className: "font-mono font-medium",
-			children: t10
-		}) });
-		$[28] = t10;
-		$[29] = t11;
-	} else t11 = $[29];
-	let t12;
-	if ($[30] !== t11 || $[31] !== t9) {
-		t12 = /* @__PURE__ */ jsxs("div", {
-			className: "grid grid-rows-[auto_1fr] h-full",
-			"data-testid": "logs-container",
-			children: [t9, t11]
-		});
-		$[30] = t11;
-		$[31] = t9;
-		$[32] = t12;
-	} else t12 = $[32];
-	let t13;
-	if ($[33] !== selectLogId) {
-		t13 = () => selectLogId(void 0);
-		$[33] = selectLogId;
-		$[34] = t13;
-	} else t13 = $[34];
-	let t14;
-	if ($[35] !== selectedLog || $[36] !== t13) {
-		t14 = /* @__PURE__ */ jsx(LogDetail, {
-			log: selectedLog,
-			onClose: t13
-		});
-		$[35] = selectedLog;
-		$[36] = t13;
-		$[37] = t14;
-	} else t14 = $[37];
-	let t15;
-	if ($[38] !== t12 || $[39] !== t14) {
-		t15 = /* @__PURE__ */ jsxs(Fragment, { children: [t12, t14] });
-		$[38] = t12;
-		$[39] = t14;
-		$[40] = t15;
-	} else t15 = $[40];
-	return t15;
+Rt();
+export {
+  bn as LogsPage
 };
-function _temp(state) {
-	return state.logs;
-}
-function _temp2(state_0) {
-	return state_0.resetLogs;
-}
-function _temp3(state_1) {
-	return state_1.selectedLogId;
-}
-function _temp4(state_2) {
-	return state_2.selectLogId;
-}
-
-//#endregion
-//#region src/index.ts
-initLogListener();
-
-//#endregion
-export { LogsPage };
-//# sourceMappingURL=index.js.map