@modelcontextprotocol/inspector-client 0.6.0 → 0.8.0

package/dist/assets/{index-BK1TrpAN.js → index-DrNN0pLZ.js}

@@ -77,7 +77,7 @@ function A$2(a) {
   a = z$3 && a[z$3] || a["@@iterator"];
   return "function" === typeof a ? a : null;
 }
-var B$3 = { isMounted: function() {
+var B$4 = { isMounted: function() {
   return false;
 }, enqueueForceUpdate: function() {
 }, enqueueReplaceState: function() {
@@ -87,7 +87,7 @@ function E$2(a, b2, e) {
   this.props = a;
   this.context = b2;
   this.refs = D$3;
-  this.updater = e || B$3;
+  this.updater = e || B$4;
 }
 E$2.prototype.isReactComponent = {};
 E$2.prototype.setState = function(a, b2) {
@@ -100,20 +100,20 @@ E$2.prototype.forceUpdate = function(a) {
 function F() {
 }
 F.prototype = E$2.prototype;
-function G$3(a, b2, e) {
+function G$2(a, b2, e) {
   this.props = a;
   this.context = b2;
   this.refs = D$3;
-  this.updater = e || B$3;
+  this.updater = e || B$4;
 }
-var H$3 = G$3.prototype = new F();
-H$3.constructor = G$3;
+var H$3 = G$2.prototype = new F();
+H$3.constructor = G$2;
 C$2(H$3, E$2.prototype);
 H$3.isPureReactComponent = true;
-var I$3 = Array.isArray, J$1 = Object.prototype.hasOwnProperty, K$3 = { current: null }, L$2 = { key: true, ref: true, __self: true, __source: true };
-function M$3(a, b2, e) {
+var I$2 = Array.isArray, J$1 = Object.prototype.hasOwnProperty, K$3 = { current: null }, L$3 = { key: true, ref: true, __self: true, __source: true };
+function M$2(a, b2, e) {
   var d2, c2 = {}, k2 = null, h2 = null;
-  if (null != b2) for (d2 in void 0 !== b2.ref && (h2 = b2.ref), void 0 !== b2.key && (k2 = "" + b2.key), b2) J$1.call(b2, d2) && !L$2.hasOwnProperty(d2) && (c2[d2] = b2[d2]);
+  if (null != b2) for (d2 in void 0 !== b2.ref && (h2 = b2.ref), void 0 !== b2.key && (k2 = "" + b2.key), b2) J$1.call(b2, d2) && !L$3.hasOwnProperty(d2) && (c2[d2] = b2[d2]);
   var g2 = arguments.length - 2;
   if (1 === g2) c2.children = e;
   else if (1 < g2) {
@@ -135,8 +135,8 @@ function escape(a) {
     return b2[a2];
   });
 }
-var P$2 = /\/+/g;
-function Q$3(a, b2) {
+var P$3 = /\/+/g;
+function Q$2(a, b2) {
   return "object" === typeof a && null !== a && null != a.key ? escape("" + a.key) : b2.toString(36);
 }
 function R$2(a, b2, e, d2, c2) {
@@ -156,17 +156,17 @@ function R$2(a, b2, e, d2, c2) {
           h2 = true;
       }
   }
-  if (h2) return h2 = a, c2 = c2(h2), a = "" === d2 ? "." + Q$3(h2, 0) : d2, I$3(c2) ? (e = "", null != a && (e = a.replace(P$2, "$&/") + "/"), R$2(c2, b2, e, "", function(a2) {
+  if (h2) return h2 = a, c2 = c2(h2), a = "" === d2 ? "." + Q$2(h2, 0) : d2, I$2(c2) ? (e = "", null != a && (e = a.replace(P$3, "$&/") + "/"), R$2(c2, b2, e, "", function(a2) {
     return a2;
-  })) : null != c2 && (O$2(c2) && (c2 = N$3(c2, e + (!c2.key || h2 && h2.key === c2.key ? "" : ("" + c2.key).replace(P$2, "$&/") + "/") + a)), b2.push(c2)), 1;
+  })) : null != c2 && (O$2(c2) && (c2 = N$3(c2, e + (!c2.key || h2 && h2.key === c2.key ? "" : ("" + c2.key).replace(P$3, "$&/") + "/") + a)), b2.push(c2)), 1;
   h2 = 0;
   d2 = "" === d2 ? "." : d2 + ":";
-  if (I$3(a)) for (var g2 = 0; g2 < a.length; g2++) {
+  if (I$2(a)) for (var g2 = 0; g2 < a.length; g2++) {
     k2 = a[g2];
-    var f2 = d2 + Q$3(k2, g2);
+    var f2 = d2 + Q$2(k2, g2);
     h2 += R$2(k2, b2, e, f2, c2);
   }
-  else if (f2 = A$2(a), "function" === typeof f2) for (a = f2.call(a), g2 = 0; !(k2 = a.next()).done; ) k2 = k2.value, f2 = d2 + Q$3(k2, g2++), h2 += R$2(k2, b2, e, f2, c2);
+  else if (f2 = A$2(a), "function" === typeof f2) for (a = f2.call(a), g2 = 0; !(k2 = a.next()).done; ) k2 = k2.value, f2 = d2 + Q$2(k2, g2++), h2 += R$2(k2, b2, e, f2, c2);
   else if ("object" === k2) throw b2 = String(a), Error("Objects are not valid as a React child (found: " + ("[object Object]" === b2 ? "object with keys {" + Object.keys(a).join(", ") + "}" : b2) + "). If you meant to render a collection of children, use an array instead.");
   return h2;
 }
@@ -217,7 +217,7 @@ react_production_min.Children = { map: S$2, forEach: function(a, b2, e) {
 react_production_min.Component = E$2;
 react_production_min.Fragment = p$4;
 react_production_min.Profiler = r$1;
-react_production_min.PureComponent = G$3;
+react_production_min.PureComponent = G$2;
 react_production_min.StrictMode = q$2;
 react_production_min.Suspense = w$1;
 react_production_min.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = W$2;
@@ -229,7 +229,7 @@ react_production_min.cloneElement = function(a, b2, e) {
     void 0 !== b2.ref && (k2 = b2.ref, h2 = K$3.current);
     void 0 !== b2.key && (c2 = "" + b2.key);
     if (a.type && a.type.defaultProps) var g2 = a.type.defaultProps;
-    for (f2 in b2) J$1.call(b2, f2) && !L$2.hasOwnProperty(f2) && (d2[f2] = void 0 === b2[f2] && void 0 !== g2 ? g2[f2] : b2[f2]);
+    for (f2 in b2) J$1.call(b2, f2) && !L$3.hasOwnProperty(f2) && (d2[f2] = void 0 === b2[f2] && void 0 !== g2 ? g2[f2] : b2[f2]);
   }
   var f2 = arguments.length - 2;
   if (1 === f2) d2.children = e;
@@ -245,9 +245,9 @@ react_production_min.createContext = function(a) {
   a.Provider = { $$typeof: t, _context: a };
   return a.Consumer = a;
 };
-react_production_min.createElement = M$3;
+react_production_min.createElement = M$2;
 react_production_min.createFactory = function(a) {
-  var b2 = M$3.bind(null, a);
+  var b2 = M$2.bind(null, a);
   b2.type = a;
   return b2;
 };
@@ -323,10 +323,10 @@ react_production_min.version = "18.3.1";
   react.exports = react_production_min;
 }
 var reactExports = react.exports;
-const React$2 = /* @__PURE__ */ getDefaultExportFromCjs(reactExports);
-const React$3 = /* @__PURE__ */ _mergeNamespaces({
+const React$1 = /* @__PURE__ */ getDefaultExportFromCjs(reactExports);
+const React$2 = /* @__PURE__ */ _mergeNamespaces({
   __proto__: null,
-  default: React$2
+  default: React$1
 }, [reactExports]);
 /**
  * @license React
@@ -1406,7 +1406,7 @@ function $b(a) {
   }
   return null;
 }
-var ac = ca.unstable_scheduleCallback, bc = ca.unstable_cancelCallback, cc = ca.unstable_shouldYield, dc = ca.unstable_requestPaint, B$2 = ca.unstable_now, ec = ca.unstable_getCurrentPriorityLevel, fc = ca.unstable_ImmediatePriority, gc = ca.unstable_UserBlockingPriority, hc = ca.unstable_NormalPriority, ic = ca.unstable_LowPriority, jc = ca.unstable_IdlePriority, kc = null, lc = null;
+var ac = ca.unstable_scheduleCallback, bc = ca.unstable_cancelCallback, cc = ca.unstable_shouldYield, dc = ca.unstable_requestPaint, B$3 = ca.unstable_now, ec = ca.unstable_getCurrentPriorityLevel, fc = ca.unstable_ImmediatePriority, gc = ca.unstable_UserBlockingPriority, hc = ca.unstable_NormalPriority, ic = ca.unstable_LowPriority, jc = ca.unstable_IdlePriority, kc = null, lc = null;
 function mc(a) {
   if (lc && "function" === typeof lc.onCommitFiberRoot) try {
     lc.onCommitFiberRoot(kc, a, void 0, 128 === (a.current.flags & 128));
@@ -1986,7 +1986,7 @@ var Qd = A$1({}, ud, { key: function(a) {
   deltaMode: 0
 }), Zd = rd(Yd), $d = [9, 13, 27, 32], ae = ia && "CompositionEvent" in window, be$1 = null;
 ia && "documentMode" in document && (be$1 = document.documentMode);
-var ce = ia && "TextEvent" in window && !be$1, de$1 = ia && (!ae || be$1 && 8 < be$1 && 11 >= be$1), ee$1 = String.fromCharCode(32), fe$1 = false;
+var ce$1 = ia && "TextEvent" in window && !be$1, de$1 = ia && (!ae || be$1 && 8 < be$1 && 11 >= be$1), ee$1 = String.fromCharCode(32), fe$1 = false;
 function ge(a, b2) {
   switch (a) {
     case "keyup":
@@ -2135,8 +2135,8 @@ function Ke(a, b2) {
     c2 = Je(c2);
   }
 }
-function Le$1(a, b2) {
-  return a && b2 ? a === b2 ? true : a && 3 === a.nodeType ? false : b2 && 3 === b2.nodeType ? Le$1(a, b2.parentNode) : "contains" in a ? a.contains(b2) : a.compareDocumentPosition ? !!(a.compareDocumentPosition(b2) & 16) : false : false;
+function Le(a, b2) {
+  return a && b2 ? a === b2 ? true : a && 3 === a.nodeType ? false : b2 && 3 === b2.nodeType ? Le(a, b2.parentNode) : "contains" in a ? a.contains(b2) : a.compareDocumentPosition ? !!(a.compareDocumentPosition(b2) & 16) : false : false;
 }
 function Me$1() {
   for (var a = window, b2 = Xa(); b2 instanceof a.HTMLIFrameElement; ) {
@@ -2157,7 +2157,7 @@ function Ne(a) {
 }
 function Oe(a) {
   var b2 = Me$1(), c2 = a.focusedElem, d2 = a.selectionRange;
-  if (b2 !== c2 && c2 && c2.ownerDocument && Le$1(c2.ownerDocument.documentElement, c2)) {
+  if (b2 !== c2 && c2 && c2.ownerDocument && Le(c2.ownerDocument.documentElement, c2)) {
     if (null !== d2 && Ne(c2)) {
       if (b2 = d2.start, a = d2.end, void 0 === a && (a = b2), "selectionStart" in c2) c2.selectionStart = b2, c2.selectionEnd = Math.min(a, c2.value.length);
       else if (a = (b2 = c2.ownerDocument || document) && b2.defaultView || window, a.getSelection) {
@@ -2179,19 +2179,19 @@ function Oe(a) {
     for (c2 = 0; c2 < b2.length; c2++) a = b2[c2], a.element.scrollLeft = a.left, a.element.scrollTop = a.top;
   }
 }
-var Pe$1 = ia && "documentMode" in document && 11 >= document.documentMode, Qe = null, Re = null, Se$1 = null, Te$1 = false;
+var Pe$1 = ia && "documentMode" in document && 11 >= document.documentMode, Qe = null, Re$1 = null, Se$1 = null, Te$1 = false;
 function Ue(a, b2, c2) {
   var d2 = c2.window === c2 ? c2.document : 9 === c2.nodeType ? c2 : c2.ownerDocument;
-  Te$1 || null == Qe || Qe !== Xa(d2) || (d2 = Qe, "selectionStart" in d2 && Ne(d2) ? d2 = { start: d2.selectionStart, end: d2.selectionEnd } : (d2 = (d2.ownerDocument && d2.ownerDocument.defaultView || window).getSelection(), d2 = { anchorNode: d2.anchorNode, anchorOffset: d2.anchorOffset, focusNode: d2.focusNode, focusOffset: d2.focusOffset }), Se$1 && Ie$1(Se$1, d2) || (Se$1 = d2, d2 = oe(Re, "onSelect"), 0 < d2.length && (b2 = new td("onSelect", "select", null, b2, c2), a.push({ event: b2, listeners: d2 }), b2.target = Qe)));
+  Te$1 || null == Qe || Qe !== Xa(d2) || (d2 = Qe, "selectionStart" in d2 && Ne(d2) ? d2 = { start: d2.selectionStart, end: d2.selectionEnd } : (d2 = (d2.ownerDocument && d2.ownerDocument.defaultView || window).getSelection(), d2 = { anchorNode: d2.anchorNode, anchorOffset: d2.anchorOffset, focusNode: d2.focusNode, focusOffset: d2.focusOffset }), Se$1 && Ie$1(Se$1, d2) || (Se$1 = d2, d2 = oe(Re$1, "onSelect"), 0 < d2.length && (b2 = new td("onSelect", "select", null, b2, c2), a.push({ event: b2, listeners: d2 }), b2.target = Qe)));
 }
-function Ve$1(a, b2) {
+function Ve(a, b2) {
   var c2 = {};
   c2[a.toLowerCase()] = b2.toLowerCase();
   c2["Webkit" + a] = "webkit" + b2;
   c2["Moz" + a] = "moz" + b2;
   return c2;
 }
-var We = { animationend: Ve$1("Animation", "AnimationEnd"), animationiteration: Ve$1("Animation", "AnimationIteration"), animationstart: Ve$1("Animation", "AnimationStart"), transitionend: Ve$1("Transition", "TransitionEnd") }, Xe = {}, Ye = {};
+var We = { animationend: Ve("Animation", "AnimationEnd"), animationiteration: Ve("Animation", "AnimationIteration"), animationstart: Ve("Animation", "AnimationStart"), transitionend: Ve("Transition", "TransitionEnd") }, Xe = {}, Ye = {};
 ia && (Ye = document.createElement("div").style, "AnimationEvent" in window || (delete We.animationend.animation, delete We.animationiteration.animation, delete We.animationstart.animation), "TransitionEvent" in window || delete We.transitionend.transition);
 function Ze(a) {
   if (Xe[a]) return Xe[a];
@@ -2486,10 +2486,10 @@ function hd(a, b2, c2, d2, e) {
       xa = d3 ? ue$1(d3) : window;
       switch (a) {
         case "focusin":
-          if (me$1(xa) || "true" === xa.contentEditable) Qe = xa, Re = d3, Se$1 = null;
+          if (me$1(xa) || "true" === xa.contentEditable) Qe = xa, Re$1 = d3, Se$1 = null;
           break;
         case "focusout":
-          Se$1 = Re = Qe = null;
+          Se$1 = Re$1 = Qe = null;
           break;
         case "mousedown":
           Te$1 = true;
@@ -2523,7 +2523,7 @@ function hd(a, b2, c2, d2, e) {
       }
       else ie ? ge(a, c2) && (ba = "onCompositionEnd") : "keydown" === a && 229 === c2.keyCode && (ba = "onCompositionStart");
       ba && (de$1 && "ko" !== c2.locale && (ie || "onCompositionStart" !== ba ? "onCompositionEnd" === ba && ie && ($a = nd()) : (kd = e2, ld = "value" in kd ? kd.value : kd.textContent, ie = true)), xa = oe(d3, ba), 0 < xa.length && (ba = new Ld(ba, a, null, c2, e2), g3.push({ event: ba, listeners: xa }), $a ? ba.data = $a : ($a = he$1(c2), null !== $a && (ba.data = $a))));
-      if ($a = ce ? je(a, c2) : ke$1(a, c2)) d3 = oe(d3, "onBeforeInput"), 0 < d3.length && (e2 = new Ld("onBeforeInput", "beforeinput", null, c2, e2), g3.push({ event: e2, listeners: d3 }), e2.data = $a);
+      if ($a = ce$1 ? je(a, c2) : ke$1(a, c2)) d3 = oe(d3, "onBeforeInput"), 0 < d3.length && (e2 = new Ld("onBeforeInput", "beforeinput", null, c2, e2), g3.push({ event: e2, listeners: d3 }), e2.data = $a);
     }
     se(g3, b2);
   });
@@ -2656,7 +2656,7 @@ function Uf(a) {
 function E$1(a) {
   0 > Tf || (a.current = Sf[Tf], Sf[Tf] = null, Tf--);
 }
-function G$2(a, b2) {
+function G$1(a, b2) {
   Tf++;
   Sf[Tf] = a.current;
   a.current = b2;
@@ -2682,8 +2682,8 @@ function $f() {
 }
 function ag(a, b2, c2) {
   if (H$2.current !== Vf) throw Error(p$2(168));
-  G$2(H$2, b2);
-  G$2(Wf, c2);
+  G$1(H$2, b2);
+  G$1(Wf, c2);
 }
 function bg(a, b2, c2) {
   var d2 = a.stateNode;
@@ -2696,15 +2696,15 @@ function bg(a, b2, c2) {
 function cg(a) {
   a = (a = a.stateNode) && a.__reactInternalMemoizedMergedChildContext || Vf;
   Xf = H$2.current;
-  G$2(H$2, a);
-  G$2(Wf, Wf.current);
+  G$1(H$2, a);
+  G$1(Wf, Wf.current);
   return true;
 }
 function dg(a, b2, c2) {
   var d2 = a.stateNode;
   if (!d2) throw Error(p$2(169));
-  c2 ? (a = bg(a, b2, Xf), d2.__reactInternalMemoizedMergedChildContext = a, E$1(Wf), E$1(H$2), G$2(H$2, a)) : E$1(Wf);
-  G$2(Wf, c2);
+  c2 ? (a = bg(a, b2, Xf), d2.__reactInternalMemoizedMergedChildContext = a, E$1(Wf), E$1(H$2), G$1(H$2, a)) : E$1(Wf);
+  G$1(Wf, c2);
 }
 var eg = null, fg = false, gg = false;
 function hg(a) {
@@ -2770,7 +2770,7 @@ function wg(a) {
   for (; a === mg; ) mg = kg[--lg], kg[lg] = null, ng = kg[--lg], kg[lg] = null;
   for (; a === qg; ) qg = og[--pg], og[pg] = null, sg = og[--pg], og[pg] = null, rg = og[--pg], og[pg] = null;
 }
-var xg = null, yg = null, I$2 = false, zg = null;
+var xg = null, yg = null, I$1 = false, zg = null;
 function Ag(a, b2) {
   var c2 = Bg(5, null, null, 0);
   c2.elementType = "DELETED";
@@ -2797,7 +2797,7 @@ function Dg(a) {
   return 0 !== (a.mode & 1) && 0 === (a.flags & 128);
 }
 function Eg(a) {
-  if (I$2) {
+  if (I$1) {
     var b2 = yg;
     if (b2) {
       var c2 = b2;
@@ -2805,12 +2805,12 @@ function Eg(a) {
         if (Dg(a)) throw Error(p$2(418));
         b2 = Lf(c2.nextSibling);
         var d2 = xg;
-        b2 && Cg(a, b2) ? Ag(d2, c2) : (a.flags = a.flags & -4097 | 2, I$2 = false, xg = a);
+        b2 && Cg(a, b2) ? Ag(d2, c2) : (a.flags = a.flags & -4097 | 2, I$1 = false, xg = a);
       }
     } else {
       if (Dg(a)) throw Error(p$2(418));
       a.flags = a.flags & -4097 | 2;
-      I$2 = false;
+      I$1 = false;
       xg = a;
     }
   }
@@ -2821,7 +2821,7 @@ function Fg(a) {
 }
 function Gg(a) {
   if (a !== xg) return false;
-  if (!I$2) return Fg(a), I$2 = true, false;
+  if (!I$1) return Fg(a), I$1 = true, false;
   var b2;
   (b2 = 3 !== a.tag) && !(b2 = 5 !== a.tag) && (b2 = a.type, b2 = "head" !== b2 && "body" !== b2 && !Ef(a.type, a.memoizedProps));
   if (b2 && (b2 = yg)) {
@@ -2858,7 +2858,7 @@ function Hg() {
 }
 function Ig() {
   yg = xg = null;
-  I$2 = false;
+  I$1 = false;
 }
 function Jg(a) {
   null === zg ? zg = [a] : zg.push(a);
@@ -3027,17 +3027,17 @@ function Og(a) {
       m3 = n3;
       u2 = x2;
     }
-    if (w2 === h3.length) return c2(e2, u2), I$2 && tg(e2, w2), l3;
+    if (w2 === h3.length) return c2(e2, u2), I$1 && tg(e2, w2), l3;
     if (null === u2) {
       for (; w2 < h3.length; w2++) u2 = q2(e2, h3[w2], k3), null !== u2 && (g3 = f2(u2, g3, w2), null === m3 ? l3 = u2 : m3.sibling = u2, m3 = u2);
-      I$2 && tg(e2, w2);
+      I$1 && tg(e2, w2);
       return l3;
     }
     for (u2 = d2(e2, u2); w2 < h3.length; w2++) x2 = y2(u2, e2, w2, h3[w2], k3), null !== x2 && (a && null !== x2.alternate && u2.delete(null === x2.key ? w2 : x2.key), g3 = f2(x2, g3, w2), null === m3 ? l3 = x2 : m3.sibling = x2, m3 = x2);
     a && u2.forEach(function(a2) {
       return b2(e2, a2);
     });
-    I$2 && tg(e2, w2);
+    I$1 && tg(e2, w2);
     return l3;
   }
   function t2(e2, g3, h3, k3) {
@@ -3061,17 +3061,17 @@ function Og(a) {
     if (n3.done) return c2(
       e2,
       m3
-    ), I$2 && tg(e2, w2), l3;
+    ), I$1 && tg(e2, w2), l3;
     if (null === m3) {
       for (; !n3.done; w2++, n3 = h3.next()) n3 = q2(e2, n3.value, k3), null !== n3 && (g3 = f2(n3, g3, w2), null === u2 ? l3 = n3 : u2.sibling = n3, u2 = n3);
-      I$2 && tg(e2, w2);
+      I$1 && tg(e2, w2);
       return l3;
     }
     for (m3 = d2(e2, m3); !n3.done; w2++, n3 = h3.next()) n3 = y2(m3, e2, w2, n3.value, k3), null !== n3 && (a && null !== n3.alternate && m3.delete(null === n3.key ? w2 : n3.key), g3 = f2(n3, g3, w2), null === u2 ? l3 = n3 : u2.sibling = n3, u2 = n3);
     a && m3.forEach(function(a2) {
       return b2(e2, a2);
     });
-    I$2 && tg(e2, w2);
+    I$1 && tg(e2, w2);
     return l3;
   }
   function J2(a2, d3, f3, h3) {
@@ -3341,9 +3341,9 @@ function xh(a) {
   return a;
 }
 function yh(a, b2) {
-  G$2(wh, b2);
-  G$2(vh, a);
-  G$2(uh, th);
+  G$1(wh, b2);
+  G$1(vh, a);
+  G$1(uh, th);
   a = b2.nodeType;
   switch (a) {
     case 9:
@@ -3354,7 +3354,7 @@ function yh(a, b2) {
       a = 8 === a ? b2.parentNode : b2, b2 = a.namespaceURI || null, a = a.tagName, b2 = lb(b2, a);
   }
   E$1(uh);
-  G$2(uh, b2);
+  G$1(uh, b2);
 }
 function zh() {
   E$1(uh);
@@ -3365,12 +3365,12 @@ function Ah(a) {
   xh(wh.current);
   var b2 = xh(uh.current);
   var c2 = lb(b2, a.type);
-  b2 !== c2 && (G$2(vh, a), G$2(uh, c2));
+  b2 !== c2 && (G$1(vh, a), G$1(uh, c2));
 }
 function Bh(a) {
   vh.current === a && (E$1(uh), E$1(vh));
 }
-var L$1 = Uf(0);
+var L$2 = Uf(0);
 function Ch(a) {
   for (var b2 = a; null !== b2; ) {
     if (13 === b2.tag) {
@@ -3398,8 +3398,8 @@ function Eh() {
   for (var a = 0; a < Dh.length; a++) Dh[a]._workInProgressVersionPrimary = null;
   Dh.length = 0;
 }
-var Fh = ua.ReactCurrentDispatcher, Gh = ua.ReactCurrentBatchConfig, Hh = 0, M$2 = null, N$2 = null, O$1 = null, Ih = false, Jh = false, Kh = 0, Lh = 0;
-function P$1() {
+var Fh = ua.ReactCurrentDispatcher, Gh = ua.ReactCurrentBatchConfig, Hh = 0, M$1 = null, N$2 = null, O$1 = null, Ih = false, Jh = false, Kh = 0, Lh = 0;
+function P$2() {
   throw Error(p$2(321));
 }
 function Mh(a, b2) {
@@ -3409,7 +3409,7 @@ function Mh(a, b2) {
 }
 function Nh(a, b2, c2, d2, e, f2) {
   Hh = f2;
-  M$2 = b2;
+  M$1 = b2;
   b2.memoizedState = null;
   b2.updateQueue = null;
   b2.lanes = 0;
@@ -3431,7 +3431,7 @@ function Nh(a, b2, c2, d2, e, f2) {
   Fh.current = Rh;
   b2 = null !== N$2 && null !== N$2.next;
   Hh = 0;
-  O$1 = N$2 = M$2 = null;
+  O$1 = N$2 = M$1 = null;
   Ih = false;
   if (b2) throw Error(p$2(300));
   return a;
@@ -3443,21 +3443,21 @@ function Sh() {
 }
 function Th() {
   var a = { memoizedState: null, baseState: null, baseQueue: null, queue: null, next: null };
-  null === O$1 ? M$2.memoizedState = O$1 = a : O$1 = O$1.next = a;
+  null === O$1 ? M$1.memoizedState = O$1 = a : O$1 = O$1.next = a;
   return O$1;
 }
 function Uh() {
   if (null === N$2) {
-    var a = M$2.alternate;
+    var a = M$1.alternate;
     a = null !== a ? a.memoizedState : null;
   } else a = N$2.next;
-  var b2 = null === O$1 ? M$2.memoizedState : O$1.next;
+  var b2 = null === O$1 ? M$1.memoizedState : O$1.next;
   if (null !== b2) O$1 = b2, N$2 = a;
   else {
     if (null === a) throw Error(p$2(310));
     N$2 = a;
     a = { memoizedState: N$2.memoizedState, baseState: N$2.baseState, baseQueue: N$2.baseQueue, queue: N$2.queue, next: null };
-    null === O$1 ? M$2.memoizedState = O$1 = a : O$1 = O$1.next = a;
+    null === O$1 ? M$1.memoizedState = O$1 = a : O$1 = O$1.next = a;
   }
   return O$1;
 }
@@ -3494,7 +3494,7 @@ function Wh(a) {
           next: null
         };
         null === k2 ? (h2 = k2 = q2, g2 = d2) : k2 = k2.next = q2;
-        M$2.lanes |= m2;
+        M$1.lanes |= m2;
         rh |= m2;
       }
       l2 = l2.next;
@@ -3510,7 +3510,7 @@ function Wh(a) {
   if (null !== a) {
     e = a;
     do
-      f2 = e.lane, M$2.lanes |= f2, rh |= f2, e = e.next;
+      f2 = e.lane, M$1.lanes |= f2, rh |= f2, e = e.next;
     while (e !== a);
   } else null === e && (c2.lanes = 0);
   return [b2.memoizedState, c2.dispatch];
@@ -3536,14 +3536,14 @@ function Xh(a) {
 function Yh() {
 }
 function Zh(a, b2) {
-  var c2 = M$2, d2 = Uh(), e = b2(), f2 = !He(d2.memoizedState, e);
+  var c2 = M$1, d2 = Uh(), e = b2(), f2 = !He(d2.memoizedState, e);
   f2 && (d2.memoizedState = e, dh = true);
   d2 = d2.queue;
   $h(ai.bind(null, c2, d2, a), [a]);
   if (d2.getSnapshot !== b2 || f2 || null !== O$1 && O$1.memoizedState.tag & 1) {
     c2.flags |= 2048;
     bi(9, ci.bind(null, c2, d2, e, b2), void 0, null);
-    if (null === Q$2) throw Error(p$2(349));
+    if (null === Q$1) throw Error(p$2(349));
     0 !== (Hh & 30) || di(c2, b2, e);
   }
   return e;
@@ -3551,8 +3551,8 @@ function Zh(a, b2) {
 function di(a, b2, c2) {
   a.flags |= 16384;
   a = { getSnapshot: b2, value: c2 };
-  b2 = M$2.updateQueue;
-  null === b2 ? (b2 = { lastEffect: null, stores: null }, M$2.updateQueue = b2, b2.stores = [a]) : (c2 = b2.stores, null === c2 ? b2.stores = [a] : c2.push(a));
+  b2 = M$1.updateQueue;
+  null === b2 ? (b2 = { lastEffect: null, stores: null }, M$1.updateQueue = b2, b2.stores = [a]) : (c2 = b2.stores, null === c2 ? b2.stores = [a] : c2.push(a));
 }
 function ci(a, b2, c2, d2) {
   b2.value = c2;
@@ -3584,13 +3584,13 @@ function hi(a) {
   b2.memoizedState = b2.baseState = a;
   a = { pending: null, interleaved: null, lanes: 0, dispatch: null, lastRenderedReducer: Vh, lastRenderedState: a };
   b2.queue = a;
-  a = a.dispatch = ii.bind(null, M$2, a);
+  a = a.dispatch = ii.bind(null, M$1, a);
   return [b2.memoizedState, a];
 }
 function bi(a, b2, c2, d2) {
   a = { tag: a, create: b2, destroy: c2, deps: d2, next: null };
-  b2 = M$2.updateQueue;
-  null === b2 ? (b2 = { lastEffect: null, stores: null }, M$2.updateQueue = b2, b2.lastEffect = a.next = a) : (c2 = b2.lastEffect, null === c2 ? b2.lastEffect = a.next = a : (d2 = c2.next, c2.next = a, a.next = d2, b2.lastEffect = a));
+  b2 = M$1.updateQueue;
+  null === b2 ? (b2 = { lastEffect: null, stores: null }, M$1.updateQueue = b2, b2.lastEffect = a.next = a) : (c2 = b2.lastEffect, null === c2 ? b2.lastEffect = a.next = a : (d2 = c2.next, c2.next = a, a.next = d2, b2.lastEffect = a));
   return a;
 }
 function ji() {
@@ -3598,7 +3598,7 @@ function ji() {
 }
 function ki(a, b2, c2, d2) {
   var e = Th();
-  M$2.flags |= a;
+  M$1.flags |= a;
   e.memoizedState = bi(1 | b2, c2, void 0, void 0 === d2 ? null : d2);
 }
 function li(a, b2, c2, d2) {
@@ -3613,7 +3613,7 @@ function li(a, b2, c2, d2) {
       return;
     }
   }
-  M$2.flags |= a;
+  M$1.flags |= a;
   e.memoizedState = bi(1 | b2, c2, f2, d2);
 }
 function mi(a, b2) {
@@ -3661,7 +3661,7 @@ function ti(a, b2) {
 }
 function ui(a, b2, c2) {
   if (0 === (Hh & 21)) return a.baseState && (a.baseState = false, dh = true), a.memoizedState = c2;
-  He(c2, b2) || (c2 = yc(), M$2.lanes |= c2, rh |= c2, a.baseState = true);
+  He(c2, b2) || (c2 = yc(), M$1.lanes |= c2, rh |= c2, a.baseState = true);
   return b2;
 }
 function vi(a, b2) {
@@ -3713,7 +3713,7 @@ function ii(a, b2, c2) {
 }
 function zi(a) {
   var b2 = a.alternate;
-  return a === M$2 || null !== b2 && b2 === M$2;
+  return a === M$1 || null !== b2 && b2 === M$1;
 }
 function Ai(a, b2) {
   Jh = Ih = true;
@@ -3730,7 +3730,7 @@ function Bi(a, b2, c2) {
     Cc(a, c2);
   }
 }
-var Rh = { readContext: eh, useCallback: P$1, useContext: P$1, useEffect: P$1, useImperativeHandle: P$1, useInsertionEffect: P$1, useLayoutEffect: P$1, useMemo: P$1, useReducer: P$1, useRef: P$1, useState: P$1, useDebugValue: P$1, useDeferredValue: P$1, useTransition: P$1, useMutableSource: P$1, useSyncExternalStore: P$1, useId: P$1, unstable_isNewReconciler: false }, Oh = { readContext: eh, useCallback: function(a, b2) {
+var Rh = { readContext: eh, useCallback: P$2, useContext: P$2, useEffect: P$2, useImperativeHandle: P$2, useInsertionEffect: P$2, useLayoutEffect: P$2, useMemo: P$2, useReducer: P$2, useRef: P$2, useState: P$2, useDebugValue: P$2, useDeferredValue: P$2, useTransition: P$2, useMutableSource: P$2, useSyncExternalStore: P$2, useId: P$2, unstable_isNewReconciler: false }, Oh = { readContext: eh, useCallback: function(a, b2) {
   Th().memoizedState = [a, void 0 === b2 ? null : b2];
   return a;
 }, useContext: eh, useEffect: mi, useImperativeHandle: function(a, b2, c2) {
@@ -3757,7 +3757,7 @@ var Rh = { readContext: eh, useCallback: P$1, useContext: P$1, useEffect: P$1, u
   d2.memoizedState = d2.baseState = b2;
   a = { pending: null, interleaved: null, lanes: 0, dispatch: null, lastRenderedReducer: a, lastRenderedState: b2 };
   d2.queue = a;
-  a = a.dispatch = xi.bind(null, M$2, a);
+  a = a.dispatch = xi.bind(null, M$1, a);
   return [d2.memoizedState, a];
 }, useRef: function(a) {
   var b2 = Th();
@@ -3772,13 +3772,13 @@ var Rh = { readContext: eh, useCallback: P$1, useContext: P$1, useEffect: P$1, u
   return [b2, a];
 }, useMutableSource: function() {
 }, useSyncExternalStore: function(a, b2, c2) {
-  var d2 = M$2, e = Th();
-  if (I$2) {
+  var d2 = M$1, e = Th();
+  if (I$1) {
     if (void 0 === c2) throw Error(p$2(407));
     c2 = c2();
   } else {
     c2 = b2();
-    if (null === Q$2) throw Error(p$2(349));
+    if (null === Q$1) throw Error(p$2(349));
     0 !== (Hh & 30) || di(d2, b2, c2);
   }
   e.memoizedState = c2;
@@ -3794,8 +3794,8 @@ var Rh = { readContext: eh, useCallback: P$1, useContext: P$1, useEffect: P$1, u
   bi(9, ci.bind(null, d2, f2, c2, b2), void 0, null);
   return c2;
 }, useId: function() {
-  var a = Th(), b2 = Q$2.identifierPrefix;
-  if (I$2) {
+  var a = Th(), b2 = Q$1.identifierPrefix;
+  if (I$1) {
     var c2 = sg;
     var d2 = rg;
     c2 = (d2 & ~(1 << 32 - oc(d2) - 1)).toString(32) + c2;
@@ -4011,7 +4011,7 @@ function Yi(a, b2, c2, d2, e) {
   d2 = Nh(a, b2, c2, d2, f2, e);
   c2 = Sh();
   if (null !== a && !dh) return b2.updateQueue = a.updateQueue, b2.flags &= -2053, a.lanes &= ~e, Zi(a, b2, e);
-  I$2 && c2 && vg(b2);
+  I$1 && c2 && vg(b2);
   b2.flags |= 1;
   Xi(a, b2, d2, e);
   return b2.child;
@@ -4048,15 +4048,15 @@ function bj(a, b2, c2, d2, e) {
 }
 function dj(a, b2, c2) {
   var d2 = b2.pendingProps, e = d2.children, f2 = null !== a ? a.memoizedState : null;
-  if ("hidden" === d2.mode) if (0 === (b2.mode & 1)) b2.memoizedState = { baseLanes: 0, cachePool: null, transitions: null }, G$2(ej, fj), fj |= c2;
+  if ("hidden" === d2.mode) if (0 === (b2.mode & 1)) b2.memoizedState = { baseLanes: 0, cachePool: null, transitions: null }, G$1(ej, fj), fj |= c2;
   else {
-    if (0 === (c2 & 1073741824)) return a = null !== f2 ? f2.baseLanes | c2 : c2, b2.lanes = b2.childLanes = 1073741824, b2.memoizedState = { baseLanes: a, cachePool: null, transitions: null }, b2.updateQueue = null, G$2(ej, fj), fj |= a, null;
+    if (0 === (c2 & 1073741824)) return a = null !== f2 ? f2.baseLanes | c2 : c2, b2.lanes = b2.childLanes = 1073741824, b2.memoizedState = { baseLanes: a, cachePool: null, transitions: null }, b2.updateQueue = null, G$1(ej, fj), fj |= a, null;
     b2.memoizedState = { baseLanes: 0, cachePool: null, transitions: null };
     d2 = null !== f2 ? f2.baseLanes : c2;
-    G$2(ej, fj);
+    G$1(ej, fj);
     fj |= d2;
   }
-  else null !== f2 ? (d2 = f2.baseLanes | c2, b2.memoizedState = null) : d2 = c2, G$2(ej, fj), fj |= d2;
+  else null !== f2 ? (d2 = f2.baseLanes | c2, b2.memoizedState = null) : d2 = c2, G$1(ej, fj), fj |= d2;
   Xi(a, b2, e, c2);
   return b2.child;
 }
@@ -4071,7 +4071,7 @@ function cj(a, b2, c2, d2, e) {
   c2 = Nh(a, b2, c2, d2, f2, e);
   d2 = Sh();
   if (null !== a && !dh) return b2.updateQueue = a.updateQueue, b2.flags &= -2053, a.lanes &= ~e, Zi(a, b2, e);
-  I$2 && d2 && vg(b2);
+  I$1 && d2 && vg(b2);
   b2.flags |= 1;
   Xi(a, b2, c2, e);
   return b2.child;
@@ -4147,11 +4147,11 @@ function nj(a) {
   return { baseLanes: a, cachePool: null, transitions: null };
 }
 function oj(a, b2, c2) {
-  var d2 = b2.pendingProps, e = L$1.current, f2 = false, g2 = 0 !== (b2.flags & 128), h2;
+  var d2 = b2.pendingProps, e = L$2.current, f2 = false, g2 = 0 !== (b2.flags & 128), h2;
   (h2 = g2) || (h2 = null !== a && null === a.memoizedState ? false : 0 !== (e & 2));
   if (h2) f2 = true, b2.flags &= -129;
   else if (null === a || null !== a.memoizedState) e |= 1;
-  G$2(L$1, e & 1);
+  G$1(L$2, e & 1);
   if (null === a) {
     Eg(b2);
     a = b2.memoizedState;
@@ -4236,7 +4236,7 @@ function rj(a, b2, c2, d2, e, f2, g2) {
   }
   h2 = 0 !== (g2 & a.childLanes);
   if (dh || h2) {
-    d2 = Q$2;
+    d2 = Q$1;
     if (null !== d2) {
       switch (g2 & -g2) {
         case 4:
@@ -4285,7 +4285,7 @@ function rj(a, b2, c2, d2, e, f2, g2) {
   a = f2.treeContext;
   yg = Lf(e.nextSibling);
   xg = b2;
-  I$2 = true;
+  I$1 = true;
   zg = null;
   null !== a && (og[pg++] = rg, og[pg++] = sg, og[pg++] = qg, rg = a.id, sg = a.overflow, qg = b2);
   b2 = qj(b2, d2.children);
@@ -4305,7 +4305,7 @@ function wj(a, b2, c2, d2, e) {
 function xj(a, b2, c2) {
   var d2 = b2.pendingProps, e = d2.revealOrder, f2 = d2.tail;
   Xi(a, b2, d2.children, c2);
-  d2 = L$1.current;
+  d2 = L$2.current;
   if (0 !== (d2 & 2)) d2 = d2 & 1 | 2, b2.flags |= 128;
   else {
     if (null !== a && 0 !== (a.flags & 128)) a: for (a = b2.child; null !== a; ) {
@@ -4326,7 +4326,7 @@ function xj(a, b2, c2) {
     }
     d2 &= 1;
   }
-  G$2(L$1, d2);
+  G$1(L$2, d2);
   if (0 === (b2.mode & 1)) b2.memoizedState = null;
   else switch (e) {
     case "forwards":
@@ -4394,19 +4394,19 @@ function yj(a, b2, c2) {
       break;
     case 10:
       var d2 = b2.type._context, e = b2.memoizedProps.value;
-      G$2(Wg, d2._currentValue);
+      G$1(Wg, d2._currentValue);
       d2._currentValue = e;
       break;
     case 13:
       d2 = b2.memoizedState;
       if (null !== d2) {
-        if (null !== d2.dehydrated) return G$2(L$1, L$1.current & 1), b2.flags |= 128, null;
+        if (null !== d2.dehydrated) return G$1(L$2, L$2.current & 1), b2.flags |= 128, null;
         if (0 !== (c2 & b2.child.childLanes)) return oj(a, b2, c2);
-        G$2(L$1, L$1.current & 1);
+        G$1(L$2, L$2.current & 1);
         a = Zi(a, b2, c2);
         return null !== a ? a.sibling : null;
       }
-      G$2(L$1, L$1.current & 1);
+      G$1(L$2, L$2.current & 1);
       break;
     case 19:
       d2 = 0 !== (c2 & b2.childLanes);
@@ -4416,7 +4416,7 @@ function yj(a, b2, c2) {
       }
       e = b2.memoizedState;
       null !== e && (e.rendering = null, e.tail = null, e.lastEffect = null);
-      G$2(L$1, L$1.current);
+      G$1(L$2, L$2.current);
       if (d2) break;
       else return null;
     case 22:
@@ -4498,7 +4498,7 @@ Cj = function(a, b2, c2, d2) {
   c2 !== d2 && (b2.flags |= 4);
 };
 function Dj(a, b2) {
-  if (!I$2) switch (a.tailMode) {
+  if (!I$1) switch (a.tailMode) {
     case "hidden":
       b2 = a.tail;
       for (var c2 = null; null !== b2; ) null !== b2.alternate && (c2 = b2), b2 = b2.sibling;
@@ -4775,10 +4775,10 @@ function Ej(a, b2, c2) {
       S$1(b2);
       return null;
     case 13:
-      E$1(L$1);
+      E$1(L$2);
       d2 = b2.memoizedState;
       if (null === a || null !== a.memoizedState && null !== a.memoizedState.dehydrated) {
-        if (I$2 && null !== yg && 0 !== (b2.mode & 1) && 0 === (b2.flags & 128)) Hg(), Ig(), b2.flags |= 98560, f2 = false;
+        if (I$1 && null !== yg && 0 !== (b2.mode & 1) && 0 === (b2.flags & 128)) Hg(), Ig(), b2.flags |= 98560, f2 = false;
         else if (f2 = Gg(b2), null !== d2 && null !== d2.dehydrated) {
           if (null === a) {
             if (!f2) throw Error(p$2(318));
@@ -4794,7 +4794,7 @@ function Ej(a, b2, c2) {
       }
       if (0 !== (b2.flags & 128)) return b2.lanes = c2, b2;
       d2 = null !== d2;
-      d2 !== (null !== a && null !== a.memoizedState) && d2 && (b2.child.flags |= 8192, 0 !== (b2.mode & 1) && (null === a || 0 !== (L$1.current & 1) ? 0 === T$2 && (T$2 = 3) : tj()));
+      d2 !== (null !== a && null !== a.memoizedState) && d2 && (b2.child.flags |= 8192, 0 !== (b2.mode & 1) && (null === a || 0 !== (L$2.current & 1) ? 0 === T$2 && (T$2 = 3) : tj()));
       null !== b2.updateQueue && (b2.flags |= 4);
       S$1(b2);
       return null;
@@ -4805,7 +4805,7 @@ function Ej(a, b2, c2) {
     case 17:
       return Zf(b2.type) && $f(), S$1(b2), null;
     case 19:
-      E$1(L$1);
+      E$1(L$2);
       f2 = b2.memoizedState;
       if (null === f2) return S$1(b2), null;
       d2 = 0 !== (b2.flags & 128);
@@ -4822,20 +4822,20 @@ function Ej(a, b2, c2) {
             b2.subtreeFlags = 0;
             d2 = c2;
             for (c2 = b2.child; null !== c2; ) f2 = c2, a = d2, f2.flags &= 14680066, g2 = f2.alternate, null === g2 ? (f2.childLanes = 0, f2.lanes = a, f2.child = null, f2.subtreeFlags = 0, f2.memoizedProps = null, f2.memoizedState = null, f2.updateQueue = null, f2.dependencies = null, f2.stateNode = null) : (f2.childLanes = g2.childLanes, f2.lanes = g2.lanes, f2.child = g2.child, f2.subtreeFlags = 0, f2.deletions = null, f2.memoizedProps = g2.memoizedProps, f2.memoizedState = g2.memoizedState, f2.updateQueue = g2.updateQueue, f2.type = g2.type, a = g2.dependencies, f2.dependencies = null === a ? null : { lanes: a.lanes, firstContext: a.firstContext }), c2 = c2.sibling;
-            G$2(L$1, L$1.current & 1 | 2);
+            G$1(L$2, L$2.current & 1 | 2);
             return b2.child;
           }
           a = a.sibling;
         }
-        null !== f2.tail && B$2() > Gj && (b2.flags |= 128, d2 = true, Dj(f2, false), b2.lanes = 4194304);
+        null !== f2.tail && B$3() > Gj && (b2.flags |= 128, d2 = true, Dj(f2, false), b2.lanes = 4194304);
       }
       else {
         if (!d2) if (a = Ch(g2), null !== a) {
-          if (b2.flags |= 128, d2 = true, c2 = a.updateQueue, null !== c2 && (b2.updateQueue = c2, b2.flags |= 4), Dj(f2, true), null === f2.tail && "hidden" === f2.tailMode && !g2.alternate && !I$2) return S$1(b2), null;
-        } else 2 * B$2() - f2.renderingStartTime > Gj && 1073741824 !== c2 && (b2.flags |= 128, d2 = true, Dj(f2, false), b2.lanes = 4194304);
+          if (b2.flags |= 128, d2 = true, c2 = a.updateQueue, null !== c2 && (b2.updateQueue = c2, b2.flags |= 4), Dj(f2, true), null === f2.tail && "hidden" === f2.tailMode && !g2.alternate && !I$1) return S$1(b2), null;
+        } else 2 * B$3() - f2.renderingStartTime > Gj && 1073741824 !== c2 && (b2.flags |= 128, d2 = true, Dj(f2, false), b2.lanes = 4194304);
         f2.isBackwards ? (g2.sibling = b2.child, b2.child = g2) : (c2 = f2.last, null !== c2 ? c2.sibling = g2 : b2.child = g2, f2.last = g2);
       }
-      if (null !== f2.tail) return b2 = f2.tail, f2.rendering = b2, f2.tail = b2.sibling, f2.renderingStartTime = B$2(), b2.sibling = null, c2 = L$1.current, G$2(L$1, d2 ? c2 & 1 | 2 : c2 & 1), b2;
+      if (null !== f2.tail) return b2 = f2.tail, f2.rendering = b2, f2.tail = b2.sibling, f2.renderingStartTime = B$3(), b2.sibling = null, c2 = L$2.current, G$1(L$2, d2 ? c2 & 1 | 2 : c2 & 1), b2;
       S$1(b2);
       return null;
     case 22:
@@ -4858,7 +4858,7 @@ function Ij(a, b2) {
     case 5:
       return Bh(b2), null;
     case 13:
-      E$1(L$1);
+      E$1(L$2);
       a = b2.memoizedState;
       if (null !== a && null !== a.dehydrated) {
         if (null === b2.alternate) throw Error(p$2(340));
@@ -4867,7 +4867,7 @@ function Ij(a, b2) {
       a = b2.flags;
       return a & 65536 ? (b2.flags = a & -65537 | 128, b2) : null;
     case 19:
-      return E$1(L$1), null;
+      return E$1(L$2), null;
     case 4:
       return zh(), null;
     case 10:
@@ -5292,7 +5292,7 @@ function dk(a, b2) {
       ck(b2, a);
       ek(a);
       e = a.child;
-      e.flags & 8192 && (f2 = null !== e.memoizedState, e.stateNode.isHidden = f2, !f2 || null !== e.alternate && null !== e.alternate.memoizedState || (fk = B$2()));
+      e.flags & 8192 && (f2 = null !== e.memoizedState, e.stateNode.isHidden = f2, !f2 || null !== e.alternate && null !== e.alternate.memoizedState || (fk = B$3()));
       d2 & 4 && ak(a);
       break;
     case 22:
@@ -5616,9 +5616,9 @@ function jk(a) {
     V = b2.return;
   }
 }
-var lk = Math.ceil, mk = ua.ReactCurrentDispatcher, nk = ua.ReactCurrentOwner, ok = ua.ReactCurrentBatchConfig, K$2 = 0, Q$2 = null, Y$2 = null, Z$1 = 0, fj = 0, ej = Uf(0), T$2 = 0, pk = null, rh = 0, qk = 0, rk = 0, sk = null, tk = null, fk = 0, Gj = Infinity, uk = null, Oi = false, Pi = null, Ri = null, vk = false, wk = null, xk = 0, yk = 0, zk = null, Ak = -1, Bk = 0;
+var lk = Math.ceil, mk = ua.ReactCurrentDispatcher, nk = ua.ReactCurrentOwner, ok = ua.ReactCurrentBatchConfig, K$2 = 0, Q$1 = null, Y$2 = null, Z$1 = 0, fj = 0, ej = Uf(0), T$2 = 0, pk = null, rh = 0, qk = 0, rk = 0, sk = null, tk = null, fk = 0, Gj = Infinity, uk = null, Oi = false, Pi = null, Ri = null, vk = false, wk = null, xk = 0, yk = 0, zk = null, Ak = -1, Bk = 0;
 function R$1() {
-  return 0 !== (K$2 & 6) ? B$2() : -1 !== Ak ? Ak : Ak = B$2();
+  return 0 !== (K$2 & 6) ? B$3() : -1 !== Ak ? Ak : Ak = B$3();
 }
 function yi(a) {
   if (0 === (a.mode & 1)) return 1;
@@ -5633,12 +5633,12 @@ function yi(a) {
 function gi(a, b2, c2, d2) {
   if (50 < yk) throw yk = 0, zk = null, Error(p$2(185));
   Ac(a, c2, d2);
-  if (0 === (K$2 & 2) || a !== Q$2) a === Q$2 && (0 === (K$2 & 2) && (qk |= c2), 4 === T$2 && Ck(a, Z$1)), Dk(a, d2), 1 === c2 && 0 === K$2 && 0 === (b2.mode & 1) && (Gj = B$2() + 500, fg && jg());
+  if (0 === (K$2 & 2) || a !== Q$1) a === Q$1 && (0 === (K$2 & 2) && (qk |= c2), 4 === T$2 && Ck(a, Z$1)), Dk(a, d2), 1 === c2 && 0 === K$2 && 0 === (b2.mode & 1) && (Gj = B$3() + 500, fg && jg());
 }
 function Dk(a, b2) {
   var c2 = a.callbackNode;
   wc(a, b2);
-  var d2 = uc(a, a === Q$2 ? Z$1 : 0);
+  var d2 = uc(a, a === Q$1 ? Z$1 : 0);
   if (0 === d2) null !== c2 && bc(c2), a.callbackNode = null, a.callbackPriority = 0;
   else if (b2 = d2 & -d2, a.callbackPriority !== b2) {
     null != c2 && bc(c2);
@@ -5674,7 +5674,7 @@ function Gk(a, b2) {
   if (0 !== (K$2 & 6)) throw Error(p$2(327));
   var c2 = a.callbackNode;
   if (Hk() && a.callbackNode !== c2) return null;
-  var d2 = uc(a, a === Q$2 ? Z$1 : 0);
+  var d2 = uc(a, a === Q$1 ? Z$1 : 0);
   if (0 === d2) return null;
   if (0 !== (d2 & 30) || 0 !== (d2 & a.expiredLanes) || b2) b2 = Ik(a, d2);
   else {
@@ -5682,7 +5682,7 @@ function Gk(a, b2) {
     var e = K$2;
     K$2 |= 2;
     var f2 = Jk();
-    if (Q$2 !== a || Z$1 !== b2) uk = null, Gj = B$2() + 500, Kk(a, b2);
+    if (Q$1 !== a || Z$1 !== b2) uk = null, Gj = B$3() + 500, Kk(a, b2);
     do
       try {
         Lk();
@@ -5694,15 +5694,15 @@ function Gk(a, b2) {
     $g();
     mk.current = f2;
     K$2 = e;
-    null !== Y$2 ? b2 = 0 : (Q$2 = null, Z$1 = 0, b2 = T$2);
+    null !== Y$2 ? b2 = 0 : (Q$1 = null, Z$1 = 0, b2 = T$2);
   }
   if (0 !== b2) {
     2 === b2 && (e = xc(a), 0 !== e && (d2 = e, b2 = Nk(a, e)));
-    if (1 === b2) throw c2 = pk, Kk(a, 0), Ck(a, d2), Dk(a, B$2()), c2;
+    if (1 === b2) throw c2 = pk, Kk(a, 0), Ck(a, d2), Dk(a, B$3()), c2;
     if (6 === b2) Ck(a, d2);
     else {
       e = a.current.alternate;
-      if (0 === (d2 & 30) && !Ok(e) && (b2 = Ik(a, d2), 2 === b2 && (f2 = xc(a), 0 !== f2 && (d2 = f2, b2 = Nk(a, f2))), 1 === b2)) throw c2 = pk, Kk(a, 0), Ck(a, d2), Dk(a, B$2()), c2;
+      if (0 === (d2 & 30) && !Ok(e) && (b2 = Ik(a, d2), 2 === b2 && (f2 = xc(a), 0 !== f2 && (d2 = f2, b2 = Nk(a, f2))), 1 === b2)) throw c2 = pk, Kk(a, 0), Ck(a, d2), Dk(a, B$3()), c2;
       a.finishedWork = e;
       a.finishedLanes = d2;
       switch (b2) {
@@ -5714,7 +5714,7 @@ function Gk(a, b2) {
           break;
         case 3:
           Ck(a, d2);
-          if ((d2 & 130023424) === d2 && (b2 = fk + 500 - B$2(), 10 < b2)) {
+          if ((d2 & 130023424) === d2 && (b2 = fk + 500 - B$3(), 10 < b2)) {
             if (0 !== uc(a, 0)) break;
             e = a.suspendedLanes;
             if ((e & d2) !== d2) {
@@ -5739,7 +5739,7 @@ function Gk(a, b2) {
             d2 &= ~f2;
           }
           d2 = e;
-          d2 = B$2() - d2;
+          d2 = B$3() - d2;
           d2 = (120 > d2 ? 120 : 480 > d2 ? 480 : 1080 > d2 ? 1080 : 1920 > d2 ? 1920 : 3e3 > d2 ? 3e3 : 4320 > d2 ? 4320 : 1960 * lk(d2 / 1960)) - d2;
           if (10 < d2) {
             a.timeoutHandle = Ff(Pk.bind(null, a, tk, uk), d2);
@@ -5755,7 +5755,7 @@ function Gk(a, b2) {
       }
     }
   }
-  Dk(a, B$2());
+  Dk(a, B$3());
   return a.callbackNode === c2 ? Gk.bind(null, a) : null;
 }
 function Nk(a, b2) {
@@ -5811,18 +5811,18 @@ function Ek(a) {
   if (0 !== (K$2 & 6)) throw Error(p$2(327));
   Hk();
   var b2 = uc(a, 0);
-  if (0 === (b2 & 1)) return Dk(a, B$2()), null;
+  if (0 === (b2 & 1)) return Dk(a, B$3()), null;
   var c2 = Ik(a, b2);
   if (0 !== a.tag && 2 === c2) {
     var d2 = xc(a);
     0 !== d2 && (b2 = d2, c2 = Nk(a, d2));
   }
-  if (1 === c2) throw c2 = pk, Kk(a, 0), Ck(a, b2), Dk(a, B$2()), c2;
+  if (1 === c2) throw c2 = pk, Kk(a, 0), Ck(a, b2), Dk(a, B$3()), c2;
   if (6 === c2) throw Error(p$2(345));
   a.finishedWork = a.current.alternate;
   a.finishedLanes = b2;
   Pk(a, tk, uk);
-  Dk(a, B$2());
+  Dk(a, B$3());
   return null;
 }
 function Qk(a, b2) {
@@ -5831,7 +5831,7 @@ function Qk(a, b2) {
   try {
     return a(b2);
   } finally {
-    K$2 = c2, 0 === K$2 && (Gj = B$2() + 500, fg && jg());
+    K$2 = c2, 0 === K$2 && (Gj = B$3() + 500, fg && jg());
   }
 }
 function Rk(a) {
@@ -5875,10 +5875,10 @@ function Kk(a, b2) {
         zh();
         break;
       case 13:
-        E$1(L$1);
+        E$1(L$2);
         break;
       case 19:
-        E$1(L$1);
+        E$1(L$2);
         break;
       case 10:
         ah(d2.type._context);
@@ -5889,7 +5889,7 @@ function Kk(a, b2) {
     }
     c2 = c2.return;
   }
-  Q$2 = a;
+  Q$1 = a;
   Y$2 = a = Pg(a.current, null);
   Z$1 = fj = b2;
   T$2 = 0;
@@ -5918,7 +5918,7 @@ function Mk(a, b2) {
       $g();
       Fh.current = Rh;
       if (Ih) {
-        for (var d2 = M$2.memoizedState; null !== d2; ) {
+        for (var d2 = M$1.memoizedState; null !== d2; ) {
           var e = d2.queue;
           null !== e && (e.pending = null);
           d2 = d2.next;
@@ -5926,7 +5926,7 @@ function Mk(a, b2) {
         Ih = false;
       }
       Hh = 0;
-      O$1 = N$2 = M$2 = null;
+      O$1 = N$2 = M$1 = null;
       Jh = false;
       Kh = 0;
       nk.current = null;
@@ -5968,7 +5968,7 @@ function Mk(a, b2) {
             }
             k2 = Error(p$2(426));
           }
-        } else if (I$2 && h2.mode & 1) {
+        } else if (I$1 && h2.mode & 1) {
           var J2 = Ui(g2);
           if (null !== J2) {
             0 === (J2.flags & 65536) && (J2.flags |= 256);
@@ -6021,13 +6021,13 @@ function Jk() {
 }
 function tj() {
   if (0 === T$2 || 3 === T$2 || 2 === T$2) T$2 = 4;
-  null === Q$2 || 0 === (rh & 268435455) && 0 === (qk & 268435455) || Ck(Q$2, Z$1);
+  null === Q$1 || 0 === (rh & 268435455) && 0 === (qk & 268435455) || Ck(Q$1, Z$1);
 }
 function Ik(a, b2) {
   var c2 = K$2;
   K$2 |= 2;
   var d2 = Jk();
-  if (Q$2 !== a || Z$1 !== b2) uk = null, Kk(a, b2);
+  if (Q$1 !== a || Z$1 !== b2) uk = null, Kk(a, b2);
   do
     try {
       Tk();
@@ -6040,7 +6040,7 @@ function Ik(a, b2) {
   K$2 = c2;
   mk.current = d2;
   if (null !== Y$2) throw Error(p$2(261));
-  Q$2 = null;
+  Q$1 = null;
   Z$1 = 0;
   return T$2;
 }
@@ -6113,7 +6113,7 @@ function Wk(a, b2, c2, d2) {
   a.callbackPriority = 0;
   var f2 = c2.lanes | c2.childLanes;
   Bc(a, f2);
-  a === Q$2 && (Y$2 = Q$2 = null, Z$1 = 0);
+  a === Q$1 && (Y$2 = Q$1 = null, Z$1 = 0);
   0 === (c2.subtreeFlags & 2064) && 0 === (c2.flags & 2064) || vk || (vk = true, Fk(hc, function() {
     Hk();
     return null;
@@ -6143,7 +6143,7 @@ function Wk(a, b2, c2, d2) {
   f2 = a.pendingLanes;
   0 === f2 && (Ri = null);
   mc(c2.stateNode);
-  Dk(a, B$2());
+  Dk(a, B$3());
   if (null !== b2) for (d2 = a.onRecoverableError, c2 = 0; c2 < b2.length; c2++) e = b2[c2], d2(e.value, { componentStack: e.stack, digest: e.digest });
   if (Oi) throw Oi = false, a = Pi, Pi = null, a;
   0 !== (xk & 1) && 0 !== a.tag && Hk();
@@ -6310,7 +6310,7 @@ function Ti(a, b2, c2) {
   null !== d2 && d2.delete(b2);
   b2 = R$1();
   a.pingedLanes |= a.suspendedLanes & c2;
-  Q$2 === a && (Z$1 & c2) === c2 && (4 === T$2 || 3 === T$2 && (Z$1 & 130023424) === Z$1 && 500 > B$2() - fk ? Kk(a, 0) : rk |= c2);
+  Q$1 === a && (Z$1 & c2) === c2 && (4 === T$2 || 3 === T$2 && (Z$1 & 130023424) === Z$1 && 500 > B$3() - fk ? Kk(a, 0) : rk |= c2);
   Dk(a, b2);
 }
 function Yk(a, b2) {
@@ -6348,7 +6348,7 @@ Vk = function(a, b2, c2) {
     if (0 === (a.lanes & c2) && 0 === (b2.flags & 128)) return dh = false, yj(a, b2, c2);
     dh = 0 !== (a.flags & 131072) ? true : false;
   }
-  else dh = false, I$2 && 0 !== (b2.flags & 1048576) && ug(b2, ng, b2.index);
+  else dh = false, I$1 && 0 !== (b2.flags & 1048576) && ug(b2, ng, b2.index);
   b2.lanes = 0;
   switch (b2.tag) {
     case 2:
@@ -6360,7 +6360,7 @@ Vk = function(a, b2, c2) {
       e = Nh(null, b2, d2, a, e, c2);
       var f2 = Sh();
       b2.flags |= 1;
-      "object" === typeof e && null !== e && "function" === typeof e.render && void 0 === e.$$typeof ? (b2.tag = 1, b2.memoizedState = null, b2.updateQueue = null, Zf(d2) ? (f2 = true, cg(b2)) : f2 = false, b2.memoizedState = null !== e.state && void 0 !== e.state ? e.state : null, kh(b2), e.updater = Ei, b2.stateNode = e, e._reactInternals = b2, Ii(b2, d2, a, c2), b2 = jj(null, b2, d2, true, f2, c2)) : (b2.tag = 0, I$2 && f2 && vg(b2), Xi(null, b2, e, c2), b2 = b2.child);
+      "object" === typeof e && null !== e && "function" === typeof e.render && void 0 === e.$$typeof ? (b2.tag = 1, b2.memoizedState = null, b2.updateQueue = null, Zf(d2) ? (f2 = true, cg(b2)) : f2 = false, b2.memoizedState = null !== e.state && void 0 !== e.state ? e.state : null, kh(b2), e.updater = Ei, b2.stateNode = e, e._reactInternals = b2, Ii(b2, d2, a, c2), b2 = jj(null, b2, d2, true, f2, c2)) : (b2.tag = 0, I$1 && f2 && vg(b2), Xi(null, b2, e, c2), b2 = b2.child);
       return b2;
     case 16:
       d2 = b2.elementType;
@@ -6416,7 +6416,7 @@ Vk = function(a, b2, c2) {
           e = Ji(Error(p$2(424)), b2);
           b2 = lj(a, b2, d2, c2, e);
           break a;
-        } else for (yg = Lf(b2.stateNode.containerInfo.firstChild), xg = b2, I$2 = true, zg = null, c2 = Vg(b2, null, d2, c2), b2.child = c2; c2; ) c2.flags = c2.flags & -3 | 4096, c2 = c2.sibling;
+        } else for (yg = Lf(b2.stateNode.containerInfo.firstChild), xg = b2, I$1 = true, zg = null, c2 = Vg(b2, null, d2, c2), b2.child = c2; c2; ) c2.flags = c2.flags & -3 | 4096, c2 = c2.sibling;
         else {
           Ig();
           if (d2 === e) {
@@ -6450,7 +6450,7 @@ Vk = function(a, b2, c2) {
         e = b2.pendingProps;
         f2 = b2.memoizedProps;
         g2 = e.value;
-        G$2(Wg, d2._currentValue);
+        G$1(Wg, d2._currentValue);
         d2._currentValue = g2;
         if (null !== f2) if (He(f2.value, g2)) {
           if (f2.children === e.children && !Wf.current) {
@@ -6854,7 +6854,7 @@ Ec = function(a) {
       var b2 = a.stateNode;
       if (b2.current.memoizedState.isDehydrated) {
         var c2 = tc(b2.pendingLanes);
-        0 !== c2 && (Cc(b2, c2 | 1), Dk(b2, B$2()), 0 === (K$2 & 6) && (Gj = B$2() + 500, jg()));
+        0 !== c2 && (Cc(b2, c2 | 1), Dk(b2, B$3()), 0 === (K$2 & 6) && (Gj = B$3() + 500, jg()));
       }
       break;
     case 13:
@@ -7066,7 +7066,7 @@ function g(t2) {
         e.removeEventListener("animationend", t4), l2 ? f(e, m2, c2) : m2();
       };
       y2 || (p2 ? t4() : (E2.current = 1, e.className += ` ${T2}`, e.addEventListener("animationend", t4)));
-    }, [y2]), React$2.createElement(React$2.Fragment, null, d2);
+    }, [y2]), React$1.createElement(React$1.Fragment, null, d2);
   };
 }
 function y(e, t2) {
@@ -7075,7 +7075,7 @@ function y(e, t2) {
 const v = /* @__PURE__ */ new Map();
 let h = [];
 const T$1 = /* @__PURE__ */ new Set(), E = (e) => T$1.forEach((t2) => t2(e)), b = () => v.size > 0;
-function I$1(e, t2) {
+function I(e, t2) {
   var n2;
   if (t2) return !(null == (n2 = v.get(t2)) || !n2.isToastActive(e));
   let o = false;
@@ -7093,7 +7093,7 @@ function C(e, t2) {
     null != t2 && null != t2 && t2.containerId ? (null == t2 ? void 0 : t2.containerId) === n2.id && n2.toggle(e, null == t2 ? void 0 : t2.id) : n2.toggle(e, null == t2 ? void 0 : t2.id);
   });
 }
-function L(e) {
+function L$1(e) {
   const { subscribe: o, getSnapshot: s, setProps: i } = reactExports.useRef(function(e2) {
     const n2 = e2.containerId || 1;
     return { subscribe(o2) {
@@ -7166,7 +7166,7 @@ function L(e) {
       const { position: t3 } = e2.props;
       n2.has(t3) || n2.set(t3, []), n2.get(t3).push(e2);
     }), Array.from(n2, (e2) => t2(e2[0], e2[1]));
-  }, isToastActive: I$1, count: null == l2 ? void 0 : l2.length };
+  }, isToastActive: I, count: null == l2 ? void 0 : l2.length };
 }
 function N$1(e) {
   const [t2, o] = reactExports.useState(false), [a, r2] = reactExports.useState(false), l2 = reactExports.useRef(null), c2 = reactExports.useRef({ start: 0, delta: 0, removalDistance: 0, canCloseOnClick: true, canDrag: false, didMove: false }).current, { autoClose: d2, pauseOnHover: u2, closeToast: p2, onClick: m2, closeOnClick: f2 } = e;
@@ -7215,35 +7215,35 @@ function $$1(t2) {
   const h2 = clsx("Toastify__progress-bar", d2 ? "Toastify__progress-bar--controlled" : "Toastify__progress-bar--animated", `Toastify__progress-bar-theme--${g2}`, `Toastify__progress-bar--${a}`, { "Toastify__progress-bar--rtl": m2 }), T2 = u$1(i) ? i({ rtl: m2, type: a, defaultClassName: h2 }) : clsx(h2, i), E2 = { [d2 && p2 >= 1 ? "onTransitionEnd" : "onAnimationEnd"]: d2 && p2 < 1 ? null : () => {
     f2 && s();
   } };
-  return React$2.createElement("div", { className: "Toastify__progress-bar--wrp", "data-hidden": y2 }, React$2.createElement("div", { className: `Toastify__progress-bar--bg Toastify__progress-bar-theme--${g2} Toastify__progress-bar--${a}` }), React$2.createElement("div", { role: "progressbar", "aria-hidden": y2 ? "true" : "false", "aria-label": "notification timer", className: T2, style: v2, ...E2 }));
+  return React$1.createElement("div", { className: "Toastify__progress-bar--wrp", "data-hidden": y2 }, React$1.createElement("div", { className: `Toastify__progress-bar--bg Toastify__progress-bar-theme--${g2} Toastify__progress-bar--${a}` }), React$1.createElement("div", { role: "progressbar", "aria-hidden": y2 ? "true" : "false", "aria-label": "notification timer", className: T2, style: v2, ...E2 }));
 }
 let w = 1;
 const k$2 = () => "" + w++;
-function P(e) {
+function P$1(e) {
   return e && (d(e.toastId) || c(e.toastId)) ? e.toastId : k$2();
 }
-function M$1(e, t2) {
+function M(e, t2) {
   return _(e, t2), t2.toastId;
 }
 function x(e, t2) {
-  return { ...t2, type: t2 && t2.type || e, toastId: P(t2) };
+  return { ...t2, type: t2 && t2.type || e, toastId: P$1(t2) };
 }
 function A(e) {
-  return (t2, n2) => M$1(t2, x(e, n2));
+  return (t2, n2) => M(t2, x(e, n2));
 }
-function B$1(e, t2) {
-  return M$1(e, x("default", t2));
+function B$2(e, t2) {
+  return M(e, x("default", t2));
 }
-B$1.loading = (e, t2) => M$1(e, x("default", { isLoading: true, autoClose: false, closeOnClick: false, closeButton: false, draggable: false, ...t2 })), B$1.promise = function(e, t2, n2) {
+B$2.loading = (e, t2) => M(e, x("default", { isLoading: true, autoClose: false, closeOnClick: false, closeButton: false, draggable: false, ...t2 })), B$2.promise = function(e, t2, n2) {
   let o, { pending: s, error: a, success: r2 } = t2;
-  s && (o = d(s) ? B$1.loading(s, n2) : B$1.loading(s.render, { ...n2, ...s }));
+  s && (o = d(s) ? B$2.loading(s, n2) : B$2.loading(s.render, { ...n2, ...s }));
   const i = { isLoading: null, autoClose: null, closeOnClick: null, closeButton: null, draggable: null }, l2 = (e2, t3, s2) => {
-    if (null == t3) return void B$1.dismiss(o);
+    if (null == t3) return void B$2.dismiss(o);
     const a2 = { type: e2, ...i, ...n2, data: s2 }, r3 = d(t3) ? { render: t3 } : t3;
-    return o ? B$1.update(o, { ...a2, ...r3 }) : B$1(r3.render, { ...a2, ...r3 }), s2;
+    return o ? B$2.update(o, { ...a2, ...r3 }) : B$2(r3.render, { ...a2, ...r3 }), s2;
   }, c2 = u$1(e) ? e() : e;
   return c2.then((e2) => l2("success", r2, e2)).catch((e2) => l2("error", a, e2)), c2;
-}, B$1.success = A("success"), B$1.info = A("info"), B$1.error = A("error"), B$1.warning = A("warning"), B$1.warn = B$1.warning, B$1.dark = (e, t2) => M$1(e, x("default", { theme: "dark", ...t2 })), B$1.dismiss = function(e) {
+}, B$2.success = A("success"), B$2.info = A("info"), B$2.error = A("error"), B$2.warning = A("warning"), B$2.warn = B$2.warning, B$2.dark = (e, t2) => M(e, x("default", { theme: "dark", ...t2 })), B$2.dismiss = function(e) {
   !function(e2) {
     var t2;
     if (b()) {
@@ -7258,11 +7258,11 @@ B$1.loading = (e, t2) => M$1(e, x("default", { isLoading: true, autoClose: false
       }
     } else h = h.filter((t3) => null != e2 && t3.options.toastId !== e2);
   }(e);
-}, B$1.clearWaitingQueue = function(e) {
+}, B$2.clearWaitingQueue = function(e) {
   void 0 === e && (e = {}), v.forEach((t2) => {
     !t2.props.limit || e.containerId && t2.id !== e.containerId || t2.clearQueue();
   });
-}, B$1.isActive = I$1, B$1.update = function(e, t2) {
+}, B$2.isActive = I, B$2.update = function(e, t2) {
   void 0 === t2 && (t2 = {});
   const n2 = ((e2, t3) => {
     var n3;
@@ -7273,28 +7273,28 @@ B$1.loading = (e, t2) => M$1(e, x("default", { isLoading: true, autoClose: false
     const { props: o, content: s } = n2, a = { delay: 100, ...o, ...t2, toastId: t2.toastId || e, updateId: k$2() };
     a.toastId !== e && (a.staleId = e);
     const r2 = a.render || s;
-    delete a.render, M$1(r2, a);
+    delete a.render, M(r2, a);
   }
-}, B$1.done = (e) => {
-  B$1.update(e, { progress: 1 });
-}, B$1.onChange = function(e) {
+}, B$2.done = (e) => {
+  B$2.update(e, { progress: 1 });
+}, B$2.onChange = function(e) {
   return T$1.add(e), () => {
     T$1.delete(e);
   };
-}, B$1.play = (e) => C(true, e), B$1.pause = (e) => C(false, e);
+}, B$2.play = (e) => C(true, e), B$2.pause = (e) => C(false, e);
 const O = "undefined" != typeof window ? reactExports.useLayoutEffect : reactExports.useEffect, D$1 = (t2) => {
   let { theme: n2, type: o, isLoading: s, ...a } = t2;
-  return React$2.createElement("svg", { viewBox: "0 0 24 24", width: "100%", height: "100%", fill: "colored" === n2 ? "currentColor" : `var(--toastify-icon-color-${o})`, ...a });
+  return React$1.createElement("svg", { viewBox: "0 0 24 24", width: "100%", height: "100%", fill: "colored" === n2 ? "currentColor" : `var(--toastify-icon-color-${o})`, ...a });
 }, z$1 = { info: function(t2) {
-  return React$2.createElement(D$1, { ...t2 }, React$2.createElement("path", { d: "M12 0a12 12 0 1012 12A12.013 12.013 0 0012 0zm.25 5a1.5 1.5 0 11-1.5 1.5 1.5 1.5 0 011.5-1.5zm2.25 13.5h-4a1 1 0 010-2h.75a.25.25 0 00.25-.25v-4.5a.25.25 0 00-.25-.25h-.75a1 1 0 010-2h1a2 2 0 012 2v4.75a.25.25 0 00.25.25h.75a1 1 0 110 2z" }));
+  return React$1.createElement(D$1, { ...t2 }, React$1.createElement("path", { d: "M12 0a12 12 0 1012 12A12.013 12.013 0 0012 0zm.25 5a1.5 1.5 0 11-1.5 1.5 1.5 1.5 0 011.5-1.5zm2.25 13.5h-4a1 1 0 010-2h.75a.25.25 0 00.25-.25v-4.5a.25.25 0 00-.25-.25h-.75a1 1 0 010-2h1a2 2 0 012 2v4.75a.25.25 0 00.25.25h.75a1 1 0 110 2z" }));
 }, warning: function(t2) {
-  return React$2.createElement(D$1, { ...t2 }, React$2.createElement("path", { d: "M23.32 17.191L15.438 2.184C14.728.833 13.416 0 11.996 0c-1.42 0-2.733.833-3.443 2.184L.533 17.448a4.744 4.744 0 000 4.368C1.243 23.167 2.555 24 3.975 24h16.05C22.22 24 24 22.044 24 19.632c0-.904-.251-1.746-.68-2.44zm-9.622 1.46c0 1.033-.724 1.823-1.698 1.823s-1.698-.79-1.698-1.822v-.043c0-1.028.724-1.822 1.698-1.822s1.698.79 1.698 1.822v.043zm.039-12.285l-.84 8.06c-.057.581-.408.943-.897.943-.49 0-.84-.367-.896-.942l-.84-8.065c-.057-.624.25-1.095.779-1.095h1.91c.528.005.84.476.784 1.1z" }));
+  return React$1.createElement(D$1, { ...t2 }, React$1.createElement("path", { d: "M23.32 17.191L15.438 2.184C14.728.833 13.416 0 11.996 0c-1.42 0-2.733.833-3.443 2.184L.533 17.448a4.744 4.744 0 000 4.368C1.243 23.167 2.555 24 3.975 24h16.05C22.22 24 24 22.044 24 19.632c0-.904-.251-1.746-.68-2.44zm-9.622 1.46c0 1.033-.724 1.823-1.698 1.823s-1.698-.79-1.698-1.822v-.043c0-1.028.724-1.822 1.698-1.822s1.698.79 1.698 1.822v.043zm.039-12.285l-.84 8.06c-.057.581-.408.943-.897.943-.49 0-.84-.367-.896-.942l-.84-8.065c-.057-.624.25-1.095.779-1.095h1.91c.528.005.84.476.784 1.1z" }));
 }, success: function(t2) {
-  return React$2.createElement(D$1, { ...t2 }, React$2.createElement("path", { d: "M12 0a12 12 0 1012 12A12.014 12.014 0 0012 0zm6.927 8.2l-6.845 9.289a1.011 1.011 0 01-1.43.188l-4.888-3.908a1 1 0 111.25-1.562l4.076 3.261 6.227-8.451a1 1 0 111.61 1.183z" }));
+  return React$1.createElement(D$1, { ...t2 }, React$1.createElement("path", { d: "M12 0a12 12 0 1012 12A12.014 12.014 0 0012 0zm6.927 8.2l-6.845 9.289a1.011 1.011 0 01-1.43.188l-4.888-3.908a1 1 0 111.25-1.562l4.076 3.261 6.227-8.451a1 1 0 111.61 1.183z" }));
 }, error: function(t2) {
-  return React$2.createElement(D$1, { ...t2 }, React$2.createElement("path", { d: "M11.983 0a12.206 12.206 0 00-8.51 3.653A11.8 11.8 0 000 12.207 11.779 11.779 0 0011.8 24h.214A12.111 12.111 0 0024 11.791 11.766 11.766 0 0011.983 0zM10.5 16.542a1.476 1.476 0 011.449-1.53h.027a1.527 1.527 0 011.523 1.47 1.475 1.475 0 01-1.449 1.53h-.027a1.529 1.529 0 01-1.523-1.47zM11 12.5v-6a1 1 0 012 0v6a1 1 0 11-2 0z" }));
+  return React$1.createElement(D$1, { ...t2 }, React$1.createElement("path", { d: "M11.983 0a12.206 12.206 0 00-8.51 3.653A11.8 11.8 0 000 12.207 11.779 11.779 0 0011.8 24h.214A12.111 12.111 0 0024 11.791 11.766 11.766 0 0011.983 0zM10.5 16.542a1.476 1.476 0 011.449-1.53h.027a1.527 1.527 0 011.523 1.47 1.475 1.475 0 01-1.449 1.53h-.027a1.529 1.529 0 01-1.523-1.47zM11 12.5v-6a1 1 0 012 0v6a1 1 0 11-2 0z" }));
 }, spinner: function() {
-  return React$2.createElement("div", { className: "Toastify__spinner" });
+  return React$1.createElement("div", { className: "Toastify__spinner" });
 } }, R = (n2) => {
   const { isRunning: o, preventExitTransition: s, toastRef: r2, eventHandlers: i, playToast: c2 } = N$1(n2), { closeButton: d2, children: p2, autoClose: m2, onClick: f2, type: g2, hideProgressBar: y2, closeToast: v2, transition: h2, position: T2, className: E2, style: b2, bodyClassName: I2, bodyStyle: _2, progressClassName: C2, progressStyle: L2, updateId: w2, role: k2, progress: P2, rtl: M2, toastId: x2, deleteToast: A2, isIn: B2, isLoading: O2, closeOnClick: D2, theme: R2 } = n2, S2 = clsx("Toastify__toast", `Toastify__toast-theme--${R2}`, `Toastify__toast--${g2}`, { "Toastify__toast--rtl": M2 }, { "Toastify__toast--close-on-click": D2 }), H2 = u$1(E2) ? E2({ rtl: M2, position: T2, type: g2, defaultClassName: S2 }) : clsx(S2, E2), F2 = function(e) {
     let { theme: n3, type: o2, isLoading: s2, icon: r3 } = e, i2 = null;
@@ -7304,10 +7304,10 @@ const O = "undefined" != typeof window ? reactExports.useLayoutEffect : reactExp
   let q2 = null;
   return false === d2 || (q2 = u$1(d2) ? d2(Y2) : reactExports.isValidElement(d2) ? reactExports.cloneElement(d2, Y2) : function(t2) {
     let { closeToast: n3, theme: o2, ariaLabel: s2 = "close" } = t2;
-    return React$2.createElement("button", { className: `Toastify__close-button Toastify__close-button--${o2}`, type: "button", onClick: (e) => {
+    return React$1.createElement("button", { className: `Toastify__close-button Toastify__close-button--${o2}`, type: "button", onClick: (e) => {
       e.stopPropagation(), n3(e);
-    }, "aria-label": s2 }, React$2.createElement("svg", { "aria-hidden": "true", viewBox: "0 0 14 16" }, React$2.createElement("path", { fillRule: "evenodd", d: "M7.71 8.23l3.75 3.75-1.48 1.48-3.75-3.75-3.75 3.75L1 11.98l3.75-3.75L1 4.48 2.48 3l3.75 3.75L9.98 3l1.48 1.48-3.75 3.75z" })));
-  }(Y2)), React$2.createElement(h2, { isIn: B2, done: A2, position: T2, preventExitTransition: s, nodeRef: r2, playToast: c2 }, React$2.createElement("div", { id: x2, onClick: f2, "data-in": B2, className: H2, ...i, style: b2, ref: r2 }, React$2.createElement("div", { ...B2 && { role: k2 }, className: u$1(I2) ? I2({ type: g2 }) : clsx("Toastify__toast-body", I2), style: _2 }, null != F2 && React$2.createElement("div", { className: clsx("Toastify__toast-icon", { "Toastify--animate-icon Toastify__zoom-enter": !O2 }) }, F2), React$2.createElement("div", null, p2)), q2, React$2.createElement($$1, { ...w2 && !X2 ? { key: `pb-${w2}` } : {}, rtl: M2, theme: R2, delay: m2, isRunning: o, isIn: B2, closeToast: v2, hide: y2, type: g2, style: L2, className: C2, controlledProgress: X2, progress: P2 || 0 })));
+    }, "aria-label": s2 }, React$1.createElement("svg", { "aria-hidden": "true", viewBox: "0 0 14 16" }, React$1.createElement("path", { fillRule: "evenodd", d: "M7.71 8.23l3.75 3.75-1.48 1.48-3.75-3.75-3.75 3.75L1 11.98l3.75-3.75L1 4.48 2.48 3l3.75 3.75L9.98 3l1.48 1.48-3.75 3.75z" })));
+  }(Y2)), React$1.createElement(h2, { isIn: B2, done: A2, position: T2, preventExitTransition: s, nodeRef: r2, playToast: c2 }, React$1.createElement("div", { id: x2, onClick: f2, "data-in": B2, className: H2, ...i, style: b2, ref: r2 }, React$1.createElement("div", { ...B2 && { role: k2 }, className: u$1(I2) ? I2({ type: g2 }) : clsx("Toastify__toast-body", I2), style: _2 }, null != F2 && React$1.createElement("div", { className: clsx("Toastify__toast-icon", { "Toastify--animate-icon Toastify__zoom-enter": !O2 }) }, F2), React$1.createElement("div", null, p2)), q2, React$1.createElement($$1, { ...w2 && !X2 ? { key: `pb-${w2}` } : {}, rtl: M2, theme: R2, delay: m2, isRunning: o, isIn: B2, closeToast: v2, hide: y2, type: g2, style: L2, className: C2, controlledProgress: X2, progress: P2 || 0 })));
 }, S = function(e, t2) {
   return void 0 === t2 && (t2 = false), { enter: `Toastify--animate Toastify__${e}-enter`, exit: `Toastify--animate Toastify__${e}-exit`, appendPosition: t2 };
 }, H$1 = g(S("bounce", true));
@@ -7315,15 +7315,15 @@ g(S("slide", true));
 g(S("zoom"));
 g(S("flip"));
 const q = { position: "top-right", transition: H$1, autoClose: 5e3, closeButton: true, pauseOnHover: true, pauseOnFocusLoss: true, draggable: "touch", draggablePercent: 80, draggableDirection: "x", role: "alert", theme: "light" };
-function Q$1(t2) {
+function Q(t2) {
   let o = { ...q, ...t2 };
-  const s = t2.stacked, [a, r2] = reactExports.useState(true), c2 = reactExports.useRef(null), { getToastToRender: d2, isToastActive: m2, count: f2 } = L(o), { className: g2, style: y2, rtl: v2, containerId: h2 } = o;
+  const s = t2.stacked, [a, r2] = reactExports.useState(true), c2 = reactExports.useRef(null), { getToastToRender: d2, isToastActive: m2, count: f2 } = L$1(o), { className: g2, style: y2, rtl: v2, containerId: h2 } = o;
   function T2(e) {
     const t3 = clsx("Toastify__toast-container", `Toastify__toast-container--${e}`, { "Toastify__toast-container--rtl": v2 });
     return u$1(g2) ? g2({ position: e, rtl: v2, defaultClassName: t3 }) : clsx(t3, p$1(g2));
   }
   function E2() {
-    s && (r2(true), B$1.play());
+    s && (r2(true), B$2.play());
   }
   return O(() => {
     if (s) {
@@ -7337,13 +7337,13 @@ function Q$1(t2) {
         o2.style.setProperty("--y", `${s2 ? l2 : -1 * l2}px`), o2.style.setProperty("--g", `${n2}`), o2.style.setProperty("--s", "" + (1 - (a ? i : 0))), r3 += o2.offsetHeight, i += 0.025;
       });
     }
-  }, [a, f2, s]), React$2.createElement("div", { ref: c2, className: "Toastify", id: h2, onMouseEnter: () => {
-    s && (r2(false), B$1.pause());
+  }, [a, f2, s]), React$1.createElement("div", { ref: c2, className: "Toastify", id: h2, onMouseEnter: () => {
+    s && (r2(false), B$2.pause());
   }, onMouseLeave: E2 }, d2((t3, n2) => {
     const o2 = n2.length ? { ...y2 } : { ...y2, pointerEvents: "none" };
-    return React$2.createElement("div", { className: T2(t3), style: o2, key: `container-${t3}` }, n2.map((t4) => {
+    return React$1.createElement("div", { className: T2(t3), style: o2, key: `container-${t3}` }, n2.map((t4) => {
       let { content: n3, props: o3 } = t4;
-      return React$2.createElement(R, { ...o3, stacked: s, collapseAll: E2, isIn: m2(o3.toastId, o3.containerId), style: o3.style, key: `toast-${o3.key}` }, n3);
+      return React$1.createElement(R, { ...o3, stacked: s, collapseAll: E2, isIn: m2(o3.toastId, o3.containerId), style: o3.style, key: `toast-${o3.key}` }, n3);
     }));
   }));
 }
@@ -7929,12 +7929,12 @@ const handleResult = (ctx, result) => {
 function processCreateParams(params2) {
   if (!params2)
     return {};
-  const { errorMap: errorMap2, invalid_type_error, required_error, description } = params2;
+  const { errorMap: errorMap2, invalid_type_error, required_error, description: description2 } = params2;
   if (errorMap2 && (invalid_type_error || required_error)) {
     throw new Error(`Can't use "invalid_type_error" or "required_error" in conjunction with custom error map.`);
   }
   if (errorMap2)
-    return { errorMap: errorMap2, description };
+    return { errorMap: errorMap2, description: description2 };
   const customMap = (iss, ctx) => {
     var _a, _b;
     const { message } = params2;
@@ -7948,7 +7948,7 @@ function processCreateParams(params2) {
       return { message: ctx.defaultError };
     return { message: (_b = message !== null && message !== void 0 ? message : invalid_type_error) !== null && _b !== void 0 ? _b : ctx.defaultError };
   };
-  return { errorMap: customMap, description };
+  return { errorMap: customMap, description: description2 };
 }
 class ZodType {
   get description() {
@@ -8215,11 +8215,11 @@ class ZodType {
       typeName: ZodFirstPartyTypeKind.ZodCatch
     });
   }
-  describe(description) {
+  describe(description2) {
     const This = this.constructor;
     return new This({
       ...this._def,
-      description
+      description: description2
     });
   }
   pipe(target) {
@@ -10091,33 +10091,33 @@ ZodUnion.create = (types, params2) => {
     ...processCreateParams(params2)
   });
 };
-const getDiscriminator = (type) => {
-  if (type instanceof ZodLazy) {
-    return getDiscriminator(type.schema);
-  } else if (type instanceof ZodEffects) {
-    return getDiscriminator(type.innerType());
-  } else if (type instanceof ZodLiteral) {
-    return [type.value];
-  } else if (type instanceof ZodEnum) {
-    return type.options;
-  } else if (type instanceof ZodNativeEnum) {
-    return util.objectValues(type.enum);
-  } else if (type instanceof ZodDefault) {
-    return getDiscriminator(type._def.innerType);
-  } else if (type instanceof ZodUndefined) {
+const getDiscriminator = (type2) => {
+  if (type2 instanceof ZodLazy) {
+    return getDiscriminator(type2.schema);
+  } else if (type2 instanceof ZodEffects) {
+    return getDiscriminator(type2.innerType());
+  } else if (type2 instanceof ZodLiteral) {
+    return [type2.value];
+  } else if (type2 instanceof ZodEnum) {
+    return type2.options;
+  } else if (type2 instanceof ZodNativeEnum) {
+    return util.objectValues(type2.enum);
+  } else if (type2 instanceof ZodDefault) {
+    return getDiscriminator(type2._def.innerType);
+  } else if (type2 instanceof ZodUndefined) {
     return [void 0];
-  } else if (type instanceof ZodNull) {
+  } else if (type2 instanceof ZodNull) {
     return [null];
-  } else if (type instanceof ZodOptional) {
-    return [void 0, ...getDiscriminator(type.unwrap())];
-  } else if (type instanceof ZodNullable) {
-    return [null, ...getDiscriminator(type.unwrap())];
-  } else if (type instanceof ZodBranded) {
-    return getDiscriminator(type.unwrap());
-  } else if (type instanceof ZodReadonly) {
-    return getDiscriminator(type.unwrap());
-  } else if (type instanceof ZodCatch) {
-    return getDiscriminator(type._def.innerType);
+  } else if (type2 instanceof ZodOptional) {
+    return [void 0, ...getDiscriminator(type2.unwrap())];
+  } else if (type2 instanceof ZodNullable) {
+    return [null, ...getDiscriminator(type2.unwrap())];
+  } else if (type2 instanceof ZodBranded) {
+    return getDiscriminator(type2.unwrap());
+  } else if (type2 instanceof ZodReadonly) {
+    return getDiscriminator(type2.unwrap());
+  } else if (type2 instanceof ZodCatch) {
+    return getDiscriminator(type2._def.innerType);
   } else {
     return [];
   }
@@ -10177,8 +10177,8 @@ class ZodDiscriminatedUnion extends ZodType {
    */
   static create(discriminator, options, params2) {
     const optionsMap = /* @__PURE__ */ new Map();
-    for (const type of options) {
-      const discriminatorValues = getDiscriminator(type.shape[discriminator]);
+    for (const type2 of options) {
+      const discriminatorValues = getDiscriminator(type2.shape[discriminator]);
       if (!discriminatorValues.length) {
         throw new Error(`A discriminator value for key \`${discriminator}\` could not be extracted from all schema options`);
       }
@@ -10186,7 +10186,7 @@ class ZodDiscriminatedUnion extends ZodType {
         if (optionsMap.has(value)) {
           throw new Error(`Discriminator property ${String(discriminator)} has duplicate value ${String(value)}`);
         }
-        optionsMap.set(value, type);
+        optionsMap.set(value, type2);
       }
     }
     return new ZodDiscriminatedUnion({
@@ -11014,9 +11014,9 @@ class ZodOptional extends ZodType {
     return this._def.innerType;
   }
 }
-ZodOptional.create = (type, params2) => {
+ZodOptional.create = (type2, params2) => {
   return new ZodOptional({
-    innerType: type,
+    innerType: type2,
     typeName: ZodFirstPartyTypeKind.ZodOptional,
     ...processCreateParams(params2)
   });
@@ -11033,9 +11033,9 @@ class ZodNullable extends ZodType {
     return this._def.innerType;
   }
 }
-ZodNullable.create = (type, params2) => {
+ZodNullable.create = (type2, params2) => {
   return new ZodNullable({
-    innerType: type,
+    innerType: type2,
     typeName: ZodFirstPartyTypeKind.ZodNullable,
     ...processCreateParams(params2)
   });
@@ -11057,9 +11057,9 @@ class ZodDefault extends ZodType {
     return this._def.innerType;
   }
 }
-ZodDefault.create = (type, params2) => {
+ZodDefault.create = (type2, params2) => {
   return new ZodDefault({
-    innerType: type,
+    innerType: type2,
     typeName: ZodFirstPartyTypeKind.ZodDefault,
     defaultValue: typeof params2.default === "function" ? params2.default : () => params2.default,
     ...processCreateParams(params2)
@@ -11110,9 +11110,9 @@ class ZodCatch extends ZodType {
     return this._def.innerType;
   }
 }
-ZodCatch.create = (type, params2) => {
+ZodCatch.create = (type2, params2) => {
   return new ZodCatch({
-    innerType: type,
+    innerType: type2,
     typeName: ZodFirstPartyTypeKind.ZodCatch,
     catchValue: typeof params2.catch === "function" ? params2.catch : () => params2.catch,
     ...processCreateParams(params2)
@@ -11224,9 +11224,9 @@ class ZodReadonly extends ZodType {
     return this._def.innerType;
   }
 }
-ZodReadonly.create = (type, params2) => {
+ZodReadonly.create = (type2, params2) => {
   return new ZodReadonly({
-    innerType: type,
+    innerType: type2,
     typeName: ZodFirstPartyTypeKind.ZodReadonly,
     ...processCreateParams(params2)
   });
@@ -12180,7 +12180,7 @@ class McpError extends Error {
     this.name = "McpError";
   }
 }
-const DEFAULT_REQUEST_TIMEOUT_MSEC$1 = 6e4;
+const DEFAULT_REQUEST_TIMEOUT_MSEC = 6e4;
 class Protocol {
   constructor(_options) {
     this._options = _options;
@@ -12437,7 +12437,7 @@ class Protocol {
         var _a2;
         cancel((_a2 = options === null || options === void 0 ? void 0 : options.signal) === null || _a2 === void 0 ? void 0 : _a2.reason);
       });
-      const timeout = (_d = options === null || options === void 0 ? void 0 : options.timeout) !== null && _d !== void 0 ? _d : DEFAULT_REQUEST_TIMEOUT_MSEC$1;
+      const timeout = (_d = options === null || options === void 0 ? void 0 : options.timeout) !== null && _d !== void 0 ? _d : DEFAULT_REQUEST_TIMEOUT_MSEC;
       const timeoutHandler = () => cancel(new McpError(ErrorCode.RequestTimeout, "Request timed out", { timeout }));
       this._setupTimeout(messageId, timeout, options === null || options === void 0 ? void 0 : options.maxTotalTimeout, timeoutHandler);
       this._transport.send(jsonrpcRequest).catch((error) => {
@@ -12583,7 +12583,7 @@ class Client extends Protocol {
     return this._instructions;
   }
   assertCapabilityForMethod(method) {
-    var _a, _b, _c, _d, _e;
+    var _a, _b, _c, _d, _e2;
     switch (method) {
       case "logging/setLevel":
         if (!((_a = this._serverCapabilities) === null || _a === void 0 ? void 0 : _a.logging)) {
@@ -12615,7 +12615,7 @@ class Client extends Protocol {
         }
         break;
       case "completion/complete":
-        if (!((_e = this._serverCapabilities) === null || _e === void 0 ? void 0 : _e.prompts)) {
+        if (!((_e2 = this._serverCapabilities) === null || _e2 === void 0 ? void 0 : _e2.prompts)) {
           throw new Error(`Server does not support prompts (required for ${method})`);
         }
         break;
@@ -12685,15 +12685,18 @@ class Client extends Protocol {
     return this.notification({ method: "notifications/roots/list_changed" });
   }
 }
-var __defProp = Object.defineProperty, __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value, __publicField = (obj, key, value) => __defNormalProp(obj, typeof key != "symbol" ? key + "" : key, value);
 class ParseError extends Error {
   constructor(message, options) {
-    super(message), __publicField(this, "type"), __publicField(this, "field"), __publicField(this, "value"), __publicField(this, "line"), this.name = "ParseError", this.type = options.type, this.field = options.field, this.value = options.value, this.line = options.line;
+    super(message), this.name = "ParseError", this.type = options.type, this.field = options.field, this.value = options.value, this.line = options.line;
   }
 }
 function noop(_arg) {
 }
 function createParser(callbacks) {
+  if (typeof callbacks == "function")
+    throw new TypeError(
+      "`callbacks` must be an object, got a function instead. Did you mean `{onEvent: fn}`?"
+    );
   const { onEvent = noop, onError = noop, onRetry = noop, onComment } = callbacks;
   let incompleteLine = "", isFirstChunk = true, id2, data = "", eventType = "";
   function feed(newChunk) {
@@ -12761,19 +12764,25 @@ function createParser(callbacks) {
     }), id2 = void 0, data = "", eventType = "";
   }
   function reset(options = {}) {
-    incompleteLine && options.consume && parseLine(incompleteLine), id2 = void 0, data = "", eventType = "", incompleteLine = "";
+    incompleteLine && options.consume && parseLine(incompleteLine), isFirstChunk = true, id2 = void 0, data = "", eventType = "", incompleteLine = "";
   }
   return { feed, reset };
 }
 function splitLines(chunk) {
   const lines = [];
-  let incompleteLine = "";
-  const totalLength = chunk.length;
-  for (let i = 0; i < totalLength; i++) {
-    const char = chunk[i];
-    char === "\r" && chunk[i + 1] === `
-` ? (lines.push(incompleteLine), incompleteLine = "", i++) : char === "\r" || char === `
-` ? (lines.push(incompleteLine), incompleteLine = "") : incompleteLine += char;
+  let incompleteLine = "", searchIndex = 0;
+  for (; searchIndex < chunk.length; ) {
+    const crIndex = chunk.indexOf("\r", searchIndex), lfIndex = chunk.indexOf(`
+`, searchIndex);
+    let lineEnd = -1;
+    if (crIndex !== -1 && lfIndex !== -1 ? lineEnd = Math.min(crIndex, lfIndex) : crIndex !== -1 ? lineEnd = crIndex : lfIndex !== -1 && (lineEnd = lfIndex), lineEnd === -1) {
+      incompleteLine = chunk.slice(searchIndex);
+      break;
+    } else {
+      const line = chunk.slice(searchIndex, lineEnd);
+      lines.push(line), searchIndex = lineEnd + 1, chunk[searchIndex - 1] === "\r" && chunk[searchIndex] === `
+` && searchIndex++;
+    }
   }
   return [lines, incompleteLine];
 }
@@ -12785,9 +12794,9 @@ class ErrorEvent extends Event {
    * @param type - The type of the event (should be "error")
    * @param errorEventInitDict - Optional properties to include in the error event
    */
-  constructor(type, errorEventInitDict) {
+  constructor(type2, errorEventInitDict) {
     var _a, _b;
-    super(type), this.code = (_a = errorEventInitDict == null ? void 0 : errorEventInitDict.code) != null ? _a : void 0, this.message = (_b = errorEventInitDict == null ? void 0 : errorEventInitDict.message) != null ? _b : void 0;
+    super(type2), this.code = (_a = errorEventInitDict == null ? void 0 : errorEventInitDict.code) != null ? _a : void 0, this.message = (_b = errorEventInitDict == null ? void 0 : errorEventInitDict.message) != null ? _b : void 0;
   }
   /**
    * Node.js "hides" the `message` and `code` properties of the `ErrorEvent` instance,
@@ -12954,13 +12963,13 @@ class EventSource extends EventTarget {
   set onopen(value) {
     __privateSet(this, _onOpen, value);
   }
-  addEventListener(type, listener, options) {
+  addEventListener(type2, listener, options) {
     const listen = listener;
-    super.addEventListener(type, listen, options);
+    super.addEventListener(type2, listen, options);
   }
-  removeEventListener(type, listener, options) {
+  removeEventListener(type2, listener, options) {
     const listen = listener;
-    super.removeEventListener(type, listen, options);
+    super.removeEventListener(type2, listen, options);
   }
   /**
    * Aborts any instances of the fetch algorithm started for this EventSource object, and sets the readyState attribute to CLOSED.
@@ -13494,6 +13503,12 @@ const SESSION_KEYS = {
   TOKENS: "mcp_tokens",
   CLIENT_INFORMATION: "mcp_client_information"
 };
+const DEFAULT_INSPECTOR_CONFIG = {
+  MCP_SERVER_REQUEST_TIMEOUT: {
+    description: "Timeout for requests to the MCP server (ms)",
+    value: 1e4
+  }
+};
 const StdErrNotificationSchema = NotificationSchema.extend({
   method: z.literal("notifications/stderr"),
   params: z.object({
@@ -13502,7 +13517,7 @@ const StdErrNotificationSchema = NotificationSchema.extend({
 });
 ClientNotificationSchema.or(
   StdErrNotificationSchema
-).or(ServerNotificationSchema);
+).or(ServerNotificationSchema).or(NotificationSchema);
 class InspectorOAuthClientProvider {
   get redirectUrl() {
     return window.location.origin + "/oauth/callback";
@@ -13555,8 +13570,95 @@ class InspectorOAuthClientProvider {
   }
 }
 const authProvider = new InspectorOAuthClientProvider();
-const params$1 = new URLSearchParams(window.location.search);
-const DEFAULT_REQUEST_TIMEOUT_MSEC = parseInt(params$1.get("timeout") ?? "") || 1e4;
+const name = "@modelcontextprotocol/inspector-client";
+const version$1 = "0.8.0";
+const description = "Client-side application for the Model Context Protocol inspector";
+const license = "MIT";
+const author = "Anthropic, PBC (https://anthropic.com)";
+const homepage = "https://modelcontextprotocol.io";
+const bugs = "https://github.com/modelcontextprotocol/inspector/issues";
+const type = "module";
+const bin = {
+  "mcp-inspector-client": "./bin/cli.js"
+};
+const files = [
+  "bin",
+  "dist"
+];
+const scripts = {
+  dev: "vite",
+  build: "tsc -b && vite build",
+  lint: "eslint .",
+  preview: "vite preview --port 6274",
+  test: "jest --config jest.config.cjs",
+  "test:watch": "jest --config jest.config.cjs --watch"
+};
+const dependencies = {
+  "@modelcontextprotocol/sdk": "^1.6.1",
+  "@radix-ui/react-checkbox": "^1.1.4",
+  "@radix-ui/react-dialog": "^1.1.3",
+  "@radix-ui/react-icons": "^1.3.0",
+  "@radix-ui/react-label": "^2.1.0",
+  "@radix-ui/react-popover": "^1.1.3",
+  "@radix-ui/react-select": "^2.1.2",
+  "@radix-ui/react-slot": "^1.1.0",
+  "@radix-ui/react-tabs": "^1.1.1",
+  "@types/prismjs": "^1.26.5",
+  "class-variance-authority": "^0.7.0",
+  clsx: "^2.1.1",
+  cmdk: "^1.0.4",
+  "lucide-react": "^0.447.0",
+  "pkce-challenge": "^4.1.0",
+  prismjs: "^1.30.0",
+  react: "^18.3.1",
+  "react-dom": "^18.3.1",
+  "react-simple-code-editor": "^0.14.1",
+  "react-toastify": "^10.0.6",
+  "serve-handler": "^6.1.6",
+  "tailwind-merge": "^2.5.3",
+  "tailwindcss-animate": "^1.0.7",
+  zod: "^3.23.8"
+};
+const devDependencies = {
+  "@eslint/js": "^9.11.1",
+  "@testing-library/jest-dom": "^6.6.3",
+  "@testing-library/react": "^16.2.0",
+  "@types/jest": "^29.5.14",
+  "@types/node": "^22.7.5",
+  "@types/react": "^18.3.10",
+  "@types/react-dom": "^18.3.0",
+  "@types/serve-handler": "^6.1.4",
+  "@vitejs/plugin-react": "^4.3.2",
+  autoprefixer: "^10.4.20",
+  co: "^4.6.0",
+  eslint: "^9.11.1",
+  "eslint-plugin-react-hooks": "^5.1.0-rc.0",
+  "eslint-plugin-react-refresh": "^0.4.12",
+  globals: "^15.9.0",
+  jest: "^29.7.0",
+  "jest-environment-jsdom": "^29.7.0",
+  postcss: "^8.4.47",
+  tailwindcss: "^3.4.13",
+  "ts-jest": "^29.2.6",
+  typescript: "^5.5.3",
+  "typescript-eslint": "^8.7.0",
+  vite: "^5.4.8"
+};
+const packageJson = {
+  name,
+  version: version$1,
+  description,
+  license,
+  author,
+  homepage,
+  bugs,
+  type,
+  bin,
+  files,
+  scripts,
+  dependencies,
+  devDependencies
+};
 function useConnection({
   transportType,
   command,
@@ -13565,7 +13667,7 @@ function useConnection({
   env,
   proxyServerUrl,
   bearerToken,
-  requestTimeout = DEFAULT_REQUEST_TIMEOUT_MSEC,
+  requestTimeout,
   onNotification,
   onStdErrNotification,
   onPendingRequest,
@@ -13611,7 +13713,7 @@ function useConnection({
     } catch (e) {
       if (!(options == null ? void 0 : options.suppressToast)) {
         const errorString = e.message ?? String(e);
-        B$1.error(errorString);
+        B$2.error(errorString);
       }
       throw e;
     }
@@ -13641,14 +13743,14 @@ function useConnection({
         setCompletionsSupported(false);
         return [];
       }
-      B$1.error(e instanceof Error ? e.message : String(e));
+      B$2.error(e instanceof Error ? e.message : String(e));
       throw e;
     }
   };
   const sendNotification = async (notification) => {
     if (!mcpClient) {
       const error = new Error("MCP client not connected");
-      B$1.error(error.message);
+      B$2.error(error.message);
       throw error;
     }
     try {
@@ -13658,7 +13760,7 @@ function useConnection({
       if (e instanceof McpError) {
         pushHistory(notification, { error: e.message });
       }
-      B$1.error(e instanceof Error ? e.message : String(e));
+      B$2.error(e instanceof Error ? e.message : String(e));
       throw e;
     }
   };
@@ -13670,13 +13772,13 @@ function useConnection({
     }
     return false;
   };
-  const connect = async (_e, retryCount = 0) => {
+  const connect = async (_e2, retryCount = 0) => {
     var _a;
     try {
       const client = new Client(
         {
           name: "mcp-inspector",
-          version: "0.0.1"
+          version: packageJson.version
         },
         {
           capabilities: {
@@ -13710,14 +13812,21 @@ function useConnection({
         }
       });
       if (onNotification) {
-        client.setNotificationHandler(
+        [
+          CancelledNotificationSchema,
           ProgressNotificationSchema,
-          onNotification
-        );
-        client.setNotificationHandler(
+          LoggingMessageNotificationSchema,
           ResourceUpdatedNotificationSchema,
-          onNotification
-        );
+          ResourceListChangedNotificationSchema,
+          ToolListChangedNotificationSchema,
+          PromptListChangedNotificationSchema
+        ].forEach((notificationSchema) => {
+          client.setNotificationHandler(notificationSchema, onNotification);
+        });
+        client.fallbackNotificationHandler = (notification) => {
+          onNotification(notification);
+          return Promise.resolve();
+        };
       }
       if (onStdErrNotification) {
         client.setNotificationHandler(
@@ -13760,6 +13869,13 @@ function useConnection({
       setConnectionStatus("error");
     }
   };
+  const disconnect = async () => {
+    await (mcpClient == null ? void 0 : mcpClient.close());
+    setMcpClient(null);
+    setConnectionStatus("disconnected");
+    setCompletionsSupported(false);
+    setServerCapabilities(null);
+  };
   return {
     connectionStatus,
     serverCapabilities,
@@ -13769,7 +13885,8 @@ function useConnection({
     sendNotification,
     handleCompletion,
     completionsSupported,
-    connect
+    connect,
+    disconnect
   };
 }
 function useDraggablePane(initialHeight) {
@@ -14010,8 +14127,8 @@ function getElementRef$1(element) {
   }
   return element.props.ref || element.ref;
 }
-function createCollection(name) {
-  const PROVIDER_NAME = name + "CollectionProvider";
+function createCollection(name2) {
+  const PROVIDER_NAME = name2 + "CollectionProvider";
   const [createCollectionContext, createCollectionScope2] = createContextScope(PROVIDER_NAME);
   const [CollectionProviderImpl, useCollectionContext] = createCollectionContext(
     PROVIDER_NAME,
@@ -14019,13 +14136,13 @@ function createCollection(name) {
   );
   const CollectionProvider = (props) => {
     const { scope, children } = props;
-    const ref = React$2.useRef(null);
-    const itemMap = React$2.useRef(/* @__PURE__ */ new Map()).current;
+    const ref = React$1.useRef(null);
+    const itemMap = React$1.useRef(/* @__PURE__ */ new Map()).current;
     return /* @__PURE__ */ jsxRuntimeExports.jsx(CollectionProviderImpl, { scope, itemMap, collectionRef: ref, children });
   };
   CollectionProvider.displayName = PROVIDER_NAME;
-  const COLLECTION_SLOT_NAME = name + "CollectionSlot";
-  const CollectionSlot = React$2.forwardRef(
+  const COLLECTION_SLOT_NAME = name2 + "CollectionSlot";
+  const CollectionSlot = React$1.forwardRef(
     (props, forwardedRef) => {
       const { scope, children } = props;
       const context = useCollectionContext(COLLECTION_SLOT_NAME, scope);
@@ -14034,15 +14151,15 @@ function createCollection(name) {
     }
   );
   CollectionSlot.displayName = COLLECTION_SLOT_NAME;
-  const ITEM_SLOT_NAME = name + "CollectionItemSlot";
+  const ITEM_SLOT_NAME = name2 + "CollectionItemSlot";
   const ITEM_DATA_ATTR = "data-radix-collection-item";
-  const CollectionItemSlot = React$2.forwardRef(
+  const CollectionItemSlot = React$1.forwardRef(
     (props, forwardedRef) => {
       const { scope, children, ...itemData } = props;
-      const ref = React$2.useRef(null);
+      const ref = React$1.useRef(null);
       const composedRefs = useComposedRefs(forwardedRef, ref);
       const context = useCollectionContext(ITEM_SLOT_NAME, scope);
-      React$2.useEffect(() => {
+      React$1.useEffect(() => {
         context.itemMap.set(ref, { ref, ...itemData });
         return () => void context.itemMap.delete(ref);
       });
@@ -14051,8 +14168,8 @@ function createCollection(name) {
   );
   CollectionItemSlot.displayName = ITEM_SLOT_NAME;
   function useCollection2(scope) {
-    const context = useCollectionContext(name + "CollectionConsumer", scope);
-    const getItems = React$2.useCallback(() => {
+    const context = useCollectionContext(name2 + "CollectionConsumer", scope);
+    const getItems = React$1.useCallback(() => {
       const collectionNode = context.collectionRef.current;
       if (!collectionNode) return [];
       const orderedNodes = Array.from(collectionNode.querySelectorAll(`[${ITEM_DATA_ATTR}]`));
@@ -14072,7 +14189,7 @@ function createCollection(name) {
 }
 var useLayoutEffect2 = Boolean(globalThis == null ? void 0 : globalThis.document) ? reactExports.useLayoutEffect : () => {
 };
-var useReactId = React$3["useId".toString()] || (() => void 0);
+var useReactId = React$2["useId".toString()] || (() => void 0);
 var count$1 = 0;
 function useId(deterministicId) {
   const [id2, setId] = reactExports.useState(useReactId());
@@ -17521,6 +17638,21 @@ const Plus = createLucideIcon("Plus", [
   ["path", { d: "M5 12h14", key: "1ays0h" }],
   ["path", { d: "M12 5v14", key: "s699le" }]
 ]);
+/**
+ * @license lucide-react v0.447.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const RefreshCwOff = createLucideIcon("RefreshCwOff", [
+  ["path", { d: "M21 8L18.74 5.74A9.75 9.75 0 0 0 12 3C11 3 10.03 3.16 9.13 3.47", key: "1krf6h" }],
+  ["path", { d: "M8 16H3v5", key: "1cv678" }],
+  ["path", { d: "M3 12C3 9.51 4 7.26 5.64 5.64", key: "ruvoct" }],
+  ["path", { d: "m3 16 2.26 2.26A9.75 9.75 0 0 0 12 21c2.49 0 4.74-1 6.36-2.64", key: "19q130" }],
+  ["path", { d: "M21 12c0 1-.16 1.97-.47 2.87", key: "4w8emr" }],
+  ["path", { d: "M21 3v5h-5", key: "1q7to0" }],
+  ["path", { d: "M22 22 2 2", key: "1r8tn9" }]
+]);
 /**
  * @license lucide-react v0.447.0 - ISC
  *
@@ -17533,6 +17665,16 @@ const RefreshCw = createLucideIcon("RefreshCw", [
   ["path", { d: "M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16", key: "3uifl3" }],
   ["path", { d: "M8 16H3v5", key: "1cv678" }]
 ]);
+/**
+ * @license lucide-react v0.447.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const RotateCcw = createLucideIcon("RotateCcw", [
+  ["path", { d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8", key: "1357e3" }],
+  ["path", { d: "M3 3v5h5", key: "1xhq8a" }]
+]);
 /**
  * @license lucide-react v0.447.0 - ISC
  *
@@ -17566,7 +17708,182 @@ const Send = createLucideIcon("Send", [
   ],
   ["path", { d: "m21.854 2.147-10.94 10.939", key: "12cjpa" }]
 ]);
+/**
+ * @license lucide-react v0.447.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Settings = createLucideIcon("Settings", [
+  [
+    "path",
+    {
+      d: "M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z",
+      key: "1qme2f"
+    }
+  ],
+  ["circle", { cx: "12", cy: "12", r: "3", key: "1v7zrd" }]
+]);
 const ConsoleTab = () => /* @__PURE__ */ jsxRuntimeExports.jsx(TabsContent, { value: "console", className: "h-96", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "bg-gray-900 text-gray-100 p-4 rounded-lg h-full font-mono text-sm overflow-auto", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "opacity-50", children: "Welcome to MCP Client Console" }) }) });
+function tryParseJson(str) {
+  const trimmed = str.trim();
+  if (!(trimmed.startsWith("{") && trimmed.endsWith("}")) && !(trimmed.startsWith("[") && trimmed.endsWith("]"))) {
+    return { success: false, data: str };
+  }
+  try {
+    return { success: true, data: JSON.parse(str) };
+  } catch {
+    return { success: false, data: str };
+  }
+}
+const JsonView = reactExports.memo(
+  ({ data, name: name2, initialExpandDepth = 3 }) => {
+    const normalizedData = typeof data === "string" ? tryParseJson(data).success ? tryParseJson(data).data : data : data;
+    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "font-mono text-sm transition-all duration-300 ", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+      JsonNode,
+      {
+        data: normalizedData,
+        name: name2,
+        depth: 0,
+        initialExpandDepth
+      }
+    ) });
+  }
+);
+JsonView.displayName = "JsonView";
+const JsonNode = reactExports.memo(
+  ({ data, name: name2, depth = 0, initialExpandDepth }) => {
+    const [isExpanded, setIsExpanded] = reactExports.useState(depth < initialExpandDepth);
+    const getDataType = (value) => {
+      if (Array.isArray(value)) return "array";
+      if (value === null) return "null";
+      return typeof value;
+    };
+    const dataType = getDataType(data);
+    const typeStyleMap = {
+      number: "text-blue-600",
+      boolean: "text-amber-600",
+      null: "text-purple-600",
+      undefined: "text-gray-600",
+      string: "text-green-600 break-all whitespace-pre-wrap",
+      default: "text-gray-700"
+    };
+    const renderCollapsible = (isArray) => {
+      const items = isArray ? data : Object.entries(data);
+      const itemCount = items.length;
+      const isEmpty = itemCount === 0;
+      const symbolMap = {
+        open: isArray ? "[" : "{",
+        close: isArray ? "]" : "}",
+        collapsed: isArray ? "[ ... ]" : "{ ... }",
+        empty: isArray ? "[]" : "{}"
+      };
+      if (isEmpty) {
+        return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center", children: [
+          name2 && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "mr-1 text-gray-600 dark:text-gray-400", children: [
+            name2,
+            ":"
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-gray-500", children: symbolMap.empty })
+        ] });
+      }
+      return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(
+          "div",
+          {
+            className: "flex items-center mr-1 rounded cursor-pointer group hover:bg-gray-800/10 dark:hover:bg-gray-800/20",
+            onClick: () => setIsExpanded(!isExpanded),
+            children: [
+              name2 && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "mr-1 text-gray-600 dark:text-gray-400 dark:group-hover:text-gray-100 group-hover:text-gray-400", children: [
+                name2,
+                ":"
+              ] }),
+              isExpanded ? /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-gray-600 dark:text-gray-400 dark:group-hover:text-gray-100 group-hover:text-gray-400", children: symbolMap.open }) : /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-gray-600 dark:group-hover:text-gray-100 group-hover:text-gray-400", children: symbolMap.collapsed }),
+                /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "ml-1 text-gray-700 dark:group-hover:text-gray-100 group-hover:text-gray-400", children: [
+                  itemCount,
+                  " ",
+                  itemCount === 1 ? "item" : "items"
+                ] })
+              ] })
+            ]
+          }
+        ),
+        isExpanded && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "pl-2 ml-4 border-l border-gray-200 dark:border-gray-800", children: isArray ? items.map((item, index2) => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "my-1", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+            JsonNode,
+            {
+              data: item,
+              name: `${index2}`,
+              depth: depth + 1,
+              initialExpandDepth
+            }
+          ) }, index2)) : items.map(([key, value]) => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "my-1", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+            JsonNode,
+            {
+              data: value,
+              name: key,
+              depth: depth + 1,
+              initialExpandDepth
+            }
+          ) }, key)) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-gray-600 dark:text-gray-400", children: symbolMap.close })
+        ] })
+      ] });
+    };
+    const renderString = (value) => {
+      const maxLength = 100;
+      const isTooLong = value.length > maxLength;
+      if (!isTooLong) {
+        return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex mr-1 rounded hover:bg-gray-800/20", children: [
+          name2 && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "mr-1 text-gray-600 dark:text-gray-400", children: [
+            name2,
+            ":"
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("pre", { className: typeStyleMap.string, children: [
+            '"',
+            value,
+            '"'
+          ] })
+        ] });
+      }
+      return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex mr-1 rounded group hover:bg-gray-800/20", children: [
+        name2 && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "mr-1 text-gray-600 dark:text-gray-400 dark:group-hover:text-gray-100 group-hover:text-gray-400", children: [
+          name2,
+          ":"
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "pre",
+          {
+            className: clsx(
+              typeStyleMap.string,
+              "cursor-pointer group-hover:text-green-500"
+            ),
+            onClick: () => setIsExpanded(!isExpanded),
+            title: isExpanded ? "Click to collapse" : "Click to expand",
+            children: isExpanded ? `"${value}"` : `"${value.slice(0, maxLength)}..."`
+          }
+        )
+      ] });
+    };
+    switch (dataType) {
+      case "object":
+      case "array":
+        return renderCollapsible(dataType === "array");
+      case "string":
+        return renderString(data);
+      default:
+        return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center mr-1 rounded hover:bg-gray-800/20", children: [
+          name2 && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "mr-1 text-gray-600 dark:text-gray-400", children: [
+            name2,
+            ":"
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: typeStyleMap[dataType] || typeStyleMap.default, children: data === null ? "null" : String(data) })
+        ] });
+    }
+  }
+);
+JsonNode.displayName = "JsonNode";
 const HistoryAndNotifications = ({
   requestHistory,
   serverNotifications
@@ -17619,7 +17936,7 @@ const HistoryAndNotifications = ({
                     }
                   )
                 ] }),
-                /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: "whitespace-pre-wrap break-words bg-background p-2 rounded", children: JSON.stringify(JSON.parse(request.request), null, 2) })
+                /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "bg-background p-2 rounded", children: /* @__PURE__ */ jsxRuntimeExports.jsx(JsonView, { data: request.request }) })
               ] }),
               request.response && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mt-2", children: [
                 /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex justify-between items-center mb-1", children: [
@@ -17633,11 +17950,7 @@ const HistoryAndNotifications = ({
                     }
                   )
                 ] }),
-                /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: "whitespace-pre-wrap break-words bg-background p-2 rounded", children: JSON.stringify(
-                  JSON.parse(request.response),
-                  null,
-                  2
-                ) })
+                /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "bg-background p-2 rounded", children: /* @__PURE__ */ jsxRuntimeExports.jsx(JsonView, { data: request.response }) })
               ] })
             ] })
           ]
@@ -17680,7 +17993,12 @@ const HistoryAndNotifications = ({
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: "whitespace-pre-wrap break-words bg-background p-2 rounded", children: JSON.stringify(notification, null, 2) })
+              /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "bg-background p-2 rounded", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                JsonView,
+                {
+                  data: JSON.stringify(notification, null, 2)
+                }
+              ) })
             ] })
           ]
         },
@@ -17821,19 +18139,19 @@ const AlertDescription = reactExports.forwardRef(({ className: className2, ...pr
 ));
 AlertDescription.displayName = "AlertDescription";
 var U = 1, Y$1 = 0.9, H = 0.8, J = 0.17, p = 0.1, u = 0.999, $ = 0.9999;
-var k$1 = 0.99, m = /[\\\/_+.#"@\[\(\{&]/, B = /[\\\/_+.#"@\[\(\{&]/g, K$1 = /[\s-]/, X = /[\s-]/g;
-function G$1(_2, C2, h2, P2, A2, f2, O2) {
+var k$1 = 0.99, m = /[\\\/_+.#"@\[\(\{&]/, B$1 = /[\\\/_+.#"@\[\(\{&]/g, K$1 = /[\s-]/, X = /[\s-]/g;
+function G(_2, C2, h2, P2, A2, f2, O2) {
   if (f2 === C2.length) return A2 === _2.length ? U : k$1;
   var T2 = `${A2},${f2}`;
   if (O2[T2] !== void 0) return O2[T2];
-  for (var L2 = P2.charAt(f2), c2 = h2.indexOf(L2, A2), S2 = 0, E2, N2, R2, M2; c2 >= 0; ) E2 = G$1(_2, C2, h2, P2, c2 + 1, f2 + 1, O2), E2 > S2 && (c2 === A2 ? E2 *= U : m.test(_2.charAt(c2 - 1)) ? (E2 *= H, R2 = _2.slice(A2, c2 - 1).match(B), R2 && A2 > 0 && (E2 *= Math.pow(u, R2.length))) : K$1.test(_2.charAt(c2 - 1)) ? (E2 *= Y$1, M2 = _2.slice(A2, c2 - 1).match(X), M2 && A2 > 0 && (E2 *= Math.pow(u, M2.length))) : (E2 *= J, A2 > 0 && (E2 *= Math.pow(u, c2 - A2))), _2.charAt(c2) !== C2.charAt(f2) && (E2 *= $)), (E2 < p && h2.charAt(c2 - 1) === P2.charAt(f2 + 1) || P2.charAt(f2 + 1) === P2.charAt(f2) && h2.charAt(c2 - 1) !== P2.charAt(f2)) && (N2 = G$1(_2, C2, h2, P2, c2 + 1, f2 + 2, O2), N2 * p > E2 && (E2 = N2 * p)), E2 > S2 && (S2 = E2), c2 = h2.indexOf(L2, c2 + 1);
+  for (var L2 = P2.charAt(f2), c2 = h2.indexOf(L2, A2), S2 = 0, E2, N2, R2, M2; c2 >= 0; ) E2 = G(_2, C2, h2, P2, c2 + 1, f2 + 1, O2), E2 > S2 && (c2 === A2 ? E2 *= U : m.test(_2.charAt(c2 - 1)) ? (E2 *= H, R2 = _2.slice(A2, c2 - 1).match(B$1), R2 && A2 > 0 && (E2 *= Math.pow(u, R2.length))) : K$1.test(_2.charAt(c2 - 1)) ? (E2 *= Y$1, M2 = _2.slice(A2, c2 - 1).match(X), M2 && A2 > 0 && (E2 *= Math.pow(u, M2.length))) : (E2 *= J, A2 > 0 && (E2 *= Math.pow(u, c2 - A2))), _2.charAt(c2) !== C2.charAt(f2) && (E2 *= $)), (E2 < p && h2.charAt(c2 - 1) === P2.charAt(f2 + 1) || P2.charAt(f2 + 1) === P2.charAt(f2) && h2.charAt(c2 - 1) !== P2.charAt(f2)) && (N2 = G(_2, C2, h2, P2, c2 + 1, f2 + 2, O2), N2 * p > E2 && (E2 = N2 * p)), E2 > S2 && (S2 = E2), c2 = h2.indexOf(L2, c2 + 1);
   return O2[T2] = S2, S2;
 }
 function D(_2) {
   return _2.toLowerCase().replace(X, " ");
 }
 function W(_2, C2, h2) {
-  return _2 = h2 && h2.length > 0 ? `${_2 + " " + h2.join(" ")}` : _2, G$1(_2, C2, D(_2), D(C2), 0, 0, {});
+  return _2 = h2 && h2.length > 0 ? `${_2 + " " + h2.join(" ")}` : _2, G(_2, C2, D(_2), D(C2), 0, 0, {});
 }
 function useEscapeKeydown(onEscapeKeyDownProp, ownerDocument = globalThis == null ? void 0 : globalThis.document) {
   const onEscapeKeyDown = useCallbackRef$1(onEscapeKeyDownProp);
@@ -18038,10 +18356,10 @@ function dispatchUpdate() {
   const event = new CustomEvent(CONTEXT_UPDATE);
   document.dispatchEvent(event);
 }
-function handleAndDispatchCustomEvent(name, handler, detail, { discrete }) {
+function handleAndDispatchCustomEvent(name2, handler, detail, { discrete }) {
   const target = detail.originalEvent.target;
-  const event = new CustomEvent(name, { bubbles: false, cancelable: true, detail });
-  if (handler) target.addEventListener(name, handler, { once: true });
+  const event = new CustomEvent(name2, { bubbles: false, cancelable: true, detail });
+  if (handler) target.addEventListener(name2, handler, { once: true });
   if (discrete) {
     dispatchDiscreteCustomEvent(target, event);
   } else {
@@ -18875,8 +19193,8 @@ function RemoveScrollSideCar(props) {
       }
     }
   }, []);
-  var shouldCancel = reactExports.useCallback(function(name, delta, target, should) {
-    var event = { name, delta, target, should, shadowParent: getOutermostShadowParent(target) };
+  var shouldCancel = reactExports.useCallback(function(name2, delta, target, should) {
+    var event = { name: name2, delta, target, should, shadowParent: getOutermostShadowParent(target) };
     shouldPreventQueue.current.push(event);
     setTimeout(function() {
       shouldPreventQueue.current = shouldPreventQueue.current.filter(function(e) {
@@ -19359,204 +19677,157 @@ var Content$1 = DialogContent$1;
 var Title = DialogTitle$1;
 var Description = DialogDescription$1;
 var Close = DialogClose;
-var shim$1 = { exports: {} };
-var useSyncExternalStoreShim_production = {};
-/**
- * @license React
- * use-sync-external-store-shim.production.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var React$1 = reactExports;
-function is(x2, y2) {
-  return x2 === y2 && (0 !== x2 || 1 / x2 === 1 / y2) || x2 !== x2 && y2 !== y2;
-}
-var objectIs = "function" === typeof Object.is ? Object.is : is, useState = React$1.useState, useEffect = React$1.useEffect, useLayoutEffect = React$1.useLayoutEffect, useDebugValue = React$1.useDebugValue;
-function useSyncExternalStore$2(subscribe, getSnapshot) {
-  var value = getSnapshot(), _useState = useState({ inst: { value, getSnapshot } }), inst = _useState[0].inst, forceUpdate = _useState[1];
-  useLayoutEffect(
-    function() {
-      inst.value = value;
-      inst.getSnapshot = getSnapshot;
-      checkIfSnapshotChanged(inst) && forceUpdate({ inst });
-    },
-    [subscribe, value, getSnapshot]
-  );
-  useEffect(
-    function() {
-      checkIfSnapshotChanged(inst) && forceUpdate({ inst });
-      return subscribe(function() {
-        checkIfSnapshotChanged(inst) && forceUpdate({ inst });
-      });
-    },
-    [subscribe]
-  );
-  useDebugValue(value);
-  return value;
-}
-function checkIfSnapshotChanged(inst) {
-  var latestGetSnapshot = inst.getSnapshot;
-  inst = inst.value;
-  try {
-    var nextValue = latestGetSnapshot();
-    return !objectIs(inst, nextValue);
-  } catch (error) {
-    return true;
-  }
-}
-function useSyncExternalStore$1(subscribe, getSnapshot) {
-  return getSnapshot();
-}
-var shim = "undefined" === typeof window || "undefined" === typeof window.document || "undefined" === typeof window.document.createElement ? useSyncExternalStore$1 : useSyncExternalStore$2;
-useSyncExternalStoreShim_production.useSyncExternalStore = void 0 !== React$1.useSyncExternalStore ? React$1.useSyncExternalStore : shim;
-{
-  shim$1.exports = useSyncExternalStoreShim_production;
-}
-var shimExports = shim$1.exports;
-var N = '[cmdk-group=""]', Q = '[cmdk-group-items=""]', be = '[cmdk-group-heading=""]', Z = '[cmdk-item=""]', le = `${Z}:not([aria-disabled="true"])`, Y = "cmdk-item-select", I = "data-value", he = (r2, o, t2) => W(r2, o, t2), ue = reactExports.createContext(void 0), K = () => reactExports.useContext(ue), de = reactExports.createContext(void 0), ee = () => reactExports.useContext(de), fe = reactExports.createContext(void 0);
-var me = reactExports.forwardRef((r2, o) => {
-  let t2 = k(() => {
-    var e, s;
-    return { search: "", value: (s = (e = r2.value) != null ? e : r2.defaultValue) != null ? s : "", filtered: { count: 0, items: /* @__PURE__ */ new Map(), groups: /* @__PURE__ */ new Set() } };
-  }), u2 = k(() => /* @__PURE__ */ new Set()), c2 = k(() => /* @__PURE__ */ new Map()), d2 = k(() => /* @__PURE__ */ new Map()), f2 = k(() => /* @__PURE__ */ new Set()), p2 = pe(r2), { label: v2, children: b2, value: l2, onValueChange: y2, filter: E2, shouldFilter: C2, loop: H2, disablePointerSelection: ge2 = false, vimBindings: $2 = true, ...O2 } = r2, te2 = useId(), B2 = useId(), F2 = useId(), x2 = reactExports.useRef(null), R2 = Te();
-  M(() => {
-    if (l2 !== void 0) {
-      let e = l2.trim();
-      t2.current.value = e, h2.emit();
-    }
-  }, [l2]), M(() => {
-    R2(6, re2);
+var N = '[cmdk-group=""]', Y = '[cmdk-group-items=""]', be = '[cmdk-group-heading=""]', le = '[cmdk-item=""]', ce = `${le}:not([aria-disabled="true"])`, Z = "cmdk-item-select", T = "data-value", Re = (r2, o, n2) => W(r2, o, n2), ue = reactExports.createContext(void 0), K = () => reactExports.useContext(ue), de = reactExports.createContext(void 0), ee = () => reactExports.useContext(de), fe = reactExports.createContext(void 0), me = reactExports.forwardRef((r2, o) => {
+  let n2 = L(() => {
+    var e, a;
+    return { search: "", value: (a = (e = r2.value) != null ? e : r2.defaultValue) != null ? a : "", selectedItemId: void 0, filtered: { count: 0, items: /* @__PURE__ */ new Map(), groups: /* @__PURE__ */ new Set() } };
+  }), u2 = L(() => /* @__PURE__ */ new Set()), c2 = L(() => /* @__PURE__ */ new Map()), d2 = L(() => /* @__PURE__ */ new Map()), f2 = L(() => /* @__PURE__ */ new Set()), p2 = pe(r2), { label: b2, children: m2, value: R2, onValueChange: x2, filter: C2, shouldFilter: S2, loop: A2, disablePointerSelection: ge2 = false, vimBindings: j = true, ...O2 } = r2, $2 = useId(), q2 = useId(), _2 = useId(), I2 = reactExports.useRef(null), v2 = ke();
+  k(() => {
+    if (R2 !== void 0) {
+      let e = R2.trim();
+      n2.current.value = e, E2.emit();
+    }
+  }, [R2]), k(() => {
+    v2(6, ne2);
   }, []);
-  let h2 = reactExports.useMemo(() => ({ subscribe: (e) => (f2.current.add(e), () => f2.current.delete(e)), snapshot: () => t2.current, setState: (e, s, i) => {
-    var a, m2, g2;
-    if (!Object.is(t2.current[e], s)) {
-      if (t2.current[e] = s, e === "search") W2(), U2(), R2(1, z2);
-      else if (e === "value" && (i || R2(5, re2), ((a = p2.current) == null ? void 0 : a.value) !== void 0)) {
-        let S2 = s != null ? s : "";
-        (g2 = (m2 = p2.current).onValueChange) == null || g2.call(m2, S2);
-        return;
+  let E2 = reactExports.useMemo(() => ({ subscribe: (e) => (f2.current.add(e), () => f2.current.delete(e)), snapshot: () => n2.current, setState: (e, a, s) => {
+    var i, l2, g2, y2;
+    if (!Object.is(n2.current[e], a)) {
+      if (n2.current[e] = a, e === "search") J2(), z2(), v2(1, W2);
+      else if (e === "value") {
+        if (document.activeElement.hasAttribute("cmdk-input") || document.activeElement.hasAttribute("cmdk-root")) {
+          let h2 = document.getElementById(_2);
+          h2 ? h2.focus() : (i = document.getElementById($2)) == null || i.focus();
+        }
+        if (v2(7, () => {
+          var h2;
+          n2.current.selectedItemId = (h2 = M2()) == null ? void 0 : h2.id, E2.emit();
+        }), s || v2(5, ne2), ((l2 = p2.current) == null ? void 0 : l2.value) !== void 0) {
+          let h2 = a != null ? a : "";
+          (y2 = (g2 = p2.current).onValueChange) == null || y2.call(g2, h2);
+          return;
+        }
       }
-      h2.emit();
+      E2.emit();
     }
   }, emit: () => {
     f2.current.forEach((e) => e());
-  } }), []), q2 = reactExports.useMemo(() => ({ value: (e, s, i) => {
-    var a;
-    s !== ((a = d2.current.get(e)) == null ? void 0 : a.value) && (d2.current.set(e, { value: s, keywords: i }), t2.current.filtered.items.set(e, ne2(s, i)), R2(2, () => {
-      U2(), h2.emit();
+  } }), []), U2 = reactExports.useMemo(() => ({ value: (e, a, s) => {
+    var i;
+    a !== ((i = d2.current.get(e)) == null ? void 0 : i.value) && (d2.current.set(e, { value: a, keywords: s }), n2.current.filtered.items.set(e, te2(a, s)), v2(2, () => {
+      z2(), E2.emit();
     }));
-  }, item: (e, s) => (u2.current.add(e), s && (c2.current.has(s) ? c2.current.get(s).add(e) : c2.current.set(s, /* @__PURE__ */ new Set([e]))), R2(3, () => {
-    W2(), U2(), t2.current.value || z2(), h2.emit();
+  }, item: (e, a) => (u2.current.add(e), a && (c2.current.has(a) ? c2.current.get(a).add(e) : c2.current.set(a, /* @__PURE__ */ new Set([e]))), v2(3, () => {
+    J2(), z2(), n2.current.value || W2(), E2.emit();
   }), () => {
-    d2.current.delete(e), u2.current.delete(e), t2.current.filtered.items.delete(e);
-    let i = A2();
-    R2(4, () => {
-      W2(), (i == null ? void 0 : i.getAttribute("id")) === e && z2(), h2.emit();
+    d2.current.delete(e), u2.current.delete(e), n2.current.filtered.items.delete(e);
+    let s = M2();
+    v2(4, () => {
+      J2(), (s == null ? void 0 : s.getAttribute("id")) === e && W2(), E2.emit();
     });
   }), group: (e) => (c2.current.has(e) || c2.current.set(e, /* @__PURE__ */ new Set()), () => {
     d2.current.delete(e), c2.current.delete(e);
-  }), filter: () => p2.current.shouldFilter, label: v2 || r2["aria-label"], getDisablePointerSelection: () => p2.current.disablePointerSelection, listId: te2, inputId: F2, labelId: B2, listInnerRef: x2 }), []);
-  function ne2(e, s) {
-    var a, m2;
-    let i = (m2 = (a = p2.current) == null ? void 0 : a.filter) != null ? m2 : he;
-    return e ? i(e, t2.current.search, s) : 0;
-  }
-  function U2() {
-    if (!t2.current.search || p2.current.shouldFilter === false) return;
-    let e = t2.current.filtered.items, s = [];
-    t2.current.filtered.groups.forEach((a) => {
-      let m2 = c2.current.get(a), g2 = 0;
-      m2.forEach((S2) => {
-        let P2 = e.get(S2);
-        g2 = Math.max(P2, g2);
-      }), s.push([a, g2]);
+  }), filter: () => p2.current.shouldFilter, label: b2 || r2["aria-label"], getDisablePointerSelection: () => p2.current.disablePointerSelection, listId: $2, inputId: _2, labelId: q2, listInnerRef: I2 }), []);
+  function te2(e, a) {
+    var i, l2;
+    let s = (l2 = (i = p2.current) == null ? void 0 : i.filter) != null ? l2 : Re;
+    return e ? s(e, n2.current.search, a) : 0;
+  }
+  function z2() {
+    if (!n2.current.search || p2.current.shouldFilter === false) return;
+    let e = n2.current.filtered.items, a = [];
+    n2.current.filtered.groups.forEach((i) => {
+      let l2 = c2.current.get(i), g2 = 0;
+      l2.forEach((y2) => {
+        let h2 = e.get(y2);
+        g2 = Math.max(h2, g2);
+      }), a.push([i, g2]);
     });
-    let i = x2.current;
-    _2().sort((a, m2) => {
-      var P2, V2;
-      let g2 = a.getAttribute("id"), S2 = m2.getAttribute("id");
-      return ((P2 = e.get(S2)) != null ? P2 : 0) - ((V2 = e.get(g2)) != null ? V2 : 0);
-    }).forEach((a) => {
-      let m2 = a.closest(Q);
-      m2 ? m2.appendChild(a.parentElement === m2 ? a : a.closest(`${Q} > *`)) : i.appendChild(a.parentElement === i ? a : a.closest(`${Q} > *`));
-    }), s.sort((a, m2) => m2[1] - a[1]).forEach((a) => {
+    let s = I2.current;
+    V2().sort((i, l2) => {
+      var h2, F2;
+      let g2 = i.getAttribute("id"), y2 = l2.getAttribute("id");
+      return ((h2 = e.get(y2)) != null ? h2 : 0) - ((F2 = e.get(g2)) != null ? F2 : 0);
+    }).forEach((i) => {
+      let l2 = i.closest(Y);
+      l2 ? l2.appendChild(i.parentElement === l2 ? i : i.closest(`${Y} > *`)) : s.appendChild(i.parentElement === s ? i : i.closest(`${Y} > *`));
+    }), a.sort((i, l2) => l2[1] - i[1]).forEach((i) => {
       var g2;
-      let m2 = (g2 = x2.current) == null ? void 0 : g2.querySelector(`${N}[${I}="${encodeURIComponent(a[0])}"]`);
-      m2 == null || m2.parentElement.appendChild(m2);
+      let l2 = (g2 = I2.current) == null ? void 0 : g2.querySelector(`${N}[${T}="${encodeURIComponent(i[0])}"]`);
+      l2 == null || l2.parentElement.appendChild(l2);
     });
   }
-  function z2() {
-    let e = _2().find((i) => i.getAttribute("aria-disabled") !== "true"), s = e == null ? void 0 : e.getAttribute(I);
-    h2.setState("value", s || void 0);
-  }
   function W2() {
-    var s, i, a, m2;
-    if (!t2.current.search || p2.current.shouldFilter === false) {
-      t2.current.filtered.count = u2.current.size;
+    let e = V2().find((s) => s.getAttribute("aria-disabled") !== "true"), a = e == null ? void 0 : e.getAttribute(T);
+    E2.setState("value", a || void 0);
+  }
+  function J2() {
+    var a, s, i, l2;
+    if (!n2.current.search || p2.current.shouldFilter === false) {
+      n2.current.filtered.count = u2.current.size;
       return;
     }
-    t2.current.filtered.groups = /* @__PURE__ */ new Set();
+    n2.current.filtered.groups = /* @__PURE__ */ new Set();
     let e = 0;
     for (let g2 of u2.current) {
-      let S2 = (i = (s = d2.current.get(g2)) == null ? void 0 : s.value) != null ? i : "", P2 = (m2 = (a = d2.current.get(g2)) == null ? void 0 : a.keywords) != null ? m2 : [], V2 = ne2(S2, P2);
-      t2.current.filtered.items.set(g2, V2), V2 > 0 && e++;
+      let y2 = (s = (a = d2.current.get(g2)) == null ? void 0 : a.value) != null ? s : "", h2 = (l2 = (i = d2.current.get(g2)) == null ? void 0 : i.keywords) != null ? l2 : [], F2 = te2(y2, h2);
+      n2.current.filtered.items.set(g2, F2), F2 > 0 && e++;
     }
-    for (let [g2, S2] of c2.current) for (let P2 of S2) if (t2.current.filtered.items.get(P2) > 0) {
-      t2.current.filtered.groups.add(g2);
+    for (let [g2, y2] of c2.current) for (let h2 of y2) if (n2.current.filtered.items.get(h2) > 0) {
+      n2.current.filtered.groups.add(g2);
       break;
     }
-    t2.current.filtered.count = e;
+    n2.current.filtered.count = e;
   }
-  function re2() {
-    var s, i, a;
-    let e = A2();
-    e && (((s = e.parentElement) == null ? void 0 : s.firstChild) === e && ((a = (i = e.closest(N)) == null ? void 0 : i.querySelector(be)) == null || a.scrollIntoView({ block: "nearest" })), e.scrollIntoView({ block: "nearest" }));
+  function ne2() {
+    var a, s, i;
+    let e = M2();
+    e && (((a = e.parentElement) == null ? void 0 : a.firstChild) === e && ((i = (s = e.closest(N)) == null ? void 0 : s.querySelector(be)) == null || i.scrollIntoView({ block: "nearest" })), e.scrollIntoView({ block: "nearest" }));
   }
-  function A2() {
+  function M2() {
     var e;
-    return (e = x2.current) == null ? void 0 : e.querySelector(`${Z}[aria-selected="true"]`);
+    return (e = I2.current) == null ? void 0 : e.querySelector(`${le}[aria-selected="true"]`);
   }
-  function _2() {
+  function V2() {
     var e;
-    return Array.from(((e = x2.current) == null ? void 0 : e.querySelectorAll(le)) || []);
-  }
-  function J2(e) {
-    let i = _2()[e];
-    i && h2.setState("value", i.getAttribute(I));
+    return Array.from(((e = I2.current) == null ? void 0 : e.querySelectorAll(ce)) || []);
   }
   function X2(e) {
+    let s = V2()[e];
+    s && E2.setState("value", s.getAttribute(T));
+  }
+  function Q2(e) {
     var g2;
-    let s = A2(), i = _2(), a = i.findIndex((S2) => S2 === s), m2 = i[a + e];
-    (g2 = p2.current) != null && g2.loop && (m2 = a + e < 0 ? i[i.length - 1] : a + e === i.length ? i[0] : i[a + e]), m2 && h2.setState("value", m2.getAttribute(I));
+    let a = M2(), s = V2(), i = s.findIndex((y2) => y2 === a), l2 = s[i + e];
+    (g2 = p2.current) != null && g2.loop && (l2 = i + e < 0 ? s[s.length - 1] : i + e === s.length ? s[0] : s[i + e]), l2 && E2.setState("value", l2.getAttribute(T));
   }
-  function oe2(e) {
-    let s = A2(), i = s == null ? void 0 : s.closest(N), a;
-    for (; i && !a; ) i = e > 0 ? Ie(i, N) : Me(i, N), a = i == null ? void 0 : i.querySelector(le);
-    a ? h2.setState("value", a.getAttribute(I)) : X2(e);
+  function re2(e) {
+    let a = M2(), s = a == null ? void 0 : a.closest(N), i;
+    for (; s && !i; ) s = e > 0 ? we(s, N) : De(s, N), i = s == null ? void 0 : s.querySelector(ce);
+    i ? E2.setState("value", i.getAttribute(T)) : Q2(e);
   }
-  let ie2 = () => J2(_2().length - 1), ae2 = (e) => {
-    e.preventDefault(), e.metaKey ? ie2() : e.altKey ? oe2(1) : X2(1);
+  let oe2 = () => X2(V2().length - 1), ie2 = (e) => {
+    e.preventDefault(), e.metaKey ? oe2() : e.altKey ? re2(1) : Q2(1);
   }, se2 = (e) => {
-    e.preventDefault(), e.metaKey ? J2(0) : e.altKey ? oe2(-1) : X2(-1);
+    e.preventDefault(), e.metaKey ? X2(0) : e.altKey ? re2(-1) : Q2(-1);
   };
   return reactExports.createElement(Primitive.div, { ref: o, tabIndex: -1, ...O2, "cmdk-root": "", onKeyDown: (e) => {
     var s;
-    if ((s = O2.onKeyDown) == null || s.call(O2, e), !e.defaultPrevented) switch (e.key) {
+    (s = O2.onKeyDown) == null || s.call(O2, e);
+    let a = e.nativeEvent.isComposing || e.keyCode === 229;
+    if (!(e.defaultPrevented || a)) switch (e.key) {
       case "n":
       case "j": {
-        $2 && e.ctrlKey && ae2(e);
+        j && e.ctrlKey && ie2(e);
         break;
       }
       case "ArrowDown": {
-        ae2(e);
+        ie2(e);
         break;
       }
       case "p":
       case "k": {
-        $2 && e.ctrlKey && se2(e);
+        j && e.ctrlKey && se2(e);
         break;
       }
       case "ArrowUp": {
@@ -19564,152 +19835,140 @@ var me = reactExports.forwardRef((r2, o) => {
         break;
       }
       case "Home": {
-        e.preventDefault(), J2(0);
+        e.preventDefault(), X2(0);
         break;
       }
       case "End": {
-        e.preventDefault(), ie2();
+        e.preventDefault(), oe2();
         break;
       }
-      case "Enter":
-        if (!e.nativeEvent.isComposing && e.keyCode !== 229) {
-          e.preventDefault();
-          let i = A2();
-          if (i) {
-            let a = new Event(Y);
-            i.dispatchEvent(a);
-          }
+      case "Enter": {
+        e.preventDefault();
+        let i = M2();
+        if (i) {
+          let l2 = new Event(Z);
+          i.dispatchEvent(l2);
         }
+      }
     }
-  } }, reactExports.createElement("label", { "cmdk-label": "", htmlFor: q2.inputId, id: q2.labelId, style: Le }, v2), j(r2, (e) => reactExports.createElement(de.Provider, { value: h2 }, reactExports.createElement(ue.Provider, { value: q2 }, e))));
-}), ye = reactExports.forwardRef((r2, o) => {
-  var F2, x2;
-  let t2 = useId(), u2 = reactExports.useRef(null), c2 = reactExports.useContext(fe), d2 = K(), f2 = pe(r2), p2 = (x2 = (F2 = f2.current) == null ? void 0 : F2.forceMount) != null ? x2 : c2 == null ? void 0 : c2.forceMount;
-  M(() => {
-    if (!p2) return d2.item(t2, c2 == null ? void 0 : c2.id);
+  } }, reactExports.createElement("label", { "cmdk-label": "", htmlFor: U2.inputId, id: U2.labelId, style: Te }, b2), B(r2, (e) => reactExports.createElement(de.Provider, { value: E2 }, reactExports.createElement(ue.Provider, { value: U2 }, e))));
+}), he = reactExports.forwardRef((r2, o) => {
+  var _2, I2;
+  let n2 = useId(), u2 = reactExports.useRef(null), c2 = reactExports.useContext(fe), d2 = K(), f2 = pe(r2), p2 = (I2 = (_2 = f2.current) == null ? void 0 : _2.forceMount) != null ? I2 : c2 == null ? void 0 : c2.forceMount;
+  k(() => {
+    if (!p2) return d2.item(n2, c2 == null ? void 0 : c2.id);
   }, [p2]);
-  let v2 = ve(t2, u2, [r2.value, r2.children, u2], r2.keywords), b2 = ee(), l2 = T((R2) => R2.value && R2.value === v2.current), y2 = T((R2) => p2 || d2.filter() === false ? true : R2.search ? R2.filtered.items.get(t2) > 0 : true);
+  let b2 = ve(n2, u2, [r2.value, r2.children, u2], r2.keywords), m2 = ee(), R2 = P((v2) => v2.value && v2.value === b2.current), x2 = P((v2) => p2 || d2.filter() === false ? true : v2.search ? v2.filtered.items.get(n2) > 0 : true);
   reactExports.useEffect(() => {
-    let R2 = u2.current;
-    if (!(!R2 || r2.disabled)) return R2.addEventListener(Y, E2), () => R2.removeEventListener(Y, E2);
-  }, [y2, r2.onSelect, r2.disabled]);
-  function E2() {
-    var R2, h2;
-    C2(), (h2 = (R2 = f2.current).onSelect) == null || h2.call(R2, v2.current);
-  }
+    let v2 = u2.current;
+    if (!(!v2 || r2.disabled)) return v2.addEventListener(Z, C2), () => v2.removeEventListener(Z, C2);
+  }, [x2, r2.onSelect, r2.disabled]);
   function C2() {
-    b2.setState("value", v2.current, true);
+    var v2, E2;
+    S2(), (E2 = (v2 = f2.current).onSelect) == null || E2.call(v2, b2.current);
   }
-  if (!y2) return null;
-  let { disabled: H2, value: ge2, onSelect: $2, forceMount: O2, keywords: te2, ...B2 } = r2;
-  return reactExports.createElement(Primitive.div, { ref: G([u2, o]), ...B2, id: t2, "cmdk-item": "", role: "option", "aria-disabled": !!H2, "aria-selected": !!l2, "data-disabled": !!H2, "data-selected": !!l2, onPointerMove: H2 || d2.getDisablePointerSelection() ? void 0 : C2, onClick: H2 ? void 0 : E2 }, r2.children);
-}), Se = reactExports.forwardRef((r2, o) => {
-  let { heading: t2, children: u2, forceMount: c2, ...d2 } = r2, f2 = useId(), p2 = reactExports.useRef(null), v2 = reactExports.useRef(null), b2 = useId(), l2 = K(), y2 = T((C2) => c2 || l2.filter() === false ? true : C2.search ? C2.filtered.groups.has(f2) : true);
-  M(() => l2.group(f2), []), ve(f2, p2, [r2.value, r2.heading, v2]);
-  let E2 = reactExports.useMemo(() => ({ id: f2, forceMount: c2 }), [c2]);
-  return reactExports.createElement(Primitive.div, { ref: G([p2, o]), ...d2, "cmdk-group": "", role: "presentation", hidden: y2 ? void 0 : true }, t2 && reactExports.createElement("div", { ref: v2, "cmdk-group-heading": "", "aria-hidden": true, id: b2 }, t2), j(r2, (C2) => reactExports.createElement("div", { "cmdk-group-items": "", role: "group", "aria-labelledby": t2 ? b2 : void 0 }, reactExports.createElement(fe.Provider, { value: E2 }, C2))));
+  function S2() {
+    m2.setState("value", b2.current, true);
+  }
+  if (!x2) return null;
+  let { disabled: A2, value: ge2, onSelect: j, forceMount: O2, keywords: $2, ...q2 } = r2;
+  return reactExports.createElement(Primitive.div, { ref: composeRefs(u2, o), ...q2, id: n2, "cmdk-item": "", role: "option", "aria-disabled": !!A2, "aria-selected": !!R2, "data-disabled": !!A2, "data-selected": !!R2, onPointerMove: A2 || d2.getDisablePointerSelection() ? void 0 : S2, onClick: A2 ? void 0 : C2 }, r2.children);
 }), Ee = reactExports.forwardRef((r2, o) => {
-  let { alwaysRender: t2, ...u2 } = r2, c2 = reactExports.useRef(null), d2 = T((f2) => !f2.search);
-  return !t2 && !d2 ? null : reactExports.createElement(Primitive.div, { ref: G([c2, o]), ...u2, "cmdk-separator": "", role: "separator" });
-}), Ce = reactExports.forwardRef((r2, o) => {
-  let { onValueChange: t2, ...u2 } = r2, c2 = r2.value != null, d2 = ee(), f2 = T((l2) => l2.search), p2 = T((l2) => l2.value), v2 = K(), b2 = reactExports.useMemo(() => {
-    var y2;
-    let l2 = (y2 = v2.listInnerRef.current) == null ? void 0 : y2.querySelector(`${Z}[${I}="${encodeURIComponent(p2)}"]`);
-    return l2 == null ? void 0 : l2.getAttribute("id");
-  }, []);
+  let { heading: n2, children: u2, forceMount: c2, ...d2 } = r2, f2 = useId(), p2 = reactExports.useRef(null), b2 = reactExports.useRef(null), m2 = useId(), R2 = K(), x2 = P((S2) => c2 || R2.filter() === false ? true : S2.search ? S2.filtered.groups.has(f2) : true);
+  k(() => R2.group(f2), []), ve(f2, p2, [r2.value, r2.heading, b2]);
+  let C2 = reactExports.useMemo(() => ({ id: f2, forceMount: c2 }), [c2]);
+  return reactExports.createElement(Primitive.div, { ref: composeRefs(p2, o), ...d2, "cmdk-group": "", role: "presentation", hidden: x2 ? void 0 : true }, n2 && reactExports.createElement("div", { ref: b2, "cmdk-group-heading": "", "aria-hidden": true, id: m2 }, n2), B(r2, (S2) => reactExports.createElement("div", { "cmdk-group-items": "", role: "group", "aria-labelledby": n2 ? m2 : void 0 }, reactExports.createElement(fe.Provider, { value: C2 }, S2))));
+}), ye = reactExports.forwardRef((r2, o) => {
+  let { alwaysRender: n2, ...u2 } = r2, c2 = reactExports.useRef(null), d2 = P((f2) => !f2.search);
+  return !n2 && !d2 ? null : reactExports.createElement(Primitive.div, { ref: composeRefs(c2, o), ...u2, "cmdk-separator": "", role: "separator" });
+}), Se = reactExports.forwardRef((r2, o) => {
+  let { onValueChange: n2, ...u2 } = r2, c2 = r2.value != null, d2 = ee(), f2 = P((m2) => m2.search), p2 = P((m2) => m2.selectedItemId), b2 = K();
   return reactExports.useEffect(() => {
     r2.value != null && d2.setState("search", r2.value);
-  }, [r2.value]), reactExports.createElement(Primitive.input, { ref: o, ...u2, "cmdk-input": "", autoComplete: "off", autoCorrect: "off", spellCheck: false, "aria-autocomplete": "list", role: "combobox", "aria-expanded": true, "aria-controls": v2.listId, "aria-labelledby": v2.labelId, "aria-activedescendant": b2, id: v2.inputId, type: "text", value: c2 ? r2.value : f2, onChange: (l2) => {
-    c2 || d2.setState("search", l2.target.value), t2 == null || t2(l2.target.value);
+  }, [r2.value]), reactExports.createElement(Primitive.input, { ref: o, ...u2, "cmdk-input": "", autoComplete: "off", autoCorrect: "off", spellCheck: false, "aria-autocomplete": "list", role: "combobox", "aria-expanded": true, "aria-controls": b2.listId, "aria-labelledby": b2.labelId, "aria-activedescendant": p2, id: b2.inputId, type: "text", value: c2 ? r2.value : f2, onChange: (m2) => {
+    c2 || d2.setState("search", m2.target.value), n2 == null || n2(m2.target.value);
   } });
-}), xe = reactExports.forwardRef((r2, o) => {
-  let { children: t2, label: u2 = "Suggestions", ...c2 } = r2, d2 = reactExports.useRef(null), f2 = reactExports.useRef(null), p2 = K();
+}), Ce = reactExports.forwardRef((r2, o) => {
+  let { children: n2, label: u2 = "Suggestions", ...c2 } = r2, d2 = reactExports.useRef(null), f2 = reactExports.useRef(null), p2 = P((m2) => m2.selectedItemId), b2 = K();
   return reactExports.useEffect(() => {
     if (f2.current && d2.current) {
-      let v2 = f2.current, b2 = d2.current, l2, y2 = new ResizeObserver(() => {
-        l2 = requestAnimationFrame(() => {
-          let E2 = v2.offsetHeight;
-          b2.style.setProperty("--cmdk-list-height", E2.toFixed(1) + "px");
+      let m2 = f2.current, R2 = d2.current, x2, C2 = new ResizeObserver(() => {
+        x2 = requestAnimationFrame(() => {
+          let S2 = m2.offsetHeight;
+          R2.style.setProperty("--cmdk-list-height", S2.toFixed(1) + "px");
         });
       });
-      return y2.observe(v2), () => {
-        cancelAnimationFrame(l2), y2.unobserve(v2);
+      return C2.observe(m2), () => {
+        cancelAnimationFrame(x2), C2.unobserve(m2);
       };
     }
-  }, []), reactExports.createElement(Primitive.div, { ref: G([d2, o]), ...c2, "cmdk-list": "", role: "listbox", "aria-label": u2, id: p2.listId }, j(r2, (v2) => reactExports.createElement("div", { ref: G([f2, p2.listInnerRef]), "cmdk-list-sizer": "" }, v2)));
-}), Pe = reactExports.forwardRef((r2, o) => {
-  let { open: t2, onOpenChange: u2, overlayClassName: c2, contentClassName: d2, container: f2, ...p2 } = r2;
-  return reactExports.createElement(Root$3, { open: t2, onOpenChange: u2 }, reactExports.createElement(Portal$2, { container: f2 }, reactExports.createElement(Overlay, { "cmdk-overlay": "", className: c2 }), reactExports.createElement(Content$1, { "aria-label": r2.label, "cmdk-dialog": "", className: d2 }, reactExports.createElement(me, { ref: o, ...p2 }))));
-}), we = reactExports.forwardRef((r2, o) => T((u2) => u2.filtered.count === 0) ? reactExports.createElement(Primitive.div, { ref: o, ...r2, "cmdk-empty": "", role: "presentation" }) : null), De = reactExports.forwardRef((r2, o) => {
-  let { progress: t2, children: u2, label: c2 = "Loading...", ...d2 } = r2;
-  return reactExports.createElement(Primitive.div, { ref: o, ...d2, "cmdk-loading": "", role: "progressbar", "aria-valuenow": t2, "aria-valuemin": 0, "aria-valuemax": 100, "aria-label": c2 }, j(r2, (f2) => reactExports.createElement("div", { "aria-hidden": true }, f2)));
-}), Ve = Object.assign(me, { List: xe, Item: ye, Input: Ce, Group: Se, Separator: Ee, Dialog: Pe, Empty: we, Loading: De });
-function Ie(r2, o) {
-  let t2 = r2.nextElementSibling;
-  for (; t2; ) {
-    if (t2.matches(o)) return t2;
-    t2 = t2.nextElementSibling;
-  }
-}
-function Me(r2, o) {
-  let t2 = r2.previousElementSibling;
-  for (; t2; ) {
-    if (t2.matches(o)) return t2;
-    t2 = t2.previousElementSibling;
+  }, []), reactExports.createElement(Primitive.div, { ref: composeRefs(d2, o), ...c2, "cmdk-list": "", role: "listbox", tabIndex: -1, "aria-activedescendant": p2, "aria-label": u2, id: b2.listId }, B(r2, (m2) => reactExports.createElement("div", { ref: composeRefs(f2, b2.listInnerRef), "cmdk-list-sizer": "" }, m2)));
+}), xe = reactExports.forwardRef((r2, o) => {
+  let { open: n2, onOpenChange: u2, overlayClassName: c2, contentClassName: d2, container: f2, ...p2 } = r2;
+  return reactExports.createElement(Root$3, { open: n2, onOpenChange: u2 }, reactExports.createElement(Portal$2, { container: f2 }, reactExports.createElement(Overlay, { "cmdk-overlay": "", className: c2 }), reactExports.createElement(Content$1, { "aria-label": r2.label, "cmdk-dialog": "", className: d2 }, reactExports.createElement(me, { ref: o, ...p2 }))));
+}), Ie = reactExports.forwardRef((r2, o) => P((u2) => u2.filtered.count === 0) ? reactExports.createElement(Primitive.div, { ref: o, ...r2, "cmdk-empty": "", role: "presentation" }) : null), Pe = reactExports.forwardRef((r2, o) => {
+  let { progress: n2, children: u2, label: c2 = "Loading...", ...d2 } = r2;
+  return reactExports.createElement(Primitive.div, { ref: o, ...d2, "cmdk-loading": "", role: "progressbar", "aria-valuenow": n2, "aria-valuemin": 0, "aria-valuemax": 100, "aria-label": c2 }, B(r2, (f2) => reactExports.createElement("div", { "aria-hidden": true }, f2)));
+}), _e = Object.assign(me, { List: Ce, Item: he, Input: Se, Group: Ee, Separator: ye, Dialog: xe, Empty: Ie, Loading: Pe });
+function we(r2, o) {
+  let n2 = r2.nextElementSibling;
+  for (; n2; ) {
+    if (n2.matches(o)) return n2;
+    n2 = n2.nextElementSibling;
+  }
+}
+function De(r2, o) {
+  let n2 = r2.previousElementSibling;
+  for (; n2; ) {
+    if (n2.matches(o)) return n2;
+    n2 = n2.previousElementSibling;
   }
 }
 function pe(r2) {
   let o = reactExports.useRef(r2);
-  return M(() => {
+  return k(() => {
     o.current = r2;
   }), o;
 }
-var M = typeof window == "undefined" ? reactExports.useEffect : reactExports.useLayoutEffect;
-function k(r2) {
+var k = typeof window == "undefined" ? reactExports.useEffect : reactExports.useLayoutEffect;
+function L(r2) {
   let o = reactExports.useRef();
   return o.current === void 0 && (o.current = r2()), o;
 }
-function G(r2) {
-  return (o) => {
-    r2.forEach((t2) => {
-      typeof t2 == "function" ? t2(o) : t2 != null && (t2.current = o);
-    });
-  };
-}
-function T(r2) {
-  let o = ee(), t2 = () => r2(o.snapshot());
-  return shimExports.useSyncExternalStore(o.subscribe, t2, t2);
+function P(r2) {
+  let o = ee(), n2 = () => r2(o.snapshot());
+  return reactExports.useSyncExternalStore(o.subscribe, n2, n2);
 }
-function ve(r2, o, t2, u2 = []) {
+function ve(r2, o, n2, u2 = []) {
   let c2 = reactExports.useRef(), d2 = K();
-  return M(() => {
-    var v2;
+  return k(() => {
+    var b2;
     let f2 = (() => {
-      var b2;
-      for (let l2 of t2) {
-        if (typeof l2 == "string") return l2.trim();
-        if (typeof l2 == "object" && "current" in l2) return l2.current ? (b2 = l2.current.textContent) == null ? void 0 : b2.trim() : c2.current;
+      var m2;
+      for (let R2 of n2) {
+        if (typeof R2 == "string") return R2.trim();
+        if (typeof R2 == "object" && "current" in R2) return R2.current ? (m2 = R2.current.textContent) == null ? void 0 : m2.trim() : c2.current;
       }
-    })(), p2 = u2.map((b2) => b2.trim());
-    d2.value(r2, f2, p2), (v2 = o.current) == null || v2.setAttribute(I, f2), c2.current = f2;
+    })(), p2 = u2.map((m2) => m2.trim());
+    d2.value(r2, f2, p2), (b2 = o.current) == null || b2.setAttribute(T, f2), c2.current = f2;
   }), c2;
 }
-var Te = () => {
-  let [r2, o] = reactExports.useState(), t2 = k(() => /* @__PURE__ */ new Map());
-  return M(() => {
-    t2.current.forEach((u2) => u2()), t2.current = /* @__PURE__ */ new Map();
+var ke = () => {
+  let [r2, o] = reactExports.useState(), n2 = L(() => /* @__PURE__ */ new Map());
+  return k(() => {
+    n2.current.forEach((u2) => u2()), n2.current = /* @__PURE__ */ new Map();
   }, [r2]), (u2, c2) => {
-    t2.current.set(u2, c2), o({});
+    n2.current.set(u2, c2), o({});
   };
 };
-function ke(r2) {
+function Me(r2) {
   let o = r2.type;
   return typeof o == "function" ? o(r2.props) : "render" in o ? o.render(r2.props) : r2;
 }
-function j({ asChild: r2, children: o }, t2) {
-  return r2 && reactExports.isValidElement(o) ? reactExports.cloneElement(ke(o), { ref: o.ref }, t2(o.props.children)) : t2(o);
+function B({ asChild: r2, children: o }, n2) {
+  return r2 && reactExports.isValidElement(o) ? reactExports.cloneElement(Me(o), { ref: o.ref }, n2(o.props.children)) : n2(o);
 }
-var Le = { position: "absolute", width: "1px", height: "1px", padding: "0", margin: "-1px", overflow: "hidden", clip: "rect(0, 0, 0, 0)", whiteSpace: "nowrap", borderWidth: "0" };
+var Te = { position: "absolute", width: "1px", height: "1px", padding: "0", margin: "-1px", overflow: "hidden", clip: "rect(0, 0, 0, 0)", whiteSpace: "nowrap", borderWidth: "0" };
 function _objectWithoutPropertiesLoose(source, excluded) {
   if (source == null) return {};
   var target = {};
@@ -19887,7 +20146,7 @@ const DialogDescription = reactExports.forwardRef(({ className: className2, ...p
 ));
 DialogDescription.displayName = Description.displayName;
 const Command = reactExports.forwardRef(({ className: className2, ...props }, ref) => /* @__PURE__ */ jsxRuntimeExports.jsx(
-  Ve,
+  _e,
   {
     ref,
     className: cn(
@@ -19897,11 +20156,11 @@ const Command = reactExports.forwardRef(({ className: className2, ...props }, re
     ...props
   }
 ));
-Command.displayName = Ve.displayName;
+Command.displayName = _e.displayName;
 const CommandInput = reactExports.forwardRef(({ className: className2, ...props }, ref) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
   /* @__PURE__ */ jsxRuntimeExports.jsx(MagnifyingGlassIcon, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
   /* @__PURE__ */ jsxRuntimeExports.jsx(
-    Ve.Input,
+    _e.Input,
     {
       ref,
       className: cn(
@@ -19912,27 +20171,27 @@ const CommandInput = reactExports.forwardRef(({ className: className2, ...props
     }
   )
 ] }));
-CommandInput.displayName = Ve.Input.displayName;
+CommandInput.displayName = _e.Input.displayName;
 const CommandList = reactExports.forwardRef(({ className: className2, ...props }, ref) => /* @__PURE__ */ jsxRuntimeExports.jsx(
-  Ve.List,
+  _e.List,
   {
     ref,
     className: cn("max-h-[300px] overflow-y-auto overflow-x-hidden", className2),
     ...props
   }
 ));
-CommandList.displayName = Ve.List.displayName;
+CommandList.displayName = _e.List.displayName;
 const CommandEmpty = reactExports.forwardRef((props, ref) => /* @__PURE__ */ jsxRuntimeExports.jsx(
-  Ve.Empty,
+  _e.Empty,
   {
     ref,
     className: "py-6 text-center text-sm",
     ...props
   }
 ));
-CommandEmpty.displayName = Ve.Empty.displayName;
+CommandEmpty.displayName = _e.Empty.displayName;
 const CommandGroup = reactExports.forwardRef(({ className: className2, ...props }, ref) => /* @__PURE__ */ jsxRuntimeExports.jsx(
-  Ve.Group,
+  _e.Group,
   {
     ref,
     className: cn(
@@ -19942,18 +20201,18 @@ const CommandGroup = reactExports.forwardRef(({ className: className2, ...props
     ...props
   }
 ));
-CommandGroup.displayName = Ve.Group.displayName;
+CommandGroup.displayName = _e.Group.displayName;
 const CommandSeparator = reactExports.forwardRef(({ className: className2, ...props }, ref) => /* @__PURE__ */ jsxRuntimeExports.jsx(
-  Ve.Separator,
+  _e.Separator,
   {
     ref,
     className: cn("-mx-1 h-px bg-border", className2),
     ...props
   }
 ));
-CommandSeparator.displayName = Ve.Separator.displayName;
+CommandSeparator.displayName = _e.Separator.displayName;
 const CommandItem = reactExports.forwardRef(({ className: className2, ...props }, ref) => /* @__PURE__ */ jsxRuntimeExports.jsx(
-  Ve.Item,
+  _e.Item,
   {
     ref,
     className: cn(
@@ -19963,7 +20222,7 @@ const CommandItem = reactExports.forwardRef(({ className: className2, ...props }
     ...props
   }
 ));
-CommandItem.displayName = Ve.Item.displayName;
+CommandItem.displayName = _e.Item.displayName;
 const sides = ["top", "right", "bottom", "left"];
 const min = Math.min;
 const max = Math.max;
@@ -20171,7 +20430,7 @@ const computePosition$1 = async (reference, floating, config) => {
   let resetCount = 0;
   for (let i = 0; i < validMiddleware.length; i++) {
     const {
-      name,
+      name: name2,
       fn
     } = validMiddleware[i];
     const {
@@ -20197,8 +20456,8 @@ const computePosition$1 = async (reference, floating, config) => {
     y2 = nextY != null ? nextY : y2;
     middlewareData = {
       ...middlewareData,
-      [name]: {
-        ...middlewareData[name],
+      [name2]: {
+        ...middlewareData[name2],
         ...data
       }
     };
@@ -21888,7 +22147,7 @@ var CONTENT_NAME$2 = "PopperContent";
 var [PopperContentProvider, useContentContext] = createPopperContext(CONTENT_NAME$2);
 var PopperContent = reactExports.forwardRef(
   (props, forwardedRef) => {
-    var _a, _b, _c, _d, _e, _f;
+    var _a, _b, _c, _d, _e2, _f;
     const {
       __scopePopper,
       side = "bottom",
@@ -21987,7 +22246,7 @@ var PopperContent = reactExports.forwardRef(
           zIndex: contentZIndex,
           ["--radix-popper-transform-origin"]: [
             (_d = middlewareData.transformOrigin) == null ? void 0 : _d.x,
-            (_e = middlewareData.transformOrigin) == null ? void 0 : _e.y
+            (_e2 = middlewareData.transformOrigin) == null ? void 0 : _e2.y
           ].join(" "),
           // hide the content if using the hide middleware and should be hidden
           // set visibility to hidden and disable pointer events so the UI behaves
@@ -22431,15 +22690,15 @@ function Combobox({
   emptyMessage = "No results found.",
   id: id2
 }) {
-  const [open, setOpen] = React$2.useState(false);
-  const handleSelect = React$2.useCallback(
+  const [open, setOpen] = React$1.useState(false);
+  const handleSelect = React$1.useCallback(
     (option) => {
       onChange(option);
       setOpen(false);
     },
     [onChange]
   );
-  const handleInputChange = React$2.useCallback(
+  const handleInputChange = React$1.useCallback(
     (value2) => {
       onInputChange(value2);
     },
@@ -22524,22 +22783,6 @@ const Label$1 = reactExports.forwardRef(({ className: className2, ...props }, re
   }
 ));
 Label$1.displayName = Root$1.displayName;
-const Textarea = reactExports.forwardRef(
-  ({ className: className2, ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(
-      "textarea",
-      {
-        className: cn(
-          "flex min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
-          className2
-        ),
-        ref,
-        ...props
-      }
-    );
-  }
-);
-Textarea.displayName = "Textarea";
 const ListPane = ({
   items,
   listItems,
@@ -22752,14 +22995,7 @@ const PromptsTab = ({
           ] })
         ] }, arg.name)),
         /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { onClick: handleGetPrompt, className: "w-full", children: "Get Prompt" }),
-        promptContent && /* @__PURE__ */ jsxRuntimeExports.jsx(
-          Textarea,
-          {
-            value: promptContent,
-            readOnly: true,
-            className: "h-64 font-mono"
-          }
-        )
+        promptContent && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "p-4 border rounded", children: /* @__PURE__ */ jsxRuntimeExports.jsx(JsonView, { data: promptContent }) })
       ] }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Alert, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(AlertDescription, { children: "Select a prompt from the list to view and use it" }) }) })
     ] })
   ] });
@@ -22911,7 +23147,7 @@ const ResourcesTab = ({
         /* @__PURE__ */ jsxRuntimeExports.jsx(CircleAlert, { className: "h-4 w-4" }),
         /* @__PURE__ */ jsxRuntimeExports.jsx(AlertTitle, { children: "Error" }),
         /* @__PURE__ */ jsxRuntimeExports.jsx(AlertDescription, { children: error })
-      ] }) : selectedResource ? /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: "bg-gray-50 dark:bg-gray-800 p-4 rounded text-sm overflow-auto max-h-96 whitespace-pre-wrap break-words text-gray-900 dark:text-gray-100", children: resourceContent }) : selectedTemplate ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-4", children: [
+      ] }) : selectedResource ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "bg-gray-50 dark:bg-gray-800 p-4 rounded text-sm overflow-auto max-h-96 text-gray-900 dark:text-gray-100", children: /* @__PURE__ */ jsxRuntimeExports.jsx(JsonView, { data: resourceContent }) }) : selectedTemplate ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-4", children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm text-gray-600", children: selectedTemplate.description }),
         (_a = selectedTemplate.uriTemplate.match(/{([^}]+)}/g)) == null ? void 0 : _a.map((param) => {
           const key = param.slice(1, -1);
@@ -22943,11 +23179,11 @@ const ResourcesTab = ({
   ] });
 };
 const Input = reactExports.forwardRef(
-  ({ className: className2, type, ...props }, ref) => {
+  ({ className: className2, type: type2, ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
       "input",
       {
-        type,
+        type: type2,
         className: cn(
           "flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
           className2
@@ -23031,7 +23267,7 @@ const SamplingTab = ({ pendingRequests, onApprove, onReject }) => {
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mt-4 space-y-4", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { className: "text-lg font-semibold", children: "Recent Requests" }),
       pendingRequests.map((request) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "p-4 border rounded-lg space-y-4", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: "bg-gray-50 p-2 rounded", children: JSON.stringify(request.request, null, 2) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "bg-gray-50 dark:bg-gray-800 dark:text-gray-100 p-2 rounded", children: /* @__PURE__ */ jsxRuntimeExports.jsx(JsonView, { data: JSON.stringify(request.request) }) }),
         /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex space-x-2", children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { onClick: () => handleApprove(request.id), children: "Approve" }),
           /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { variant: "outline", onClick: () => onReject(request.id), children: "Reject" })
@@ -23103,7 +23339,7 @@ var Select$1 = (props) => {
     defaultValue,
     onValueChange,
     dir,
-    name,
+    name: name2,
     autoComplete,
     disabled,
     required,
@@ -23171,7 +23407,7 @@ var Select$1 = (props) => {
             "aria-hidden": true,
             required,
             tabIndex: -1,
-            name,
+            name: name2,
             autoComplete,
             value,
             onChange: (event) => setValue(event.target.value),
@@ -24343,18 +24579,16 @@ const useTheme = () => {
       darkModeMediaQuery.removeEventListener("change", handleDarkModeChange);
     };
   }, [theme]);
-  return [
-    theme,
-    reactExports.useCallback((newTheme) => {
-      setTheme(newTheme);
-      localStorage.setItem("theme", newTheme);
-      if (newTheme !== "system") {
-        document.documentElement.classList.toggle("dark", newTheme === "dark");
-      }
-    }, [])
-  ];
+  const setThemeWithSideEffect = reactExports.useCallback((newTheme) => {
+    setTheme(newTheme);
+    localStorage.setItem("theme", newTheme);
+    if (newTheme !== "system") {
+      document.documentElement.classList.toggle("dark", newTheme === "dark");
+    }
+  }, []);
+  return reactExports.useMemo(() => [theme, setThemeWithSideEffect], [theme]);
 };
-const version = "0.6.0";
+const version = "0.8.0";
 const Sidebar = ({
   connectionStatus,
   transportType,
@@ -24370,11 +24604,18 @@ const Sidebar = ({
   bearerToken,
   setBearerToken,
   onConnect,
-  stdErrNotifications
+  onDisconnect,
+  stdErrNotifications,
+  logLevel,
+  sendLogLevelRequest,
+  loggingSupported,
+  config,
+  setConfig
 }) => {
   const [theme, setTheme] = useTheme();
   const [showEnvVars, setShowEnvVars] = reactExports.useState(false);
   const [showBearerToken, setShowBearerToken] = reactExports.useState(false);
+  const [showConfig, setShowConfig] = reactExports.useState(false);
   const [shownEnvVars, setShownEnvVars] = reactExports.useState(/* @__PURE__ */ new Set());
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "w-80 bg-card border-r border-border flex flex-col h-full", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center justify-between p-4 border-b border-gray-200", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("h1", { className: "ml-2 text-lg font-semibold", children: [
@@ -24488,9 +24729,17 @@ const Sidebar = ({
                   value: key,
                   onChange: (e) => {
                     const newKey = e.target.value;
-                    const newEnv = { ...env };
-                    delete newEnv[key];
-                    newEnv[newKey] = value;
+                    const newEnv = Object.entries(env).reduce(
+                      (acc, [k2, v2]) => {
+                        if (k2 === key) {
+                          acc[newKey] = value;
+                        } else {
+                          acc[k2] = v2;
+                        }
+                        return acc;
+                      },
+                      {}
+                    );
                     setEnv(newEnv);
                     setShownEnvVars((prev) => {
                       const next = new Set(prev);
@@ -24575,7 +24824,91 @@ const Sidebar = ({
         ] })
       ] }),
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsxs(Button, { className: "w-full", onClick: onConnect, children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(
+          Button,
+          {
+            variant: "outline",
+            onClick: () => setShowConfig(!showConfig),
+            className: "flex items-center w-full",
+            children: [
+              showConfig ? /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronDown, { className: "w-4 h-4 mr-2" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronRight, { className: "w-4 h-4 mr-2" }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(Settings, { className: "w-4 h-4 mr-2" }),
+              "Configuration"
+            ]
+          }
+        ),
+        showConfig && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "space-y-2", children: Object.entries(config).map(([key, configItem]) => {
+          const configKey = key;
+          return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("label", { className: "text-sm font-medium", children: configItem.description }),
+            typeof configItem.value === "number" ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+              Input,
+              {
+                type: "number",
+                "data-testid": `${configKey}-input`,
+                value: configItem.value,
+                onChange: (e) => {
+                  const newConfig = { ...config };
+                  newConfig[configKey] = {
+                    ...configItem,
+                    value: Number(e.target.value)
+                  };
+                  setConfig(newConfig);
+                },
+                className: "font-mono"
+              }
+            ) : typeof configItem.value === "boolean" ? /* @__PURE__ */ jsxRuntimeExports.jsxs(
+              Select,
+              {
+                "data-testid": `${configKey}-select`,
+                value: configItem.value.toString(),
+                onValueChange: (val) => {
+                  const newConfig = { ...config };
+                  newConfig[configKey] = {
+                    ...configItem,
+                    value: val === "true"
+                  };
+                  setConfig(newConfig);
+                },
+                children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(SelectTrigger, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(SelectValue, {}) }),
+                  /* @__PURE__ */ jsxRuntimeExports.jsxs(SelectContent, { children: [
+                    /* @__PURE__ */ jsxRuntimeExports.jsx(SelectItem, { value: "true", children: "True" }),
+                    /* @__PURE__ */ jsxRuntimeExports.jsx(SelectItem, { value: "false", children: "False" })
+                  ] })
+                ]
+              }
+            ) : /* @__PURE__ */ jsxRuntimeExports.jsx(
+              Input,
+              {
+                "data-testid": `${configKey}-input`,
+                value: configItem.value,
+                onChange: (e) => {
+                  const newConfig = { ...config };
+                  newConfig[configKey] = {
+                    ...configItem,
+                    value: e.target.value
+                  };
+                  setConfig(newConfig);
+                },
+                className: "font-mono"
+              }
+            )
+          ] }, key);
+        }) })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-2", children: [
+        connectionStatus === "connected" && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(Button, { onClick: onConnect, children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(RotateCcw, { className: "w-4 h-4 mr-2" }),
+            transportType === "stdio" ? "Restart" : "Reconnect"
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(Button, { onClick: onDisconnect, children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(RefreshCwOff, { className: "w-4 h-4 mr-2" }),
+            "Disconnect"
+          ] })
+        ] }),
+        connectionStatus !== "connected" && /* @__PURE__ */ jsxRuntimeExports.jsxs(Button, { className: "w-full", onClick: onConnect, children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(Play, { className: "w-4 h-4 mr-2" }),
           "Connect"
         ] }),
@@ -24588,6 +24921,20 @@ const Sidebar = ({
           ),
           /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-sm text-gray-600", children: connectionStatus === "connected" ? "Connected" : connectionStatus === "error" ? "Connection Error" : "Disconnected" })
         ] }),
+        loggingSupported && connectionStatus === "connected" && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("label", { className: "text-sm font-medium", children: "Logging Level" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(
+            Select,
+            {
+              value: logLevel,
+              onValueChange: (value) => sendLogLevelRequest(value),
+              children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx(SelectTrigger, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(SelectValue, { placeholder: "Select logging level" }) }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx(SelectContent, { children: Object.values(LoggingLevelSchema.enum).map((level) => /* @__PURE__ */ jsxRuntimeExports.jsx(SelectItem, { value: level, children: level })) })
+              ]
+            }
+          )
+        ] }),
         stdErrNotifications.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mt-4 border-t border-gray-200 pt-4", children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { className: "text-sm font-medium", children: "Error output from MCP server" }),
           /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-2 max-h-80 overflow-y-auto", children: stdErrNotifications.map((notification, index2) => /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -24618,36 +24965,37 @@ const Sidebar = ({
         }
       ),
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center space-x-2", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { variant: "ghost", title: "Inspector Documentation", asChild: true, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
           "a",
           {
             href: "https://modelcontextprotocol.io/docs/tools/inspector",
             target: "_blank",
             rel: "noopener noreferrer",
-            children: /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { variant: "ghost", title: "Inspector Documentation", children: /* @__PURE__ */ jsxRuntimeExports.jsx(CircleHelp, { className: "w-4 h-4 text-gray-800" }) })
+            children: /* @__PURE__ */ jsxRuntimeExports.jsx(CircleHelp, { className: "w-4 h-4 text-foreground" })
           }
-        ),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
+        ) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { variant: "ghost", title: "Debugging Guide", asChild: true, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
           "a",
           {
             href: "https://modelcontextprotocol.io/docs/tools/debugging",
             target: "_blank",
             rel: "noopener noreferrer",
-            children: /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { variant: "ghost", title: "Debugging Guide", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Bug, { className: "w-4 h-4 text-gray-800" }) })
+            children: /* @__PURE__ */ jsxRuntimeExports.jsx(Bug, { className: "w-4 h-4 text-foreground" })
           }
-        ),
+        ) }),
         /* @__PURE__ */ jsxRuntimeExports.jsx(
-          "a",
+          Button,
           {
-            href: "https://github.com/modelcontextprotocol/inspector",
-            target: "_blank",
-            rel: "noopener noreferrer",
+            variant: "ghost",
+            title: "Report bugs or contribute on GitHub",
+            asChild: true,
             children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-              Button,
+              "a",
               {
-                variant: "ghost",
-                title: "Report bugs or contribute on GitHub",
-                children: /* @__PURE__ */ jsxRuntimeExports.jsx(Github, { className: "w-4 h-4 text-gray-800" })
+                href: "https://github.com/modelcontextprotocol/inspector",
+                target: "_blank",
+                rel: "noopener noreferrer",
+                children: /* @__PURE__ */ jsxRuntimeExports.jsx(Github, { className: "w-4 h-4 text-foreground" })
               }
             )
           }
@@ -24663,7 +25011,7 @@ var Checkbox$1 = reactExports.forwardRef(
   (props, forwardedRef) => {
     const {
       __scopeCheckbox,
-      name,
+      name: name2,
       checked: checkedProp,
       defaultChecked,
       required,
@@ -24722,7 +25070,7 @@ var Checkbox$1 = reactExports.forwardRef(
         {
           control: button,
           bubbles: !hasConsumerStoppedPropagationRef.current,
-          name,
+          name: name2,
           value,
           checked,
           required,
@@ -24819,6 +25167,22 @@ const Checkbox = reactExports.forwardRef(({ className: className2, ...props }, r
   }
 ));
 Checkbox.displayName = Root.displayName;
+const Textarea = reactExports.forwardRef(
+  ({ className: className2, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "textarea",
+      {
+        className: cn(
+          "flex min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
+          className2
+        ),
+        ref,
+        ...props
+      }
+    );
+  }
+);
+Textarea.displayName = "Textarea";
 var lib = {};
 var __assign = commonjsGlobal && commonjsGlobal.__assign || function() {
   __assign = Object.assign || function(t2) {
@@ -24888,13 +25252,13 @@ var cssText = (
   "\n/**\n * Reset the text fill color so that placeholder is visible\n */\n.".concat(className, ":empty {\n  -webkit-text-fill-color: inherit !important;\n}\n\n/**\n * Hack to apply on some CSS on IE10 and IE11\n */\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n  /**\n    * IE doesn't support '-webkit-text-fill-color'\n    * So we use 'color: transparent' to make the text transparent on IE\n    * Unlike other browsers, it doesn't affect caret color in IE\n    */\n  .").concat(className, " {\n    color: transparent !important;\n  }\n\n  .").concat(className, "::selection {\n    background-color: #accef7 !important;\n    color: transparent !important;\n  }\n}\n")
 );
 var Editor = React.forwardRef(function Editor2(props, ref) {
-  var autoFocus = props.autoFocus, disabled = props.disabled, form = props.form, highlight = props.highlight, _a = props.ignoreTabKey, ignoreTabKey = _a === void 0 ? false : _a, _b = props.insertSpaces, insertSpaces = _b === void 0 ? true : _b, maxLength = props.maxLength, minLength = props.minLength, name = props.name, onBlur = props.onBlur, onClick = props.onClick, onFocus = props.onFocus, onKeyDown = props.onKeyDown, onKeyUp = props.onKeyUp, onValueChange = props.onValueChange, _c = props.padding, padding = _c === void 0 ? 0 : _c, placeholder = props.placeholder, preClassName = props.preClassName, readOnly = props.readOnly, required = props.required, style = props.style, _d = props.tabSize, tabSize = _d === void 0 ? 2 : _d, textareaClassName = props.textareaClassName, textareaId = props.textareaId, value = props.value, rest = __rest(props, ["autoFocus", "disabled", "form", "highlight", "ignoreTabKey", "insertSpaces", "maxLength", "minLength", "name", "onBlur", "onClick", "onFocus", "onKeyDown", "onKeyUp", "onValueChange", "padding", "placeholder", "preClassName", "readOnly", "required", "style", "tabSize", "textareaClassName", "textareaId", "value"]);
+  var autoFocus = props.autoFocus, disabled = props.disabled, form = props.form, highlight = props.highlight, _a = props.ignoreTabKey, ignoreTabKey = _a === void 0 ? false : _a, _b = props.insertSpaces, insertSpaces = _b === void 0 ? true : _b, maxLength = props.maxLength, minLength = props.minLength, name2 = props.name, onBlur = props.onBlur, onClick = props.onClick, onFocus = props.onFocus, onKeyDown = props.onKeyDown, onKeyUp = props.onKeyUp, onValueChange = props.onValueChange, _c = props.padding, padding = _c === void 0 ? 0 : _c, placeholder = props.placeholder, preClassName = props.preClassName, readOnly = props.readOnly, required = props.required, style = props.style, _d = props.tabSize, tabSize = _d === void 0 ? 2 : _d, textareaClassName = props.textareaClassName, textareaId = props.textareaId, value = props.value, rest = __rest(props, ["autoFocus", "disabled", "form", "highlight", "ignoreTabKey", "insertSpaces", "maxLength", "minLength", "name", "onBlur", "onClick", "onFocus", "onKeyDown", "onKeyUp", "onValueChange", "padding", "placeholder", "preClassName", "readOnly", "required", "style", "tabSize", "textareaClassName", "textareaId", "value"]);
   var historyRef = React.useRef({
     stack: [],
     offset: -1
   });
   var inputRef = React.useRef(null);
-  var _e = React.useState(true), capture = _e[0], setCapture = _e[1];
+  var _e2 = React.useState(true), capture = _e2[0], setCapture = _e2[1];
   var contentStyle = {
     paddingTop: typeof padding === "object" ? padding.top : padding,
     paddingRight: typeof padding === "object" ? padding.right : padding,
@@ -25161,7 +25525,7 @@ var Editor = React.forwardRef(function Editor2(props, ref) {
     React.createElement("pre", __assign({ className: preClassName, "aria-hidden": "true", style: __assign(__assign(__assign({}, styles.editor), styles.highlight), contentStyle) }, typeof highlighted === "string" ? { dangerouslySetInnerHTML: { __html: highlighted + "<br />" } } : { children: highlighted })),
     React.createElement("textarea", { ref: function(c2) {
       return inputRef.current = c2;
-    }, style: __assign(__assign(__assign({}, styles.editor), styles.textarea), contentStyle), className: className + (textareaClassName ? " ".concat(textareaClassName) : ""), id: textareaId, value, onChange: handleChange, onKeyDown: handleKeyDown, onClick, onKeyUp, onFocus, onBlur, disabled, form, maxLength, minLength, name, placeholder, readOnly, required, autoFocus, autoCapitalize: "off", autoComplete: "off", autoCorrect: "off", spellCheck: false, "data-gramm": false }),
+    }, style: __assign(__assign(__assign({}, styles.editor), styles.textarea), contentStyle), className: className + (textareaClassName ? " ".concat(textareaClassName) : ""), id: textareaId, value, onChange: handleChange, onKeyDown: handleKeyDown, onClick, onKeyUp, onFocus, onBlur, disabled, form, maxLength, minLength, name: name2, placeholder, readOnly, required, autoFocus, autoCapitalize: "off", autoComplete: "off", autoCorrect: "off", spellCheck: false, "data-gramm": false }),
     React.createElement("style", { dangerouslySetInnerHTML: { __html: cssText } })
   );
 });
@@ -25426,10 +25790,10 @@ var prism = { exports: {} };
           } catch (err) {
             var src = (/at [^(\r\n]*\((.*):[^:]+:[^:]+\)$/i.exec(err.stack) || [])[1];
             if (src) {
-              var scripts = document.getElementsByTagName("script");
-              for (var i in scripts) {
-                if (scripts[i].src == src) {
-                  return scripts[i];
+              var scripts2 = document.getElementsByTagName("script");
+              for (var i in scripts2) {
+                if (scripts2[i].src == src) {
+                  return scripts2[i];
                 }
               }
             }
@@ -25624,12 +25988,12 @@ var prism = { exports: {} };
           return ret;
         },
         // Traverse a language definition with Depth First Search
-        DFS: function DFS(o, callback, type, visited) {
+        DFS: function DFS(o, callback, type2, visited) {
           visited = visited || {};
           var objId = _2.util.objId;
           for (var i in o) {
             if (o.hasOwnProperty(i)) {
-              callback.call(o, i, o[i], type || i);
+              callback.call(o, i, o[i], type2 || i);
               var property = o[i];
               var propertyType = _2.util.type(property);
               if (propertyType === "Object" && !visited[objId(property)]) {
@@ -25857,10 +26221,10 @@ var prism = { exports: {} };
          * @param {HookCallback} callback The callback function which is given environment variables.
          * @public
          */
-        add: function(name, callback) {
+        add: function(name2, callback) {
           var hooks = _2.hooks.all;
-          hooks[name] = hooks[name] || [];
-          hooks[name].push(callback);
+          hooks[name2] = hooks[name2] || [];
+          hooks[name2].push(callback);
         },
         /**
          * Runs a hook invoking all registered callbacks with the given environment variables.
@@ -25871,8 +26235,8 @@ var prism = { exports: {} };
          * @param {Object<string, any>} env The environment variables of the hook passed to all callbacks registered.
          * @public
          */
-        run: function(name, env) {
-          var callbacks = _2.hooks.all[name];
+        run: function(name2, env) {
+          var callbacks = _2.hooks.all[name2];
           if (!callbacks || !callbacks.length) {
             return;
           }
@@ -25884,8 +26248,8 @@ var prism = { exports: {} };
       Token
     };
     _self2.Prism = _2;
-    function Token(type, content, alias, matchedStr) {
-      this.type = type;
+    function Token(type2, content, alias, matchedStr) {
+      this.type = type2;
       this.content = content;
       this.alias = alias;
       this.length = (matchedStr || "").length | 0;
@@ -25919,8 +26283,8 @@ var prism = { exports: {} };
       }
       _2.hooks.run("wrap", env);
       var attributes = "";
-      for (var name in env.attributes) {
-        attributes += " " + name + '="' + (env.attributes[name] || "").replace(/"/g, "&quot;") + '"';
+      for (var name2 in env.attributes) {
+        attributes += " " + name2 + '="' + (env.attributes[name2] || "").replace(/"/g, "&quot;") + '"';
       }
       return "<" + env.tag + ' class="' + env.classes.join(" ") + '"' + attributes + ">" + env.content + "</" + env.tag + ">";
     };
@@ -25941,11 +26305,11 @@ var prism = { exports: {} };
         }
         var patterns = grammar[token];
         patterns = Array.isArray(patterns) ? patterns : [patterns];
-        for (var j2 = 0; j2 < patterns.length; ++j2) {
-          if (rematch && rematch.cause == token + "," + j2) {
+        for (var j = 0; j < patterns.length; ++j) {
+          if (rematch && rematch.cause == token + "," + j) {
             return;
           }
-          var patternObj = patterns[j2];
+          var patternObj = patterns[j];
           var inside = patternObj.inside;
           var lookbehind = !!patternObj.lookbehind;
           var greedy = !!patternObj.greedy;
@@ -26020,7 +26384,7 @@ var prism = { exports: {} };
             }
             if (removeCount > 1) {
               var nestedRematch = {
-                cause: token + "," + j2,
+                cause: token + "," + j,
                 reach
               };
               matchGrammar(text, tokenList, grammar, currentNode.prev, pos, nestedRematch);
@@ -26694,33 +27058,34 @@ Prism.languages.json = {
   }
 };
 Prism.languages.webmanifest = Prism.languages.json;
-const JsonEditor = ({ value, onChange, error }) => {
-  const formatJson = (json) => {
-    try {
-      return JSON.stringify(JSON.parse(json), null, 2);
-    } catch {
-      return json;
-    }
+const JsonEditor = ({
+  value,
+  onChange,
+  error: externalError
+}) => {
+  const [editorContent, setEditorContent] = reactExports.useState(value || "");
+  const [internalError, setInternalError] = reactExports.useState(
+    void 0
+  );
+  reactExports.useEffect(() => {
+    setEditorContent(value || "");
+  }, [value]);
+  const handleEditorChange = (newContent) => {
+    setEditorContent(newContent);
+    setInternalError(void 0);
+    onChange(newContent);
   };
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative space-y-2", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex justify-end", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-      Button,
-      {
-        variant: "outline",
-        size: "sm",
-        onClick: () => onChange(formatJson(value)),
-        children: "Format JSON"
-      }
-    ) }),
+  const displayError = internalError || externalError;
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(
       "div",
       {
-        className: `border rounded-md ${error ? "border-red-500" : "border-gray-200 dark:border-gray-800"}`,
+        className: `border rounded-md ${displayError ? "border-red-500" : "border-gray-200 dark:border-gray-800"}`,
         children: /* @__PURE__ */ jsxRuntimeExports.jsx(
           _default,
           {
-            value,
-            onValueChange: onChange,
+            value: editorContent,
+            onValueChange: handleEditorChange,
             highlight: (code) => Prism$1.highlight(code, Prism$1.languages.json, "json"),
             padding: 10,
             style: {
@@ -26734,12 +27099,111 @@ const JsonEditor = ({ value, onChange, error }) => {
         )
       }
     ),
-    error && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm text-red-500 mt-1", children: error })
+    displayError && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm text-red-500 mt-1", children: displayError })
   ] });
 };
-const formatFieldLabel = (key) => {
+function updateValueAtPath(obj, path, value) {
+  if (path.length === 0) return value;
+  if (obj === null || obj === void 0) {
+    obj = !isNaN(Number(path[0])) ? [] : {};
+  }
+  if (Array.isArray(obj)) {
+    return updateArray(obj, path, value);
+  } else if (typeof obj === "object" && obj !== null) {
+    return updateObject(obj, path, value);
+  } else {
+    console.error(
+      `Cannot update path ${path.join(".")} in non-object/array value:`,
+      obj
+    );
+    return obj;
+  }
+}
+function updateArray(array, path, value) {
+  const [index2, ...restPath] = path;
+  const arrayIndex = Number(index2);
+  if (isNaN(arrayIndex)) {
+    console.error(`Invalid array index: ${index2}`);
+    return array;
+  }
+  if (arrayIndex < 0) {
+    console.error(`Array index out of bounds: ${arrayIndex} < 0`);
+    return array;
+  }
+  let newArray = [];
+  for (let i = 0; i < array.length; i++) {
+    newArray[i] = i in array ? array[i] : null;
+  }
+  if (arrayIndex >= newArray.length) {
+    const extendedArray = new Array(arrayIndex).fill(null);
+    for (let i = 0; i < newArray.length; i++) {
+      extendedArray[i] = newArray[i];
+    }
+    newArray = extendedArray;
+  }
+  if (restPath.length === 0) {
+    newArray[arrayIndex] = value;
+  } else {
+    newArray[arrayIndex] = updateValueAtPath(
+      newArray[arrayIndex],
+      restPath,
+      value
+    );
+  }
+  return newArray;
+}
+function updateObject(obj, path, value) {
+  const [key, ...restPath] = path;
+  if (typeof key !== "string") {
+    console.error(`Invalid object key: ${key}`);
+    return obj;
+  }
+  const newObj = { ...obj };
+  if (restPath.length === 0) {
+    newObj[key] = value;
+  } else {
+    if (!(key in newObj)) {
+      newObj[key] = {};
+    }
+    newObj[key] = updateValueAtPath(newObj[key], restPath, value);
+  }
+  return newObj;
+}
+function generateDefaultValue(schema) {
+  if ("default" in schema) {
+    return schema.default;
+  }
+  if (!schema.required) {
+    if (schema.type === "array") return [];
+    if (schema.type === "object") return {};
+    return null;
+  }
+  switch (schema.type) {
+    case "string":
+      return "";
+    case "number":
+    case "integer":
+      return 0;
+    case "boolean":
+      return false;
+    case "array":
+      return [];
+    case "object": {
+      if (!schema.properties) return {};
+      const obj = {};
+      Object.entries(schema.properties).filter(([, prop]) => prop.required).forEach(([key, prop]) => {
+        const value = generateDefaultValue(prop);
+        obj[key] = value;
+      });
+      return obj;
+    }
+    default:
+      return null;
+  }
+}
+function formatFieldLabel(key) {
   return key.replace(/([A-Z])/g, " $1").replace(/_/g, " ").replace(/^\w/, (c2) => c2.toUpperCase());
-};
+}
 const DynamicJsonForm = ({
   schema,
   value,
@@ -26748,28 +27212,61 @@ const DynamicJsonForm = ({
 }) => {
   const [isJsonMode, setIsJsonMode] = reactExports.useState(false);
   const [jsonError, setJsonError] = reactExports.useState();
-  const generateDefaultValue = (propSchema) => {
-    switch (propSchema.type) {
-      case "string":
-        return "";
-      case "number":
-      case "integer":
-        return 0;
-      case "boolean":
-        return false;
-      case "array":
-        return [];
-      case "object": {
-        const obj = {};
-        if (propSchema.properties) {
-          Object.entries(propSchema.properties).forEach(([key, prop]) => {
-            obj[key] = generateDefaultValue(prop);
-          });
+  const [rawJsonValue, setRawJsonValue] = reactExports.useState(
+    JSON.stringify(value ?? generateDefaultValue(schema), null, 2)
+  );
+  const timeoutRef = reactExports.useRef();
+  const debouncedUpdateParent = reactExports.useCallback(
+    (jsonString) => {
+      if (timeoutRef.current) {
+        clearTimeout(timeoutRef.current);
+      }
+      timeoutRef.current = setTimeout(() => {
+        try {
+          const parsed = JSON.parse(jsonString);
+          onChange(parsed);
+          setJsonError(void 0);
+        } catch {
         }
-        return obj;
+      }, 300);
+    },
+    [onChange, setJsonError]
+  );
+  reactExports.useEffect(() => {
+    if (!isJsonMode) {
+      setRawJsonValue(
+        JSON.stringify(value ?? generateDefaultValue(schema), null, 2)
+      );
+    }
+  }, [value, schema, isJsonMode]);
+  const handleSwitchToFormMode = () => {
+    if (isJsonMode) {
+      try {
+        const parsed = JSON.parse(rawJsonValue);
+        onChange(parsed);
+        setIsJsonMode(false);
+      } catch (err) {
+        setJsonError(err instanceof Error ? err.message : "Invalid JSON");
       }
-      default:
-        return null;
+    } else {
+      setRawJsonValue(
+        JSON.stringify(value ?? generateDefaultValue(schema), null, 2)
+      );
+      setIsJsonMode(true);
+    }
+  };
+  const formatJson = () => {
+    try {
+      const jsonStr = rawJsonValue.trim();
+      if (!jsonStr) {
+        return;
+      }
+      const formatted = JSON.stringify(JSON.parse(jsonStr), null, 2);
+      setRawJsonValue(formatted);
+      debouncedUpdateParent(formatted);
+      setJsonError(void 0);
+    } catch (err) {
+      setJsonError(err instanceof Error ? err.message : "Invalid JSON");
     }
   };
   const renderFormFields = (propSchema, currentValue, path = [], depth = 0) => {
@@ -26798,18 +27295,64 @@ const DynamicJsonForm = ({
     }
     switch (propSchema.type) {
       case "string":
+        return /* @__PURE__ */ jsxRuntimeExports.jsx(
+          Input,
+          {
+            type: "text",
+            value: currentValue ?? "",
+            onChange: (e) => {
+              const val = e.target.value;
+              if (!val && !propSchema.required) {
+                handleFieldChange(path, void 0);
+              } else {
+                handleFieldChange(path, val);
+              }
+            },
+            placeholder: propSchema.description,
+            required: propSchema.required
+          }
+        );
       case "number":
+        return /* @__PURE__ */ jsxRuntimeExports.jsx(
+          Input,
+          {
+            type: "number",
+            value: (currentValue == null ? void 0 : currentValue.toString()) ?? "",
+            onChange: (e) => {
+              const val = e.target.value;
+              if (!val && !propSchema.required) {
+                handleFieldChange(path, void 0);
+              } else {
+                const num = Number(val);
+                if (!isNaN(num)) {
+                  handleFieldChange(path, num);
+                }
+              }
+            },
+            placeholder: propSchema.description,
+            required: propSchema.required
+          }
+        );
       case "integer":
         return /* @__PURE__ */ jsxRuntimeExports.jsx(
           Input,
           {
-            type: propSchema.type === "string" ? "text" : "number",
-            value: currentValue ?? "",
-            onChange: (e) => handleFieldChange(
-              path,
-              propSchema.type === "string" ? e.target.value : Number(e.target.value)
-            ),
-            placeholder: propSchema.description
+            type: "number",
+            step: "1",
+            value: (currentValue == null ? void 0 : currentValue.toString()) ?? "",
+            onChange: (e) => {
+              const val = e.target.value;
+              if (!val && !propSchema.required) {
+                handleFieldChange(path, void 0);
+              } else {
+                const num = Number(val);
+                if (!isNaN(num) && Number.isInteger(num)) {
+                  handleFieldChange(path, num);
+                }
+              }
+            },
+            placeholder: propSchema.description,
+            required: propSchema.required
           }
         );
       case "boolean":
@@ -26819,20 +27362,37 @@ const DynamicJsonForm = ({
             type: "checkbox",
             checked: currentValue ?? false,
             onChange: (e) => handleFieldChange(path, e.target.checked),
-            className: "w-4 h-4"
+            className: "w-4 h-4",
+            required: propSchema.required
           }
         );
-      case "object":
-        if (!propSchema.properties) return null;
-        return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "space-y-4 border rounded-md p-4", children: Object.entries(propSchema.properties).map(([key, prop]) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-2", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(Label$1, { children: formatFieldLabel(key) }),
-          renderFormFields(
-            prop,
-            currentValue == null ? void 0 : currentValue[key],
-            [...path, key],
-            depth + 1
-          )
-        ] }, key)) });
+      case "object": {
+        const objectValue = currentValue || {};
+        if (propSchema.properties) {
+          return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "space-y-4 border rounded-md p-4", children: Object.entries(propSchema.properties).map(([key, prop]) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(Label$1, { children: formatFieldLabel(key) }),
+            renderFormFields(
+              prop,
+              objectValue[key],
+              [...path, key],
+              depth + 1
+            )
+          ] }, key)) });
+        } else if (Object.keys(objectValue).length > 0) {
+          return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "space-y-4 border rounded-md p-4", children: Object.entries(objectValue).map(([key, value2]) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(Label$1, { children: formatFieldLabel(key) }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              Input,
+              {
+                type: "text",
+                value: String(value2),
+                onChange: (e) => handleFieldChange([...path, key], e.target.value)
+              }
+            )
+          ] }, key)) });
+        }
+        return null;
+      }
       case "array": {
         const arrayValue = Array.isArray(currentValue) ? currentValue : [];
         if (!propSchema.items) return null;
@@ -26870,9 +27430,12 @@ const DynamicJsonForm = ({
                 variant: "outline",
                 size: "sm",
                 onClick: () => {
+                  const defaultValue = generateDefaultValue(
+                    propSchema.items
+                  );
                   handleFieldChange(path, [
                     ...arrayValue,
-                    generateDefaultValue(propSchema.items)
+                    defaultValue ?? null
                   ]);
                 },
                 title: ((_b = propSchema.items) == null ? void 0 : _b.description) ? `Add new ${propSchema.items.description}` : "Add new item",
@@ -26891,107 +27454,44 @@ const DynamicJsonForm = ({
       onChange(fieldValue);
       return;
     }
-    const updateArray = (array, path2, value2) => {
-      const [index2, ...restPath] = path2;
-      const arrayIndex = Number(index2);
-      if (isNaN(arrayIndex)) {
-        console.error(`Invalid array index: ${index2}`);
-        return array;
-      }
-      if (arrayIndex < 0) {
-        console.error(`Array index out of bounds: ${arrayIndex} < 0`);
-        return array;
-      }
-      const newArray = [...array];
-      if (restPath.length === 0) {
-        newArray[arrayIndex] = value2;
-      } else {
-        if (arrayIndex >= array.length) {
-          console.warn(`Extending array to index ${arrayIndex}`);
-          newArray.length = arrayIndex + 1;
-          newArray.fill(null, array.length, arrayIndex);
-        }
-        newArray[arrayIndex] = updateValue(
-          newArray[arrayIndex],
-          restPath,
-          value2
-        );
-      }
-      return newArray;
-    };
-    const updateObject = (obj, path2, value2) => {
-      const [key, ...restPath] = path2;
-      if (typeof key !== "string") {
-        console.error(`Invalid object key: ${key}`);
-        return obj;
-      }
-      const newObj = { ...obj };
-      if (restPath.length === 0) {
-        newObj[key] = value2;
-      } else {
-        if (!(key in newObj)) {
-          console.warn(`Creating new key in object: ${key}`);
-          newObj[key] = {};
-        }
-        newObj[key] = updateValue(newObj[key], restPath, value2);
-      }
-      return newObj;
-    };
-    const updateValue = (current, path2, value2) => {
-      if (path2.length === 0) return value2;
-      try {
-        if (!current) {
-          current = !isNaN(Number(path2[0])) ? [] : {};
-        }
-        if (Array.isArray(current)) {
-          return updateArray(current, path2, value2);
-        } else if (typeof current === "object" && current !== null) {
-          return updateObject(current, path2, value2);
-        } else {
-          console.error(
-            `Cannot update path ${path2.join(".")} in non-object/array value:`,
-            current
-          );
-          return current;
-        }
-      } catch (error) {
-        console.error(`Error updating value at path ${path2.join(".")}:`, error);
-        return current;
-      }
-    };
     try {
-      const newValue = updateValue(value, path, fieldValue);
+      const newValue = updateValueAtPath(value, path, fieldValue);
       onChange(newValue);
     } catch (error) {
       console.error("Failed to update form value:", error);
       onChange(value);
     }
   };
+  const shouldUseJsonMode = schema.type === "object" && (!schema.properties || Object.keys(schema.properties).length === 0);
+  reactExports.useEffect(() => {
+    if (shouldUseJsonMode && !isJsonMode) {
+      setIsJsonMode(true);
+    }
+  }, [shouldUseJsonMode, isJsonMode]);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex justify-end", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-      Button,
-      {
-        variant: "outline",
-        size: "sm",
-        onClick: () => setIsJsonMode(!isJsonMode),
-        children: isJsonMode ? "Switch to Form" : "Switch to JSON"
-      }
-    ) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex justify-end space-x-2", children: [
+      isJsonMode && /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { variant: "outline", size: "sm", onClick: formatJson, children: "Format JSON" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { variant: "outline", size: "sm", onClick: handleSwitchToFormMode, children: isJsonMode ? "Switch to Form" : "Switch to JSON" })
+    ] }),
     isJsonMode ? /* @__PURE__ */ jsxRuntimeExports.jsx(
       JsonEditor,
       {
-        value: JSON.stringify(value ?? generateDefaultValue(schema), null, 2),
+        value: rawJsonValue,
         onChange: (newValue) => {
-          try {
-            onChange(JSON.parse(newValue));
-            setJsonError(void 0);
-          } catch (err) {
-            setJsonError(err instanceof Error ? err.message : "Invalid JSON");
-          }
+          setRawJsonValue(newValue);
+          debouncedUpdateParent(newValue);
         },
         error: jsonError
       }
-    ) : renderFormFields(schema, value)
+    ) : (
+      // If schema type is object but value is not an object or is empty, and we have actual JSON data,
+      // render a simple representation of the JSON data
+      schema.type === "object" && (typeof value !== "object" || value === null || Object.keys(value).length === 0) && rawJsonValue && rawJsonValue !== "{}" ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-4 border rounded-md p-4", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm text-gray-500", children: "Form view not available for this JSON structure. Using simplified view:" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: "bg-gray-50 dark:bg-gray-800 dark:text-gray-100 p-4 rounded text-sm overflow-auto", children: rawJsonValue }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm text-gray-500", children: "Use JSON mode for full editing capabilities." })
+      ] }) : renderFormFields(schema, value)
+    )
   ] });
 };
 const ToolsTab = ({
@@ -27002,8 +27502,7 @@ const ToolsTab = ({
   selectedTool,
   setSelectedTool,
   toolResult,
-  nextCursor,
-  error
+  nextCursor
 }) => {
   const [params2, setParams] = reactExports.useState({});
   reactExports.useEffect(() => {
@@ -27016,16 +27515,9 @@ const ToolsTab = ({
       if (!parsedResult.success) {
         return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx("h4", { className: "font-semibold mb-2", children: "Invalid Tool Result:" }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: "bg-gray-50 dark:bg-gray-800 dark:text-gray-100 p-4 rounded text-sm overflow-auto max-h-64", children: JSON.stringify(toolResult, null, 2) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "p-4 border rounded", children: /* @__PURE__ */ jsxRuntimeExports.jsx(JsonView, { data: toolResult }) }),
           /* @__PURE__ */ jsxRuntimeExports.jsx("h4", { className: "font-semibold mb-2", children: "Errors:" }),
-          parsedResult.error.errors.map((error2, idx) => /* @__PURE__ */ jsxRuntimeExports.jsx(
-            "pre",
-            {
-              className: "bg-gray-50 dark:bg-gray-800 dark:text-gray-100 p-4 rounded text-sm overflow-auto max-h-64",
-              children: JSON.stringify(error2, null, 2)
-            },
-            idx
-          ))
+          parsedResult.error.errors.map((error, idx) => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "p-4 border rounded", children: /* @__PURE__ */ jsxRuntimeExports.jsx(JsonView, { data: error }) }, idx))
         ] });
       }
       const structuredResult = parsedResult.data;
@@ -27038,7 +27530,7 @@ const ToolsTab = ({
         structuredResult.content.map((item, index2) => {
           var _a, _b;
           return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mb-2", children: [
-            item.type === "text" && /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: "bg-gray-50 dark:bg-gray-800 dark:text-gray-100 p-4 rounded text-sm overflow-auto max-h-64", children: item.text }),
+            item.type === "text" && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "p-4 border rounded", children: /* @__PURE__ */ jsxRuntimeExports.jsx(JsonView, { data: item.text }) }),
             item.type === "image" && /* @__PURE__ */ jsxRuntimeExports.jsx(
               "img",
               {
@@ -27055,14 +27547,14 @@ const ToolsTab = ({
                 className: "w-full",
                 children: /* @__PURE__ */ jsxRuntimeExports.jsx("p", { children: "Your browser does not support audio playback" })
               }
-            ) : /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: "bg-gray-50 dark:bg-gray-800 dark:text-gray-100 whitespace-pre-wrap break-words p-4 rounded text-sm overflow-auto max-h-64", children: JSON.stringify(item.resource, null, 2) }))
+            ) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "p-4 border rounded", children: /* @__PURE__ */ jsxRuntimeExports.jsx(JsonView, { data: item.resource }) }))
           ] }, index2);
         })
       ] });
     } else if ("toolResult" in toolResult) {
       return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx("h4", { className: "font-semibold mb-2", children: "Tool Result (Legacy):" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: "bg-gray-50 dark:bg-gray-800 dark:text-gray-100 p-4 rounded text-sm overflow-auto max-h-64", children: JSON.stringify(toolResult.toolResult, null, 2) })
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "p-4 border rounded", children: /* @__PURE__ */ jsxRuntimeExports.jsx(JsonView, { data: toolResult.toolResult }) })
       ] });
     }
   };
@@ -27088,11 +27580,7 @@ const ToolsTab = ({
     ),
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "bg-card rounded-lg shadow", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "p-4 border-b border-gray-200", children: /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { className: "font-semibold", children: selectedTool ? selectedTool.name : "Select a tool" }) }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "p-4", children: error ? /* @__PURE__ */ jsxRuntimeExports.jsxs(Alert, { variant: "destructive", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(CircleAlert, { className: "h-4 w-4" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(AlertTitle, { children: "Error" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(AlertDescription, { children: error })
-      ] }) : selectedTool ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "p-4", children: selectedTool ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-4", children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm text-gray-600", children: selectedTool.description }),
         Object.entries(selectedTool.inputSchema.properties ?? []).map(
           ([key, value]) => {
@@ -27149,7 +27637,7 @@ const ToolsTab = ({
                     description: prop.description,
                     items: prop.items
                   },
-                  value: params2[key] ?? {},
+                  value: params2[key] ?? generateDefaultValue(prop),
                   onChange: (newValue) => {
                     setParams({
                       ...params2,
@@ -27160,13 +27648,14 @@ const ToolsTab = ({
               ) }) : /* @__PURE__ */ jsxRuntimeExports.jsx(
                 Input,
                 {
-                  type: prop.type === "number" ? "number" : "text",
+                  type: prop.type === "number" || prop.type === "integer" ? "number" : "text",
                   id: key,
                   name: key,
                   placeholder: prop.description,
+                  value: params2[key] ?? "",
                   onChange: (e) => setParams({
                     ...params2,
-                    [key]: prop.type === "number" ? Number(e.target.value) : e.target.value
+                    [key]: prop.type === "number" || prop.type === "integer" ? Number(e.target.value) : e.target.value
                   }),
                   className: "mt-1"
                 }
@@ -27184,16 +27673,11 @@ const ToolsTab = ({
   ] });
 };
 const params = new URLSearchParams(window.location.search);
-const PROXY_PORT = params.get("proxyPort") ?? "3000";
-const PROXY_SERVER_URL = `http://localhost:${PROXY_PORT}`;
+const PROXY_PORT = params.get("proxyPort") ?? "6277";
+const PROXY_SERVER_URL = `http://${window.location.hostname}:${PROXY_PORT}`;
+const CONFIG_LOCAL_STORAGE_KEY = "inspectorConfig_v1";
 const App = () => {
   var _a;
-  if (window.location.pathname === "/oauth/callback") {
-    const OAuthCallback = React$2.lazy(
-      () => __vitePreload(() => import("./OAuthCallback-KG5AbO62.js"), true ? [] : void 0)
-    );
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(reactExports.Suspense, { fallback: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: "Loading..." }), children: /* @__PURE__ */ jsxRuntimeExports.jsx(OAuthCallback, {}) });
-  }
   const [resources, setResources] = reactExports.useState([]);
   const [resourceTemplates, setResourceTemplates] = reactExports.useState([]);
   const [resourceContent, setResourceContent] = reactExports.useState("");
@@ -27218,30 +27702,21 @@ const App = () => {
   const [transportType, setTransportType] = reactExports.useState(() => {
     return localStorage.getItem("lastTransportType") || "stdio";
   });
+  const [logLevel, setLogLevel] = reactExports.useState("debug");
   const [notifications, setNotifications] = reactExports.useState([]);
   const [stdErrNotifications, setStdErrNotifications] = reactExports.useState([]);
   const [roots, setRoots] = reactExports.useState([]);
   const [env, setEnv] = reactExports.useState({});
+  const [config, setConfig] = reactExports.useState(() => {
+    const savedConfig = localStorage.getItem(CONFIG_LOCAL_STORAGE_KEY);
+    return savedConfig ? JSON.parse(savedConfig) : DEFAULT_INSPECTOR_CONFIG;
+  });
   const [bearerToken, setBearerToken] = reactExports.useState(() => {
     return localStorage.getItem("lastBearerToken") || "";
   });
   const [pendingSampleRequests, setPendingSampleRequests] = reactExports.useState([]);
   const nextRequestId = reactExports.useRef(0);
   const rootsRef = reactExports.useRef([]);
-  const handleApproveSampling = (id2, result) => {
-    setPendingSampleRequests((prev) => {
-      const request = prev.find((r2) => r2.id === id2);
-      request == null ? void 0 : request.resolve(result);
-      return prev.filter((r2) => r2.id !== id2);
-    });
-  };
-  const handleRejectSampling = (id2) => {
-    setPendingSampleRequests((prev) => {
-      const request = prev.find((r2) => r2.id === id2);
-      request == null ? void 0 : request.reject(new Error("Sampling request rejected"));
-      return prev.filter((r2) => r2.id !== id2);
-    });
-  };
   const [selectedResource, setSelectedResource] = reactExports.useState(
     null
   );
@@ -27263,7 +27738,8 @@ const App = () => {
     sendNotification,
     handleCompletion,
     completionsSupported,
-    connect: connectMcpServer
+    connect: connectMcpServer,
+    disconnect: disconnectMcpServer
   } = useConnection({
     transportType,
     command,
@@ -27272,6 +27748,7 @@ const App = () => {
     env,
     bearerToken,
     proxyServerUrl: PROXY_SERVER_URL,
+    requestTimeout: config.MCP_SERVER_REQUEST_TIMEOUT.value,
     onNotification: (notification) => {
       setNotifications((prev) => [...prev, notification]);
     },
@@ -27304,6 +27781,9 @@ const App = () => {
   reactExports.useEffect(() => {
     localStorage.setItem("lastBearerToken", bearerToken);
   }, [bearerToken]);
+  reactExports.useEffect(() => {
+    localStorage.setItem(CONFIG_LOCAL_STORAGE_KEY, JSON.stringify(config));
+  }, [config]);
   reactExports.useEffect(() => {
     const serverUrl = params.get("serverUrl");
     if (serverUrl) {
@@ -27312,10 +27792,10 @@ const App = () => {
       const newUrl = new URL(window.location.href);
       newUrl.searchParams.delete("serverUrl");
       window.history.replaceState({}, "", newUrl.toString());
-      B$1.success("Successfully authenticated with OAuth");
+      B$2.success("Successfully authenticated with OAuth");
       connectMcpServer();
     }
-  }, []);
+  }, [connectMcpServer]);
   reactExports.useEffect(() => {
     fetch(`${PROXY_SERVER_URL}/config`).then((response) => response.json()).then((data) => {
       setEnv(data.defaultEnvironment);
@@ -27337,6 +27817,20 @@ const App = () => {
       window.location.hash = "resources";
     }
   }, []);
+  const handleApproveSampling = (id2, result) => {
+    setPendingSampleRequests((prev) => {
+      const request = prev.find((r2) => r2.id === id2);
+      request == null ? void 0 : request.resolve(result);
+      return prev.filter((r2) => r2.id !== id2);
+    });
+  };
+  const handleRejectSampling = (id2) => {
+    setPendingSampleRequests((prev) => {
+      const request = prev.find((r2) => r2.id === id2);
+      request == null ? void 0 : request.reject(new Error("Sampling request rejected"));
+      return prev.filter((r2) => r2.id !== id2);
+    });
+  };
   const clearError = (tabKey) => {
     setErrors((prev) => ({ ...prev, [tabKey]: null }));
   };
@@ -27437,11 +27931,11 @@ const App = () => {
     setPrompts(response.prompts);
     setNextPromptCursor(response.nextCursor);
   };
-  const getPrompt = async (name, args2 = {}) => {
+  const getPrompt = async (name2, args2 = {}) => {
     const response = await makeRequest(
       {
         method: "prompts/get",
-        params: { name, arguments: args2 }
+        params: { name: name2, arguments: args2 }
       },
       GetPromptResultSchema,
       "prompts"
@@ -27460,12 +27954,12 @@ const App = () => {
     setTools(response.tools);
     setNextToolCursor(response.nextCursor);
   };
-  const callTool = async (name, params2) => {
+  const callTool = async (name2, params2) => {
     const response = await makeRequest(
       {
         method: "tools/call",
         params: {
-          name,
+          name: name2,
           arguments: params2,
           _meta: {
             progressToken: progressTokenRef.current++
@@ -27480,6 +27974,22 @@ const App = () => {
   const handleRootsChange = async () => {
     await sendNotification({ method: "notifications/roots/list_changed" });
   };
+  const sendLogLevelRequest = async (level) => {
+    await makeRequest(
+      {
+        method: "logging/setLevel",
+        params: { level }
+      },
+      z.object({})
+    );
+    setLogLevel(level);
+  };
+  if (window.location.pathname === "/oauth/callback") {
+    const OAuthCallback = React$1.lazy(
+      () => __vitePreload(() => import("./OAuthCallback-DrQsfqzq.js"), true ? [] : void 0)
+    );
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(reactExports.Suspense, { fallback: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: "Loading..." }), children: /* @__PURE__ */ jsxRuntimeExports.jsx(OAuthCallback, {}) });
+  }
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex h-screen bg-background", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(
       Sidebar,
@@ -27495,10 +28005,16 @@ const App = () => {
         setSseUrl,
         env,
         setEnv,
+        config,
+        setConfig,
         bearerToken,
         setBearerToken,
         onConnect: connectMcpServer,
-        stdErrNotifications
+        onDisconnect: disconnectMcpServer,
+        stdErrNotifications,
+        logLevel,
+        sendLogLevelRequest,
+        loggingSupported: !!(serverCapabilities == null ? void 0 : serverCapabilities.logging) || false
       }
     ),
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex-1 flex flex-col overflow-hidden", children: [
@@ -27620,9 +28136,9 @@ const App = () => {
                     setPrompts([]);
                     setNextPromptCursor(void 0);
                   },
-                  getPrompt: (name, args2) => {
+                  getPrompt: (name2, args2) => {
                     clearError("prompts");
-                    getPrompt(name, args2);
+                    getPrompt(name2, args2);
                   },
                   selectedPrompt,
                   setSelectedPrompt: (prompt) => {
@@ -27648,9 +28164,9 @@ const App = () => {
                     setTools([]);
                     setNextToolCursor(void 0);
                   },
-                  callTool: (name, params2) => {
+                  callTool: (name2, params2) => {
                     clearError("tools");
-                    callTool(name, params2);
+                    callTool(name2, params2);
                   },
                   selectedTool,
                   setSelectedTool: (tool) => {
@@ -27729,7 +28245,7 @@ const App = () => {
 createRoot(document.getElementById("root")).render(
   /* @__PURE__ */ jsxRuntimeExports.jsxs(reactExports.StrictMode, { children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(App, {}),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Q$1, {})
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Q, {})
   ] })
 );
 export {