@modelcontextprotocol/inspector 0.17.0 → 0.17.2

package/client/dist/assets/{index-BB0Z_sAV.js → index-Bl2jgoAl.js}

@@ -1,6 +1,3 @@
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 function _mergeNamespaces(n, m2) {
   for (var i = 0; i < m2.length; i++) {
     const e = m2[i];
@@ -22,36 +19,28 @@ function _mergeNamespaces(n, m2) {
 }
 (function polyfill() {
   const relList = document.createElement("link").relList;
-  if (relList && relList.supports && relList.supports("modulepreload")) {
-    return;
-  }
-  for (const link of document.querySelectorAll('link[rel="modulepreload"]')) {
-    processPreload(link);
-  }
+  if (relList && relList.supports && relList.supports("modulepreload")) return;
+  for (const link of document.querySelectorAll('link[rel="modulepreload"]')) processPreload(link);
   new MutationObserver((mutations) => {
     for (const mutation of mutations) {
-      if (mutation.type !== "childList") {
-        continue;
-      }
-      for (const node of mutation.addedNodes) {
-        if (node.tagName === "LINK" && node.rel === "modulepreload")
-          processPreload(node);
-      }
+      if (mutation.type !== "childList") continue;
+      for (const node of mutation.addedNodes) if (node.tagName === "LINK" && node.rel === "modulepreload") processPreload(node);
     }
-  }).observe(document, { childList: true, subtree: true });
+  }).observe(document, {
+    childList: true,
+    subtree: true
+  });
   function getFetchOpts(link) {
     const fetchOpts = {};
     if (link.integrity) fetchOpts.integrity = link.integrity;
     if (link.referrerPolicy) fetchOpts.referrerPolicy = link.referrerPolicy;
-    if (link.crossOrigin === "use-credentials")
-      fetchOpts.credentials = "include";
+    if (link.crossOrigin === "use-credentials") fetchOpts.credentials = "include";
     else if (link.crossOrigin === "anonymous") fetchOpts.credentials = "omit";
     else fetchOpts.credentials = "same-origin";
     return fetchOpts;
   }
   function processPreload(link) {
-    if (link.ep)
-      return;
+    if (link.ep) return;
     link.ep = true;
     const fetchOpts = getFetchOpts(link);
     fetch(link.href, fetchOpts);
@@ -7203,9 +7192,9 @@ var reactDomExports = requireReactDom();
 const ReactDOM = /* @__PURE__ */ getDefaultExportFromCjs(reactDomExports);
 function composeEventHandlers(originalEventHandler, ourEventHandler, { checkForDefaultPrevented = true } = {}) {
   return function handleEvent(event) {
-    originalEventHandler == null ? void 0 : originalEventHandler(event);
+    originalEventHandler?.(event);
     if (checkForDefaultPrevented === false || !event.defaultPrevented) {
-      return ourEventHandler == null ? void 0 : ourEventHandler(event);
+      return ourEventHandler?.(event);
     }
   };
 }
@@ -7266,16 +7255,14 @@ function createContextScope(scopeName, createContextScopeDeps = []) {
     const index2 = defaultContexts.length;
     defaultContexts = [...defaultContexts, defaultContext];
     const Provider2 = (props) => {
-      var _a;
       const { scope, children, ...context } = props;
-      const Context = ((_a = scope == null ? void 0 : scope[scopeName]) == null ? void 0 : _a[index2]) || BaseContext;
+      const Context = scope?.[scopeName]?.[index2] || BaseContext;
       const value = reactExports.useMemo(() => context, Object.values(context));
       return /* @__PURE__ */ jsxRuntimeExports.jsx(Context.Provider, { value, children });
     };
     Provider2.displayName = rootComponentName + "Provider";
     function useContext2(consumerName, scope) {
-      var _a;
-      const Context = ((_a = scope == null ? void 0 : scope[scopeName]) == null ? void 0 : _a[index2]) || BaseContext;
+      const Context = scope?.[scopeName]?.[index2] || BaseContext;
       const context = reactExports.useContext(Context);
       if (context) return context;
       if (defaultContext !== void 0) return defaultContext;
@@ -7288,7 +7275,7 @@ function createContextScope(scopeName, createContextScopeDeps = []) {
       return reactExports.createContext(defaultContext);
     });
     return function useScope(scope) {
-      const contexts = (scope == null ? void 0 : scope[scopeName]) || scopeContexts;
+      const contexts = scope?.[scopeName] || scopeContexts;
       return reactExports.useMemo(
         () => ({ [`__scope${scopeName}`]: { ...scope, [scopeName]: contexts } }),
         [scope, contexts]
@@ -7398,13 +7385,12 @@ function mergeProps(slotProps, childProps) {
   return { ...slotProps, ...overrideProps };
 }
 function getElementRef$1(element) {
-  var _a, _b;
-  let getter = (_a = Object.getOwnPropertyDescriptor(element.props, "ref")) == null ? void 0 : _a.get;
+  let getter = Object.getOwnPropertyDescriptor(element.props, "ref")?.get;
   let mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
   if (mayWarn) {
     return element.ref;
   }
-  getter = (_b = Object.getOwnPropertyDescriptor(element, "ref")) == null ? void 0 : _b.get;
+  getter = Object.getOwnPropertyDescriptor(element, "ref")?.get;
   mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
   if (mayWarn) {
     return element.props.ref;
@@ -7513,12 +7499,9 @@ function useCallbackRef$1(callback) {
   reactExports.useEffect(() => {
     callbackRef.current = callback;
   });
-  return reactExports.useMemo(() => (...args) => {
-    var _a;
-    return (_a = callbackRef.current) == null ? void 0 : _a.call(callbackRef, ...args);
-  }, []);
+  return reactExports.useMemo(() => (...args) => callbackRef.current?.(...args), []);
 }
-function useEscapeKeydown(onEscapeKeyDownProp, ownerDocument = globalThis == null ? void 0 : globalThis.document) {
+function useEscapeKeydown(onEscapeKeyDownProp, ownerDocument = globalThis?.document) {
   const onEscapeKeyDown = useCallbackRef$1(onEscapeKeyDownProp);
   reactExports.useEffect(() => {
     const handleKeyDown = (event) => {
@@ -7553,7 +7536,7 @@ var DismissableLayer = reactExports.forwardRef(
     } = props;
     const context = reactExports.useContext(DismissableLayerContext);
     const [node, setNode] = reactExports.useState(null);
-    const ownerDocument = (node == null ? void 0 : node.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document);
+    const ownerDocument = node?.ownerDocument ?? globalThis?.document;
     const [, force] = reactExports.useState({});
     const composedRefs = useComposedRefs(forwardedRef, (node2) => setNode(node2));
     const layers = Array.from(context.layers);
@@ -7566,22 +7549,22 @@ var DismissableLayer = reactExports.forwardRef(
       const target = event.target;
       const isPointerDownOnBranch = [...context.branches].some((branch) => branch.contains(target));
       if (!isPointerEventsEnabled || isPointerDownOnBranch) return;
-      onPointerDownOutside == null ? void 0 : onPointerDownOutside(event);
-      onInteractOutside == null ? void 0 : onInteractOutside(event);
-      if (!event.defaultPrevented) onDismiss == null ? void 0 : onDismiss();
+      onPointerDownOutside?.(event);
+      onInteractOutside?.(event);
+      if (!event.defaultPrevented) onDismiss?.();
     }, ownerDocument);
     const focusOutside = useFocusOutside((event) => {
       const target = event.target;
       const isFocusInBranch = [...context.branches].some((branch) => branch.contains(target));
       if (isFocusInBranch) return;
-      onFocusOutside == null ? void 0 : onFocusOutside(event);
-      onInteractOutside == null ? void 0 : onInteractOutside(event);
-      if (!event.defaultPrevented) onDismiss == null ? void 0 : onDismiss();
+      onFocusOutside?.(event);
+      onInteractOutside?.(event);
+      if (!event.defaultPrevented) onDismiss?.();
     }, ownerDocument);
     useEscapeKeydown((event) => {
       const isHighestLayer = index2 === context.layers.size - 1;
       if (!isHighestLayer) return;
-      onEscapeKeyDown == null ? void 0 : onEscapeKeyDown(event);
+      onEscapeKeyDown?.(event);
       if (!event.defaultPrevented && onDismiss) {
         event.preventDefault();
         onDismiss();
@@ -7654,7 +7637,7 @@ var DismissableLayerBranch = reactExports.forwardRef((props, forwardedRef) => {
   return /* @__PURE__ */ jsxRuntimeExports.jsx(Primitive.div, { ...props, ref: composedRefs });
 });
 DismissableLayerBranch.displayName = BRANCH_NAME;
-function usePointerDownOutside(onPointerDownOutside, ownerDocument = globalThis == null ? void 0 : globalThis.document) {
+function usePointerDownOutside(onPointerDownOutside, ownerDocument = globalThis?.document) {
   const handlePointerDownOutside = useCallbackRef$1(onPointerDownOutside);
   const isPointerInsideReactTreeRef = reactExports.useRef(false);
   const handleClickRef = reactExports.useRef(() => {
@@ -7697,7 +7680,7 @@ function usePointerDownOutside(onPointerDownOutside, ownerDocument = globalThis
     onPointerDownCapture: () => isPointerInsideReactTreeRef.current = true
   };
 }
-function useFocusOutside(onFocusOutside, ownerDocument = globalThis == null ? void 0 : globalThis.document) {
+function useFocusOutside(onFocusOutside, ownerDocument = globalThis?.document) {
   const handleFocusOutside = useCallbackRef$1(onFocusOutside);
   const isFocusInsideReactTreeRef = reactExports.useRef(false);
   reactExports.useEffect(() => {
@@ -7733,15 +7716,14 @@ function handleAndDispatchCustomEvent$1(name2, handler, detail, { discrete }) {
 }
 var Root$6 = DismissableLayer;
 var Branch = DismissableLayerBranch;
-var useLayoutEffect2 = (globalThis == null ? void 0 : globalThis.document) ? reactExports.useLayoutEffect : () => {
+var useLayoutEffect2 = globalThis?.document ? reactExports.useLayoutEffect : () => {
 };
 var PORTAL_NAME$4 = "Portal";
 var Portal$3 = reactExports.forwardRef((props, forwardedRef) => {
-  var _a;
   const { container: containerProp, ...portalProps } = props;
   const [mounted, setMounted] = reactExports.useState(false);
   useLayoutEffect2(() => setMounted(true), []);
-  const container = containerProp || mounted && ((_a = globalThis == null ? void 0 : globalThis.document) == null ? void 0 : _a.body);
+  const container = containerProp || mounted && globalThis?.document?.body;
   return container ? ReactDOM.createPortal(/* @__PURE__ */ jsxRuntimeExports.jsx(Primitive.div, { ...portalProps, ref: forwardedRef }), container) : null;
 });
 Portal$3.displayName = PORTAL_NAME$4;
@@ -7792,7 +7774,7 @@ function usePresence(present) {
       const currentAnimationName = getAnimationName(styles);
       if (present) {
         send("MOUNT");
-      } else if (currentAnimationName === "none" || (styles == null ? void 0 : styles.display) === "none") {
+      } else if (currentAnimationName === "none" || styles?.display === "none") {
         send("UNMOUNT");
       } else {
         const isAnimating = prevAnimationName !== currentAnimationName;
@@ -7852,16 +7834,15 @@ function usePresence(present) {
   };
 }
 function getAnimationName(styles) {
-  return (styles == null ? void 0 : styles.animationName) || "none";
+  return styles?.animationName || "none";
 }
 function getElementRef(element) {
-  var _a, _b;
-  let getter = (_a = Object.getOwnPropertyDescriptor(element.props, "ref")) == null ? void 0 : _a.get;
+  let getter = Object.getOwnPropertyDescriptor(element.props, "ref")?.get;
   let mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
   if (mayWarn) {
     return element.ref;
   }
-  getter = (_b = Object.getOwnPropertyDescriptor(element, "ref")) == null ? void 0 : _b.get;
+  getter = Object.getOwnPropertyDescriptor(element, "ref")?.get;
   mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
   if (mayWarn) {
     return element.props.ref;
@@ -7898,11 +7879,10 @@ function useControllableState({
   }
   const setValue = reactExports.useCallback(
     (nextValue) => {
-      var _a;
       if (isControlled) {
         const value2 = isFunction$1(nextValue) ? nextValue(prop) : nextValue;
         if (value2 !== prop) {
-          (_a = onChangeRef.current) == null ? void 0 : _a.call(onChangeRef, value2);
+          onChangeRef.current?.(value2);
         }
       } else {
         setUncontrolledProp(nextValue);
@@ -7923,9 +7903,8 @@ function useUncontrolledState({
     onChangeRef.current = onChange;
   }, [onChange]);
   reactExports.useEffect(() => {
-    var _a;
     if (prevValueRef.current !== value) {
-      (_a = onChangeRef.current) == null ? void 0 : _a.call(onChangeRef, value);
+      onChangeRef.current?.(value);
       prevValueRef.current = value;
     }
   }, [value, prevValueRef]);
@@ -8027,9 +8006,8 @@ var ToastViewport$1 = reactExports.forwardRef(
     const hasToasts = context.toastCount > 0;
     reactExports.useEffect(() => {
       const handleKeyDown = (event) => {
-        var _a;
         const isHotkeyPressed = hotkey.length !== 0 && hotkey.every((key) => event[key] || event.code === key);
-        if (isHotkeyPressed) (_a = ref2.current) == null ? void 0 : _a.focus();
+        if (isHotkeyPressed) ref2.current?.focus();
       };
       document.addEventListener("keydown", handleKeyDown);
       return () => document.removeEventListener("keydown", handleKeyDown);
@@ -8092,7 +8070,6 @@ var ToastViewport$1 = reactExports.forwardRef(
       const viewport = ref2.current;
       if (viewport) {
         const handleKeyDown = (event) => {
-          var _a, _b, _c;
           const isMetaKey = event.altKey || event.ctrlKey || event.metaKey;
           const isTabKey = event.key === "Tab" && !isMetaKey;
           if (isTabKey) {
@@ -8100,7 +8077,7 @@ var ToastViewport$1 = reactExports.forwardRef(
             const isTabbingBackwards = event.shiftKey;
             const targetIsViewport = event.target === viewport;
             if (targetIsViewport && isTabbingBackwards) {
-              (_a = headFocusProxyRef.current) == null ? void 0 : _a.focus();
+              headFocusProxyRef.current?.focus();
               return;
             }
             const tabbingDirection = isTabbingBackwards ? "backwards" : "forwards";
@@ -8109,7 +8086,7 @@ var ToastViewport$1 = reactExports.forwardRef(
             if (focusFirst$2(sortedCandidates.slice(index2 + 1))) {
               event.preventDefault();
             } else {
-              isTabbingBackwards ? (_b = headFocusProxyRef.current) == null ? void 0 : _b.focus() : (_c = tailFocusProxyRef.current) == null ? void 0 : _c.focus();
+              isTabbingBackwards ? headFocusProxyRef.current?.focus() : tailFocusProxyRef.current?.focus();
             }
           }
         };
@@ -8170,9 +8147,8 @@ var FocusProxy = reactExports.forwardRef(
         ref: forwardedRef,
         style: { position: "fixed" },
         onFocus: (event) => {
-          var _a;
           const prevFocusedElement = event.relatedTarget;
-          const isFocusFromOutsideViewport = !((_a = context.viewport) == null ? void 0 : _a.contains(prevFocusedElement));
+          const isFocusFromOutsideViewport = !context.viewport?.contains(prevFocusedElement);
           if (isFocusFromOutsideViewport) onFocusFromOutsideViewport();
         }
       }
@@ -8265,9 +8241,8 @@ var ToastImpl = reactExports.forwardRef(
     const closeTimerRef = reactExports.useRef(0);
     const { onToastAdd, onToastRemove } = context;
     const handleClose = useCallbackRef$1(() => {
-      var _a;
-      const isFocusInToast = node == null ? void 0 : node.contains(document.activeElement);
-      if (isFocusInToast) (_a = context.viewport) == null ? void 0 : _a.focus();
+      const isFocusInToast = node?.contains(document.activeElement);
+      if (isFocusInToast) context.viewport?.focus();
       onClose();
     });
     const startTimer = reactExports.useCallback(
@@ -8284,13 +8259,13 @@ var ToastImpl = reactExports.forwardRef(
       if (viewport) {
         const handleResume = () => {
           startTimer(closeTimerRemainingTimeRef.current);
-          onResume == null ? void 0 : onResume();
+          onResume?.();
         };
         const handlePause = () => {
           const elapsedTime = (/* @__PURE__ */ new Date()).getTime() - closeTimerStartTimeRef.current;
           closeTimerRemainingTimeRef.current = closeTimerRemainingTimeRef.current - elapsedTime;
           window.clearTimeout(closeTimerRef.current);
-          onPause == null ? void 0 : onPause();
+          onPause?.();
         };
         viewport.addEventListener(VIEWPORT_PAUSE, handlePause);
         viewport.addEventListener(VIEWPORT_RESUME, handleResume);
@@ -8341,7 +8316,7 @@ var ToastImpl = reactExports.forwardRef(
                 style: { userSelect: "none", touchAction: "none", ...props.style },
                 onKeyDown: composeEventHandlers(props.onKeyDown, (event) => {
                   if (event.key !== "Escape") return;
-                  onEscapeKeyDown == null ? void 0 : onEscapeKeyDown(event.nativeEvent);
+                  onEscapeKeyDown?.(event.nativeEvent);
                   if (!event.nativeEvent.defaultPrevented) {
                     context.isFocusedToastEscapeKeyDownRef.current = true;
                     handleClose();
@@ -8655,7 +8630,6 @@ const createClassGroupUtils = (config) => {
   };
 };
 const getGroupRecursive = (classParts, classPartObject) => {
-  var _a;
   if (classParts.length === 0) {
     return classPartObject.classGroupId;
   }
@@ -8669,15 +8643,15 @@ const getGroupRecursive = (classParts, classPartObject) => {
     return void 0;
   }
   const classRest = classParts.join(CLASS_PART_SEPARATOR);
-  return (_a = classPartObject.validators.find(({
+  return classPartObject.validators.find(({
     validator
-  }) => validator(classRest))) == null ? void 0 : _a.classGroupId;
+  }) => validator(classRest))?.classGroupId;
 };
 const arbitraryPropertyRegex = /^\[(.+)\]$/;
 const getGroupIdForArbitraryProperty = (className) => {
   if (arbitraryPropertyRegex.test(className)) {
     const arbitraryPropertyClassName = arbitraryPropertyRegex.exec(className)[1];
-    const property = arbitraryPropertyClassName == null ? void 0 : arbitraryPropertyClassName.substring(0, arbitraryPropertyClassName.indexOf(":"));
+    const property = arbitraryPropertyClassName?.substring(0, arbitraryPropertyClassName.indexOf(":"));
     if (property) {
       return "arbitrary.." + property;
     }
@@ -11316,63 +11290,43 @@ const seen = {};
 const __vitePreload = function preload(baseModule, deps, importerUrl) {
   let promise = Promise.resolve();
   if (deps && deps.length > 0) {
-    let allSettled2 = function(promises) {
-      return Promise.all(
-        promises.map(
-          (p2) => Promise.resolve(p2).then(
-            (value) => ({ status: "fulfilled", value }),
-            (reason) => ({ status: "rejected", reason })
-          )
-        )
-      );
+    let allSettled = function(promises$2) {
+      return Promise.all(promises$2.map((p2) => Promise.resolve(p2).then((value$1) => ({
+        status: "fulfilled",
+        value: value$1
+      }), (reason) => ({
+        status: "rejected",
+        reason
+      }))));
     };
     document.getElementsByTagName("link");
-    const cspNonceMeta = document.querySelector(
-      "meta[property=csp-nonce]"
-    );
-    const cspNonce = (cspNonceMeta == null ? void 0 : cspNonceMeta.nonce) || (cspNonceMeta == null ? void 0 : cspNonceMeta.getAttribute("nonce"));
-    promise = allSettled2(
-      deps.map((dep) => {
-        dep = assetsURL(dep);
-        if (dep in seen) return;
-        seen[dep] = true;
-        const isCss = dep.endsWith(".css");
-        const cssSelector = isCss ? '[rel="stylesheet"]' : "";
-        if (document.querySelector(`link[href="${dep}"]${cssSelector}`)) {
-          return;
-        }
-        const link = document.createElement("link");
-        link.rel = isCss ? "stylesheet" : scriptRel;
-        if (!isCss) {
-          link.as = "script";
-        }
-        link.crossOrigin = "";
-        link.href = dep;
-        if (cspNonce) {
-          link.setAttribute("nonce", cspNonce);
-        }
-        document.head.appendChild(link);
-        if (isCss) {
-          return new Promise((res, rej) => {
-            link.addEventListener("load", res);
-            link.addEventListener(
-              "error",
-              () => rej(new Error(`Unable to preload CSS for ${dep}`))
-            );
-          });
-        }
-      })
-    );
+    const cspNonceMeta = document.querySelector("meta[property=csp-nonce]");
+    const cspNonce = cspNonceMeta?.nonce || cspNonceMeta?.getAttribute("nonce");
+    promise = allSettled(deps.map((dep) => {
+      dep = assetsURL(dep);
+      if (dep in seen) return;
+      seen[dep] = true;
+      const isCss = dep.endsWith(".css");
+      const cssSelector = isCss ? '[rel="stylesheet"]' : "";
+      if (document.querySelector(`link[href="${dep}"]${cssSelector}`)) return;
+      const link = document.createElement("link");
+      link.rel = isCss ? "stylesheet" : scriptRel;
+      if (!isCss) link.as = "script";
+      link.crossOrigin = "";
+      link.href = dep;
+      if (cspNonce) link.setAttribute("nonce", cspNonce);
+      document.head.appendChild(link);
+      if (isCss) return new Promise((res, rej) => {
+        link.addEventListener("load", res);
+        link.addEventListener("error", () => rej(/* @__PURE__ */ new Error(`Unable to preload CSS for ${dep}`)));
+      });
+    }));
   }
-  function handlePreloadError(err) {
-    const e = new Event("vite:preloadError", {
-      cancelable: true
-    });
-    e.payload = err;
-    window.dispatchEvent(e);
-    if (!e.defaultPrevented) {
-      throw err;
-    }
+  function handlePreloadError(err$2) {
+    const e$1 = new Event("vite:preloadError", { cancelable: true });
+    e$1.payload = err$2;
+    window.dispatchEvent(e$1);
+    if (!e$1.defaultPrevented) throw err$2;
   }
   return promise.then((res) => {
     for (const item of res || []) {
@@ -11840,7 +11794,7 @@ const isAsync = (x) => typeof Promise !== "undefined" && x instanceof Promise;
 var errorUtil;
 (function(errorUtil2) {
   errorUtil2.errToObj = (message) => typeof message === "string" ? { message } : message || {};
-  errorUtil2.toString = (message) => typeof message === "string" ? message : message == null ? void 0 : message.message;
+  errorUtil2.toString = (message) => typeof message === "string" ? message : message?.message;
 })(errorUtil || (errorUtil = {}));
 class ParseInputLazyPath {
   constructor(parent, value, path, key) {
@@ -11954,10 +11908,10 @@ class ZodType {
     const ctx = {
       common: {
         issues: [],
-        async: (params == null ? void 0 : params.async) ?? false,
-        contextualErrorMap: params == null ? void 0 : params.errorMap
+        async: params?.async ?? false,
+        contextualErrorMap: params?.errorMap
       },
-      path: (params == null ? void 0 : params.path) || [],
+      path: params?.path || [],
       schemaErrorMap: this._def.errorMap,
       parent: null,
       data: data2,
@@ -11967,7 +11921,6 @@ class ZodType {
     return handleResult(ctx, result);
   }
   "~validate"(data2) {
-    var _a, _b;
     const ctx = {
       common: {
         issues: [],
@@ -11988,7 +11941,7 @@ class ZodType {
           issues: ctx.common.issues
         };
       } catch (err) {
-        if ((_b = (_a = err == null ? void 0 : err.message) == null ? void 0 : _a.toLowerCase()) == null ? void 0 : _b.includes("encountered")) {
+        if (err?.message?.toLowerCase()?.includes("encountered")) {
           this["~standard"].async = true;
         }
         ctx.common = {
@@ -12013,10 +11966,10 @@ class ZodType {
     const ctx = {
       common: {
         issues: [],
-        contextualErrorMap: params == null ? void 0 : params.errorMap,
+        contextualErrorMap: params?.errorMap,
         async: true
       },
-      path: (params == null ? void 0 : params.path) || [],
+      path: params?.path || [],
       schemaErrorMap: this._def.errorMap,
       parent: null,
       data: data2,
@@ -12247,7 +12200,7 @@ function isValidJWT(jwt, alg) {
     const decoded = JSON.parse(atob(base64));
     if (typeof decoded !== "object" || decoded === null)
       return false;
-    if ("typ" in decoded && (decoded == null ? void 0 : decoded.typ) !== "JWT")
+    if ("typ" in decoded && decoded?.typ !== "JWT")
       return false;
     if (!decoded.alg)
       return false;
@@ -12636,10 +12589,10 @@ class ZodString extends ZodType {
     }
     return this._addCheck({
       kind: "datetime",
-      precision: typeof (options == null ? void 0 : options.precision) === "undefined" ? null : options == null ? void 0 : options.precision,
-      offset: (options == null ? void 0 : options.offset) ?? false,
-      local: (options == null ? void 0 : options.local) ?? false,
-      ...errorUtil.errToObj(options == null ? void 0 : options.message)
+      precision: typeof options?.precision === "undefined" ? null : options?.precision,
+      offset: options?.offset ?? false,
+      local: options?.local ?? false,
+      ...errorUtil.errToObj(options?.message)
     });
   }
   date(message) {
@@ -12655,8 +12608,8 @@ class ZodString extends ZodType {
     }
     return this._addCheck({
       kind: "time",
-      precision: typeof (options == null ? void 0 : options.precision) === "undefined" ? null : options == null ? void 0 : options.precision,
-      ...errorUtil.errToObj(options == null ? void 0 : options.message)
+      precision: typeof options?.precision === "undefined" ? null : options?.precision,
+      ...errorUtil.errToObj(options?.message)
     });
   }
   duration(message) {
@@ -12673,8 +12626,8 @@ class ZodString extends ZodType {
     return this._addCheck({
       kind: "includes",
       value,
-      position: options == null ? void 0 : options.position,
-      ...errorUtil.errToObj(options == null ? void 0 : options.message)
+      position: options?.position,
+      ...errorUtil.errToObj(options?.message)
     });
   }
   startsWith(value, message) {
@@ -12809,7 +12762,7 @@ ZodString.create = (params) => {
   return new ZodString({
     checks: [],
     typeName: ZodFirstPartyTypeKind.ZodString,
-    coerce: (params == null ? void 0 : params.coerce) ?? false,
+    coerce: params?.coerce ?? false,
     ...processCreateParams(params)
   });
 };
@@ -13049,7 +13002,7 @@ ZodNumber.create = (params) => {
   return new ZodNumber({
     checks: [],
     typeName: ZodFirstPartyTypeKind.ZodNumber,
-    coerce: (params == null ? void 0 : params.coerce) || false,
+    coerce: params?.coerce || false,
     ...processCreateParams(params)
   });
 };
@@ -13221,7 +13174,7 @@ ZodBigInt.create = (params) => {
   return new ZodBigInt({
     checks: [],
     typeName: ZodFirstPartyTypeKind.ZodBigInt,
-    coerce: (params == null ? void 0 : params.coerce) ?? false,
+    coerce: params?.coerce ?? false,
     ...processCreateParams(params)
   });
 };
@@ -13246,7 +13199,7 @@ class ZodBoolean extends ZodType {
 ZodBoolean.create = (params) => {
   return new ZodBoolean({
     typeName: ZodFirstPartyTypeKind.ZodBoolean,
-    coerce: (params == null ? void 0 : params.coerce) || false,
+    coerce: params?.coerce || false,
     ...processCreateParams(params)
   });
 };
@@ -13354,7 +13307,7 @@ class ZodDate extends ZodType {
 ZodDate.create = (params) => {
   return new ZodDate({
     checks: [],
-    coerce: (params == null ? void 0 : params.coerce) || false,
+    coerce: params?.coerce || false,
     typeName: ZodFirstPartyTypeKind.ZodDate,
     ...processCreateParams(params)
   });
@@ -13728,8 +13681,7 @@ class ZodObject extends ZodType {
       unknownKeys: "strict",
       ...message !== void 0 ? {
         errorMap: (issue, ctx) => {
-          var _a, _b;
-          const defaultError = ((_b = (_a = this._def).errorMap) == null ? void 0 : _b.call(_a, issue, ctx).message) ?? ctx.defaultError;
+          const defaultError = this._def.errorMap?.(issue, ctx).message ?? ctx.defaultError;
           if (issue.code === "unrecognized_keys")
             return {
               message: errorUtil.errToObj(message).message ?? defaultError
@@ -15123,12 +15075,7 @@ const optionalType = ZodOptional.create;
 ZodNullable.create;
 const NEVER = INVALID;
 const LATEST_PROTOCOL_VERSION = "2025-06-18";
-const SUPPORTED_PROTOCOL_VERSIONS = [
-  LATEST_PROTOCOL_VERSION,
-  "2025-03-26",
-  "2024-11-05",
-  "2024-10-07"
-];
+const SUPPORTED_PROTOCOL_VERSIONS = [LATEST_PROTOCOL_VERSION, "2025-03-26", "2024-11-05", "2024-10-07"];
 const JSONRPC_VERSION = "2.0";
 const ProgressTokenSchema = unionType([stringType(), numberType().int()]);
 const CursorSchema = stringType();
@@ -15208,12 +15155,7 @@ const JSONRPCErrorSchema = objectType({
   })
 }).strict();
 const isJSONRPCError = (value) => JSONRPCErrorSchema.safeParse(value).success;
-const JSONRPCMessageSchema = unionType([
-  JSONRPCRequestSchema,
-  JSONRPCNotificationSchema,
-  JSONRPCResponseSchema,
-  JSONRPCErrorSchema
-]);
+const JSONRPCMessageSchema = unionType([JSONRPCRequestSchema, JSONRPCNotificationSchema, JSONRPCResponseSchema, JSONRPCErrorSchema]);
 const EmptyResultSchema = ResultSchema.strict();
 const CancelledNotificationSchema = NotificationSchema.extend({
   method: literalType("notifications/cancelled"),
@@ -15240,21 +15182,38 @@ const IconSchema = objectType({
    */
   mimeType: optionalType(stringType()),
   /**
-   * Optional string specifying icon dimensions (e.g., "48x48 96x96").
+   * Optional array of strings that specify sizes at which the icon can be used.
+   * Each string should be in WxH format (e.g., `"48x48"`, `"96x96"`) or `"any"` for scalable formats like SVG.
+   *
+   * If not provided, the client should assume that the icon can be used at any size.
+   */
+  sizes: optionalType(arrayType(stringType()))
+}).passthrough();
+const IconsSchema = objectType({
+  /**
+   * Optional set of sized icons that the client can display in a user interface.
+   *
+   * Clients that support rendering icons MUST support at least the following MIME types:
+   * - `image/png` - PNG images (safe, universal compatibility)
+   * - `image/jpeg` (and `image/jpg`) - JPEG images (safe, universal compatibility)
+   *
+   * Clients that support rendering icons SHOULD also support:
+   * - `image/svg+xml` - SVG images (scalable but requires security precautions)
+   * - `image/webp` - WebP images (modern, efficient format)
    */
-  sizes: optionalType(stringType())
+  icons: arrayType(IconSchema).optional()
 }).passthrough();
 const BaseMetadataSchema = objectType({
   /** Intended for programmatic or logical use, but used as a display name in past specs or fallback */
   name: stringType(),
   /**
-  * Intended for UI and end-user contexts — optimized to be human-readable and easily understood,
-  * even by those unfamiliar with domain-specific terminology.
-  *
-  * If not provided, the name should be used for display (except for Tool,
-  * where `annotations.title` should be given precedence over using `name`,
-  * if present).
-  */
+   * Intended for UI and end-user contexts — optimized to be human-readable and easily understood,
+   * even by those unfamiliar with domain-specific terminology.
+   *
+   * If not provided, the name should be used for display (except for Tool,
+   * where `annotations.title` should be given precedence over using `name`,
+   * if present).
+   */
   title: optionalType(stringType())
 }).passthrough();
 const ImplementationSchema = BaseMetadataSchema.extend({
@@ -15262,17 +15221,8 @@ const ImplementationSchema = BaseMetadataSchema.extend({
   /**
    * An optional URL of the website for this implementation.
    */
-  websiteUrl: optionalType(stringType()),
-  /**
-   * An optional list of icons for this implementation.
-   * This can be used by clients to display the implementation in a user interface.
-   * Each icon should have a `kind` property that specifies whether it is a data representation or a URL source, a `src` property that points to the icon file or data representation, and may also include a `mimeType` and `sizes` property.
-   * The `mimeType` property should be a valid MIME type for the icon file, such as "image/png" or "image/svg+xml".
-   * The `sizes` property should be a string that specifies one or more sizes at which the icon file can be used, such as "48x48" or "any" for scalable formats like SVG.
-   * The `sizes` property is optional, and if not provided, the client should assume that the icon can be used at any size.
-   */
-  icons: optionalType(arrayType(IconSchema))
-});
+  websiteUrl: optionalType(stringType())
+}).merge(IconsSchema);
 const ClientCapabilitiesSchema = objectType({
   /**
    * Experimental, non-standard capabilities that the client supports.
@@ -15462,16 +15412,12 @@ const ResourceSchema = BaseMetadataSchema.extend({
    * The MIME type of this resource, if known.
    */
   mimeType: optionalType(stringType()),
-  /**
-   * An optional list of icons for this resource.
-   */
-  icons: optionalType(arrayType(IconSchema)),
   /**
    * See [MCP specification](https://github.com/modelcontextprotocol/modelcontextprotocol/blob/47339c03c143bb4ec01a26e721a1b8fe66634ebe/docs/specification/draft/basic/index.mdx#general-fields)
    * for notes on _meta usage.
    */
   _meta: optionalType(objectType({}).passthrough())
-});
+}).merge(IconsSchema);
 const ResourceTemplateSchema = BaseMetadataSchema.extend({
   /**
    * A URI template (according to RFC 6570) that can be used to construct resource URIs.
@@ -15492,7 +15438,7 @@ const ResourceTemplateSchema = BaseMetadataSchema.extend({
    * for notes on _meta usage.
    */
   _meta: optionalType(objectType({}).passthrough())
-});
+}).merge(IconsSchema);
 const ListResourcesRequestSchema = PaginatedRequestSchema.extend({
   method: literalType("resources/list")
 });
@@ -15570,16 +15516,12 @@ const PromptSchema = BaseMetadataSchema.extend({
    * A list of arguments to use for templating the prompt.
    */
   arguments: optionalType(arrayType(PromptArgumentSchema)),
-  /**
-   * An optional list of icons for this prompt.
-   */
-  icons: optionalType(arrayType(IconSchema)),
   /**
    * See [MCP specification](https://github.com/modelcontextprotocol/modelcontextprotocol/blob/47339c03c143bb4ec01a26e721a1b8fe66634ebe/docs/specification/draft/basic/index.mdx#general-fields)
    * for notes on _meta usage.
    */
   _meta: optionalType(objectType({}).passthrough())
-});
+}).merge(IconsSchema);
 const ListPromptsRequestSchema = PaginatedRequestSchema.extend({
   method: literalType("prompts/list")
 });
@@ -15741,16 +15683,12 @@ const ToolSchema = BaseMetadataSchema.extend({
    * Optional additional tool information.
    */
   annotations: optionalType(ToolAnnotationsSchema),
-  /**
-   * An optional list of icons for this tool.
-   */
-  icons: optionalType(arrayType(IconSchema)),
   /**
    * See [MCP specification](https://github.com/modelcontextprotocol/modelcontextprotocol/blob/47339c03c143bb4ec01a26e721a1b8fe66634ebe/docs/specification/draft/basic/index.mdx#general-fields)
    * for notes on _meta usage.
    */
   _meta: optionalType(objectType({}).passthrough())
-});
+}).merge(IconsSchema);
 const ListToolsRequestSchema = PaginatedRequestSchema.extend({
   method: literalType("tools/list")
 });
@@ -15800,16 +15738,7 @@ const CallToolRequestSchema = RequestSchema.extend({
 const ToolListChangedNotificationSchema = NotificationSchema.extend({
   method: literalType("notifications/tools/list_changed")
 });
-const LoggingLevelSchema = enumType([
-  "debug",
-  "info",
-  "notice",
-  "warning",
-  "error",
-  "critical",
-  "alert",
-  "emergency"
-]);
+const LoggingLevelSchema = enumType(["debug", "info", "notice", "warning", "error", "critical", "alert", "emergency"]);
 const SetLevelRequestSchema = RequestSchema.extend({
   method: literalType("logging/setLevel"),
   params: BaseRequestParamsSchema.extend({
@@ -15902,11 +15831,7 @@ const CreateMessageResultSchema = ResultSchema.extend({
    */
   stopReason: optionalType(enumType(["endTurn", "stopSequence", "maxTokens"]).or(stringType())),
   role: enumType(["user", "assistant"]),
-  content: discriminatedUnionType("type", [
-    TextContentSchema,
-    ImageContentSchema,
-    AudioContentSchema
-  ])
+  content: discriminatedUnionType("type", [TextContentSchema, ImageContentSchema, AudioContentSchema])
 });
 const BooleanSchemaSchema = objectType({
   type: literalType("boolean"),
@@ -15936,12 +15861,7 @@ const EnumSchemaSchema = objectType({
   enum: arrayType(stringType()),
   enumNames: optionalType(arrayType(stringType()))
 }).passthrough();
-const PrimitiveSchemaDefinitionSchema = unionType([
-  BooleanSchemaSchema,
-  StringSchemaSchema,
-  NumberSchemaSchema,
-  EnumSchemaSchema
-]);
+const PrimitiveSchemaDefinitionSchema = unionType([BooleanSchemaSchema, StringSchemaSchema, NumberSchemaSchema, EnumSchemaSchema]);
 const ElicitRequestSchema = RequestSchema.extend({
   method: literalType("elicitation/create"),
   params: BaseRequestParamsSchema.extend({
@@ -16069,18 +15989,8 @@ unionType([
   InitializedNotificationSchema,
   RootsListChangedNotificationSchema
 ]);
-unionType([
-  EmptyResultSchema,
-  CreateMessageResultSchema,
-  ElicitResultSchema,
-  ListRootsResultSchema
-]);
-unionType([
-  PingRequestSchema,
-  CreateMessageRequestSchema,
-  ElicitRequestSchema,
-  ListRootsRequestSchema
-]);
+unionType([EmptyResultSchema, CreateMessageResultSchema, ElicitResultSchema, ListRootsResultSchema]);
+unionType([PingRequestSchema, CreateMessageRequestSchema, ElicitRequestSchema, ListRootsRequestSchema]);
 unionType([
   CancelledNotificationSchema,
   ProgressNotificationSchema,
@@ -16213,6 +16123,7 @@ const OAuthErrorResponseSchema = objectType({
   error_description: stringType().optional(),
   error_uri: stringType().optional()
 });
+const OptionalSafeUrlSchema = SafeUrlSchema.optional().or(literalType("").transform(() => void 0));
 const OAuthClientMetadataSchema = objectType({
   redirect_uris: arrayType(SafeUrlSchema),
   token_endpoint_auth_method: stringType().optional(),
@@ -16220,10 +16131,10 @@ const OAuthClientMetadataSchema = objectType({
   response_types: arrayType(stringType()).optional(),
   client_name: stringType().optional(),
   client_uri: SafeUrlSchema.optional(),
-  logo_uri: SafeUrlSchema.optional(),
+  logo_uri: OptionalSafeUrlSchema,
   scope: stringType().optional(),
   contacts: arrayType(stringType()).optional(),
-  tos_uri: SafeUrlSchema.optional(),
+  tos_uri: OptionalSafeUrlSchema,
   policy_uri: stringType().optional(),
   jwks_uri: SafeUrlSchema.optional(),
   jwks: anyType().optional(),
@@ -16247,7 +16158,7 @@ objectType({
   token_type_hint: stringType().optional()
 }).strip();
 const name = "@modelcontextprotocol/inspector-client";
-const version$1 = "0.17.0";
+const version$1 = "0.17.2";
 const packageJson = {
   name,
   version: version$1
@@ -16274,8 +16185,9 @@ const DEFAULT_MCP_PROXY_LISTEN_PORT = "6277";
 const DEFAULT_INSPECTOR_CONFIG = {
   MCP_SERVER_REQUEST_TIMEOUT: {
     label: "Request Timeout",
-    description: "Timeout for requests to the MCP server (ms)",
-    value: 1e4,
+    description: "Client-side timeout (ms) - Inspector will cancel requests after this time",
+    value: 3e5,
+    // 5 minutes - increased to support elicitation and other long-running tools
     is_session_item: false
   },
   MCP_REQUEST_TIMEOUT_RESET_ON_PROGRESS: {
@@ -16466,6 +16378,8 @@ class UnauthorizedError extends Error {
     super(message !== null && message !== void 0 ? message : "Unauthorized");
   }
 }
+const AUTHORIZATION_CODE_RESPONSE_TYPE = "code";
+const AUTHORIZATION_CODE_CHALLENGE_METHOD = "S256";
 function selectClientAuthMethod(clientInformation, supportedMethods) {
   const hasClientSecret = clientInformation.client_secret !== void 0;
   if (supportedMethods.length === 0) {
@@ -16755,8 +16669,10 @@ function buildDiscoveryUrls(authorizationServerUrl) {
   return urlsToTry;
 }
 async function discoverAuthorizationServerMetadata(authorizationServerUrl, { fetchFn = fetch, protocolVersion = LATEST_PROTOCOL_VERSION } = {}) {
-  var _a;
-  const headers = { "MCP-Protocol-Version": protocolVersion };
+  const headers = {
+    "MCP-Protocol-Version": protocolVersion,
+    Accept: "application/json"
+  };
   const urlsToTry = buildDiscoveryUrls(authorizationServerUrl);
   for (const { url: endpointUrl, type: type2 } of urlsToTry) {
     const response = await fetchWithCorsRetry(endpointUrl, headers, fetchFn);
@@ -16772,26 +16688,20 @@ async function discoverAuthorizationServerMetadata(authorizationServerUrl, { fet
     if (type2 === "oauth") {
       return OAuthMetadataSchema.parse(await response.json());
     } else {
-      const metadata = OpenIdProviderDiscoveryMetadataSchema.parse(await response.json());
-      if (!((_a = metadata.code_challenge_methods_supported) === null || _a === void 0 ? void 0 : _a.includes("S256"))) {
-        throw new Error(`Incompatible OIDC provider at ${endpointUrl}: does not support S256 code challenge method required by MCP specification`);
-      }
-      return metadata;
+      return OpenIdProviderDiscoveryMetadataSchema.parse(await response.json());
     }
   }
   return void 0;
 }
 async function startAuthorization(authorizationServerUrl, { metadata, clientInformation, redirectUrl, scope, state, resource }) {
-  const responseType = "code";
-  const codeChallengeMethod = "S256";
   let authorizationUrl;
   if (metadata) {
     authorizationUrl = new URL(metadata.authorization_endpoint);
-    if (!metadata.response_types_supported.includes(responseType)) {
-      throw new Error(`Incompatible auth server: does not support response type ${responseType}`);
+    if (!metadata.response_types_supported.includes(AUTHORIZATION_CODE_RESPONSE_TYPE)) {
+      throw new Error(`Incompatible auth server: does not support response type ${AUTHORIZATION_CODE_RESPONSE_TYPE}`);
     }
-    if (!metadata.code_challenge_methods_supported || !metadata.code_challenge_methods_supported.includes(codeChallengeMethod)) {
-      throw new Error(`Incompatible auth server: does not support code challenge method ${codeChallengeMethod}`);
+    if (metadata.code_challenge_methods_supported && !metadata.code_challenge_methods_supported.includes(AUTHORIZATION_CODE_CHALLENGE_METHOD)) {
+      throw new Error(`Incompatible auth server: does not support code challenge method ${AUTHORIZATION_CODE_CHALLENGE_METHOD}`);
     }
   } else {
     authorizationUrl = new URL("/authorize", authorizationServerUrl);
@@ -16799,10 +16709,10 @@ async function startAuthorization(authorizationServerUrl, { metadata, clientInfo
   const challenge = await pkceChallenge();
   const codeVerifier = challenge.code_verifier;
   const codeChallenge = challenge.code_challenge;
-  authorizationUrl.searchParams.set("response_type", responseType);
+  authorizationUrl.searchParams.set("response_type", AUTHORIZATION_CODE_RESPONSE_TYPE);
   authorizationUrl.searchParams.set("client_id", clientInformation.client_id);
   authorizationUrl.searchParams.set("code_challenge", codeChallenge);
-  authorizationUrl.searchParams.set("code_challenge_method", codeChallengeMethod);
+  authorizationUrl.searchParams.set("code_challenge_method", AUTHORIZATION_CODE_CHALLENGE_METHOD);
   authorizationUrl.searchParams.set("redirect_uri", String(redirectUrl));
   if (state) {
     authorizationUrl.searchParams.set("state", state);
@@ -16827,7 +16737,7 @@ async function exchangeAuthorization(authorizationServerUrl, { metadata, clientI
   }
   const headers = new Headers({
     "Content-Type": "application/x-www-form-urlencoded",
-    "Accept": "application/json"
+    Accept: "application/json"
   });
   const params = new URLSearchParams({
     grant_type: grantType,
@@ -16970,8 +16880,8 @@ const discoverScopes = async (serverUrl, resourceMetadata) => {
     const metadata = await discoverAuthorizationServerMetadata(
       new URL("/", serverUrl)
     );
-    const resourceScopes = resourceMetadata == null ? void 0 : resourceMetadata.scopes_supported;
-    const oauthScopes = metadata == null ? void 0 : metadata.scopes_supported;
+    const resourceScopes = resourceMetadata?.scopes_supported;
+    const oauthScopes = metadata?.scopes_supported;
     const scopesSupported = resourceScopes && resourceScopes.length > 0 ? resourceScopes : oauthScopes;
     return scopesSupported && scopesSupported.length > 0 ? scopesSupported.join(" ") : void 0;
   } catch (error) {
@@ -17016,20 +16926,23 @@ const clearClientInformationFromSessionStorage = ({
 };
 class InspectorOAuthClientProvider {
   constructor(serverUrl, scope) {
-    __publicField(this, "scope");
     this.serverUrl = serverUrl;
     this.scope = scope;
     sessionStorage.setItem(SESSION_KEYS.SERVER_URL, serverUrl);
   }
+  scope;
   get redirectUrl() {
     return window.location.origin + "/oauth/callback";
   }
   get debugRedirectUrl() {
     return window.location.origin + "/oauth/callback/debug";
   }
+  get redirect_uris() {
+    return [.../* @__PURE__ */ new Set([this.redirectUrl, this.debugRedirectUrl])];
+  }
   get clientMetadata() {
     return {
-      redirect_uris: [this.redirectUrl, this.debugRedirectUrl],
+      redirect_uris: this.redirect_uris,
       token_endpoint_auth_method: "none",
       grant_types: ["authorization_code", "refresh_token"],
       response_types: ["code"],
@@ -17138,7 +17051,6 @@ const oauthTransitions = {
   metadata_discovery: {
     canTransition: async () => true,
     execute: async (context) => {
-      var _a;
       let authServerUrl = new URL("/", context.serverUrl);
       let resourceMetadata = null;
       let resourceMetadataError = null;
@@ -17146,7 +17058,7 @@ const oauthTransitions = {
         resourceMetadata = await discoverOAuthProtectedResourceMetadata(
           context.serverUrl
         );
-        if ((_a = resourceMetadata == null ? void 0 : resourceMetadata.authorization_servers) == null ? void 0 : _a.length) {
+        if (resourceMetadata?.authorization_servers?.length) {
           authServerUrl = new URL(resourceMetadata.authorization_servers[0]);
         }
       } catch (e) {
@@ -17181,10 +17093,9 @@ const oauthTransitions = {
   client_registration: {
     canTransition: async (context) => !!context.state.oauthMetadata,
     execute: async (context) => {
-      var _a;
       const metadata = context.state.oauthMetadata;
       const clientMetadata = context.provider.clientMetadata;
-      const scopesSupported = ((_a = context.state.resourceMetadata) == null ? void 0 : _a.scopes_supported) || metadata.scopes_supported;
+      const scopesSupported = context.state.resourceMetadata?.scopes_supported || metadata.scopes_supported;
       if (scopesSupported) {
         clientMetadata.scope = scopesSupported.join(" ");
       }
@@ -23404,43 +23315,48 @@ function generateDefaultValue(schema, propertyName, parentSchema) {
   }
 }
 function isPropertyRequired(propertyName, schema) {
-  var _a;
-  return ((_a = schema.required) == null ? void 0 : _a.includes(propertyName)) ?? false;
+  return schema.required?.includes(propertyName) ?? false;
 }
 function normalizeUnionType(schema) {
   if (schema.anyOf && schema.anyOf.length === 2 && schema.anyOf.some((t) => t.type === "string") && schema.anyOf.some((t) => t.type === "null")) {
-    return { ...schema, type: "string", anyOf: void 0 };
+    return { ...schema, type: "string", anyOf: void 0, nullable: true };
   }
   if (schema.anyOf && schema.anyOf.length === 2 && schema.anyOf.some((t) => t.type === "boolean") && schema.anyOf.some((t) => t.type === "null")) {
-    return { ...schema, type: "boolean", anyOf: void 0 };
+    return { ...schema, type: "boolean", anyOf: void 0, nullable: true };
   }
   if (schema.anyOf && schema.anyOf.length === 2 && schema.anyOf.some((t) => t.type === "number") && schema.anyOf.some((t) => t.type === "null")) {
-    return { ...schema, type: "number", anyOf: void 0 };
+    return { ...schema, type: "number", anyOf: void 0, nullable: true };
   }
   if (schema.anyOf && schema.anyOf.length === 2 && schema.anyOf.some((t) => t.type === "integer") && schema.anyOf.some((t) => t.type === "null")) {
-    return { ...schema, type: "integer", anyOf: void 0 };
+    return { ...schema, type: "integer", anyOf: void 0, nullable: true };
   }
   if (Array.isArray(schema.type) && schema.type.length === 2 && schema.type.includes("string") && schema.type.includes("null")) {
-    return { ...schema, type: "string" };
+    return { ...schema, type: "string", nullable: true };
   }
   if (Array.isArray(schema.type) && schema.type.length === 2 && schema.type.includes("boolean") && schema.type.includes("null")) {
-    return { ...schema, type: "boolean" };
+    return { ...schema, type: "boolean", nullable: true };
   }
   if (Array.isArray(schema.type) && schema.type.length === 2 && schema.type.includes("number") && schema.type.includes("null")) {
-    return { ...schema, type: "number" };
+    return { ...schema, type: "number", nullable: true };
   }
   if (Array.isArray(schema.type) && schema.type.length === 2 && schema.type.includes("integer") && schema.type.includes("null")) {
-    return { ...schema, type: "integer" };
+    return { ...schema, type: "integer", nullable: true };
   }
   return schema;
 }
 function cleanParams(params, schema) {
   const cleaned = {};
   const required2 = schema.required || [];
+  const properties2 = schema.properties || {};
   for (const [key, value] of Object.entries(params)) {
     const isFieldRequired = required2.includes(key);
+    const fieldSchema = properties2[key];
+    const hasDefault = fieldSchema && "default" in fieldSchema;
+    const defaultValue = hasDefault ? fieldSchema.default : void 0;
     if (isFieldRequired) {
       cleaned[key] = value;
+    } else if (hasDefault && value === defaultValue) {
+      cleaned[key] = value;
     } else {
       if (value !== void 0 && value !== "" && value !== null) {
         cleaned[key] = value;
@@ -23491,7 +23407,10 @@ class Protocol {
     const totalElapsed = Date.now() - info.startTime;
     if (info.maxTotalTimeout && totalElapsed >= info.maxTotalTimeout) {
       this._timeoutInfo.delete(messageId);
-      throw new McpError(ErrorCode.RequestTimeout, "Maximum total timeout exceeded", { maxTotalTimeout: info.maxTotalTimeout, totalElapsed });
+      throw new McpError(ErrorCode.RequestTimeout, "Maximum total timeout exceeded", {
+        maxTotalTimeout: info.maxTotalTimeout,
+        totalElapsed
+      });
     }
     clearTimeout(info.timeoutId);
     info.timeoutId = setTimeout(info.onTimeout, info.timeout);
@@ -24442,7 +24361,11 @@ class SSEClientTransport {
     }
     let result;
     try {
-      result = await auth(this._authProvider, { serverUrl: this._url, resourceMetadataUrl: this._resourceMetadataUrl, fetchFn: this._fetch });
+      result = await auth(this._authProvider, {
+        serverUrl: this._url,
+        resourceMetadataUrl: this._resourceMetadataUrl,
+        fetchFn: this._fetch
+      });
     } catch (error) {
       (_a = this.onerror) === null || _a === void 0 ? void 0 : _a.call(this, error);
       throw error;
@@ -24541,7 +24464,12 @@ class SSEClientTransport {
     if (!this._authProvider) {
       throw new UnauthorizedError("No auth provider");
     }
-    const result = await auth(this._authProvider, { serverUrl: this._url, authorizationCode, resourceMetadataUrl: this._resourceMetadataUrl, fetchFn: this._fetch });
+    const result = await auth(this._authProvider, {
+      serverUrl: this._url,
+      authorizationCode,
+      resourceMetadataUrl: this._resourceMetadataUrl,
+      fetchFn: this._fetch
+    });
     if (result !== "AUTHORIZED") {
       throw new UnauthorizedError("Failed to authorize");
     }
@@ -24571,7 +24499,11 @@ class SSEClientTransport {
       if (!response.ok) {
         if (response.status === 401 && this._authProvider) {
           this._resourceMetadataUrl = extractResourceMetadataUrl(response);
-          const result = await auth(this._authProvider, { serverUrl: this._url, resourceMetadataUrl: this._resourceMetadataUrl, fetchFn: this._fetch });
+          const result = await auth(this._authProvider, {
+            serverUrl: this._url,
+            resourceMetadataUrl: this._resourceMetadataUrl,
+            fetchFn: this._fetch
+          });
           if (result !== "AUTHORIZED") {
             throw new UnauthorizedError();
           }
@@ -24626,6 +24558,7 @@ class StreamableHTTPError extends Error {
 class StreamableHTTPClientTransport {
   constructor(url, opts) {
     var _a;
+    this._hasCompletedAuthFlow = false;
     this._url = url;
     this._resourceMetadataUrl = void 0;
     this._requestInit = opts === null || opts === void 0 ? void 0 : opts.requestInit;
@@ -24641,7 +24574,11 @@ class StreamableHTTPClientTransport {
     }
     let result;
     try {
-      result = await auth(this._authProvider, { serverUrl: this._url, resourceMetadataUrl: this._resourceMetadataUrl, fetchFn: this._fetch });
+      result = await auth(this._authProvider, {
+        serverUrl: this._url,
+        resourceMetadataUrl: this._resourceMetadataUrl,
+        fetchFn: this._fetch
+      });
     } catch (error) {
       (_a = this.onerror) === null || _a === void 0 ? void 0 : _a.call(this, error);
       throw error;
@@ -24807,7 +24744,12 @@ class StreamableHTTPClientTransport {
     if (!this._authProvider) {
       throw new UnauthorizedError("No auth provider");
     }
-    const result = await auth(this._authProvider, { serverUrl: this._url, authorizationCode, resourceMetadataUrl: this._resourceMetadataUrl, fetchFn: this._fetch });
+    const result = await auth(this._authProvider, {
+      serverUrl: this._url,
+      authorizationCode,
+      resourceMetadataUrl: this._resourceMetadataUrl,
+      fetchFn: this._fetch
+    });
     if (result !== "AUTHORIZED") {
       throw new UnauthorizedError("Failed to authorize");
     }
@@ -24845,16 +24787,25 @@ class StreamableHTTPClientTransport {
       }
       if (!response.ok) {
         if (response.status === 401 && this._authProvider) {
+          if (this._hasCompletedAuthFlow) {
+            throw new StreamableHTTPError(401, "Server returned 401 after successful authentication");
+          }
           this._resourceMetadataUrl = extractResourceMetadataUrl(response);
-          const result = await auth(this._authProvider, { serverUrl: this._url, resourceMetadataUrl: this._resourceMetadataUrl, fetchFn: this._fetch });
+          const result = await auth(this._authProvider, {
+            serverUrl: this._url,
+            resourceMetadataUrl: this._resourceMetadataUrl,
+            fetchFn: this._fetch
+          });
           if (result !== "AUTHORIZED") {
             throw new UnauthorizedError();
           }
+          this._hasCompletedAuthFlow = true;
           return this.send(message);
         }
         const text = await response.text().catch(() => null);
         throw new Error(`Error POSTing to endpoint (HTTP ${response.status}): ${text}`);
       }
+      this._hasCompletedAuthFlow = false;
       if (response.status === 202) {
         if (isInitializedNotification(message)) {
           this._startOrAuthSse({ resumptionToken: void 0 }).catch((err) => {
@@ -25053,6 +25004,7 @@ function useConnection({
   env,
   customHeaders,
   oauthClientId,
+  oauthClientSecret,
   oauthScope,
   config,
   connectionType = "proxy",
@@ -25083,12 +25035,18 @@ function useConnection({
       });
       return;
     }
+    const clientInformation = {
+      client_id: oauthClientId
+    };
+    if (oauthClientSecret) {
+      clientInformation.client_secret = oauthClientSecret;
+    }
     saveClientInformationToSessionStorage({
       serverUrl: sseUrl,
-      clientInformation: { client_id: oauthClientId },
+      clientInformation,
       isPreregistered: true
     });
-  }, [oauthClientId, sseUrl]);
+  }, [oauthClientId, oauthClientSecret, sseUrl]);
   const pushHistory = (request, response) => {
     setRequestHistory((prev) => [
       ...prev,
@@ -25105,10 +25063,10 @@ function useConnection({
     try {
       const abortController = new AbortController();
       const mcpRequestOptions = {
-        signal: (options == null ? void 0 : options.signal) ?? abortController.signal,
-        resetTimeoutOnProgress: (options == null ? void 0 : options.resetTimeoutOnProgress) ?? resetRequestTimeoutOnProgress(config),
-        timeout: (options == null ? void 0 : options.timeout) ?? getMCPServerRequestTimeout(config),
-        maxTotalTimeout: (options == null ? void 0 : options.maxTotalTimeout) ?? getMCPServerRequestMaxTotalTimeout(config)
+        signal: options?.signal ?? abortController.signal,
+        resetTimeoutOnProgress: options?.resetTimeoutOnProgress ?? resetRequestTimeoutOnProgress(config),
+        timeout: options?.timeout ?? getMCPServerRequestTimeout(config),
+        maxTotalTimeout: options?.maxTotalTimeout ?? getMCPServerRequestMaxTotalTimeout(config)
       };
       if (mcpRequestOptions.resetTimeoutOnProgress) {
         mcpRequestOptions.onprogress = (params) => {
@@ -25131,7 +25089,7 @@ function useConnection({
       }
       return response;
     } catch (e) {
-      if (!(options == null ? void 0 : options.suppressToast)) {
+      if (!options?.suppressToast) {
         const errorString = e.message ?? String(e);
         toast2({
           title: "Error",
@@ -25166,7 +25124,7 @@ function useConnection({
         signal,
         suppressToast: true
       });
-      return (response == null ? void 0 : response.completion.values) || [];
+      return response?.completion.values || [];
     } catch (e) {
       if (e instanceof McpError && e.code === ErrorCode.MethodNotFound) {
         setCompletionsSupported(false);
@@ -25215,7 +25173,7 @@ function useConnection({
       }
       const proxyHealthResponse = await fetch(proxyHealthUrl, { headers });
       const proxyHealth = await proxyHealthResponse.json();
-      if ((proxyHealth == null ? void 0 : proxyHealth.status) !== "ok") {
+      if (proxyHealth?.status !== "ok") {
         throw new Error("MCP Proxy Server is not healthy");
       }
     } catch (e) {
@@ -25231,7 +25189,7 @@ function useConnection({
   };
   const handleAuthError = async (error) => {
     if (is401Error(error)) {
-      let scope = oauthScope == null ? void 0 : oauthScope.trim();
+      let scope = oauthScope?.trim();
       if (!scope) {
         let resourceMetadata;
         try {
@@ -25265,7 +25223,6 @@ function useConnection({
     }
   };
   const connect = async (_e2, retryCount = 0) => {
-    var _a;
     const clientCapabilities = {
       capabilities: {
         sampling: {},
@@ -25307,7 +25264,7 @@ function useConnection({
         (header) => header.enabled && header.name.trim().toLowerCase() === "authorization"
       );
       if (needsOAuthToken) {
-        const oauthToken = (_a = await serverAuthProvider.tokens()) == null ? void 0 : _a.access_token;
+        const oauthToken = (await serverAuthProvider.tokens())?.access_token;
         if (oauthToken) {
           finalHeaders = [
             // Remove any existing Authorization headers with empty tokens
@@ -25525,7 +25482,7 @@ function useConnection({
         throw error;
       }
       setServerCapabilities(capabilities ?? null);
-      setCompletionsSupported((capabilities == null ? void 0 : capabilities.completions) !== void 0);
+      setCompletionsSupported(capabilities?.completions !== void 0);
       if (onPendingRequest) {
         client2.setRequestHandler(CreateMessageRequestSchema, (request) => {
           return new Promise((resolve, reject) => {
@@ -25538,7 +25495,7 @@ function useConnection({
           return { roots: getRoots() };
         });
       }
-      if ((capabilities == null ? void 0 : capabilities.logging) && defaultLoggingLevel) {
+      if (capabilities?.logging && defaultLoggingLevel) {
         lastRequest = "logging/setLevel";
         await client2.setLoggingLevel(defaultLoggingLevel);
         pushHistory(
@@ -25576,7 +25533,7 @@ function useConnection({
   const disconnect = async () => {
     if (transportType === "streamable-http")
       await clientTransport.terminateSession();
-    await (mcpClient == null ? void 0 : mcpClient.close());
+    await mcpClient?.close();
     const authProvider = new InspectorOAuthClientProvider(sseUrl);
     authProvider.clear();
     setMcpClient(null);
@@ -26874,7 +26831,7 @@ const OAuthFlowProgress = ({
               /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "text-xs text-blue-600 mt-1", children: [
                 "Resource metadata was added in the",
                 " ",
-                /* @__PURE__ */ jsxRuntimeExports.jsx("a", { href: "https://modelcontextprotocol.io/specification/draft/basic/authorization#2-3-1-authorization-server-location", children: "2025-DRAFT-v2 specification update" }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx("a", { href: "https://modelcontextprotocol.io/specification/2025-06-18/basic/authorization#authorization-server-location", children: "2025-06-18 specification update" }),
                 /* @__PURE__ */ jsxRuntimeExports.jsx("br", {}),
                 authState.resourceMetadataError.message,
                 authState.resourceMetadataError instanceof TypeError && " (This could indicate the endpoint doesn't exist or does not have CORS configured)"
@@ -27369,7 +27326,7 @@ function useCopy({ timeout = 500 } = {}) {
         clearTimeout(timeoutId);
       }
     };
-  }, [copied]);
+  }, [copied, timeout]);
   return { copied, setCopied };
 }
 const JsonView = reactExports.memo(
@@ -27399,7 +27356,7 @@ const JsonView = reactExports.memo(
           variant: "destructive"
         });
       }
-    }, [toast2, normalizedData]);
+    }, [toast2, normalizedData, setCopied]);
     return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx("p-4 border rounded relative", className), children: [
       withCopyButton && /* @__PURE__ */ jsxRuntimeExports.jsx(
         Button,
@@ -27433,6 +27390,7 @@ const JsonNode = reactExports.memo(
     initialExpandDepth,
     isError = false
   }) => {
+    const { toast: toast2 } = useToast();
     const [isExpanded, setIsExpanded] = reactExports.useState(depth < initialExpandDepth);
     const [typeStyleMap] = reactExports.useState({
       number: "text-blue-600",
@@ -27444,6 +27402,50 @@ const JsonNode = reactExports.memo(
       default: "text-gray-700"
     });
     const dataType = getDataType(data2);
+    const [copied, setCopied] = reactExports.useState(false);
+    reactExports.useEffect(() => {
+      let timeoutId;
+      if (copied) {
+        timeoutId = setTimeout(() => setCopied(false), 500);
+      }
+      return () => {
+        if (timeoutId) clearTimeout(timeoutId);
+      };
+    }, [copied]);
+    const handleCopyValue = reactExports.useCallback(
+      (value) => {
+        try {
+          let text;
+          const valueType = getDataType(value);
+          switch (valueType) {
+            case "string":
+              text = value;
+              break;
+            case "number":
+            case "boolean":
+              text = String(value);
+              break;
+            case "null":
+              text = "null";
+              break;
+            case "undefined":
+              text = "undefined";
+              break;
+            default:
+              text = JSON.stringify(value);
+          }
+          navigator.clipboard.writeText(text);
+          setCopied(true);
+        } catch (error) {
+          toast2({
+            title: "Error",
+            description: `There was an error coping result into the clipboard: ${error instanceof Error ? error.message : String(error)}`,
+            variant: "destructive"
+          });
+        }
+      },
+      [toast2]
+    );
     const renderCollapsible = (isArray) => {
       const items2 = isArray ? data2 : Object.entries(data2);
       const itemCount = items2.length;
@@ -27511,7 +27513,7 @@ const JsonNode = reactExports.memo(
       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: [
+        return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex mr-1 rounded hover:bg-gray-800/20 group items-start", children: [
           name2 && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "mr-1 text-gray-600 dark:text-gray-400", children: [
             name2,
             ":"
@@ -27529,10 +27531,24 @@ const JsonNode = reactExports.memo(
                 '"'
               ]
             }
+          ),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            Button,
+            {
+              variant: "ghost",
+              className: "ml-1 h-6 w-6 p-0 opacity-0 group-hover:opacity-100",
+              onClick: (e) => {
+                e.stopPropagation();
+                handleCopyValue(value);
+              },
+              "aria-label": name2 ? `Copy value of ${name2}` : "Copy value",
+              title: name2 ? `Copy value of ${name2}` : "Copy value",
+              children: copied ? /* @__PURE__ */ jsxRuntimeExports.jsx(CheckCheck, { className: "size-4 dark:text-green-700 text-green-600" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Copy, { className: "size-4 text-foreground" })
+            }
           )
         ] });
       }
-      return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex mr-1 rounded group hover:bg-gray-800/20", children: [
+      return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex mr-1 rounded group hover:bg-gray-800/20 items-start", 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,
           ":"
@@ -27548,6 +27564,20 @@ const JsonNode = reactExports.memo(
             title: isExpanded ? "Click to collapse" : "Click to expand",
             children: isExpanded ? `"${value}"` : `"${value.slice(0, maxLength)}..."`
           }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          Button,
+          {
+            variant: "ghost",
+            className: "ml-1 h-6 w-6 p-0 opacity-0 group-hover:opacity-100",
+            onClick: (e) => {
+              e.stopPropagation();
+              handleCopyValue(value);
+            },
+            "aria-label": name2 ? `Copy value of ${name2}` : "Copy value",
+            title: name2 ? `Copy value of ${name2}` : "Copy value",
+            children: copied ? /* @__PURE__ */ jsxRuntimeExports.jsx(CheckCheck, { className: "size-4 dark:text-green-700 text-green-600" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Copy, { className: "size-4 text-foreground" })
+          }
         )
       ] });
     };
@@ -27558,12 +27588,26 @@ const JsonNode = reactExports.memo(
       case "string":
         return renderString(data2);
       default:
-        return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center mr-1 rounded hover:bg-gray-800/20", children: [
+        return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center mr-1 rounded hover:bg-gray-800/20 group", 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: data2 === null ? "null" : String(data2) })
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: typeStyleMap[dataType] || typeStyleMap.default, children: data2 === null ? "null" : String(data2) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            Button,
+            {
+              variant: "ghost",
+              className: "ml-1 h-6 w-6 p-0 opacity-0 group-hover:opacity-100",
+              onClick: (e) => {
+                e.stopPropagation();
+                handleCopyValue(data2);
+              },
+              "aria-label": name2 ? `Copy value of ${name2}` : "Copy value",
+              title: name2 ? `Copy value of ${name2}` : "Copy value",
+              children: copied ? /* @__PURE__ */ jsxRuntimeExports.jsx(CheckCheck, { className: "size-4 dark:text-green-700 text-green-600" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Copy, { className: "size-4 text-foreground" })
+            }
+          )
         ] });
     }
   }
@@ -27944,15 +27988,14 @@ function createFocusScopesStack() {
     add(focusScope) {
       const activeFocusScope = stack[0];
       if (focusScope !== activeFocusScope) {
-        activeFocusScope == null ? void 0 : activeFocusScope.pause();
+        activeFocusScope?.pause();
       }
       stack = arrayRemove(stack, focusScope);
       stack.unshift(focusScope);
     },
     remove(focusScope) {
-      var _a;
       stack = arrayRemove(stack, focusScope);
-      (_a = stack[0]) == null ? void 0 : _a.resume();
+      stack[0]?.resume();
     }
   };
 }
@@ -28892,9 +28935,8 @@ var DialogContentModal = reactExports.forwardRef(
         trapFocus: context.open,
         disableOutsidePointerEvents: true,
         onCloseAutoFocus: composeEventHandlers(props.onCloseAutoFocus, (event) => {
-          var _a;
           event.preventDefault();
-          (_a = context.triggerRef.current) == null ? void 0 : _a.focus();
+          context.triggerRef.current?.focus();
         }),
         onPointerDownOutside: composeEventHandlers(props.onPointerDownOutside, (event) => {
           const originalEvent = event.detail.originalEvent;
@@ -28923,18 +28965,16 @@ var DialogContentNonModal = reactExports.forwardRef(
         trapFocus: false,
         disableOutsidePointerEvents: false,
         onCloseAutoFocus: (event) => {
-          var _a, _b;
-          (_a = props.onCloseAutoFocus) == null ? void 0 : _a.call(props, event);
+          props.onCloseAutoFocus?.(event);
           if (!event.defaultPrevented) {
-            if (!hasInteractedOutsideRef.current) (_b = context.triggerRef.current) == null ? void 0 : _b.focus();
+            if (!hasInteractedOutsideRef.current) context.triggerRef.current?.focus();
             event.preventDefault();
           }
           hasInteractedOutsideRef.current = false;
           hasPointerDownOutsideRef.current = false;
         },
         onInteractOutside: (event) => {
-          var _a, _b;
-          (_a = props.onInteractOutside) == null ? void 0 : _a.call(props, event);
+          props.onInteractOutside?.(event);
           if (!event.defaultPrevented) {
             hasInteractedOutsideRef.current = true;
             if (event.detail.originalEvent.type === "pointerdown") {
@@ -28942,7 +28982,7 @@ var DialogContentNonModal = reactExports.forwardRef(
             }
           }
           const target = event.target;
-          const targetIsTrigger = (_b = context.triggerRef.current) == null ? void 0 : _b.contains(target);
+          const targetIsTrigger = context.triggerRef.current?.contains(target);
           if (targetIsTrigger) event.preventDefault();
           if (event.detail.originalEvent.type === "focusin" && hasPointerDownOutsideRef.current) {
             event.preventDefault();
@@ -29054,8 +29094,7 @@ var DescriptionWarning = ({ contentRef, descriptionId }) => {
   const descriptionWarningContext = useWarningContext(DESCRIPTION_WARNING_NAME);
   const MESSAGE = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${descriptionWarningContext.contentName}}.`;
   reactExports.useEffect(() => {
-    var _a;
-    const describedById = (_a = contentRef.current) == null ? void 0 : _a.getAttribute("aria-describedby");
+    const describedById = contentRef.current?.getAttribute("aria-describedby");
     if (descriptionId && describedById) {
       const hasDescription = document.getElementById(descriptionId);
       if (!hasDescription) console.warn(MESSAGE);
@@ -31444,7 +31483,7 @@ var PopperAnchor = reactExports.forwardRef(
     const anchorRef = reactExports.useRef(null);
     reactExports.useEffect(() => {
       const previousAnchor = anchorRef.current;
-      anchorRef.current = (virtualRef == null ? void 0 : virtualRef.current) || ref2.current;
+      anchorRef.current = virtualRef?.current || ref2.current;
       if (previousAnchor !== anchorRef.current) {
         context.onAnchorChange(anchorRef.current);
       }
@@ -31457,7 +31496,6 @@ var CONTENT_NAME$3 = "PopperContent";
 var [PopperContentProvider, useContentContext] = createPopperContext(CONTENT_NAME$3);
 var PopperContent = reactExports.forwardRef(
   (props, forwardedRef) => {
-    var _a, _b, _c, _d, _e2, _f;
     const {
       __scopePopper,
       side = "bottom",
@@ -31479,8 +31517,8 @@ var PopperContent = reactExports.forwardRef(
     const composedRefs = useComposedRefs(forwardedRef, (node) => setContent(node));
     const [arrow$12, setArrow] = reactExports.useState(null);
     const arrowSize = useSize(arrow$12);
-    const arrowWidth = (arrowSize == null ? void 0 : arrowSize.width) ?? 0;
-    const arrowHeight = (arrowSize == null ? void 0 : arrowSize.height) ?? 0;
+    const arrowWidth = arrowSize?.width ?? 0;
+    const arrowHeight = arrowSize?.height ?? 0;
     const desiredPlacement = side + (align !== "center" ? "-" + align : "");
     const collisionPadding = typeof collisionPaddingProp === "number" ? collisionPaddingProp : { top: 0, right: 0, bottom: 0, left: 0, ...collisionPaddingProp };
     const boundary = Array.isArray(collisionBoundary) ? collisionBoundary : [collisionBoundary];
@@ -31533,12 +31571,12 @@ var PopperContent = reactExports.forwardRef(
     const handlePlaced = useCallbackRef$1(onPlaced);
     useLayoutEffect2(() => {
       if (isPositioned) {
-        handlePlaced == null ? void 0 : handlePlaced();
+        handlePlaced?.();
       }
     }, [isPositioned, handlePlaced]);
-    const arrowX = (_a = middlewareData.arrow) == null ? void 0 : _a.x;
-    const arrowY = (_b = middlewareData.arrow) == null ? void 0 : _b.y;
-    const cannotCenterArrow = ((_c = middlewareData.arrow) == null ? void 0 : _c.centerOffset) !== 0;
+    const arrowX = middlewareData.arrow?.x;
+    const arrowY = middlewareData.arrow?.y;
+    const cannotCenterArrow = middlewareData.arrow?.centerOffset !== 0;
     const [contentZIndex, setContentZIndex] = reactExports.useState();
     useLayoutEffect2(() => {
       if (content) setContentZIndex(window.getComputedStyle(content).zIndex);
@@ -31555,13 +31593,13 @@ var PopperContent = reactExports.forwardRef(
           minWidth: "max-content",
           zIndex: contentZIndex,
           ["--radix-popper-transform-origin"]: [
-            (_d = middlewareData.transformOrigin) == null ? void 0 : _d.x,
-            (_e2 = middlewareData.transformOrigin) == null ? void 0 : _e2.y
+            middlewareData.transformOrigin?.x,
+            middlewareData.transformOrigin?.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
           // as if the PopperContent isn't there at all
-          ...((_f = middlewareData.hide) == null ? void 0 : _f.referenceHidden) && {
+          ...middlewareData.hide?.referenceHidden && {
             visibility: "hidden",
             pointerEvents: "none"
           }
@@ -31660,16 +31698,15 @@ var transformOrigin = (options) => ({
   name: "transformOrigin",
   options,
   fn(data2) {
-    var _a, _b, _c;
     const { placement, rects, middlewareData } = data2;
-    const cannotCenterArrow = ((_a = middlewareData.arrow) == null ? void 0 : _a.centerOffset) !== 0;
+    const cannotCenterArrow = middlewareData.arrow?.centerOffset !== 0;
     const isArrowHidden = cannotCenterArrow;
     const arrowWidth = isArrowHidden ? 0 : options.arrowWidth;
     const arrowHeight = isArrowHidden ? 0 : options.arrowHeight;
     const [placedSide, placedAlign] = getSideAndAlignFromPlacement(placement);
     const noArrowAlign = { start: "0%", center: "50%", end: "100%" }[placedAlign];
-    const arrowXCenter = (((_b = middlewareData.arrow) == null ? void 0 : _b.x) ?? 0) + arrowWidth / 2;
-    const arrowYCenter = (((_c = middlewareData.arrow) == null ? void 0 : _c.y) ?? 0) + arrowHeight / 2;
+    const arrowXCenter = (middlewareData.arrow?.x ?? 0) + arrowWidth / 2;
+    const arrowYCenter = (middlewareData.arrow?.y ?? 0) + arrowHeight / 2;
     let x = "";
     let y = "";
     if (placedSide === "bottom") {
@@ -31816,9 +31853,8 @@ var PopoverContentModal = reactExports.forwardRef(
         trapFocus: context.open,
         disableOutsidePointerEvents: true,
         onCloseAutoFocus: composeEventHandlers(props.onCloseAutoFocus, (event) => {
-          var _a;
           event.preventDefault();
-          if (!isRightClickOutsideRef.current) (_a = context.triggerRef.current) == null ? void 0 : _a.focus();
+          if (!isRightClickOutsideRef.current) context.triggerRef.current?.focus();
         }),
         onPointerDownOutside: composeEventHandlers(
           props.onPointerDownOutside,
@@ -31852,18 +31888,16 @@ var PopoverContentNonModal = reactExports.forwardRef(
         trapFocus: false,
         disableOutsidePointerEvents: false,
         onCloseAutoFocus: (event) => {
-          var _a, _b;
-          (_a = props.onCloseAutoFocus) == null ? void 0 : _a.call(props, event);
+          props.onCloseAutoFocus?.(event);
           if (!event.defaultPrevented) {
-            if (!hasInteractedOutsideRef.current) (_b = context.triggerRef.current) == null ? void 0 : _b.focus();
+            if (!hasInteractedOutsideRef.current) context.triggerRef.current?.focus();
             event.preventDefault();
           }
           hasInteractedOutsideRef.current = false;
           hasPointerDownOutsideRef.current = false;
         },
         onInteractOutside: (event) => {
-          var _a, _b;
-          (_a = props.onInteractOutside) == null ? void 0 : _a.call(props, event);
+          props.onInteractOutside?.(event);
           if (!event.defaultPrevented) {
             hasInteractedOutsideRef.current = true;
             if (event.detail.originalEvent.type === "pointerdown") {
@@ -31871,7 +31905,7 @@ var PopoverContentNonModal = reactExports.forwardRef(
             }
           }
           const target = event.target;
-          const targetIsTrigger = (_b = context.triggerRef.current) == null ? void 0 : _b.contains(target);
+          const targetIsTrigger = context.triggerRef.current?.contains(target);
           if (targetIsTrigger) event.preventDefault();
           if (event.detail.originalEvent.type === "focusin" && hasPointerDownOutsideRef.current) {
             event.preventDefault();
@@ -31997,12 +32031,22 @@ function Combobox({
   value,
   onChange,
   onInputChange,
+  onFocus,
   options = [],
   placeholder = "Select...",
   emptyMessage = "No results found.",
   id
 }) {
   const [open, setOpen] = React.useState(false);
+  const handleOpenChange = React.useCallback(
+    (newOpen) => {
+      setOpen(newOpen);
+      if (newOpen && onFocus) {
+        onFocus();
+      }
+    },
+    [onFocus]
+  );
   const handleSelect = React.useCallback(
     (option) => {
       onChange(option);
@@ -32016,7 +32060,7 @@ function Combobox({
     },
     [onInputChange]
   );
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(Popover, { open, onOpenChange: setOpen, children: [
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(Popover, { open, onOpenChange: handleOpenChange, children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
       Button,
       {
@@ -32072,10 +32116,9 @@ var Label$2 = reactExports.forwardRef((props, forwardedRef) => {
       ...props,
       ref: forwardedRef,
       onMouseDown: (event) => {
-        var _a;
         const target = event.target;
         if (target.closest("button, input, select, textarea")) return;
-        (_a = props.onMouseDown) == null ? void 0 : _a.call(props, event);
+        props.onMouseDown?.(event);
         if (!event.defaultPrevented && event.detail > 1) event.preventDefault();
       }
     }
@@ -32138,8 +32181,7 @@ const ListPane = ({
   const handleSearchClick = () => {
     setIsSearchExpanded(true);
     setTimeout(() => {
-      var _a;
-      (_a = searchInputRef.current) == null ? void 0 : _a.focus();
+      searchInputRef.current?.focus();
     }, 100);
   };
   const handleSearchBlur = () => {
@@ -32320,14 +32362,12 @@ const PromptsTab = ({
   nextCursor,
   error
 }) => {
-  var _a;
   const [promptArgs, setPromptArgs] = reactExports.useState({});
   const { completions, clearCompletions, requestCompletions } = useCompletionState(handleCompletion, completionsSupported);
   reactExports.useEffect(() => {
     clearCompletions();
   }, [clearCompletions, selectedPrompt]);
-  const handleInputChange = async (argName, value) => {
-    setPromptArgs((prev) => ({ ...prev, [argName]: value }));
+  const triggerCompletions = (argName, value) => {
     if (selectedPrompt) {
       requestCompletions(
         {
@@ -32340,6 +32380,14 @@ const PromptsTab = ({
       );
     }
   };
+  const handleInputChange = async (argName, value) => {
+    setPromptArgs((prev) => ({ ...prev, [argName]: value }));
+    triggerCompletions(argName, value);
+  };
+  const handleFocus = async (argName) => {
+    const currentValue = promptArgs[argName] || "";
+    triggerCompletions(argName, currentValue);
+  };
   const handleGetPrompt = () => {
     if (selectedPrompt) {
       getPrompt(selectedPrompt.name, promptArgs);
@@ -32373,10 +32421,10 @@ const PromptsTab = ({
       /* @__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 })
+        /* @__PURE__ */ jsxRuntimeExports.jsx(AlertDescription, { className: "break-all", children: error })
       ] }) : selectedPrompt ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-4", children: [
         selectedPrompt.description && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm text-gray-600 dark:text-gray-400", children: selectedPrompt.description }),
-        (_a = selectedPrompt.arguments) == null ? void 0 : _a.map((arg) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+        selectedPrompt.arguments?.map((arg) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(Label$1, { htmlFor: arg.name, children: arg.name }),
           /* @__PURE__ */ jsxRuntimeExports.jsx(
             Combobox,
@@ -32386,6 +32434,7 @@ const PromptsTab = ({
               value: promptArgs[arg.name] || "",
               onChange: (value) => handleInputChange(arg.name, value),
               onInputChange: (value) => handleInputChange(arg.name, value),
+              onFocus: () => handleFocus(arg.name),
               options: completions[arg.name] || []
             }
           ),
@@ -32641,7 +32690,6 @@ const ResourcesTab = ({
   nextTemplateCursor,
   error
 }) => {
-  var _a;
   const [selectedTemplate, setSelectedTemplate] = reactExports.useState(null);
   const [templateValues, setTemplateValues] = reactExports.useState(
     {}
@@ -32655,7 +32703,7 @@ const ResourcesTab = ({
   };
   const handleTemplateValueChange = async (key, value) => {
     setTemplateValues((prev) => ({ ...prev, [key]: value }));
-    if (selectedTemplate == null ? void 0 : selectedTemplate.uriTemplate) {
+    if (selectedTemplate?.uriTemplate) {
       requestCompletions(
         {
           type: "ref/resource",
@@ -32734,7 +32782,7 @@ const ResourcesTab = ({
           "h3",
           {
             className: "font-semibold truncate",
-            title: (selectedResource == null ? void 0 : selectedResource.name) || (selectedTemplate == null ? void 0 : selectedTemplate.name),
+            title: selectedResource?.name || selectedTemplate?.name,
             children: selectedResource ? selectedResource.name : selectedTemplate ? selectedTemplate.name : "Select a resource or template"
           }
         ),
@@ -32774,7 +32822,7 @@ const ResourcesTab = ({
       /* @__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 })
+        /* @__PURE__ */ jsxRuntimeExports.jsx(AlertDescription, { className: "break-all", children: error })
       ] }) : selectedResource ? /* @__PURE__ */ jsxRuntimeExports.jsx(
         JsonView,
         {
@@ -32783,9 +32831,9 @@ const ResourcesTab = ({
         }
       ) : selectedTemplate ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-4", children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm text-gray-600 dark:text-gray-400", children: selectedTemplate.description }),
-        (_a = new UriTemplate(
+        new UriTemplate(
           selectedTemplate.uriTemplate
-        ).variableNames) == null ? void 0 : _a.map((key) => {
+        ).variableNames?.map((key) => {
           return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
             /* @__PURE__ */ jsxRuntimeExports.jsx(Label$1, { htmlFor: key, children: key }),
             /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -34955,7 +35003,6 @@ const DynamicJsonForm = reactExports.forwardRef(
       validateJson
     }));
     const renderFormFields = (propSchema, currentValue, path = [], depth = 0, parentSchema, propertyName) => {
-      var _a, _b, _c;
       if (depth >= maxDepth && (propSchema.type === "object" || propSchema.type === "array")) {
         return /* @__PURE__ */ jsxRuntimeExports.jsx(
           JsonEditor,
@@ -34980,7 +35027,7 @@ const DynamicJsonForm = reactExports.forwardRef(
           }
         );
       }
-      const isRequired = ((_a = parentSchema == null ? void 0 : parentSchema.required) == null ? void 0 : _a.includes(propertyName || "")) ?? false;
+      const isRequired = parentSchema?.required?.includes(propertyName || "") ?? false;
       let fieldType = propSchema.type;
       if (Array.isArray(fieldType)) {
         fieldType = fieldType.find((t) => t !== "null") ?? fieldType[0];
@@ -35080,7 +35127,7 @@ const DynamicJsonForm = reactExports.forwardRef(
             Input,
             {
               type: "number",
-              value: (currentValue == null ? void 0 : currentValue.toString()) ?? "",
+              value: currentValue?.toString() ?? "",
               onChange: (e) => {
                 const val = e.target.value;
                 if (!val && !isRequired) {
@@ -35104,7 +35151,7 @@ const DynamicJsonForm = reactExports.forwardRef(
             {
               type: "number",
               step: "1",
-              value: (currentValue == null ? void 0 : currentValue.toString()) ?? "",
+              value: currentValue?.toString() ?? "",
               onChange: (e) => {
                 const val = e.target.value;
                 if (!val && !isRequired) {
@@ -35156,30 +35203,27 @@ const DynamicJsonForm = reactExports.forwardRef(
               }
             );
           }
-          return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "space-y-2 border rounded p-3", children: Object.entries(propSchema.properties).map(([key, subSchema]) => {
-            var _a2;
-            return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { className: "block text-sm font-medium mb-1", children: [
-                key,
-                ((_a2 = propSchema.required) == null ? void 0 : _a2.includes(key)) && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-red-500 ml-1", children: "*" })
-              ] }),
-              renderFormFields(
-                subSchema,
-                currentValue == null ? void 0 : currentValue[key],
-                [...path, key],
-                depth + 1,
-                propSchema,
-                key
-              )
-            ] }, key);
-          }) });
+          return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "space-y-2 border rounded p-3", children: Object.entries(propSchema.properties).map(([key, subSchema]) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { className: "block text-sm font-medium mb-1", children: [
+              key,
+              propSchema.required?.includes(key) && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-red-500 ml-1", children: "*" })
+            ] }),
+            renderFormFields(
+              subSchema,
+              currentValue?.[key],
+              [...path, key],
+              depth + 1,
+              propSchema,
+              key
+            )
+          ] }, key)) });
         case "array": {
           const arrayValue = Array.isArray(currentValue) ? currentValue : [];
           if (!propSchema.items) return null;
           if (isSimpleObject(propSchema.items)) {
             return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-4", children: [
               propSchema.description && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm text-gray-600", children: propSchema.description }),
-              ((_b = propSchema.items) == null ? void 0 : _b.description) && /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "text-sm text-gray-500", children: [
+              propSchema.items?.description && /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "text-sm text-gray-500", children: [
                 "Items: ",
                 propSchema.items.description
               ] }),
@@ -35216,7 +35260,7 @@ const DynamicJsonForm = reactExports.forwardRef(
                       );
                       handleFieldChange(path, [...arrayValue, defaultValue]);
                     },
-                    title: ((_c = propSchema.items) == null ? void 0 : _c.description) ? `Add new ${propSchema.items.description}` : "Add new item",
+                    title: propSchema.items?.description ? `Add new ${propSchema.items.description}` : "Add new item",
                     children: "Add Item"
                   }
                 )
@@ -35329,7 +35373,6 @@ const SamplingRequest = ({
   request,
   onReject
 }) => {
-  var _a;
   const { toast: toast2 } = useToast();
   const [messageResult, setMessageResult] = reactExports.useState({
     model: "stub-model",
@@ -35340,7 +35383,7 @@ const SamplingRequest = ({
       text: ""
     }
   });
-  const contentType = (_a = messageResult == null ? void 0 : messageResult.content) == null ? void 0 : _a.type;
+  const contentType = messageResult?.content?.type;
   const schema = reactExports.useMemo(() => {
     const s = {
       type: "object",
@@ -35358,7 +35401,7 @@ const SamplingRequest = ({
         },
         role: {
           type: "string",
-          default: "endTurn",
+          default: "assistant",
           description: "Role of the model"
         },
         content: {
@@ -35784,10 +35827,10 @@ var SelectContentImpl = reactExports.forwardRef(
         const PREVIOUSLY_FOCUSED_ELEMENT = document.activeElement;
         for (const candidate of candidates) {
           if (candidate === PREVIOUSLY_FOCUSED_ELEMENT) return;
-          candidate == null ? void 0 : candidate.scrollIntoView({ block: "nearest" });
+          candidate?.scrollIntoView({ block: "nearest" });
           if (candidate === firstItem && viewport) viewport.scrollTop = 0;
           if (candidate === lastItem && viewport) viewport.scrollTop = viewport.scrollHeight;
-          candidate == null ? void 0 : candidate.focus();
+          candidate?.focus();
           if (document.activeElement !== PREVIOUSLY_FOCUSED_ELEMENT) return;
         }
       },
@@ -35807,10 +35850,9 @@ var SelectContentImpl = reactExports.forwardRef(
       if (content) {
         let pointerMoveDelta = { x: 0, y: 0 };
         const handlePointerMove = (event) => {
-          var _a, _b;
           pointerMoveDelta = {
-            x: Math.abs(Math.round(event.pageX) - (((_a = triggerPointerDownPosRef.current) == null ? void 0 : _a.x) ?? 0)),
-            y: Math.abs(Math.round(event.pageY) - (((_b = triggerPointerDownPosRef.current) == null ? void 0 : _b.y) ?? 0))
+            x: Math.abs(Math.round(event.pageX) - (triggerPointerDownPosRef.current?.x ?? 0)),
+            y: Math.abs(Math.round(event.pageY) - (triggerPointerDownPosRef.current?.y ?? 0))
           };
         };
         const handlePointerUp = (event) => {
@@ -35862,7 +35904,7 @@ var SelectContentImpl = reactExports.forwardRef(
       },
       [context.value]
     );
-    const handleItemLeave = reactExports.useCallback(() => content == null ? void 0 : content.focus(), [content]);
+    const handleItemLeave = reactExports.useCallback(() => content?.focus(), [content]);
     const itemTextRefCallback = reactExports.useCallback(
       (node, value, disabled) => {
         const isFirstValidItem = !firstValidItemFoundRef.current && !disabled;
@@ -35911,8 +35953,7 @@ var SelectContentImpl = reactExports.forwardRef(
               event.preventDefault();
             },
             onUnmountAutoFocus: composeEventHandlers(onCloseAutoFocus, (event) => {
-              var _a;
-              (_a = context.trigger) == null ? void 0 : _a.focus({ preventScroll: true });
+              context.trigger?.focus({ preventScroll: true });
               event.preventDefault();
             }),
             children: /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -36070,7 +36111,7 @@ var SelectItemAlignedPosition = reactExports.forwardRef((props, forwardedRef) =>
       contentWrapper.style.margin = `${CONTENT_MARGIN}px 0`;
       contentWrapper.style.minHeight = minContentHeight + "px";
       contentWrapper.style.maxHeight = availableHeight + "px";
-      onPlaced == null ? void 0 : onPlaced();
+      onPlaced?.();
       requestAnimationFrame(() => shouldExpandOnScrollRef.current = true);
     }
   }, [
@@ -36094,7 +36135,7 @@ var SelectItemAlignedPosition = reactExports.forwardRef((props, forwardedRef) =>
     (node) => {
       if (node && shouldRepositionRef.current === true) {
         position();
-        focusSelectedItem == null ? void 0 : focusSelectedItem();
+        focusSelectedItem?.();
         shouldRepositionRef.current = false;
       }
     },
@@ -36214,7 +36255,7 @@ var SelectViewport = reactExports.forwardRef(
           onScroll: composeEventHandlers(viewportProps.onScroll, (event) => {
             const viewport = event.currentTarget;
             const { contentWrapper, shouldExpandOnScrollRef } = viewportContext;
-            if ((shouldExpandOnScrollRef == null ? void 0 : shouldExpandOnScrollRef.current) && contentWrapper) {
+            if (shouldExpandOnScrollRef?.current && contentWrapper) {
               const scrolledBy = Math.abs(prevScrollTopRef.current - viewport.scrollTop);
               if (scrolledBy > 0) {
                 const availableHeight = window.innerHeight - CONTENT_MARGIN * 2;
@@ -36278,10 +36319,7 @@ var SelectItem$1 = reactExports.forwardRef(
     const [isFocused, setIsFocused] = reactExports.useState(false);
     const composedRefs = useComposedRefs(
       forwardedRef,
-      (node) => {
-        var _a;
-        return (_a = contentContext.itemRefCallback) == null ? void 0 : _a.call(contentContext, node, value, disabled);
-      }
+      (node) => contentContext.itemRefCallback?.(node, value, disabled)
     );
     const textId = useId();
     const pointerTypeRef = reactExports.useRef("touch");
@@ -36305,7 +36343,7 @@ var SelectItem$1 = reactExports.forwardRef(
         textId,
         isSelected,
         onItemTextChange: reactExports.useCallback((node) => {
-          setTextValue((prevTextValue) => prevTextValue || ((node == null ? void 0 : node.textContent) ?? "").trim());
+          setTextValue((prevTextValue) => prevTextValue || (node?.textContent ?? "").trim());
         }, []),
         children: /* @__PURE__ */ jsxRuntimeExports.jsx(
           Collection.ItemSlot,
@@ -36339,23 +36377,20 @@ var SelectItem$1 = reactExports.forwardRef(
                   pointerTypeRef.current = event.pointerType;
                 }),
                 onPointerMove: composeEventHandlers(itemProps.onPointerMove, (event) => {
-                  var _a;
                   pointerTypeRef.current = event.pointerType;
                   if (disabled) {
-                    (_a = contentContext.onItemLeave) == null ? void 0 : _a.call(contentContext);
+                    contentContext.onItemLeave?.();
                   } else if (pointerTypeRef.current === "mouse") {
                     event.currentTarget.focus({ preventScroll: true });
                   }
                 }),
                 onPointerLeave: composeEventHandlers(itemProps.onPointerLeave, (event) => {
-                  var _a;
                   if (event.currentTarget === document.activeElement) {
-                    (_a = contentContext.onItemLeave) == null ? void 0 : _a.call(contentContext);
+                    contentContext.onItemLeave?.();
                   }
                 }),
                 onKeyDown: composeEventHandlers(itemProps.onKeyDown, (event) => {
-                  var _a;
-                  const isTypingAhead = ((_a = contentContext.searchRef) == null ? void 0 : _a.current) !== "";
+                  const isTypingAhead = contentContext.searchRef?.current !== "";
                   if (isTypingAhead && event.key === " ") return;
                   if (SELECTION_KEYS.includes(event.key)) handleSelect();
                   if (event.key === " ") event.preventDefault();
@@ -36382,12 +36417,9 @@ var SelectItemText = reactExports.forwardRef(
       forwardedRef,
       (node) => setItemTextNode(node),
       itemContext.onItemTextChange,
-      (node) => {
-        var _a;
-        return (_a = contentContext.itemTextRefCallback) == null ? void 0 : _a.call(contentContext, node, itemContext.value, itemContext.disabled);
-      }
+      (node) => contentContext.itemTextRefCallback?.(node, itemContext.value, itemContext.disabled)
     );
-    const textContent = itemTextNode == null ? void 0 : itemTextNode.textContent;
+    const textContent = itemTextNode?.textContent;
     const nativeOption = reactExports.useMemo(
       () => /* @__PURE__ */ jsxRuntimeExports.jsx("option", { value: itemContext.value, disabled: itemContext.disabled, children: textContent }, itemContext.value),
       [itemContext.disabled, itemContext.value, textContent]
@@ -36495,9 +36527,8 @@ var SelectScrollButtonImpl = reactExports.forwardRef((props, forwardedRef) => {
     return () => clearAutoScrollTimer();
   }, [clearAutoScrollTimer]);
   useLayoutEffect2(() => {
-    var _a;
     const activeItem = getItems().find((item) => item.ref.current === document.activeElement);
-    (_a = activeItem == null ? void 0 : activeItem.ref.current) == null ? void 0 : _a.scrollIntoView({ block: "nearest" });
+    activeItem?.ref.current?.scrollIntoView({ block: "nearest" });
   }, [getItems]);
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     Primitive.div,
@@ -36512,8 +36543,7 @@ var SelectScrollButtonImpl = reactExports.forwardRef((props, forwardedRef) => {
         }
       }),
       onPointerMove: composeEventHandlers(scrollIndicatorProps.onPointerMove, () => {
-        var _a;
-        (_a = contentContext.onItemLeave) == null ? void 0 : _a.call(contentContext);
+        contentContext.onItemLeave?.();
         if (autoScrollTimerRef.current === null) {
           autoScrollTimerRef.current = window.setInterval(onAutoScroll, 50);
         }
@@ -36778,7 +36808,7 @@ const useTheme = () => {
     [theme, setThemeWithSideEffect]
   );
 };
-const version = "0.17.0";
+const version = "0.17.2";
 var [createTooltipContext] = createContextScope("Tooltip", [
   createPopperScope
 ]);
@@ -36859,7 +36889,7 @@ var Tooltip$1 = (props) => {
       } else {
         providerContext.onClose();
       }
-      onOpenChange == null ? void 0 : onOpenChange(open2);
+      onOpenChange?.(open2);
     },
     caller: TOOLTIP_NAME
   });
@@ -37031,7 +37061,7 @@ var TooltipContentHoverable = reactExports.forwardRef((props, forwardedRef) => {
       const handleTrackPointerGrace = (event) => {
         const target = event.target;
         const pointerPosition = { x: event.clientX, y: event.clientY };
-        const hasEnteredTarget = (trigger == null ? void 0 : trigger.contains(target)) || (content == null ? void 0 : content.contains(target));
+        const hasEnteredTarget = trigger?.contains(target) || content?.contains(target);
         const isPointerOutsideGraceArea = !isPointInPolygon(pointerPosition, pointerGraceArea);
         if (hasEnteredTarget) {
           handleRemoveGraceArea();
@@ -37069,7 +37099,7 @@ var TooltipContentImpl = reactExports.forwardRef(
       if (context.trigger) {
         const handleScroll2 = (event) => {
           const target = event.target;
-          if (target == null ? void 0 : target.contains(context.trigger)) onClose();
+          if (target?.contains(context.trigger)) onClose();
         };
         window.addEventListener("scroll", handleScroll2, { capture: true });
         return () => window.removeEventListener("scroll", handleScroll2, { capture: true });
@@ -37444,7 +37474,7 @@ const createEmptyHeader = () => ({
 });
 const createHeaderFromBearerToken = (bearerToken, headerName) => ({
   name: headerName || "Authorization",
-  value: (headerName == null ? void 0 : headerName.toLowerCase()) === "authorization" || !headerName ? `Bearer ${bearerToken}` : bearerToken,
+  value: headerName?.toLowerCase() === "authorization" || !headerName ? `Bearer ${bearerToken}` : bearerToken,
   enabled: true
 });
 const migrateFromLegacyAuth = (bearerToken, headerName) => {
@@ -37665,6 +37695,8 @@ const Sidebar = ({
   setCustomHeaders,
   oauthClientId,
   setOauthClientId,
+  oauthClientSecret,
+  setOauthClientSecret,
   oauthScope,
   setOauthScope,
   onConnect,
@@ -37682,6 +37714,7 @@ const Sidebar = ({
   const [showAuthConfig, setShowAuthConfig] = reactExports.useState(false);
   const [showConfig, setShowConfig] = reactExports.useState(false);
   const [shownEnvVars, setShownEnvVars] = reactExports.useState(/* @__PURE__ */ new Set());
+  const [showClientSecret, setShowClientSecret] = reactExports.useState(false);
   const [copiedServerEntry, setCopiedServerEntry] = reactExports.useState(false);
   const [copiedServerFile, setCopiedServerFile] = reactExports.useState(false);
   const { toast: toast2 } = useToast();
@@ -38085,6 +38118,33 @@ const Sidebar = ({
                   className: "font-mono"
                 }
               ),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("label", { className: "text-sm font-medium", children: "Client Secret" }),
+              /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex gap-2", children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  Input,
+                  {
+                    type: showClientSecret ? "text" : "password",
+                    placeholder: "Client Secret (optional)",
+                    onChange: (e) => setOauthClientSecret(e.target.value),
+                    value: oauthClientSecret,
+                    "data-testid": "oauth-client-secret-input",
+                    className: "font-mono"
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  Button,
+                  {
+                    variant: "outline",
+                    size: "icon",
+                    className: "h-9 w-9 p-0 shrink-0",
+                    onClick: () => setShowClientSecret(!showClientSecret),
+                    "aria-label": showClientSecret ? "Hide secret" : "Show secret",
+                    "aria-pressed": showClientSecret,
+                    title: showClientSecret ? "Hide secret" : "Show secret",
+                    children: showClientSecret ? /* @__PURE__ */ jsxRuntimeExports.jsx(Eye, { className: "h-4 w-4", "aria-hidden": "true" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(EyeOff, { className: "h-4 w-4", "aria-hidden": "true" })
+                  }
+                )
+              ] }),
               /* @__PURE__ */ jsxRuntimeExports.jsx("label", { className: "text-sm font-medium", children: "Redirect URL" }),
               /* @__PURE__ */ jsxRuntimeExports.jsx(
                 Input,
@@ -38245,12 +38305,11 @@ const Sidebar = ({
             }
           ),
           /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-sm text-gray-600 dark:text-gray-400", children: (() => {
-            var _a;
             switch (connectionStatus) {
               case "connected":
                 return "Connected";
               case "error": {
-                const hasProxyToken = (_a = config.MCP_PROXY_AUTH_TOKEN) == null ? void 0 : _a.value;
+                const hasProxyToken = config.MCP_PROXY_AUTH_TOKEN?.value;
                 if (!hasProxyToken) {
                   return "Connection Error - Did you add the proxy session token in Configuration?";
                 }
@@ -38416,7 +38475,7 @@ var CheckboxTrigger = reactExports.forwardRef(
     const composedRefs = useComposedRefs(forwardedRef, setControl);
     const initialCheckedStateRef = reactExports.useRef(checked);
     reactExports.useEffect(() => {
-      const form = control == null ? void 0 : control.form;
+      const form = control?.form;
       if (form) {
         const reset = () => setChecked(initialCheckedStateRef.current);
         form.addEventListener("reset", reset);
@@ -38804,40 +38863,37 @@ const ToolResults = ({
             }
           )
         ] }),
-        structuredResult.content.map((item, index2) => {
-          var _a, _b;
-          return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mb-2", children: [
-            item.type === "text" && /* @__PURE__ */ jsxRuntimeExports.jsx(JsonView, { data: item.text, isError }),
-            item.type === "image" && /* @__PURE__ */ jsxRuntimeExports.jsx(
-              "img",
-              {
-                src: `data:${item.mimeType};base64,${item.data}`,
-                alt: "Tool result image",
-                className: "max-w-full h-auto"
-              }
-            ),
-            item.type === "resource" && (((_b = (_a = item.resource) == null ? void 0 : _a.mimeType) == null ? void 0 : _b.startsWith("audio/")) ? /* @__PURE__ */ jsxRuntimeExports.jsx(
-              "audio",
-              {
-                controls: true,
-                src: `data:${item.resource.mimeType};base64,${item.resource.blob}`,
-                className: "w-full",
-                children: /* @__PURE__ */ jsxRuntimeExports.jsx("p", { children: "Your browser does not support audio playback" })
-              }
-            ) : /* @__PURE__ */ jsxRuntimeExports.jsx(JsonView, { data: item.resource })),
-            item.type === "resource_link" && /* @__PURE__ */ jsxRuntimeExports.jsx(
-              ResourceLinkView,
-              {
-                uri: item.uri,
-                name: item.name,
-                description: item.description,
-                mimeType: item.mimeType,
-                resourceContent: resourceContent[item.uri] || "",
-                onReadResource
-              }
-            )
-          ] }, index2);
-        })
+        structuredResult.content.map((item, index2) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mb-2", children: [
+          item.type === "text" && /* @__PURE__ */ jsxRuntimeExports.jsx(JsonView, { data: item.text, isError }),
+          item.type === "image" && /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "img",
+            {
+              src: `data:${item.mimeType};base64,${item.data}`,
+              alt: "Tool result image",
+              className: "max-w-full h-auto"
+            }
+          ),
+          item.type === "resource" && (item.resource?.mimeType?.startsWith("audio/") ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "audio",
+            {
+              controls: true,
+              src: `data:${item.resource.mimeType};base64,${item.resource.blob}`,
+              className: "w-full",
+              children: /* @__PURE__ */ jsxRuntimeExports.jsx("p", { children: "Your browser does not support audio playback" })
+            }
+          ) : /* @__PURE__ */ jsxRuntimeExports.jsx(JsonView, { data: item.resource })),
+          item.type === "resource_link" && /* @__PURE__ */ jsxRuntimeExports.jsx(
+            ResourceLinkView,
+            {
+              uri: item.uri,
+              name: item.name,
+              description: item.description,
+              mimeType: item.mimeType,
+              resourceContent: resourceContent[item.uri] || "",
+              onReadResource
+            }
+          )
+        ] }, index2))
       ] })
     ] });
   } else if ("toolResult" in toolResult) {
@@ -38879,13 +38935,13 @@ const ToolsTab = ({
   };
   reactExports.useEffect(() => {
     const params2 = Object.entries(
-      (selectedTool == null ? void 0 : selectedTool.inputSchema.properties) ?? []
+      selectedTool?.inputSchema.properties ?? []
     ).map(([key, value]) => [
       key,
       generateDefaultValue(
         value,
         key,
-        selectedTool == null ? void 0 : selectedTool.inputSchema
+        selectedTool?.inputSchema
       )
     ]);
     setParams(Object.fromEntries(params2));
@@ -38905,7 +38961,7 @@ const ToolsTab = ({
         setSelectedItem: setSelectedTool,
         renderItem: (tool) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col items-start", children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "flex-1", children: tool.name }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-sm text-gray-500 text-left", children: tool.description })
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-sm text-gray-500 text-left line-clamp-3", children: tool.description })
         ] }),
         title: "Tools",
         buttonText: nextCursor ? "List More Tools" : "List Tools",
@@ -38918,141 +38974,199 @@ const ToolsTab = ({
         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 })
+          /* @__PURE__ */ jsxRuntimeExports.jsx(AlertDescription, { className: "break-all", children: error })
         ] }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm text-gray-600 dark:text-gray-400", children: selectedTool.description }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm text-gray-600 dark:text-gray-400 whitespace-pre-wrap max-h-48 overflow-y-auto", children: selectedTool.description }),
         Object.entries(selectedTool.inputSchema.properties ?? []).map(
           ([key, value]) => {
             const prop = normalizeUnionType(value);
             const inputSchema = selectedTool.inputSchema;
             const required2 = isPropertyRequired(key, inputSchema);
             return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsxs(
-                Label$1,
-                {
-                  htmlFor: key,
-                  className: "block text-sm font-medium text-gray-700 dark:text-gray-300",
-                  children: [
-                    key,
-                    required2 && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-red-500 ml-1", children: "*" })
-                  ]
-                }
-              ),
-              prop.type === "boolean" ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center space-x-2 mt-2", children: [
-                /* @__PURE__ */ jsxRuntimeExports.jsx(
-                  Checkbox,
-                  {
-                    id: key,
-                    name: key,
-                    checked: !!params[key],
-                    onCheckedChange: (checked) => setParams({
-                      ...params,
-                      [key]: checked
-                    })
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntimeExports.jsx(
-                  "label",
+              /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex justify-between", children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                  Label$1,
                   {
                     htmlFor: key,
-                    className: "text-sm font-medium text-gray-700 dark:text-gray-300",
-                    children: prop.description || "Toggle this option"
+                    className: "block text-sm font-medium text-gray-700 dark:text-gray-300",
+                    children: [
+                      key,
+                      required2 && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-red-500 ml-1", children: "*" })
+                    ]
                   }
-                )
-              ] }) : prop.type === "string" ? /* @__PURE__ */ jsxRuntimeExports.jsx(
-                Textarea,
-                {
-                  id: key,
-                  name: key,
-                  placeholder: prop.description,
-                  value: params[key] === void 0 ? "" : String(params[key]),
-                  onChange: (e) => {
-                    const value2 = e.target.value;
-                    if (value2 === "") {
-                      setParams({
-                        ...params,
-                        [key]: void 0
-                      });
-                    } else {
-                      setParams({
+                ),
+                prop.nullable ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center space-x-2", children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(
+                    Checkbox,
+                    {
+                      id: key,
+                      name: key,
+                      checked: params[key] === null,
+                      onCheckedChange: (checked) => setParams({
                         ...params,
-                        [key]: value2
-                      });
+                        [key]: checked ? null : prop.default !== null ? prop.default : prop.type === "boolean" ? false : prop.type === "string" ? "" : prop.type === "number" || prop.type === "integer" ? void 0 : void 0
+                      })
                     }
-                  },
-                  className: "mt-1"
-                }
-              ) : prop.type === "object" || prop.type === "array" ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-1", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-                DynamicJsonForm,
-                {
-                  ref: (ref2) => formRefs.current[key] = ref2,
-                  schema: {
-                    type: prop.type,
-                    properties: prop.properties,
-                    description: prop.description,
-                    items: prop.items
-                  },
-                  value: params[key] ?? generateDefaultValue(prop),
-                  onChange: (newValue) => {
-                    setParams({
-                      ...params,
-                      [key]: newValue
-                    });
-                    setTimeout(checkValidationErrors, 100);
-                  }
-                }
-              ) }) : prop.type === "number" || prop.type === "integer" ? /* @__PURE__ */ jsxRuntimeExports.jsx(
-                Input,
+                  ),
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(
+                    "label",
+                    {
+                      htmlFor: key,
+                      className: "text-sm font-medium text-gray-700 dark:text-gray-300",
+                      children: "null"
+                    }
+                  )
+                ] }) : null
+              ] }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(
+                "div",
                 {
-                  type: "number",
-                  id: key,
-                  name: key,
-                  placeholder: prop.description,
-                  value: params[key] === void 0 ? "" : String(params[key]),
-                  onChange: (e) => {
-                    const value2 = e.target.value;
-                    if (value2 === "") {
-                      setParams({
-                        ...params,
-                        [key]: void 0
-                      });
-                    } else {
-                      const num = Number(value2);
-                      if (!isNaN(num)) {
+                  role: "toolinputwrapper",
+                  className: `${prop.nullable && params[key] === null ? "pointer-events-none opacity-50" : ""}`,
+                  children: prop.type === "boolean" ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center space-x-2 mt-2", children: [
+                    /* @__PURE__ */ jsxRuntimeExports.jsx(
+                      Checkbox,
+                      {
+                        id: key,
+                        name: key,
+                        checked: !!params[key],
+                        onCheckedChange: (checked) => setParams({
+                          ...params,
+                          [key]: checked
+                        })
+                      }
+                    ),
+                    /* @__PURE__ */ jsxRuntimeExports.jsx(
+                      "label",
+                      {
+                        htmlFor: key,
+                        className: "text-sm font-medium text-gray-700 dark:text-gray-300",
+                        children: prop.description || "Toggle this option"
+                      }
+                    )
+                  ] }) : prop.type === "string" && prop.enum ? /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                    Select,
+                    {
+                      value: params[key] === void 0 ? "" : String(params[key]),
+                      onValueChange: (value2) => {
+                        if (value2 === "") {
+                          setParams({
+                            ...params,
+                            [key]: void 0
+                          });
+                        } else {
+                          setParams({
+                            ...params,
+                            [key]: value2
+                          });
+                        }
+                      },
+                      children: [
+                        /* @__PURE__ */ jsxRuntimeExports.jsx(SelectTrigger, { id: key, className: "mt-1", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                          SelectValue,
+                          {
+                            placeholder: prop.description || "Select an option"
+                          }
+                        ) }),
+                        /* @__PURE__ */ jsxRuntimeExports.jsx(SelectContent, { children: prop.enum.map((option) => /* @__PURE__ */ jsxRuntimeExports.jsx(SelectItem, { value: option, children: option }, option)) })
+                      ]
+                    }
+                  ) : prop.type === "string" ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+                    Textarea,
+                    {
+                      id: key,
+                      name: key,
+                      placeholder: prop.description,
+                      value: params[key] === void 0 ? "" : String(params[key]),
+                      onChange: (e) => {
+                        const value2 = e.target.value;
+                        if (value2 === "") {
+                          setParams({
+                            ...params,
+                            [key]: void 0
+                          });
+                        } else {
+                          setParams({
+                            ...params,
+                            [key]: value2
+                          });
+                        }
+                      },
+                      className: "mt-1"
+                    }
+                  ) : prop.type === "object" || prop.type === "array" ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-1", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                    DynamicJsonForm,
+                    {
+                      ref: (ref2) => formRefs.current[key] = ref2,
+                      schema: {
+                        type: prop.type,
+                        properties: prop.properties,
+                        description: prop.description,
+                        items: prop.items
+                      },
+                      value: params[key] ?? generateDefaultValue(prop),
+                      onChange: (newValue) => {
                         setParams({
                           ...params,
-                          [key]: num
+                          [key]: newValue
                         });
-                      } else {
+                        setTimeout(checkValidationErrors, 100);
+                      }
+                    }
+                  ) }) : prop.type === "number" || prop.type === "integer" ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+                    Input,
+                    {
+                      type: "number",
+                      id: key,
+                      name: key,
+                      placeholder: prop.description,
+                      value: params[key] === void 0 ? "" : String(params[key]),
+                      onChange: (e) => {
+                        const value2 = e.target.value;
+                        if (value2 === "") {
+                          setParams({
+                            ...params,
+                            [key]: void 0
+                          });
+                        } else {
+                          const num = Number(value2);
+                          if (!isNaN(num)) {
+                            setParams({
+                              ...params,
+                              [key]: num
+                            });
+                          } else {
+                            setParams({
+                              ...params,
+                              [key]: value2
+                            });
+                          }
+                        }
+                      },
+                      className: "mt-1"
+                    }
+                  ) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-1", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                    DynamicJsonForm,
+                    {
+                      ref: (ref2) => formRefs.current[key] = ref2,
+                      schema: {
+                        type: prop.type,
+                        properties: prop.properties,
+                        description: prop.description,
+                        items: prop.items
+                      },
+                      value: params[key],
+                      onChange: (newValue) => {
                         setParams({
                           ...params,
-                          [key]: value2
+                          [key]: newValue
                         });
+                        setTimeout(checkValidationErrors, 100);
                       }
                     }
-                  },
-                  className: "mt-1"
-                }
-              ) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-1", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-                DynamicJsonForm,
-                {
-                  ref: (ref2) => formRefs.current[key] = ref2,
-                  schema: {
-                    type: prop.type,
-                    properties: prop.properties,
-                    description: prop.description,
-                    items: prop.items
-                  },
-                  value: params[key],
-                  onChange: (newValue) => {
-                    setParams({
-                      ...params,
-                      [key]: newValue
-                    });
-                    setTimeout(checkValidationErrors, 100);
-                  }
+                  ) })
                 }
-              ) })
+              )
             ] }, key);
           }
         ),
@@ -39311,7 +39425,6 @@ const ElicitationTab = ({ pendingRequests, onResolve }) => {
 };
 const CONFIG_LOCAL_STORAGE_KEY = "inspectorConfig_v1";
 const App = () => {
-  var _a;
   const [resources, setResources] = reactExports.useState([]);
   const [resourceTemplates, setResourceTemplates] = reactExports.useState([]);
   const [resourceContent, setResourceContent] = reactExports.useState("");
@@ -39353,6 +39466,9 @@ const App = () => {
   const [oauthScope, setOauthScope] = reactExports.useState(() => {
     return localStorage.getItem("lastOauthScope") || "";
   });
+  const [oauthClientSecret, setOauthClientSecret] = reactExports.useState(() => {
+    return localStorage.getItem("lastOauthClientSecret") || "";
+  });
   const [customHeaders, setCustomHeaders] = reactExports.useState(() => {
     const savedHeaders = localStorage.getItem("lastCustomHeaders");
     if (savedHeaders) {
@@ -39434,6 +39550,7 @@ const App = () => {
     env,
     customHeaders,
     oauthClientId,
+    oauthClientSecret,
     oauthScope,
     config,
     connectionType,
@@ -39474,9 +39591,9 @@ const App = () => {
     if (serverCapabilities) {
       const hash = window.location.hash.slice(1);
       const validTabs = [
-        ...(serverCapabilities == null ? void 0 : serverCapabilities.resources) ? ["resources"] : [],
-        ...(serverCapabilities == null ? void 0 : serverCapabilities.prompts) ? ["prompts"] : [],
-        ...(serverCapabilities == null ? void 0 : serverCapabilities.tools) ? ["tools"] : [],
+        ...serverCapabilities?.resources ? ["resources"] : [],
+        ...serverCapabilities?.prompts ? ["prompts"] : [],
+        ...serverCapabilities?.tools ? ["tools"] : [],
         "ping",
         "sampling",
         "elicitations",
@@ -39485,7 +39602,7 @@ const App = () => {
       ];
       const isValidTab = validTabs.includes(hash);
       if (!isValidTab) {
-        const defaultTab = (serverCapabilities == null ? void 0 : serverCapabilities.resources) ? "resources" : (serverCapabilities == null ? void 0 : serverCapabilities.prompts) ? "prompts" : (serverCapabilities == null ? void 0 : serverCapabilities.tools) ? "tools" : "ping";
+        const defaultTab = serverCapabilities?.resources ? "resources" : serverCapabilities?.prompts ? "prompts" : serverCapabilities?.tools ? "tools" : "ping";
         setActiveTab(defaultTab);
         window.location.hash = defaultTab;
       }
@@ -39539,6 +39656,9 @@ const App = () => {
   reactExports.useEffect(() => {
     localStorage.setItem("lastOauthScope", oauthScope);
   }, [oauthScope]);
+  reactExports.useEffect(() => {
+    localStorage.setItem("lastOauthClientSecret", oauthClientSecret);
+  }, [oauthClientSecret]);
   reactExports.useEffect(() => {
     saveInspectorConfig(CONFIG_LOCAL_STORAGE_KEY, config);
   }, [config]);
@@ -39662,7 +39782,7 @@ const App = () => {
   }, [roots]);
   reactExports.useEffect(() => {
     if (mcpClient && !window.location.hash) {
-      const defaultTab = (serverCapabilities == null ? void 0 : serverCapabilities.resources) ? "resources" : (serverCapabilities == null ? void 0 : serverCapabilities.prompts) ? "prompts" : (serverCapabilities == null ? void 0 : serverCapabilities.tools) ? "tools" : "ping";
+      const defaultTab = serverCapabilities?.resources ? "resources" : serverCapabilities?.prompts ? "prompts" : serverCapabilities?.tools ? "tools" : "ping";
       window.location.hash = defaultTab;
     } else if (!mcpClient && window.location.hash) {
       window.history.replaceState(
@@ -39685,14 +39805,14 @@ const App = () => {
   const handleApproveSampling = (id, result) => {
     setPendingSampleRequests((prev) => {
       const request = prev.find((r2) => r2.id === id);
-      request == null ? void 0 : request.resolve(result);
+      request?.resolve(result);
       return prev.filter((r2) => r2.id !== id);
     });
   };
   const handleRejectSampling = (id) => {
     setPendingSampleRequests((prev) => {
       const request = prev.find((r2) => r2.id === id);
-      request == null ? void 0 : request.reject(new Error("Sampling request rejected"));
+      request?.reject(new Error("Sampling request rejected"));
       return prev.filter((r2) => r2.id !== id);
     });
   };
@@ -39704,9 +39824,9 @@ const App = () => {
         if (request.originatingTab) {
           const originatingTab = request.originatingTab;
           const validTabs = [
-            ...(serverCapabilities == null ? void 0 : serverCapabilities.resources) ? ["resources"] : [],
-            ...(serverCapabilities == null ? void 0 : serverCapabilities.prompts) ? ["prompts"] : [],
-            ...(serverCapabilities == null ? void 0 : serverCapabilities.tools) ? ["tools"] : [],
+            ...serverCapabilities?.resources ? ["resources"] : [],
+            ...serverCapabilities?.prompts ? ["prompts"] : [],
+            ...serverCapabilities?.tools ? ["tools"] : [],
             "ping",
             "sampling",
             "elicitations",
@@ -39861,7 +39981,7 @@ const App = () => {
     lastToolCallOriginTabRef.current = currentTabRef.current;
     try {
       const tool = tools.find((t) => t.name === name2);
-      const cleanedParams = (tool == null ? void 0 : tool.inputSchema) ? cleanParams(params, tool.inputSchema) : params;
+      const cleanedParams = tool?.inputSchema ? cleanParams(params, tool.inputSchema) : params;
       const response = await sendMCPRequest(
         {
           method: "tools/call",
@@ -39919,13 +40039,13 @@ const App = () => {
   ) });
   if (window.location.pathname === "/oauth/callback") {
     const OAuthCallback = React.lazy(
-      () => __vitePreload(() => import("./OAuthCallback-C0JXhwud.js"), true ? [] : void 0)
+      () => __vitePreload(() => import("./OAuthCallback-DOgG8dke.js"), true ? [] : void 0)
     );
     return /* @__PURE__ */ jsxRuntimeExports.jsx(reactExports.Suspense, { fallback: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: "Loading..." }), children: /* @__PURE__ */ jsxRuntimeExports.jsx(OAuthCallback, { onConnect: onOAuthConnect }) });
   }
   if (window.location.pathname === "/oauth/callback/debug") {
     const OAuthDebugCallback = React.lazy(
-      () => __vitePreload(() => import("./OAuthDebugCallback-TZR9iqA_.js"), true ? [] : void 0)
+      () => __vitePreload(() => import("./OAuthDebugCallback-m70IPFbL.js"), true ? [] : void 0)
     );
     return /* @__PURE__ */ jsxRuntimeExports.jsx(reactExports.Suspense, { fallback: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: "Loading..." }), children: /* @__PURE__ */ jsxRuntimeExports.jsx(OAuthDebugCallback, { onConnect: onOAuthDebugConnect }) });
   }
@@ -39961,13 +40081,15 @@ const App = () => {
               setCustomHeaders,
               oauthClientId,
               setOauthClientId,
+              oauthClientSecret,
+              setOauthClientSecret,
               oauthScope,
               setOauthScope,
               onConnect: connectMcpServer,
               onDisconnect: disconnectMcpServer,
               logLevel,
               sendLogLevelRequest,
-              loggingSupported: !!(serverCapabilities == null ? void 0 : serverCapabilities.logging) || false,
+              loggingSupported: !!serverCapabilities?.logging || false,
               connectionType,
               setConnectionType
             }
@@ -40009,7 +40131,7 @@ const App = () => {
                 TabsTrigger,
                 {
                   value: "resources",
-                  disabled: !(serverCapabilities == null ? void 0 : serverCapabilities.resources),
+                  disabled: !serverCapabilities?.resources,
                   children: [
                     /* @__PURE__ */ jsxRuntimeExports.jsx(Files, { className: "w-4 h-4 mr-2" }),
                     "Resources"
@@ -40020,7 +40142,7 @@ const App = () => {
                 TabsTrigger,
                 {
                   value: "prompts",
-                  disabled: !(serverCapabilities == null ? void 0 : serverCapabilities.prompts),
+                  disabled: !serverCapabilities?.prompts,
                   children: [
                     /* @__PURE__ */ jsxRuntimeExports.jsx(MessageSquare, { className: "w-4 h-4 mr-2" }),
                     "Prompts"
@@ -40031,7 +40153,7 @@ const App = () => {
                 TabsTrigger,
                 {
                   value: "tools",
-                  disabled: !(serverCapabilities == null ? void 0 : serverCapabilities.tools),
+                  disabled: !serverCapabilities?.tools,
                   children: [
                     /* @__PURE__ */ jsxRuntimeExports.jsx(Hammer, { className: "w-4 h-4 mr-2" }),
                     "Tools"
@@ -40061,7 +40183,7 @@ const App = () => {
                 "Auth"
               ] })
             ] }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "w-full", children: !(serverCapabilities == null ? void 0 : serverCapabilities.resources) && !(serverCapabilities == null ? void 0 : serverCapabilities.prompts) && !(serverCapabilities == null ? void 0 : serverCapabilities.tools) ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "w-full", children: !serverCapabilities?.resources && !serverCapabilities?.prompts && !serverCapabilities?.tools ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
               /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center justify-center p-4", children: /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-lg text-gray-500 dark:text-gray-400", children: "The connected server does not support any MCP capabilities" }) }),
               /* @__PURE__ */ jsxRuntimeExports.jsx(
                 PingTab,
@@ -40107,7 +40229,7 @@ const App = () => {
                     clearError("resources");
                     setSelectedResource(resource);
                   },
-                  resourceSubscriptionsSupported: ((_a = serverCapabilities == null ? void 0 : serverCapabilities.resources) == null ? void 0 : _a.subscribe) || false,
+                  resourceSubscriptionsSupported: serverCapabilities?.resources?.subscribe || false,
                   resourceSubscriptions,
                   subscribeToResource: (uri) => {
                     clearError("resources");