modelcontextprotocol/inspector
Watch
1
0
Fork
You've already forked inspector
 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 2

Merge branch 'main' into add-mcp-docs-server-to-claude

Browse source
This commit is contained in:
Ola Hungerford 2026-01-18 20:26:54 -07:00 • committed by GitHub
commit ea82effeed
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 29 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

11
client/src/lib/auth.ts
View file

@ -153,15 +153,22 @@ export class InspectorOAuthClientProvider implements OAuthClientProvider {
}
get clientMetadata(): OAuthClientMetadata {
return {
const metadata: OAuthClientMetadata = {
redirect_uris: this.redirect_uris,
token_endpoint_auth_method: "none",
grant_types: ["authorization_code", "refresh_token"],
response_types: ["code"],
client_name: "MCP Inspector",
client_uri: "https://github.com/modelcontextprotocol/inspector",
scope: this.scope ?? "",
};
// Only include scope if it's defined and non-empty
// Per OAuth spec, omit the scope field entirely if no scopes are requested
if (this.scope) {
metadata.scope = this.scope;
}
return metadata;
}
state(): string | Promise<string> {

25
client/src/lib/hooks/useConnection.ts
View file

@ -393,11 +393,22 @@ export function useConnection({
saveScopeToSessionStorage(sseUrl, scope);
const serverAuthProvider = new InspectorOAuthClientProvider(sseUrl);
const result = await auth(serverAuthProvider, {
serverUrl: sseUrl,
scope,
});
return result === "AUTHORIZED";
try {
const result = await auth(serverAuthProvider, {
serverUrl: sseUrl,
scope,
});
return result === "AUTHORIZED";
} catch (authError) {
// Show user-friendly error message for OAuth failures
toast({
title: "OAuth Authentication Failed",
description:
authError instanceof Error ? authError.message : String(authError),
variant: "destructive",
});
return false;
}
}
return false;
@ -534,6 +545,7 @@ export function useConnection({
requestHeaders["Accept"] = "text/event-stream";
requestHeaders["content-type"] = "application/json";
transportOptions = {
authProvider: serverAuthProvider,
fetch: async (
url: string | URL | globalThis.Request,
init?: RequestInit,
@ -555,6 +567,7 @@ export function useConnection({
case "streamable-http":
transportOptions = {
authProvider: serverAuthProvider,
fetch: async (
url: string | URL | globalThis.Request,
init?: RequestInit,
@ -643,6 +656,7 @@ export function useConnection({
);
}
transportOptions = {
authProvider: serverAuthProvider,
eventSourceInit: {
fetch: (
url: string | URL | globalThis.Request,
@ -664,6 +678,7 @@ export function useConnection({
mcpProxyServerUrl = new URL(`${getMCPProxyAddress(config)}/mcp`);
mcpProxyServerUrl.searchParams.append("url", sseUrl);
transportOptions = {
authProvider: serverAuthProvider,
eventSourceInit: {
fetch: (
url: string | URL | globalThis.Request,