@inspectr/ui 0.0.8 → 0.0.9

package/dist/inspectr-ui.es.js

@@ -1,4 +1,4 @@
-import ae, { memo as Pe, useState as Q, useRef as S, useCallback as Se, useEffect as F } from "react";
+import ae, { memo as Pe, useState as Q, useRef as R, useCallback as Se, useEffect as F } from "react";
 var be = { exports: {} }, ce = {};
 /**
  * @license React
@@ -9,10 +9,10 @@ var be = { exports: {} }, ce = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var We;
+var De;
 function it() {
-  if (We) return ce;
-  We = 1;
+  if (De) return ce;
+  De = 1;
   var e = Symbol.for("react.transitional.element"), r = Symbol.for("react.fragment");
   function n(o, s, i) {
     var u = null;
@@ -41,9 +41,9 @@ var ue = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var De;
+var We;
 function lt() {
-  return De || (De = 1, process.env.NODE_ENV !== "production" && function() {
+  return We || (We = 1, process.env.NODE_ENV !== "production" && function() {
     function e(t) {
       if (t == null) return null;
       if (typeof t == "function")
@@ -52,7 +52,7 @@ function lt() {
       switch (t) {
         case w:
           return "Fragment";
-        case E:
+        case N:
           return "Portal";
         case G:
           return "Profiler";
@@ -69,9 +69,9 @@ function lt() {
         ), t.$$typeof) {
           case b:
             return (t.displayName || "Context") + ".Provider";
-          case N:
+          case S:
             return (t._context.displayName || "Context") + ".Consumer";
-          case Y:
+          case U:
             var l = t.render;
             return t = t.displayName, t || (t = l.displayName || l.name || "", t = t !== "" ? "ForwardRef(" + t + ")" : "ForwardRef"), t;
           case V:
@@ -109,7 +109,7 @@ function lt() {
     }
     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;
+        _ = console.log, Re = console.info, Me = console.warn, Te = console.error, ke = console.group, Le = console.groupCollapsed, Qe = console.groupEnd;
         var t = {
           configurable: !0,
           enumerable: !0,
@@ -134,8 +134,8 @@ function lt() {
         Object.defineProperties(console, {
           log: m({}, t, { value: _ }),
           info: m({}, t, { value: Re }),
-          warn: m({}, t, { value: Te }),
-          error: m({}, t, { value: Me }),
+          warn: m({}, t, { value: Me }),
+          error: m({}, t, { value: Te }),
           group: m({}, t, { value: ke }),
           groupCollapsed: m({}, t, { value: Le }),
           groupEnd: m({}, t, { value: Qe })
@@ -151,11 +151,11 @@ function lt() {
           throw Error();
         } catch (c) {
           var l = c.stack.trim().match(/\n( *(at )?)/);
-          ye = l && l[1] || "", Be = -1 < c.stack.indexOf(`
+          ye = l && l[1] || "", Ie = -1 < c.stack.indexOf(`
     at`) ? " (<anonymous>)" : -1 < c.stack.indexOf("@") ? "@unknown:0:0" : "";
         }
       return `
-` + ye + t + Be;
+` + ye + t + Ie;
     }
     function d(t, l) {
       if (!t || we) return "";
@@ -165,7 +165,7 @@ function lt() {
       var h = null;
       h = z.H, z.H = null, s();
       try {
-        var M = {
+        var T = {
           DetermineComponentFrameRoot: function() {
             try {
               if (l) {
@@ -207,17 +207,17 @@ function lt() {
             return [null, null];
           }
         };
-        M.DetermineComponentFrameRoot.displayName = "DetermineComponentFrameRoot";
+        T.DetermineComponentFrameRoot.displayName = "DetermineComponentFrameRoot";
         var A = Object.getOwnPropertyDescriptor(
-          M.DetermineComponentFrameRoot,
+          T.DetermineComponentFrameRoot,
           "name"
         );
         A && A.configurable && Object.defineProperty(
-          M.DetermineComponentFrameRoot,
+          T.DetermineComponentFrameRoot,
           "name",
           { value: "DetermineComponentFrameRoot" }
         );
-        var p = M.DetermineComponentFrameRoot(), q = p[0], se = p[1];
+        var p = T.DetermineComponentFrameRoot(), q = p[0], se = p[1];
         if (q && se) {
           var k = q.split(`
 `), oe = se.split(`
@@ -272,7 +272,7 @@ function lt() {
       }
       if (typeof t == "object")
         switch (t.$$typeof) {
-          case Y:
+          case U:
             return t = d(t.render, !1), t;
           case V:
             return g(t.type);
@@ -289,16 +289,16 @@ function lt() {
       var t = z.A;
       return t === null ? null : t.getOwner();
     }
-    function C(t) {
+    function O(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 M(t, l) {
       function c() {
-        Ie || (Ie = !0, console.error(
+        Be || (Be = !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
         ));
@@ -314,13 +314,13 @@ function lt() {
         "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) {
+    function L(t, l, c, h, T, A) {
       return c = A.ref, t = {
-        $$typeof: W,
+        $$typeof: D,
         type: t,
         key: l,
         props: A,
-        _owner: M
+        _owner: T
       }, (c !== void 0 ? c : null) !== null ? Object.defineProperty(t, "ref", {
         enumerable: !1,
         get: re
@@ -336,22 +336,22 @@ function lt() {
         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)) {
+    function I(t, l, c, h, T, 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 === S || t.$$typeof === U || t.$$typeof === j || t.getModuleId !== void 0)) {
         var p = l.children;
         if (p !== void 0)
           if (h)
-            if (O(p)) {
+            if (P(p)) {
               for (h = 0; h < p.length; h++)
-                I(p[h], t);
+                B(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 B(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(
+        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" : P(t) ? h = "array" : t !== void 0 && t.$$typeof === D ? (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
@@ -374,42 +374,42 @@ React keys must be passed directly to JSX without using spread:
           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) {
+      if (p = null, c !== void 0 && (n(c), p = "" + c), O(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(
+      return p && M(
         c,
         typeof t == "function" ? t.displayName || t.name || "Unknown" : t
-      ), L(t, p, A, M, v(), c);
+      ), L(t, p, A, T, v(), c);
     }
-    function I(t, l) {
+    function B(t, l) {
       if (typeof t == "object" && t && t.$$typeof !== st) {
-        if (O(t))
+        if (P(t))
           for (var c = 0; c < t.length; c++) {
             var h = t[c];
-            R(h) && U(h, l);
+            E(h) && Y(h, l);
           }
-        else if (R(t))
+        else if (E(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))
+        else if (t === null || typeof t != "object" ? c = null : (c = W && t[W] || 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);
+            E(t.value) && Y(t.value, l);
       }
     }
-    function R(t) {
-      return typeof t == "object" && t !== null && t.$$typeof === W;
+    function E(t) {
+      return typeof t == "object" && t !== null && t.$$typeof === D;
     }
-    function U(t, l) {
-      if (t._store && !t._store.validated && t.key == null && (t._store.validated = 1, l = T(l), !Fe[l])) {
+    function Y(t, l) {
+      if (t._store && !t._store.validated && t.key == null && (t._store.validated = 1, l = C(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;
+          var T = g(t.type);
+          return h && (T += h() || ""), T;
         }, 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,
@@ -417,7 +417,7 @@ React keys must be passed directly to JSX without using spread:
         ), z.getCurrentStack = h;
       }
     }
-    function T(t) {
+    function C(t) {
       var l = "", c = v();
       return c && (c = e(c.type)) && (l = `
 
@@ -425,13 +425,13 @@ 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;
+    var ne = ae, D = Symbol.for("react.transitional.element"), N = Symbol.for("react.portal"), w = Symbol.for("react.fragment"), y = Symbol.for("react.strict_mode"), G = Symbol.for("react.profiler"), S = Symbol.for("react.consumer"), b = Symbol.for("react.context"), U = 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"), W = 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"), P = Array.isArray, H = 0, _, Re, Me, Te, 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);
+    var ye, Ie, we = !1, Ee = new (typeof WeakMap == "function" ? WeakMap : Map)(), st = Symbol.for("react.client.reference"), Be, ze = {}, Je = {}, Fe = {};
+    ue.Fragment = w, ue.jsx = function(t, l, c, h, T) {
+      return I(t, l, c, !1, h, T);
+    }, ue.jsxs = function(t, l, c, h, T) {
+      return I(t, l, c, !0, h, T);
     };
   }()), ue;
 }
@@ -456,13 +456,13 @@ const Ge = (e) => e >= 200 && e < 300 ? "bg-green-200 text-green-800" : e >= 300
           "span",
           {
             className: `inline-flex px-3 py-1 text-xs font-semibold rounded-full ${Ge(
-              e.response.status
+              e.response.statusCode
             )}`,
-            children: e.response.status || "N/A"
+            children: e.response.statusCode || "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.jsx("div", { className: "w-20 text-center font-medium", children: e.method || "GET" }),
+        /* @__PURE__ */ a.jsx("div", { className: "flex-grow truncate text-left", children: e.path || e.url }),
         /* @__PURE__ */ a.jsxs("div", { className: "w-20 text-gray-500 text-center", children: [
           e.latency,
           "ms"
@@ -470,7 +470,7 @@ const Ge = (e) => e >= 200 && e < 300 ? "bg-green-200 text-green-800" : e >= 300
         /* @__PURE__ */ a.jsx(
           "button",
           {
-            className: "w-8 h-8 flex items-center justify-center text-red-500 hover:text-red-700",
+            className: "w-8 h-8 flex items-center justify-center cursor-pointer text-red-500 hover:text-red-700",
             onClick: (u) => {
               u.stopPropagation(), o(r);
             },
@@ -532,22 +532,23 @@ const Ge = (e) => e >= 200 && e < 300 ? "bg-green-200 text-green-800" : e >= 300
     /* @__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: "font-bold", children: e.method }),
+        /* @__PURE__ */ a.jsx("span", { className: "text-blue-600", children: e.path }),
         /* @__PURE__ */ a.jsx(
           "span",
           {
             className: `inline-flex px-3 py-1 text-xs font-semibold rounded-full ${Ge(
-              e.response.status
+              e.response.statusCode
             )}`,
-            children: e.response.status
+            children: e.response.statusCode
           }
-        )
+        ),
+        /* @__PURE__ */ a.jsx("span", { className: "text-sm", children: e.response.statusMessage })
       ] }),
       /* @__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),
+        r(e.request.timestamp),
         " • Took ",
         e.latency,
         "ms to respond"
@@ -722,7 +723,7 @@ function Pt(e) {
 function Rt(e, r) {
   throw new Error(e[r] || e.default);
 }
-var Tt = {
+var Mt = {
   initialIsRequired: "initial state is required",
   initialType: "initial state should be an object",
   initialContent: "initial state shouldn't be an empty object",
@@ -732,21 +733,21 @@ var Tt = {
   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 = {
+}, te = de(Rt)(Mt), ve = {
   changes: Nt,
   selector: Ot,
   handler: St,
   initial: Pt
 };
-function Mt(e) {
+function Tt(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;
+    var v = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : function(O) {
+      return O;
     };
     return ve.selector(v), v(n.current);
   }
@@ -767,9 +768,9 @@ function Qt(e, r, n) {
     return (s = r[o]) === null || s === void 0 ? void 0 : s.call(r, e.current[o]);
   }), n;
 }
-var Bt = {
-  create: Mt
-}, It = {
+var It = {
+  create: Tt
+}, Bt = {
   paths: {
     vs: "https://cdn.jsdelivr.net/npm/monaco-editor@0.43.0/min/vs"
   }
@@ -789,16 +790,16 @@ function Jt(e) {
   return {}.toString.call(e).includes("Object");
 }
 function Ft(e) {
-  return e || Ze("configIsRequired"), Jt(e) || Ze("configType"), e.urls ? (Wt(), {
+  return e || Ze("configIsRequired"), Jt(e) || Ze("configType"), e.urls ? (Dt(), {
     paths: {
       vs: e.urls.monacoBase
     }
   }) : e;
 }
-function Wt() {
+function Dt() {
   console.warn(Xe.deprecation);
 }
-function Dt(e, r) {
+function Wt(e, r) {
   throw new Error(e[r] || e.default);
 }
 var Xe = {
@@ -815,7 +816,7 @@ var Xe = {
 
     For more please check the link https://github.com/suren-atoyan/monaco-loader#config
   `
-}, Ze = zt(Dt)(Xe), Ht = {
+}, Ze = zt(Wt)(Xe), Ht = {
   config: Ft
 }, Yt = function() {
   for (var r = arguments.length, n = new Array(r), o = 0; o < r; o++)
@@ -845,8 +846,8 @@ function Ce(e) {
     return r = !0;
   }, n;
 }
-var Vt = Bt.create({
-  config: It,
+var Vt = It.create({
+  config: Bt,
   isInitialized: !1,
   resolve: null,
   reject: null,
@@ -949,7 +950,7 @@ function lr(e) {
 }
 var nt = lr;
 function cr(e, r, n = !0) {
-  let o = S(!0);
+  let o = R(!0);
   F(o.current || !n ? () => {
     o.current = !1;
   } : e, r);
@@ -969,118 +970,118 @@ function dr(e, r, n, o) {
 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);
+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: O = "Loading...", options: M = {}, height: re = "100%", width: L = "100%", className: I, wrapperProps: B = {}, beforeMount: E = fe, onMount: Y = fe }) {
+  let [C, ne] = Q(!1), [D, N] = Q(!0), w = R(null), y = R(null), G = R(null), S = R(Y), b = R(E), U = R(!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();
+    return f.then((x) => (y.current = x) && N(!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(() => {
+  }, [i], C), 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(() => {
+  }, [u], C), 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(() => {
+  }, [r], C), J(() => {
     var f, x;
     (x = (f = w.current) == null ? void 0 : f.getModel()) == null || x.original.setValue(e || "");
-  }, [e], T), J(() => {
+  }, [e], C), 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(() => {
+  }, [n, o, s], C), J(() => {
     var f;
     (f = y.current) == null || f.editor.setTheme(v);
-  }, [v], T), J(() => {
+  }, [v], C), J(() => {
     var f;
-    (f = w.current) == null || f.updateOptions(P);
-  }, [P], T);
+    (f = w.current) == null || f.updateOptions(M);
+  }, [M], C);
   let X = Se(() => {
-    var D;
+    var W;
     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 });
+    (W = w.current) == null || W.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]);
+    !U.current && G.current && (w.current = y.current.editor.createDiffEditor(G.current, { automaticLayout: !0, ...M }), X(), (f = y.current) == null || f.editor.setTheme(v), ne(!0), U.current = !0);
+  }, [M, v, X]);
   F(() => {
-    T && N.current(w.current, y.current);
-  }, [T]), F(() => {
-    !W && !T && K();
-  }, [W, T, K]);
+    C && S.current(w.current, y.current);
+  }, [C]), F(() => {
+    !D && !C && K();
+  }, [D, C, K]);
   function V() {
-    var x, D, $, z;
+    var x, W, $, 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();
+    d || ((W = f == null ? void 0 : f.original) == null || W.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 });
+  return ae.createElement(rt, { width: L, height: re, isEditorReady: C, loading: O, _ref: G, className: I, wrapperProps: B });
 }
 var gr = fr;
 Pe(gr);
 function pr(e) {
-  let r = S();
+  let r = R();
   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);
+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: O = {}, saveViewState: M = !0, keepCurrentModel: re = !1, width: L = "100%", height: I = "100%", className: B, wrapperProps: E = {}, beforeMount: Y = fe, onMount: C = fe, onChange: ne, onValidate: D = fe }) {
+  let [N, w] = Q(!1), [y, G] = Q(!0), S = R(null), b = R(null), U = R(null), X = R(C), K = R(Y), V = R(), f = R(o), x = mr(i), W = R(!1), $ = R(!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();
+    return m.then((j) => (S.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 j, P, H, _;
+    let m = ie(S.current, e || o || "", r || s || "", i || n || "");
+    m !== ((j = b.current) == null ? void 0 : j.getModel()) && (M && xe.set(x, (P = b.current) == null ? void 0 : P.saveViewState()), (H = b.current) == null || H.setModel(m), M && ((_ = b.current) == null || _.restoreViewState(xe.get(i))));
+  }, [i], N), 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;
+  }, [v], N), J(() => {
+    !b.current || o === void 0 || (b.current.getOption(S.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], N), J(() => {
+    var j, P;
     let m = (j = b.current) == null ? void 0 : j.getModel();
-    m && s && ((O = N.current) == null || O.editor.setModelLanguage(m, s));
-  }, [s], E), J(() => {
+    m && s && ((P = S.current) == null || P.editor.setModelLanguage(m, s));
+  }, [s], N), J(() => {
     var m;
     d !== void 0 && ((m = b.current) == null || m.revealLine(d));
-  }, [d], E), J(() => {
+  }, [d], N), J(() => {
     var m;
-    (m = N.current) == null || m.editor.setTheme(u);
-  }, [u], E);
+    (m = S.current) == null || m.editor.setTheme(u);
+  }, [u], N);
   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;
+    if (!(!U.current || !S.current) && !W.current) {
+      K.current(S.current);
+      let j = i || n, P = ie(S.current, o || e || "", r || s || "", j || "");
+      b.current = (m = S.current) == null ? void 0 : m.editor.create(U.current, { model: P, automaticLayout: !0, ...v }, O), M && b.current.restoreViewState(xe.get(j)), S.current.editor.setTheme(u), d !== void 0 && b.current.revealLine(d), w(!0), W.current = !0;
     }
-  }, [e, r, n, o, s, i, v, C, P, u, d]);
+  }, [e, r, n, o, s, i, v, O, M, u, d]);
   F(() => {
-    E && X.current(b.current, N.current);
-  }, [E]), F(() => {
-    !y && !E && z();
-  }, [y, E, z]), f.current = o, F(() => {
+    N && X.current(b.current, S.current);
+  }, [N]), F(() => {
+    !y && !N && z();
+  }, [y, N, 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);
+    N && ne && ((m = V.current) == null || m.dispose(), V.current = (j = b.current) == null ? void 0 : j.onDidChangeModelContent((P) => {
+      $.current || ne(b.current.getValue(), P);
     }));
-  }, [E, ne]), F(() => {
-    if (E) {
-      let m = N.current.editor.onDidChangeMarkers((j) => {
+  }, [N, ne]), F(() => {
+    if (N) {
+      let m = S.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(_);
+        let P = (H = b.current.getModel()) == null ? void 0 : H.uri;
+        if (P && j.find((_) => _.path === P.path)) {
+          let _ = S.current.editor.getModelMarkers({ resource: P });
+          D == null || D(_);
         }
       });
       return () => {
@@ -1089,22 +1090,22 @@ function hr({ defaultValue: e, defaultLanguage: r, defaultPath: n, value: o, lan
     }
     return () => {
     };
-  }, [E, W]);
+  }, [N, D]);
   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();
+    (m = V.current) == null || m.dispose(), re ? M && 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 });
+  return ae.createElement(rt, { width: L, height: I, isEditorReady: N, loading: g, _ref: U, className: B, wrapperProps: E });
 }
 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) => {
+  const [r, n] = Q(!1), [o, s] = Q(!1), i = (v) => Object.entries(v || {}).map(([O, M]) => /* @__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: O }),
+    /* @__PURE__ */ a.jsx("td", { className: "border border-slate-200 px-2 py-1 font-mono text-xs", children: M })
+  ] }, O)), 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);
+      const O = JSON.parse(v);
+      return JSON.stringify(O, null, 2);
     } catch {
       return v;
     }
@@ -1268,7 +1269,7 @@ const xr = ({ request: e }) => {
           /* @__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"}`,
+              className: `px-2 py-1 rounded-full text-xs font-semibold flex items-center ${n ? "bg-green-500 text-white" : "bg-red-500"}`,
               children: [
                 /* @__PURE__ */ a.jsx(
                   "span",
@@ -1323,33 +1324,36 @@ const xr = ({ request: e }) => {
     )
   ] });
 }, Cr = ({ sseEndpoint: e }) => {
-  const [r, n] = Q([]), [o, s] = Q(null), [i, u] = Q("request"), [d, g] = Q("/api/sse"), [v, C] = Q(!1);
+  const [r, n] = Q([]), [o, s] = Q(null), [i, u] = Q("request"), [d, g] = Q("/api/sse"), [v, O] = 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) => {
+    const L = () => `req-${Math.random().toString(36).substr(2, 9)}`, I = new EventSource(d);
+    return console.log(`Inspectr EventSource created with URL: ${d}`), I.onopen = () => {
+      console.log("SSE Inspectr connection opened"), O(!0);
+    }, I.onmessage = (B) => {
       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);
+        const E = JSON.parse(B.data);
+        if (E.id || (E.id = L()), E != null && E.data) {
+          const Y = E.data;
+          Y.id = E.id, n((C) => (C.length === 0 && s(Y), [Y, ...C]));
+        }
+      } catch (E) {
+        console.error("Error parsing SSE Inspectr data:", E);
       }
-    }, B.onerror = (I) => {
-      console.error("SSE error:", I), C(!1);
+    }, I.onerror = (B) => {
+      console.error("SSE Inspectr error:", B), O(!1);
     }, () => {
-      console.log("Closing EventSource"), B.close(), C(!1);
+      console.log("Closing Inspectr EventSource"), I.close(), O(!1);
     };
   }, [d]);
-  const P = () => {
+  const M = () => {
     n([]), s(null);
   }, re = (L) => {
-    n((B) => B.filter((I, R) => I.id ? I.id !== L : R !== L)), o && (o.id || "") === L && s(null);
+    n((I) => I.filter((B, E) => B.id ? B.id !== L : E !== 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: [
@@ -1359,7 +1363,7 @@ const xr = ({ request: e }) => {
           requests: r,
           onSelect: s,
           onRemove: re,
-          clearRequests: P,
+          clearRequests: M,
           selectedRequest: o
         }
       ) }),

package/dist/inspectr-ui.umd.js

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

package/package.json

@@ -2,7 +2,7 @@
   "name": "@inspectr/ui",
   "description": "React UI components for Inspectr",
   "type": "module",
-  "version": "0.0.8",
+  "version": "0.0.9",
   "author": "Tim Haselaars",
   "homepage": "https://github.com/thim81/inspectr#readme",
   "bugs": "https://github.com/thim81/inspectr-ui/issues",
@@ -24,6 +24,7 @@
   ],
   "scripts": {
     "build": "vite build",
+    "watch": "vite build --watch",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",
     "format": "npx prettier --write src//**/*.{ts,jsx,css} --config ./.prettierrc",