@modelcontextprotocol/inspector 0.17.0 → 0.17.1

package/cli/build/index.js

@@ -1,11 +1,11 @@
 #!/usr/bin/env node
+import * as fs from "fs";
 import { Client } from "@modelcontextprotocol/sdk/client/index.js";
 import { Command } from "commander";
 import { callTool, connect, disconnect, getPrompt, listPrompts, listResources, listResourceTemplates, listTools, readResource, setLoggingLevel, validLogLevels, } from "./client/index.js";
 import { handleError } from "./error-handler.js";
 import { createTransport } from "./transport.js";
 import { awaitableLog } from "./utils/awaitable-log.js";
-import packageJson from "../package.json" with { type: "json" };
 function createTransportOptions(target, transport, headers) {
     if (target.length === 0) {
         throw new Error("Target is required. Specify a URL or a command to execute.");
@@ -52,6 +52,14 @@ function createTransportOptions(target, transport, headers) {
     };
 }
 async function callMethod(args) {
+    // Read package.json to get name and version for client identity
+    const pathA = "../package.json"; // We're in package @modelcontextprotocol/inspector-cli
+    const pathB = "../../package.json"; // We're in package @modelcontextprotocol/inspector
+    let packageJson;
+    let packageJsonData = await import(fs.existsSync(pathA) ? pathA : pathB, {
+        with: { type: "json" },
+    });
+    packageJson = packageJsonData.default;
     const transportOptions = createTransportOptions(args.target, args.transport, args.headers);
     const transport = createTransport(transportOptions);
     const [, name = packageJson.name] = packageJson.name.split("/");

package/client/dist/assets/{OAuthCallback-C0JXhwud.js → OAuthCallback-0GeGMxax.js}

@@ -1,4 +1,4 @@
-import { u as useToast, r as reactExports, j as jsxRuntimeExports, p as parseOAuthCallbackParams, g as generateOAuthErrorDescription, S as SESSION_KEYS, I as InspectorOAuthClientProvider, a as auth } from "./index-BB0Z_sAV.js";
+import { u as useToast, r as reactExports, j as jsxRuntimeExports, p as parseOAuthCallbackParams, g as generateOAuthErrorDescription, S as SESSION_KEYS, I as InspectorOAuthClientProvider, a as auth } from "./index-9_nBaufL.js";
 const OAuthCallback = ({ onConnect }) => {
   const { toast } = useToast();
   const hasProcessedRef = reactExports.useRef(false);

package/client/dist/assets/{OAuthDebugCallback-TZR9iqA_.js → OAuthDebugCallback-DEQBSYMe.js}

@@ -1,4 +1,4 @@
-import { r as reactExports, S as SESSION_KEYS, p as parseOAuthCallbackParams, j as jsxRuntimeExports, g as generateOAuthErrorDescription } from "./index-BB0Z_sAV.js";
+import { r as reactExports, S as SESSION_KEYS, p as parseOAuthCallbackParams, j as jsxRuntimeExports, g as generateOAuthErrorDescription } from "./index-9_nBaufL.js";
 const OAuthDebugCallback = ({ onConnect }) => {
   reactExports.useEffect(() => {
     let isProcessed = false;

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

@@ -15123,12 +15123,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 +15203,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 +15230,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 +15269,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 +15460,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 +15486,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 +15564,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 +15731,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 +15786,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 +15879,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 +15909,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 +16037,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,
@@ -16247,7 +16205,7 @@ objectType({
   token_type_hint: stringType().optional()
 }).strip();
 const name = "@modelcontextprotocol/inspector-client";
-const version$1 = "0.17.0";
+const version$1 = "0.17.1";
 const packageJson = {
   name,
   version: version$1
@@ -16466,6 +16424,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,7 +16715,6 @@ function buildDiscoveryUrls(authorizationServerUrl) {
   return urlsToTry;
 }
 async function discoverAuthorizationServerMetadata(authorizationServerUrl, { fetchFn = fetch, protocolVersion = LATEST_PROTOCOL_VERSION } = {}) {
-  var _a;
   const headers = { "MCP-Protocol-Version": protocolVersion };
   const urlsToTry = buildDiscoveryUrls(authorizationServerUrl);
   for (const { url: endpointUrl, type: type2 } of urlsToTry) {
@@ -16772,26 +16731,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 +16752,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 +16780,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,
@@ -17027,9 +16980,12 @@ class InspectorOAuthClientProvider {
   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"],
@@ -23409,28 +23365,28 @@ function isPropertyRequired(propertyName, schema) {
 }
 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;
 }
@@ -23491,7 +23447,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 +24401,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 +24504,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 +24539,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 +24598,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 +24614,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 +24784,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 +24827,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 +25044,7 @@ function useConnection({
   env,
   customHeaders,
   oauthClientId,
+  oauthClientSecret,
   oauthScope,
   config,
   connectionType = "proxy",
@@ -25083,12 +25075,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,
@@ -26874,7 +26872,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 +27367,7 @@ function useCopy({ timeout = 500 } = {}) {
         clearTimeout(timeoutId);
       }
     };
-  }, [copied]);
+  }, [copied, timeout]);
   return { copied, setCopied };
 }
 const JsonView = reactExports.memo(
@@ -27399,7 +27397,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 +27431,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 +27443,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 +27554,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 +27572,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 +27605,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 +27629,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" })
+            }
+          )
         ] });
     }
   }
@@ -31997,12 +32082,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 +32111,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,
       {
@@ -32326,8 +32421,7 @@ const PromptsTab = ({
   reactExports.useEffect(() => {
     clearCompletions();
   }, [clearCompletions, selectedPrompt]);
-  const handleInputChange = async (argName, value) => {
-    setPromptArgs((prev) => ({ ...prev, [argName]: value }));
+  const triggerCompletions = (argName, value) => {
     if (selectedPrompt) {
       requestCompletions(
         {
@@ -32340,6 +32434,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,7 +32475,7 @@ 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: [
@@ -32386,6 +32488,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] || []
             }
           ),
@@ -32774,7 +32877,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,
         {
@@ -35358,7 +35461,7 @@ const SamplingRequest = ({
         },
         role: {
           type: "string",
-          default: "endTurn",
+          default: "assistant",
           description: "Role of the model"
         },
         content: {
@@ -36778,7 +36881,7 @@ const useTheme = () => {
     [theme, setThemeWithSideEffect]
   );
 };
-const version = "0.17.0";
+const version = "0.17.1";
 var [createTooltipContext] = createContextScope("Tooltip", [
   createPopperScope
 ]);
@@ -37665,6 +37768,8 @@ const Sidebar = ({
   setCustomHeaders,
   oauthClientId,
   setOauthClientId,
+  oauthClientSecret,
+  setOauthClientSecret,
   oauthScope,
   setOauthScope,
   onConnect,
@@ -37682,6 +37787,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 +38191,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,
@@ -38905,7 +39038,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 +39051,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
+                      })
                     }
-                  },
-                  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);
           }
         ),
@@ -39353,6 +39544,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 +39628,7 @@ const App = () => {
     env,
     customHeaders,
     oauthClientId,
+    oauthClientSecret,
     oauthScope,
     config,
     connectionType,
@@ -39539,6 +39734,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]);
@@ -39919,13 +40117,13 @@ const App = () => {
   ) });
   if (window.location.pathname === "/oauth/callback") {
     const OAuthCallback = React.lazy(
-      () => __vitePreload(() => import("./OAuthCallback-C0JXhwud.js"), true ? [] : void 0)
+      () => __vitePreload(() => import("./OAuthCallback-0GeGMxax.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-DEQBSYMe.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,6 +40159,8 @@ const App = () => {
               setCustomHeaders,
               oauthClientId,
               setOauthClientId,
+              oauthClientSecret,
+              setOauthClientSecret,
               oauthScope,
               setOauthScope,
               onConnect: connectMcpServer,

package/client/dist/assets/{index-DJXA50Oy.css → index-CV-uzqYs.css}

@@ -916,6 +916,12 @@ video {
 .mt-4 {
   margin-top: 1rem;
 }
+.line-clamp-3 {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 3;
+}
 .block {
   display: block;
 }
@@ -989,6 +995,9 @@ video {
 .h-screen {
   height: 100vh;
 }
+.max-h-48 {
+  max-height: 12rem;
+}
 .max-h-96 {
   max-height: 24rem;
 }

package/client/dist/index.html

@@ -5,8 +5,8 @@
     <link rel="icon" type="image/svg+xml" href="/mcp.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>MCP Inspector</title>
-    <script type="module" crossorigin src="/assets/index-BB0Z_sAV.js"></script>
-    <link rel="stylesheet" crossorigin href="/assets/index-DJXA50Oy.css">
+    <script type="module" crossorigin src="/assets/index-9_nBaufL.js"></script>
+    <link rel="stylesheet" crossorigin href="/assets/index-CV-uzqYs.css">
   </head>
   <body>
     <div id="root" class="w-full"></div>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@modelcontextprotocol/inspector",
-  "version": "0.17.0",
+  "version": "0.17.1",
   "description": "Model Context Protocol inspector",
   "license": "MIT",
   "author": "Anthropic, PBC (https://anthropic.com)",
@@ -47,9 +47,9 @@
     "check-version": "node scripts/check-version-consistency.js"
   },
   "dependencies": {
-    "@modelcontextprotocol/inspector-cli": "^0.17.0",
-    "@modelcontextprotocol/inspector-client": "^0.17.0",
-    "@modelcontextprotocol/inspector-server": "^0.17.0",
+    "@modelcontextprotocol/inspector-cli": "^0.17.1",
+    "@modelcontextprotocol/inspector-client": "^0.17.1",
+    "@modelcontextprotocol/inspector-server": "^0.17.1",
     "@modelcontextprotocol/sdk": "^1.18.0",
     "concurrently": "^9.2.0",
     "node-fetch": "^3.3.2",