@inspectr/ui 0.0.2 → 0.0.3

package/dist/inspectr-ui.es.js

@@ -0,0 +1,1411 @@
+import ae, { memo as Pe, useState as Q, useRef as S, useCallback as Se, useEffect as F } from "react";
+var be = { exports: {} }, ce = {};
+/**
+ * @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 We;
+function it() {
+  if (We) return ce;
+  We = 1;
+  var e = Symbol.for("react.transitional.element"), r = Symbol.for("react.fragment");
+  function n(o, s, i) {
+    var u = null;
+    if (i !== void 0 && (u = "" + i), s.key !== void 0 && (u = "" + s.key), "key" in s) {
+      i = {};
+      for (var d in s)
+        d !== "key" && (i[d] = s[d]);
+    } else i = s;
+    return s = i.ref, {
+      $$typeof: e,
+      type: o,
+      key: u,
+      ref: s !== void 0 ? s : null,
+      props: i
+    };
+  }
+  return ce.Fragment = r, ce.jsx = n, ce.jsxs = n, ce;
+}
+var ue = {};
+/**
+ * @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 lt() {
+  return De || (De = 1, process.env.NODE_ENV !== "production" && function() {
+    function e(t) {
+      if (t == null) return null;
+      if (typeof t == "function")
+        return t.$$typeof === $ ? null : t.displayName || t.name || null;
+      if (typeof t == "string") return t;
+      switch (t) {
+        case w:
+          return "Fragment";
+        case E:
+          return "Portal";
+        case G:
+          return "Profiler";
+        case y:
+          return "StrictMode";
+        case X:
+          return "Suspense";
+        case K:
+          return "SuspenseList";
+      }
+      if (typeof t == "object")
+        switch (typeof t.tag == "number" && console.error(
+          "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
+        ), t.$$typeof) {
+          case b:
+            return (t.displayName || "Context") + ".Provider";
+          case N:
+            return (t._context.displayName || "Context") + ".Consumer";
+          case Y:
+            var l = t.render;
+            return t = t.displayName, t || (t = l.displayName || l.name || "", t = t !== "" ? "ForwardRef(" + t + ")" : "ForwardRef"), t;
+          case V:
+            return l = t.displayName || null, l !== null ? l : e(t.type) || "Memo";
+          case f:
+            l = t._payload, t = t._init;
+            try {
+              return e(t(l));
+            } catch {
+            }
+        }
+      return null;
+    }
+    function r(t) {
+      return "" + t;
+    }
+    function n(t) {
+      try {
+        r(t);
+        var l = !1;
+      } catch {
+        l = !0;
+      }
+      if (l) {
+        l = console;
+        var c = l.error, h = typeof Symbol == "function" && Symbol.toStringTag && t[Symbol.toStringTag] || t.constructor.name || "Object";
+        return c.call(
+          l,
+          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+          h
+        ), r(t);
+      }
+    }
+    function o() {
+    }
+    function s() {
+      if (H === 0) {
+        _ = console.log, Re = console.info, Te = console.warn, Me = console.error, ke = console.group, Le = console.groupCollapsed, Qe = console.groupEnd;
+        var t = {
+          configurable: !0,
+          enumerable: !0,
+          value: o,
+          writable: !0
+        };
+        Object.defineProperties(console, {
+          info: t,
+          log: t,
+          warn: t,
+          error: t,
+          group: t,
+          groupCollapsed: t,
+          groupEnd: t
+        });
+      }
+      H++;
+    }
+    function i() {
+      if (H--, H === 0) {
+        var t = { configurable: !0, enumerable: !0, writable: !0 };
+        Object.defineProperties(console, {
+          log: m({}, t, { value: _ }),
+          info: m({}, t, { value: Re }),
+          warn: m({}, t, { value: Te }),
+          error: m({}, t, { value: Me }),
+          group: m({}, t, { value: ke }),
+          groupCollapsed: m({}, t, { value: Le }),
+          groupEnd: m({}, t, { value: Qe })
+        });
+      }
+      0 > H && console.error(
+        "disabledDepth fell below zero. This is a bug in React. Please file an issue."
+      );
+    }
+    function u(t) {
+      if (ye === void 0)
+        try {
+          throw Error();
+        } catch (c) {
+          var l = c.stack.trim().match(/\n( *(at )?)/);
+          ye = l && l[1] || "", Be = -1 < c.stack.indexOf(`
+    at`) ? " (<anonymous>)" : -1 < c.stack.indexOf("@") ? "@unknown:0:0" : "";
+        }
+      return `
+` + ye + t + Be;
+    }
+    function d(t, l) {
+      if (!t || we) return "";
+      var c = Ee.get(t);
+      if (c !== void 0) return c;
+      we = !0, c = Error.prepareStackTrace, Error.prepareStackTrace = void 0;
+      var h = null;
+      h = z.H, z.H = null, s();
+      try {
+        var M = {
+          DetermineComponentFrameRoot: function() {
+            try {
+              if (l) {
+                var ee = function() {
+                  throw Error();
+                };
+                if (Object.defineProperty(ee.prototype, "props", {
+                  set: function() {
+                    throw Error();
+                  }
+                }), typeof Reflect == "object" && Reflect.construct) {
+                  try {
+                    Reflect.construct(ee, []);
+                  } catch (Z) {
+                    var he = Z;
+                  }
+                  Reflect.construct(t, [], ee);
+                } else {
+                  try {
+                    ee.call();
+                  } catch (Z) {
+                    he = Z;
+                  }
+                  t.call(ee.prototype);
+                }
+              } else {
+                try {
+                  throw Error();
+                } catch (Z) {
+                  he = Z;
+                }
+                (ee = t()) && typeof ee.catch == "function" && ee.catch(function() {
+                });
+              }
+            } catch (Z) {
+              if (Z && he && typeof Z.stack == "string")
+                return [Z.stack, he.stack];
+            }
+            return [null, null];
+          }
+        };
+        M.DetermineComponentFrameRoot.displayName = "DetermineComponentFrameRoot";
+        var A = Object.getOwnPropertyDescriptor(
+          M.DetermineComponentFrameRoot,
+          "name"
+        );
+        A && A.configurable && Object.defineProperty(
+          M.DetermineComponentFrameRoot,
+          "name",
+          { value: "DetermineComponentFrameRoot" }
+        );
+        var p = M.DetermineComponentFrameRoot(), q = p[0], se = p[1];
+        if (q && se) {
+          var k = q.split(`
+`), oe = se.split(`
+`);
+          for (p = A = 0; A < k.length && !k[A].includes(
+            "DetermineComponentFrameRoot"
+          ); )
+            A++;
+          for (; p < oe.length && !oe[p].includes(
+            "DetermineComponentFrameRoot"
+          ); )
+            p++;
+          if (A === k.length || p === oe.length)
+            for (A = k.length - 1, p = oe.length - 1; 1 <= A && 0 <= p && k[A] !== oe[p]; )
+              p--;
+          for (; 1 <= A && 0 <= p; A--, p--)
+            if (k[A] !== oe[p]) {
+              if (A !== 1 || p !== 1)
+                do
+                  if (A--, p--, 0 > p || k[A] !== oe[p]) {
+                    var le = `
+` + k[A].replace(
+                      " at new ",
+                      " at "
+                    );
+                    return t.displayName && le.includes("<anonymous>") && (le = le.replace("<anonymous>", t.displayName)), typeof t == "function" && Ee.set(t, le), le;
+                  }
+                while (1 <= A && 0 <= p);
+              break;
+            }
+        }
+      } finally {
+        we = !1, z.H = h, i(), Error.prepareStackTrace = c;
+      }
+      return k = (k = t ? t.displayName || t.name : "") ? u(k) : "", typeof t == "function" && Ee.set(t, k), k;
+    }
+    function g(t) {
+      if (t == null) return "";
+      if (typeof t == "function") {
+        var l = t.prototype;
+        return d(
+          t,
+          !(!l || !l.isReactComponent)
+        );
+      }
+      if (typeof t == "string") return u(t);
+      switch (t) {
+        case X:
+          return u("Suspense");
+        case K:
+          return u("SuspenseList");
+      }
+      if (typeof t == "object")
+        switch (t.$$typeof) {
+          case Y:
+            return t = d(t.render, !1), t;
+          case V:
+            return g(t.type);
+          case f:
+            l = t._payload, t = t._init;
+            try {
+              return g(t(l));
+            } catch {
+            }
+        }
+      return "";
+    }
+    function v() {
+      var t = z.A;
+      return t === null ? null : t.getOwner();
+    }
+    function C(t) {
+      if (me.call(t, "key")) {
+        var l = Object.getOwnPropertyDescriptor(t, "key").get;
+        if (l && l.isReactWarning) return !1;
+      }
+      return t.key !== void 0;
+    }
+    function P(t, l) {
+      function c() {
+        Ie || (Ie = !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)",
+          l
+        ));
+      }
+      c.isReactWarning = !0, Object.defineProperty(t, "key", {
+        get: c,
+        configurable: !0
+      });
+    }
+    function re() {
+      var t = e(this.type);
+      return ze[t] || (ze[t] = !0, console.error(
+        "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
+      )), t = this.props.ref, t !== void 0 ? t : null;
+    }
+    function L(t, l, c, h, M, A) {
+      return c = A.ref, t = {
+        $$typeof: W,
+        type: t,
+        key: l,
+        props: A,
+        _owner: M
+      }, (c !== void 0 ? c : null) !== null ? Object.defineProperty(t, "ref", {
+        enumerable: !1,
+        get: re
+      }) : Object.defineProperty(t, "ref", { enumerable: !1, value: null }), t._store = {}, Object.defineProperty(t._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: 0
+      }), Object.defineProperty(t, "_debugInfo", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: null
+      }), Object.freeze && (Object.freeze(t.props), Object.freeze(t)), t;
+    }
+    function B(t, l, c, h, M, A) {
+      if (typeof t == "string" || typeof t == "function" || t === w || t === G || t === y || t === X || t === K || t === x || typeof t == "object" && t !== null && (t.$$typeof === f || t.$$typeof === V || t.$$typeof === b || t.$$typeof === N || t.$$typeof === Y || t.$$typeof === j || t.getModuleId !== void 0)) {
+        var p = l.children;
+        if (p !== void 0)
+          if (h)
+            if (O(p)) {
+              for (h = 0; h < p.length; h++)
+                I(p[h], t);
+              Object.freeze && Object.freeze(p);
+            } 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 I(p, t);
+      } else
+        p = "", (t === void 0 || typeof t == "object" && t !== null && Object.keys(t).length === 0) && (p += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports."), t === null ? h = "null" : O(t) ? h = "array" : t !== void 0 && t.$$typeof === W ? (h = "<" + (e(t.type) || "Unknown") + " />", p = " Did you accidentally export a JSX literal instead of a component?") : h = typeof t, console.error(
+          "React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",
+          h,
+          p
+        );
+      if (me.call(l, "key")) {
+        p = e(t);
+        var q = Object.keys(l).filter(function(k) {
+          return k !== "key";
+        });
+        h = 0 < q.length ? "{key: someKey, " + q.join(": ..., ") + ": ...}" : "{key: someKey}", Je[p + h] || (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} />`,
+          h,
+          p,
+          q,
+          p
+        ), Je[p + h] = !0);
+      }
+      if (p = null, c !== void 0 && (n(c), p = "" + c), C(l) && (n(l.key), p = "" + l.key), "key" in l) {
+        c = {};
+        for (var se in l)
+          se !== "key" && (c[se] = l[se]);
+      } else c = l;
+      return p && P(
+        c,
+        typeof t == "function" ? t.displayName || t.name || "Unknown" : t
+      ), L(t, p, A, M, v(), c);
+    }
+    function I(t, l) {
+      if (typeof t == "object" && t && t.$$typeof !== st) {
+        if (O(t))
+          for (var c = 0; c < t.length; c++) {
+            var h = t[c];
+            R(h) && U(h, l);
+          }
+        else if (R(t))
+          t._store && (t._store.validated = 1);
+        else if (t === null || typeof t != "object" ? c = null : (c = D && t[D] || t["@@iterator"], c = typeof c == "function" ? c : null), typeof c == "function" && c !== t.entries && (c = c.call(t), c !== t))
+          for (; !(t = c.next()).done; )
+            R(t.value) && U(t.value, l);
+      }
+    }
+    function R(t) {
+      return typeof t == "object" && t !== null && t.$$typeof === W;
+    }
+    function U(t, l) {
+      if (t._store && !t._store.validated && t.key == null && (t._store.validated = 1, l = T(l), !Fe[l])) {
+        Fe[l] = !0;
+        var c = "";
+        t && t._owner != null && t._owner !== v() && (c = null, typeof t._owner.tag == "number" ? c = e(t._owner.type) : typeof t._owner.name == "string" && (c = t._owner.name), c = " It was passed a child from " + c + ".");
+        var h = z.getCurrentStack;
+        z.getCurrentStack = function() {
+          var M = g(t.type);
+          return h && (M += h() || ""), M;
+        }, console.error(
+          'Each child in a list should have a unique "key" prop.%s%s See https://react.dev/link/warning-keys for more information.',
+          l,
+          c
+        ), z.getCurrentStack = h;
+      }
+    }
+    function T(t) {
+      var l = "", c = v();
+      return c && (c = e(c.type)) && (l = `
+
+Check the render method of \`` + c + "`."), l || (t = e(t)) && (l = `
+
+Check the top-level render call using <` + t + ">."), l;
+    }
+    var ne = ae, W = Symbol.for("react.transitional.element"), E = Symbol.for("react.portal"), w = Symbol.for("react.fragment"), y = Symbol.for("react.strict_mode"), G = Symbol.for("react.profiler"), N = Symbol.for("react.consumer"), b = Symbol.for("react.context"), Y = Symbol.for("react.forward_ref"), X = Symbol.for("react.suspense"), K = Symbol.for("react.suspense_list"), V = Symbol.for("react.memo"), f = Symbol.for("react.lazy"), x = Symbol.for("react.offscreen"), D = Symbol.iterator, $ = Symbol.for("react.client.reference"), z = ne.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, me = Object.prototype.hasOwnProperty, m = Object.assign, j = Symbol.for("react.client.reference"), O = Array.isArray, H = 0, _, Re, Te, Me, ke, Le, Qe;
+    o.__reactDisabledLog = !0;
+    var ye, Be, we = !1, Ee = new (typeof WeakMap == "function" ? WeakMap : Map)(), st = Symbol.for("react.client.reference"), Ie, ze = {}, Je = {}, Fe = {};
+    ue.Fragment = w, ue.jsx = function(t, l, c, h, M) {
+      return B(t, l, c, !1, h, M);
+    }, ue.jsxs = function(t, l, c, h, M) {
+      return B(t, l, c, !0, h, M);
+    };
+  }()), ue;
+}
+var He;
+function ct() {
+  return He || (He = 1, process.env.NODE_ENV === "production" ? be.exports = it() : be.exports = lt()), be.exports;
+}
+var a = ct();
+const Ge = (e) => e >= 200 && e < 300 ? "bg-green-200 text-green-800" : e >= 300 && e < 400 ? "bg-blue-200 text-blue-800" : e >= 400 && e < 500 ? "bg-orange-600 text-orange-200" : e >= 500 ? "bg-red-800 text-red-100" : "bg-gray-200 text-gray-800", ut = ["bg-blue-100", "border-l-4", "border-blue-700"].join(" "), dt = ({ request: e, reqId: r, onSelect: n, onRemove: o, selected: s }) => {
+  const i = (u) => {
+    n(u);
+  };
+  return /* @__PURE__ */ a.jsx(
+    "li",
+    {
+      className: `flex items-center cursor-pointer hover:bg-gray-200 ${s ? ut : ""}`,
+      onClick: () => {
+        i(e);
+      },
+      children: /* @__PURE__ */ a.jsxs("div", { className: "flex items-center p-2 w-full", children: [
+        /* @__PURE__ */ a.jsx("div", { className: "w-16 flex justify-center", children: /* @__PURE__ */ a.jsx(
+          "span",
+          {
+            className: `inline-flex px-3 py-1 text-xs font-semibold rounded-full ${Ge(
+              e.response.status
+            )}`,
+            children: e.response.status || "N/A"
+          }
+        ) }),
+        /* @__PURE__ */ a.jsx("div", { className: "w-20 text-center font-medium", children: e.request.method || "GET" }),
+        /* @__PURE__ */ a.jsx("div", { className: "flex-grow truncate text-left", children: e.endpoint || e.url }),
+        /* @__PURE__ */ a.jsxs("div", { className: "w-20 text-gray-500 text-center", children: [
+          e.latency,
+          "ms"
+        ] }),
+        /* @__PURE__ */ a.jsx(
+          "button",
+          {
+            className: "w-8 h-8 flex items-center justify-center text-red-500 hover:text-red-700",
+            onClick: (u) => {
+              u.stopPropagation(), o(r);
+            },
+            children: "✕"
+          }
+        )
+      ] })
+    }
+  );
+}, ft = ({ requests: e, onSelect: r, onRemove: n, clearRequests: o, selectedRequest: s }) => /* @__PURE__ */ a.jsxs("div", { className: "flex flex-col h-full", children: [
+  /* @__PURE__ */ a.jsxs("div", { className: "p-4 flex justify-between items-center", children: [
+    /* @__PURE__ */ a.jsxs("span", { className: "font-bold text-xl", children: [
+      "Requests (",
+      e.length,
+      ")"
+    ] }),
+    /* @__PURE__ */ a.jsx(
+      "button",
+      {
+        className: "px-3 py-1 bg-red-500 text-white rounded text-xs",
+        onClick: o,
+        children: "Clear All"
+      }
+    )
+  ] }),
+  /* @__PURE__ */ a.jsxs("div", { className: "flex items-center bg-gray-200 p-2 border-b border-gray-300 text-sm font-bold", children: [
+    /* @__PURE__ */ a.jsx("div", { className: "w-16 text-center", children: "Status" }),
+    /* @__PURE__ */ a.jsx("div", { className: "w-20 text-center", children: "Method" }),
+    /* @__PURE__ */ a.jsx("div", { className: "flex-grow text-left", children: "URL" }),
+    /* @__PURE__ */ a.jsx("div", { className: "w-20 text-center", children: "Duration" }),
+    /* @__PURE__ */ a.jsx("div", { className: "w-10" })
+  ] }),
+  /* @__PURE__ */ a.jsx("ul", { className: "overflow-y-auto flex-grow", style: { maxHeight: "calc(100vh - 40px - 100px)" }, children: e.map((i, u) => {
+    const d = i.id || u;
+    return /* @__PURE__ */ a.jsx(
+      dt,
+      {
+        reqId: d,
+        request: i,
+        onSelect: r,
+        onRemove: n,
+        selected: s && s.id === d
+      },
+      d
+    );
+  }) })
+] }), gt = ({ request: e }) => {
+  const r = (n) => {
+    if (!n) return "N/A";
+    const o = new Date(n), s = o.toLocaleDateString("en-CA", {
+      // YYYY-MM-DD format
+      year: "numeric",
+      month: "2-digit",
+      day: "2-digit"
+    }), i = o.toLocaleTimeString([], {
+      // HH:MM:SS in local time
+      hour: "2-digit",
+      minute: "2-digit",
+      second: "2-digit",
+      hour12: !1
+      // 24-hour format
+    });
+    return `${s} at ${i}`;
+  };
+  return /* @__PURE__ */ a.jsxs("div", { className: "mb-4 p-4 bg-white rounded shadow", children: [
+    /* @__PURE__ */ a.jsx("h2", { className: "font-bold text-lg mb-2", children: "Request Details" }),
+    /* @__PURE__ */ a.jsxs("div", { className: "flex flex-col space-y-1", children: [
+      /* @__PURE__ */ a.jsxs("div", { className: "flex items-center space-x-2 font-mono text-lg", children: [
+        /* @__PURE__ */ a.jsx("span", { className: "font-bold", children: e.request.method }),
+        /* @__PURE__ */ a.jsx("span", { className: "text-blue-600", children: e.endpoint }),
+        /* @__PURE__ */ a.jsx(
+          "span",
+          {
+            className: `inline-flex px-3 py-1 text-xs font-semibold rounded-full ${Ge(
+              e.response.status
+            )}`,
+            children: e.response.status
+          }
+        )
+      ] }),
+      /* @__PURE__ */ a.jsx("div", { className: "text-gray-600", children: e.url }),
+      /* @__PURE__ */ a.jsxs("div", { className: "text-gray-500 text-xs", children: [
+        "Received on ",
+        r(e.timestamp),
+        " • Took ",
+        e.latency,
+        "ms to respond"
+      ] })
+    ] })
+  ] });
+};
+function pt(e, r, n) {
+  return r in e ? Object.defineProperty(e, r, {
+    value: n,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : e[r] = n, e;
+}
+function Ye(e, r) {
+  var n = Object.keys(e);
+  if (Object.getOwnPropertySymbols) {
+    var o = Object.getOwnPropertySymbols(e);
+    r && (o = o.filter(function(s) {
+      return Object.getOwnPropertyDescriptor(e, s).enumerable;
+    })), n.push.apply(n, o);
+  }
+  return n;
+}
+function Ue(e) {
+  for (var r = 1; r < arguments.length; r++) {
+    var n = arguments[r] != null ? arguments[r] : {};
+    r % 2 ? Ye(Object(n), !0).forEach(function(o) {
+      pt(e, o, n[o]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : Ye(Object(n)).forEach(function(o) {
+      Object.defineProperty(e, o, Object.getOwnPropertyDescriptor(n, o));
+    });
+  }
+  return e;
+}
+function mt(e, r) {
+  if (e == null) return {};
+  var n = {}, o = Object.keys(e), s, i;
+  for (i = 0; i < o.length; i++)
+    s = o[i], !(r.indexOf(s) >= 0) && (n[s] = e[s]);
+  return n;
+}
+function ht(e, r) {
+  if (e == null) return {};
+  var n = mt(e, r), o, s;
+  if (Object.getOwnPropertySymbols) {
+    var i = Object.getOwnPropertySymbols(e);
+    for (s = 0; s < i.length; s++)
+      o = i[s], !(r.indexOf(o) >= 0) && Object.prototype.propertyIsEnumerable.call(e, o) && (n[o] = e[o]);
+  }
+  return n;
+}
+function bt(e, r) {
+  return vt(e) || xt(e, r) || jt(e, r) || At();
+}
+function vt(e) {
+  if (Array.isArray(e)) return e;
+}
+function xt(e, r) {
+  if (!(typeof Symbol > "u" || !(Symbol.iterator in Object(e)))) {
+    var n = [], o = !0, s = !1, i = void 0;
+    try {
+      for (var u = e[Symbol.iterator](), d; !(o = (d = u.next()).done) && (n.push(d.value), !(r && n.length === r)); o = !0)
+        ;
+    } catch (g) {
+      s = !0, i = g;
+    } finally {
+      try {
+        !o && u.return != null && u.return();
+      } finally {
+        if (s) throw i;
+      }
+    }
+    return n;
+  }
+}
+function jt(e, r) {
+  if (e) {
+    if (typeof e == "string") return Ve(e, r);
+    var n = Object.prototype.toString.call(e).slice(8, -1);
+    if (n === "Object" && e.constructor && (n = e.constructor.name), n === "Map" || n === "Set") return Array.from(e);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return Ve(e, r);
+  }
+}
+function Ve(e, r) {
+  (r == null || r > e.length) && (r = e.length);
+  for (var n = 0, o = new Array(r); n < r; n++) o[n] = e[n];
+  return o;
+}
+function At() {
+  throw new TypeError(`Invalid attempt to destructure non-iterable instance.
+In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
+}
+function yt(e, r, n) {
+  return r in e ? Object.defineProperty(e, r, {
+    value: n,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : e[r] = n, e;
+}
+function _e(e, r) {
+  var n = Object.keys(e);
+  if (Object.getOwnPropertySymbols) {
+    var o = Object.getOwnPropertySymbols(e);
+    r && (o = o.filter(function(s) {
+      return Object.getOwnPropertyDescriptor(e, s).enumerable;
+    })), n.push.apply(n, o);
+  }
+  return n;
+}
+function qe(e) {
+  for (var r = 1; r < arguments.length; r++) {
+    var n = arguments[r] != null ? arguments[r] : {};
+    r % 2 ? _e(Object(n), !0).forEach(function(o) {
+      yt(e, o, n[o]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : _e(Object(n)).forEach(function(o) {
+      Object.defineProperty(e, o, Object.getOwnPropertyDescriptor(n, o));
+    });
+  }
+  return e;
+}
+function wt() {
+  for (var e = arguments.length, r = new Array(e), n = 0; n < e; n++)
+    r[n] = arguments[n];
+  return function(o) {
+    return r.reduceRight(function(s, i) {
+      return i(s);
+    }, o);
+  };
+}
+function de(e) {
+  return function r() {
+    for (var n = this, o = arguments.length, s = new Array(o), i = 0; i < o; i++)
+      s[i] = arguments[i];
+    return s.length >= e.length ? e.apply(this, s) : function() {
+      for (var u = arguments.length, d = new Array(u), g = 0; g < u; g++)
+        d[g] = arguments[g];
+      return r.apply(n, [].concat(s, d));
+    };
+  };
+}
+function je(e) {
+  return {}.toString.call(e).includes("Object");
+}
+function Et(e) {
+  return !Object.keys(e).length;
+}
+function ge(e) {
+  return typeof e == "function";
+}
+function Ct(e, r) {
+  return Object.prototype.hasOwnProperty.call(e, r);
+}
+function Nt(e, r) {
+  return je(r) || te("changeType"), Object.keys(r).some(function(n) {
+    return !Ct(e, n);
+  }) && te("changeField"), r;
+}
+function Ot(e) {
+  ge(e) || te("selectorType");
+}
+function St(e) {
+  ge(e) || je(e) || te("handlerType"), je(e) && Object.values(e).some(function(r) {
+    return !ge(r);
+  }) && te("handlersType");
+}
+function Pt(e) {
+  e || te("initialIsRequired"), je(e) || te("initialType"), Et(e) && te("initialContent");
+}
+function Rt(e, r) {
+  throw new Error(e[r] || e.default);
+}
+var Tt = {
+  initialIsRequired: "initial state is required",
+  initialType: "initial state should be an object",
+  initialContent: "initial state shouldn't be an empty object",
+  handlerType: "handler should be an object or a function",
+  handlersType: "all handlers should be a functions",
+  selectorType: "selector should be a function",
+  changeType: "provided value of changes should be an object",
+  changeField: 'it seams you want to change a field in the state which is not specified in the "initial" state',
+  default: "an unknown error accured in `state-local` package"
+}, te = de(Rt)(Tt), ve = {
+  changes: Nt,
+  selector: Ot,
+  handler: St,
+  initial: Pt
+};
+function Mt(e) {
+  var r = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
+  ve.initial(e), ve.handler(r);
+  var n = {
+    current: e
+  }, o = de(Qt)(n, r), s = de(Lt)(n), i = de(ve.changes)(e), u = de(kt)(n);
+  function d() {
+    var v = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : function(C) {
+      return C;
+    };
+    return ve.selector(v), v(n.current);
+  }
+  function g(v) {
+    wt(o, s, i, u)(v);
+  }
+  return [d, g];
+}
+function kt(e, r) {
+  return ge(r) ? r(e.current) : r;
+}
+function Lt(e, r) {
+  return e.current = qe(qe({}, e.current), r), r;
+}
+function Qt(e, r, n) {
+  return ge(r) ? r(e.current) : Object.keys(n).forEach(function(o) {
+    var s;
+    return (s = r[o]) === null || s === void 0 ? void 0 : s.call(r, e.current[o]);
+  }), n;
+}
+var Bt = {
+  create: Mt
+}, It = {
+  paths: {
+    vs: "https://cdn.jsdelivr.net/npm/monaco-editor@0.43.0/min/vs"
+  }
+};
+function zt(e) {
+  return function r() {
+    for (var n = this, o = arguments.length, s = new Array(o), i = 0; i < o; i++)
+      s[i] = arguments[i];
+    return s.length >= e.length ? e.apply(this, s) : function() {
+      for (var u = arguments.length, d = new Array(u), g = 0; g < u; g++)
+        d[g] = arguments[g];
+      return r.apply(n, [].concat(s, d));
+    };
+  };
+}
+function Jt(e) {
+  return {}.toString.call(e).includes("Object");
+}
+function Ft(e) {
+  return e || Ze("configIsRequired"), Jt(e) || Ze("configType"), e.urls ? (Wt(), {
+    paths: {
+      vs: e.urls.monacoBase
+    }
+  }) : e;
+}
+function Wt() {
+  console.warn(Xe.deprecation);
+}
+function Dt(e, r) {
+  throw new Error(e[r] || e.default);
+}
+var Xe = {
+  configIsRequired: "the configuration object is required",
+  configType: "the configuration object should be an object",
+  default: "an unknown error accured in `@monaco-editor/loader` package",
+  deprecation: `Deprecation warning!
+    You are using deprecated way of configuration.
+
+    Instead of using
+      monaco.config({ urls: { monacoBase: '...' } })
+    use
+      monaco.config({ paths: { vs: '...' } })
+
+    For more please check the link https://github.com/suren-atoyan/monaco-loader#config
+  `
+}, Ze = zt(Dt)(Xe), Ht = {
+  config: Ft
+}, Yt = function() {
+  for (var r = arguments.length, n = new Array(r), o = 0; o < r; o++)
+    n[o] = arguments[o];
+  return function(s) {
+    return n.reduceRight(function(i, u) {
+      return u(i);
+    }, s);
+  };
+};
+function Ke(e, r) {
+  return Object.keys(r).forEach(function(n) {
+    r[n] instanceof Object && e[n] && Object.assign(r[n], Ke(e[n], r[n]));
+  }), Ue(Ue({}, e), r);
+}
+var Ut = {
+  type: "cancelation",
+  msg: "operation is manually canceled"
+};
+function Ce(e) {
+  var r = !1, n = new Promise(function(o, s) {
+    e.then(function(i) {
+      return r ? s(Ut) : o(i);
+    }), e.catch(s);
+  });
+  return n.cancel = function() {
+    return r = !0;
+  }, n;
+}
+var Vt = Bt.create({
+  config: It,
+  isInitialized: !1,
+  resolve: null,
+  reject: null,
+  monaco: null
+}), $e = bt(Vt, 2), pe = $e[0], Ae = $e[1];
+function _t(e) {
+  var r = Ht.config(e), n = r.monaco, o = ht(r, ["monaco"]);
+  Ae(function(s) {
+    return {
+      config: Ke(s.config, o),
+      monaco: n
+    };
+  });
+}
+function qt() {
+  var e = pe(function(r) {
+    var n = r.monaco, o = r.isInitialized, s = r.resolve;
+    return {
+      monaco: n,
+      isInitialized: o,
+      resolve: s
+    };
+  });
+  if (!e.isInitialized) {
+    if (Ae({
+      isInitialized: !0
+    }), e.monaco)
+      return e.resolve(e.monaco), Ce(Ne);
+    if (window.monaco && window.monaco.editor)
+      return et(window.monaco), e.resolve(window.monaco), Ce(Ne);
+    Yt(Zt, Xt)(Kt);
+  }
+  return Ce(Ne);
+}
+function Zt(e) {
+  return document.body.appendChild(e);
+}
+function Gt(e) {
+  var r = document.createElement("script");
+  return e && (r.src = e), r;
+}
+function Xt(e) {
+  var r = pe(function(o) {
+    var s = o.config, i = o.reject;
+    return {
+      config: s,
+      reject: i
+    };
+  }), n = Gt("".concat(r.config.paths.vs, "/loader.js"));
+  return n.onload = function() {
+    return e();
+  }, n.onerror = r.reject, n;
+}
+function Kt() {
+  var e = pe(function(n) {
+    var o = n.config, s = n.resolve, i = n.reject;
+    return {
+      config: o,
+      resolve: s,
+      reject: i
+    };
+  }), r = window.require;
+  r.config(e.config), r(["vs/editor/editor.main"], function(n) {
+    et(n), e.resolve(n);
+  }, function(n) {
+    e.reject(n);
+  });
+}
+function et(e) {
+  pe().monaco || Ae({
+    monaco: e
+  });
+}
+function $t() {
+  return pe(function(e) {
+    var r = e.monaco;
+    return r;
+  });
+}
+var Ne = new Promise(function(e, r) {
+  return Ae({
+    resolve: e,
+    reject: r
+  });
+}), tt = {
+  config: _t,
+  init: qt,
+  __getMonacoInstance: $t
+}, er = { wrapper: { display: "flex", position: "relative", textAlign: "initial" }, fullWidth: { width: "100%" }, hide: { display: "none" } }, Oe = er, tr = { container: { display: "flex", height: "100%", width: "100%", justifyContent: "center", alignItems: "center" } }, rr = tr;
+function nr({ children: e }) {
+  return ae.createElement("div", { style: rr.container }, e);
+}
+var or = nr, ar = or;
+function sr({ width: e, height: r, isEditorReady: n, loading: o, _ref: s, className: i, wrapperProps: u }) {
+  return ae.createElement("section", { style: { ...Oe.wrapper, width: e, height: r }, ...u }, !n && ae.createElement(ar, null, o), ae.createElement("div", { ref: s, style: { ...Oe.fullWidth, ...!n && Oe.hide }, className: i }));
+}
+var ir = sr, rt = Pe(ir);
+function lr(e) {
+  F(e, []);
+}
+var nt = lr;
+function cr(e, r, n = !0) {
+  let o = S(!0);
+  F(o.current || !n ? () => {
+    o.current = !1;
+  } : e, r);
+}
+var J = cr;
+function fe() {
+}
+function ie(e, r, n, o) {
+  return ur(e, o) || dr(e, r, n, o);
+}
+function ur(e, r) {
+  return e.editor.getModel(ot(e, r));
+}
+function dr(e, r, n, o) {
+  return e.editor.createModel(r, n, o ? ot(e, o) : void 0);
+}
+function ot(e, r) {
+  return e.Uri.parse(r);
+}
+function fr({ original: e, modified: r, language: n, originalLanguage: o, modifiedLanguage: s, originalModelPath: i, modifiedModelPath: u, keepCurrentOriginalModel: d = !1, keepCurrentModifiedModel: g = !1, theme: v = "light", loading: C = "Loading...", options: P = {}, height: re = "100%", width: L = "100%", className: B, wrapperProps: I = {}, beforeMount: R = fe, onMount: U = fe }) {
+  let [T, ne] = Q(!1), [W, E] = Q(!0), w = S(null), y = S(null), G = S(null), N = S(U), b = S(R), Y = S(!1);
+  nt(() => {
+    let f = tt.init();
+    return f.then((x) => (y.current = x) && E(!1)).catch((x) => (x == null ? void 0 : x.type) !== "cancelation" && console.error("Monaco initialization: error:", x)), () => w.current ? V() : f.cancel();
+  }), J(() => {
+    if (w.current && y.current) {
+      let f = w.current.getOriginalEditor(), x = ie(y.current, e || "", o || n || "text", i || "");
+      x !== f.getModel() && f.setModel(x);
+    }
+  }, [i], T), J(() => {
+    if (w.current && y.current) {
+      let f = w.current.getModifiedEditor(), x = ie(y.current, r || "", s || n || "text", u || "");
+      x !== f.getModel() && f.setModel(x);
+    }
+  }, [u], T), J(() => {
+    let f = w.current.getModifiedEditor();
+    f.getOption(y.current.editor.EditorOption.readOnly) ? f.setValue(r || "") : r !== f.getValue() && (f.executeEdits("", [{ range: f.getModel().getFullModelRange(), text: r || "", forceMoveMarkers: !0 }]), f.pushUndoStop());
+  }, [r], T), J(() => {
+    var f, x;
+    (x = (f = w.current) == null ? void 0 : f.getModel()) == null || x.original.setValue(e || "");
+  }, [e], T), J(() => {
+    let { original: f, modified: x } = w.current.getModel();
+    y.current.editor.setModelLanguage(f, o || n || "text"), y.current.editor.setModelLanguage(x, s || n || "text");
+  }, [n, o, s], T), J(() => {
+    var f;
+    (f = y.current) == null || f.editor.setTheme(v);
+  }, [v], T), J(() => {
+    var f;
+    (f = w.current) == null || f.updateOptions(P);
+  }, [P], T);
+  let X = Se(() => {
+    var D;
+    if (!y.current) return;
+    b.current(y.current);
+    let f = ie(y.current, e || "", o || n || "text", i || ""), x = ie(y.current, r || "", s || n || "text", u || "");
+    (D = w.current) == null || D.setModel({ original: f, modified: x });
+  }, [n, r, s, e, o, i, u]), K = Se(() => {
+    var f;
+    !Y.current && G.current && (w.current = y.current.editor.createDiffEditor(G.current, { automaticLayout: !0, ...P }), X(), (f = y.current) == null || f.editor.setTheme(v), ne(!0), Y.current = !0);
+  }, [P, v, X]);
+  F(() => {
+    T && N.current(w.current, y.current);
+  }, [T]), F(() => {
+    !W && !T && K();
+  }, [W, T, K]);
+  function V() {
+    var x, D, $, z;
+    let f = (x = w.current) == null ? void 0 : x.getModel();
+    d || ((D = f == null ? void 0 : f.original) == null || D.dispose()), g || (($ = f == null ? void 0 : f.modified) == null || $.dispose()), (z = w.current) == null || z.dispose();
+  }
+  return ae.createElement(rt, { width: L, height: re, isEditorReady: T, loading: C, _ref: G, className: B, wrapperProps: I });
+}
+var gr = fr;
+Pe(gr);
+function pr(e) {
+  let r = S();
+  return F(() => {
+    r.current = e;
+  }, [e]), r.current;
+}
+var mr = pr, xe = /* @__PURE__ */ new Map();
+function hr({ defaultValue: e, defaultLanguage: r, defaultPath: n, value: o, language: s, path: i, theme: u = "light", line: d, loading: g = "Loading...", options: v = {}, overrideServices: C = {}, saveViewState: P = !0, keepCurrentModel: re = !1, width: L = "100%", height: B = "100%", className: I, wrapperProps: R = {}, beforeMount: U = fe, onMount: T = fe, onChange: ne, onValidate: W = fe }) {
+  let [E, w] = Q(!1), [y, G] = Q(!0), N = S(null), b = S(null), Y = S(null), X = S(T), K = S(U), V = S(), f = S(o), x = mr(i), D = S(!1), $ = S(!1);
+  nt(() => {
+    let m = tt.init();
+    return m.then((j) => (N.current = j) && G(!1)).catch((j) => (j == null ? void 0 : j.type) !== "cancelation" && console.error("Monaco initialization: error:", j)), () => b.current ? me() : m.cancel();
+  }), J(() => {
+    var j, O, H, _;
+    let m = ie(N.current, e || o || "", r || s || "", i || n || "");
+    m !== ((j = b.current) == null ? void 0 : j.getModel()) && (P && xe.set(x, (O = b.current) == null ? void 0 : O.saveViewState()), (H = b.current) == null || H.setModel(m), P && ((_ = b.current) == null || _.restoreViewState(xe.get(i))));
+  }, [i], E), J(() => {
+    var m;
+    (m = b.current) == null || m.updateOptions(v);
+  }, [v], E), J(() => {
+    !b.current || o === void 0 || (b.current.getOption(N.current.editor.EditorOption.readOnly) ? b.current.setValue(o) : o !== b.current.getValue() && ($.current = !0, b.current.executeEdits("", [{ range: b.current.getModel().getFullModelRange(), text: o, forceMoveMarkers: !0 }]), b.current.pushUndoStop(), $.current = !1));
+  }, [o], E), J(() => {
+    var j, O;
+    let m = (j = b.current) == null ? void 0 : j.getModel();
+    m && s && ((O = N.current) == null || O.editor.setModelLanguage(m, s));
+  }, [s], E), J(() => {
+    var m;
+    d !== void 0 && ((m = b.current) == null || m.revealLine(d));
+  }, [d], E), J(() => {
+    var m;
+    (m = N.current) == null || m.editor.setTheme(u);
+  }, [u], E);
+  let z = Se(() => {
+    var m;
+    if (!(!Y.current || !N.current) && !D.current) {
+      K.current(N.current);
+      let j = i || n, O = ie(N.current, o || e || "", r || s || "", j || "");
+      b.current = (m = N.current) == null ? void 0 : m.editor.create(Y.current, { model: O, automaticLayout: !0, ...v }, C), P && b.current.restoreViewState(xe.get(j)), N.current.editor.setTheme(u), d !== void 0 && b.current.revealLine(d), w(!0), D.current = !0;
+    }
+  }, [e, r, n, o, s, i, v, C, P, u, d]);
+  F(() => {
+    E && X.current(b.current, N.current);
+  }, [E]), F(() => {
+    !y && !E && z();
+  }, [y, E, z]), f.current = o, F(() => {
+    var m, j;
+    E && ne && ((m = V.current) == null || m.dispose(), V.current = (j = b.current) == null ? void 0 : j.onDidChangeModelContent((O) => {
+      $.current || ne(b.current.getValue(), O);
+    }));
+  }, [E, ne]), F(() => {
+    if (E) {
+      let m = N.current.editor.onDidChangeMarkers((j) => {
+        var H;
+        let O = (H = b.current.getModel()) == null ? void 0 : H.uri;
+        if (O && j.find((_) => _.path === O.path)) {
+          let _ = N.current.editor.getModelMarkers({ resource: O });
+          W == null || W(_);
+        }
+      });
+      return () => {
+        m == null || m.dispose();
+      };
+    }
+    return () => {
+    };
+  }, [E, W]);
+  function me() {
+    var m, j;
+    (m = V.current) == null || m.dispose(), re ? P && xe.set(i, b.current.saveViewState()) : (j = b.current.getModel()) == null || j.dispose(), b.current.dispose();
+  }
+  return ae.createElement(rt, { width: L, height: B, isEditorReady: E, loading: g, _ref: Y, className: I, wrapperProps: R });
+}
+var br = hr, vr = Pe(br), at = vr;
+const xr = ({ request: e }) => {
+  const [r, n] = Q(!1), [o, s] = Q(!1), i = (v) => Object.entries(v || {}).map(([C, P]) => /* @__PURE__ */ a.jsxs("tr", { children: [
+    /* @__PURE__ */ a.jsx("td", { className: "border border-slate-200 px-2 py-1 font-mono text-slate-500 text-xs", children: C }),
+    /* @__PURE__ */ a.jsx("td", { className: "border border-slate-200 px-2 py-1 font-mono text-xs", children: P })
+  ] }, C)), u = e.request.payload, d = !u || typeof u == "object" && Object.keys(u).length === 0 || typeof u == "string" && (u.trim() === "" || u.trim() === "{}"), g = (v) => {
+    try {
+      const C = JSON.parse(v);
+      return JSON.stringify(C, null, 2);
+    } catch {
+      return v;
+    }
+  };
+  return /* @__PURE__ */ a.jsxs("div", { children: [
+    /* @__PURE__ */ a.jsxs("div", { className: "mb-4", children: [
+      /* @__PURE__ */ a.jsxs(
+        "button",
+        {
+          className: "w-full p-2 text-left font-bold bg-gray-200",
+          onClick: () => n(!r),
+          children: [
+            "Query Parameters (",
+            Object.keys(e.request.queryParams || {}).length,
+            ")"
+          ]
+        }
+      ),
+      r && /* @__PURE__ */ a.jsx("div", { className: "p-0", children: /* @__PURE__ */ a.jsxs("table", { className: "w-full border-collapse border border-gray-300", children: [
+        /* @__PURE__ */ a.jsx("thead", { children: /* @__PURE__ */ a.jsxs("tr", { className: "bg-gray-100", children: [
+          /* @__PURE__ */ a.jsx("th", { className: "border border-slate-200 px-2 py-1 w-1/4 text-left", children: "Key" }),
+          /* @__PURE__ */ a.jsx("th", { className: "border border-slate-200 px-2 py-1 text-left", children: "Value" })
+        ] }) }),
+        /* @__PURE__ */ a.jsx("tbody", { children: i(e.request.queryParams) })
+      ] }) })
+    ] }),
+    /* @__PURE__ */ a.jsxs("div", { className: "mb-4", children: [
+      /* @__PURE__ */ a.jsxs(
+        "button",
+        {
+          className: "w-full p-2 text-left font-bold bg-gray-200",
+          onClick: () => s(!o),
+          children: [
+            "Headers (",
+            Object.keys(e.request.headers || {}).length,
+            ")"
+          ]
+        }
+      ),
+      o && /* @__PURE__ */ a.jsx("div", { className: "p-0", children: /* @__PURE__ */ a.jsxs("table", { className: "w-full border-collapse border border-gray-300", children: [
+        /* @__PURE__ */ a.jsx("thead", { children: /* @__PURE__ */ a.jsxs("tr", { className: "bg-gray-100", children: [
+          /* @__PURE__ */ a.jsx("th", { className: "border border-slate-200 px-2 py-1 w-1/4 text-left", children: "Header" }),
+          /* @__PURE__ */ a.jsx("th", { className: "border border-slate-200 px-2 py-1 text-left", children: "Value" })
+        ] }) }),
+        /* @__PURE__ */ a.jsx("tbody", { children: i(e.request.headers) })
+      ] }) })
+    ] }),
+    /* @__PURE__ */ a.jsxs("div", { children: [
+      /* @__PURE__ */ a.jsx("button", { className: "w-full p-2 text-left font-bold bg-gray-200", children: "Request Body" }),
+      d ? /* @__PURE__ */ a.jsx("div", { className: "hidden" }) : /* @__PURE__ */ a.jsx("div", { className: "bg-white rounded-b shadow p-0 h-100", children: /* @__PURE__ */ a.jsx(
+        at,
+        {
+          height: "100%",
+          defaultLanguage: "json",
+          value: g(u),
+          options: {
+            readOnly: !0,
+            minimap: { enabled: !1 },
+            automaticLayout: !0,
+            fontFamily: '"Cascadia Code", "Jetbrains Mono", "Fira Code", "Menlo", "Consolas", monospace',
+            tabSize: 2,
+            scrollBeyondLastLine: !1
+          }
+        }
+      ) })
+    ] })
+  ] });
+}, jr = ({ request: e }) => {
+  const [r, n] = Q(!1), o = (d) => Object.entries(d || {}).map(([g, v]) => /* @__PURE__ */ a.jsxs("tr", { children: [
+    /* @__PURE__ */ a.jsx("td", { className: "border border-slate-200 px-2 py-1 font-mono text-slate-500 text-xs", children: g }),
+    /* @__PURE__ */ a.jsx("td", { className: "border border-slate-200 px-2 py-1 font-mono text-xs", children: v })
+  ] }, g)), s = e.response.payload, i = !s || typeof s == "object" && Object.keys(s).length === 0 || typeof s == "string" && (s.trim() === "" || s.trim() === "{}"), u = (d) => {
+    try {
+      const g = JSON.parse(d);
+      return JSON.stringify(g, null, 2);
+    } catch {
+      return d;
+    }
+  };
+  return /* @__PURE__ */ a.jsxs("div", { children: [
+    /* @__PURE__ */ a.jsxs("div", { className: "mb-4", children: [
+      /* @__PURE__ */ a.jsxs(
+        "button",
+        {
+          className: "w-full p-2 text-left font-bold bg-gray-200",
+          onClick: () => n(!r),
+          children: [
+            "Headers (",
+            Object.keys(e.response.headers || {}).length,
+            ")"
+          ]
+        }
+      ),
+      r && /* @__PURE__ */ a.jsx("div", { className: "p-0", children: /* @__PURE__ */ a.jsxs("table", { className: "w-full border-collapse border border-gray-300", children: [
+        /* @__PURE__ */ a.jsx("thead", { children: /* @__PURE__ */ a.jsxs("tr", { className: "bg-gray-100", children: [
+          /* @__PURE__ */ a.jsx("th", { className: "border border-slate-200 px-2 py-1 w-1/4 text-left", children: "Header" }),
+          /* @__PURE__ */ a.jsx("th", { className: "border border-slate-200 px-2 py-1 text-left", children: "Value" })
+        ] }) }),
+        /* @__PURE__ */ a.jsx("tbody", { children: o(e.response.headers) })
+      ] }) })
+    ] }),
+    /* @__PURE__ */ a.jsxs("div", { children: [
+      /* @__PURE__ */ a.jsx("button", { className: "w-full p-2 text-left font-bold bg-gray-200", children: "Response Body" }),
+      i ? /* @__PURE__ */ a.jsx("div", { className: "hidden" }) : /* @__PURE__ */ a.jsx("div", { className: "bg-white rounded-b shadow p-0 h-100", children: /* @__PURE__ */ a.jsx(
+        at,
+        {
+          height: "100%",
+          defaultLanguage: "json",
+          value: u(s),
+          options: {
+            readOnly: !0,
+            minimap: { enabled: !1 },
+            automaticLayout: !0,
+            fontFamily: '"Cascadia Code", "Jetbrains Mono", "Fira Code", "Menlo", "Consolas", monospace',
+            tabSize: 2,
+            scrollBeyondLastLine: !1
+          }
+        }
+      ) })
+    ] })
+  ] });
+}, Ar = ({ request: e, currentTab: r, setCurrentTab: n }) => e ? /* @__PURE__ */ a.jsxs("div", { children: [
+  /* @__PURE__ */ a.jsx(gt, { request: e }),
+  /* @__PURE__ */ a.jsxs("div", { className: "flex space-x-2", children: [
+    /* @__PURE__ */ a.jsx(
+      "button",
+      {
+        className: `px-4 py-2 rounded-t ${r === "request" ? "bg-blue-600 text-white" : "bg-gray-200 text-gray-700"}`,
+        onClick: () => n("request"),
+        children: "Request"
+      }
+    ),
+    /* @__PURE__ */ a.jsx(
+      "button",
+      {
+        className: `px-4 py-2 rounded-t ${r === "response" ? "bg-blue-600 text-white" : "bg-gray-200 text-gray-700"}`,
+        onClick: () => n("response"),
+        children: "Response"
+      }
+    )
+  ] }),
+  /* @__PURE__ */ a.jsx("div", { className: "p-4 bg-white rounded-b shadow", children: r === "request" ? /* @__PURE__ */ a.jsx(xr, { request: e }) : /* @__PURE__ */ a.jsx(jr, { request: e }) })
+] }) : /* @__PURE__ */ a.jsx("div", { className: "text-gray-500", children: "No request selected." }), yr = "data:image/png;base64,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", wr = ({ sseEndpoint: e, setSseEndpoint: r, isConnected: n }) => {
+  const [o, s] = Q(!1), [i, u] = Q(e);
+  F(() => {
+    if (typeof window < "u") {
+      const g = localStorage.getItem("sseEndpoint");
+      !e && g && (u(g), r(g));
+    }
+  }, [e, r]);
+  const d = () => {
+    typeof window < "u" && localStorage.setItem("sseEndpoint", i), r(i), s(!1);
+  };
+  return /* @__PURE__ */ a.jsxs("div", { className: "fixed bottom-0 left-0 w-full", children: [
+    /* @__PURE__ */ a.jsxs(
+      "div",
+      {
+        className: "flex items-center justify-between bg-gray-200 px-4 py-2 w-full cursor-pointer select-none",
+        onClick: () => s((g) => !g),
+        children: [
+          /* @__PURE__ */ a.jsx("div", { className: "flex items-center gap-4", children: /* @__PURE__ */ a.jsxs(
+            "span",
+            {
+              className: `px-2 py-1 rounded-full text-xs font-semibold flex items-center ${n ? "bg-green-500" : "bg-red-500"}`,
+              children: [
+                /* @__PURE__ */ a.jsx(
+                  "span",
+                  {
+                    className: `w-2 h-2 rounded-full mr-1 ${n ? "bg-green-800" : "bg-red-800"}`
+                  }
+                ),
+                n ? "Connected" : "Disconnected"
+              ]
+            }
+          ) }),
+          /* @__PURE__ */ a.jsxs(
+            "a",
+            {
+              href: "https://github.com/thim81/inspectr",
+              target: "_blank",
+              rel: "noopener noreferrer",
+              className: "flex items-center gap-2",
+              children: [
+                /* @__PURE__ */ a.jsx("img", { src: yr, alt: "Inspectr Logo", className: "h-6" }),
+                /* @__PURE__ */ a.jsx("span", { className: "text-gray-700 font-semibold text-sm", children: "Inspectr" })
+              ]
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ a.jsx(
+      "div",
+      {
+        className: `bg-gray-100 border-t border-gray-300 transition-all duration-300 overflow-hidden ${o ? "max-h-40 opacity-100 py-4" : "max-h-0 opacity-0 py-0"}`,
+        children: /* @__PURE__ */ a.jsxs("div", { className: "px-6", children: [
+          /* @__PURE__ */ a.jsxs("div", { className: "grid grid-cols-2 gap-4 items-center", children: [
+            /* @__PURE__ */ a.jsx("div", { children: /* @__PURE__ */ a.jsx("h2", { className: "text-lg font-semibold text-gray-800 mb-4", children: "Configuration" }) }),
+            /* @__PURE__ */ a.jsxs("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ a.jsx("label", { className: "text-gray-700 font-semibold whitespace-nowrap", children: "SSE Endpoint:" }),
+              /* @__PURE__ */ a.jsx(
+                "input",
+                {
+                  type: "text",
+                  value: i,
+                  onChange: (g) => u(g.target.value),
+                  className: "border p-2 rounded flex-1 bg-white",
+                  placeholder: "Enter SSE Endpoint..."
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ a.jsx("div", { className: "flex justify-end mt-4", children: /* @__PURE__ */ a.jsx(
+            "button",
+            {
+              onClick: d,
+              className: "bg-green-600 text-white px-4 py-2 rounded-md",
+              children: "Apply"
+            }
+          ) })
+        ] })
+      }
+    )
+  ] });
+}, Cr = ({ sseEndpoint: e }) => {
+  const [r, n] = Q([]), [o, s] = Q(null), [i, u] = Q("request"), [d, g] = Q("/api/sse"), [v, C] = Q(!1);
+  F(() => {
+    if (typeof window < "u") {
+      const L = localStorage.getItem("sseEndpoint");
+      !e && L && g(L);
+    }
+  }, [d]), F(() => {
+    const L = () => `req-${Math.random().toString(36).substr(2, 9)}`, B = new EventSource(d);
+    return console.log(`EventSource created with URL: ${d}`), B.onopen = () => {
+      console.log("SSE connection opened"), C(!0);
+    }, B.onmessage = (I) => {
+      try {
+        const R = JSON.parse(I.data);
+        R.id || (R.id = L()), n((U) => (U.length === 0 && s(R), [R, ...U]));
+      } catch (R) {
+        console.error("Error parsing SSE data:", R);
+      }
+    }, B.onerror = (I) => {
+      console.error("SSE error:", I), C(!1);
+    }, () => {
+      console.log("Closing EventSource"), B.close(), C(!1);
+    };
+  }, [d]);
+  const P = () => {
+    n([]), s(null);
+  }, re = (L) => {
+    n(
+      (B) => B.filter((I, R) => I.id ? I.id !== L : R !== L)
+    ), o && (o.id || "") === L && s(null);
+  };
+  return /* @__PURE__ */ a.jsxs("div", { className: "flex flex-col h-screen", children: [
+    /* @__PURE__ */ a.jsxs("div", { className: "flex flex-grow", children: [
+      /* @__PURE__ */ a.jsx("div", { className: "w-1/3 border-r border-gray-300 overflow-y-auto", children: /* @__PURE__ */ a.jsx(
+        ft,
+        {
+          requests: r,
+          onSelect: s,
+          onRemove: re,
+          clearRequests: P,
+          selectedRequest: o
+        }
+      ) }),
+      /* @__PURE__ */ a.jsx("div", { className: "w-2/3 p-4", children: /* @__PURE__ */ a.jsx(
+        Ar,
+        {
+          request: o,
+          currentTab: i,
+          setCurrentTab: u
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ a.jsx(
+      wr,
+      {
+        sseEndpoint: d,
+        setSseEndpoint: g,
+        isConnected: v
+      }
+    )
+  ] });
+};
+export {
+  Cr as InspectrApp,
+  xr as RequestContent,
+  gt as RequestDetail,
+  Ar as RequestDetailsPanel,
+  ft as RequestList,
+  dt as RequestListItem,
+  jr as ResponseContent,
+  wr as SettingsPanel,
+  Ge as getStatusClass
+};