@motiadev/plugin-logs 0.13.0-beta.162-986908 → 0.13.0-beta.162-439402

package/dist/index.js

@@ -1,1295 +1,402 @@
-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"
+import { Stream } from "@motiadev/stream-client-browser";
+import { create } from "zustand";
+import { useMemo, useState } from "react";
+import { Button, Input, LevelDot, Sidebar, Table, TableBody, TableCell, TableRow, cn } from "@motiadev/ui";
+import { Search, Trash, X } from "lucide-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";
+
+import './index.css';
+//#region rolldown:runtime
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __commonJS = (cb, mod) => function() {
+	return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
 };
-/**
- * @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;
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, { get: (a, b) => (typeof require !== "undefined" ? require : a)[b] }) : x)(function(x) {
+	if (typeof require !== "undefined") return require.apply(this, arguments);
+	throw Error("Calling `require` for \"" + x + "\" in an environment that doesn't expose the `require` function.");
+});
+
+//#endregion
+//#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);
 };
+
+//#endregion
+//#region ../../node_modules/.pnpm/react@19.2.0/node_modules/react/cjs/react-compiler-runtime.production.js
 /**
- * @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 React
+* react-compiler-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 require_react_compiler_runtime_production = /* @__PURE__ */ __commonJS({ "../../node_modules/.pnpm/react@19.2.0/node_modules/react/cjs/react-compiler-runtime.production.js": ((exports) => {
+	var ReactSharedInternals = __require("react").__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
+	exports.c = function(size) {
+		return ReactSharedInternals.H.useMemoCache(size);
+	};
+}) });
+
+//#endregion
+//#region ../../node_modules/.pnpm/react@19.2.0/node_modules/react/cjs/react-compiler-runtime.development.js
 /**
- * @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 React
+* react-compiler-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 require_react_compiler_runtime_development = /* @__PURE__ */ __commonJS({ "../../node_modules/.pnpm/react@19.2.0/node_modules/react/cjs/react-compiler-runtime.development.js": ((exports) => {
+	"production" !== process.env.NODE_ENV && function() {
+		var ReactSharedInternals$1 = __require("react").__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
+		exports.c = function(size) {
+			var dispatcher = ReactSharedInternals$1.H;
+			null === dispatcher && console.error("Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:\n1. You might have mismatching versions of React and the renderer (such as React DOM)\n2. You might be breaking the Rules of Hooks\n3. You might have more than one copy of React in the same app\nSee https://react.dev/link/invalid-hook-call for tips about how to debug and fix this problem.");
+			return dispatcher.useMemoCache(size);
+		};
+	}();
+}) });
+
+//#endregion
+//#region ../../node_modules/.pnpm/react@19.2.0/node_modules/react/compiler-runtime.js
 /**
- * @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")}`;
+* 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 require_compiler_runtime = /* @__PURE__ */ __commonJS({ "../../node_modules/.pnpm/react@19.2.0/node_modules/react/compiler-runtime.js": ((exports, module) => {
+	if (process.env.NODE_ENV === "production") module.exports = require_react_compiler_runtime_production();
+	else module.exports = require_react_compiler_runtime_development();
+}) });
+
+//#endregion
+//#region src/utils/format-timestamp.ts
+var import_compiler_runtime = require_compiler_runtime();
+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")}`;
 };
-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/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
+		})
+	});
 };
-Rt();
-export {
-  bn as LogsPage
+
+//#endregion
+//#region src/components/logs-page.tsx
+const LogsPage = () => {
+	const $ = (0, import_compiler_runtime.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;
 };
+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