@mcp-use/inspector 20.0.0-beta.1 → 20.0.0-beta.10

package/dist/cdn/ConnectionSettingsForm-CsG61Iyd.js

@@ -0,0 +1,929 @@
+import { s as e, t } from "./react-BIs9pQ3H.js";
+import { t as n } from "./input-BCpgLXU1.js";
+import { n as r, t as i } from "./createLucideIcon-BONxC1L5.js";
+import { U as a, t as o } from "./button-CB4uOoUV.js";
+import { t as s } from "./label-A0UGV8FE.js";
+import { a as c, i as l, n as u, r as d, t as f } from "./select-CCFHjOGk.js";
+import { c as p, l as m, n as h, o as g, r as _, t as v, w as y, x as b } from "./dialog-CJGnC5Ag.js";
+import { i as ee, t as te } from "./browser-DG2Z8392.js";
+import { n as x, t as S } from "./eye-pSGG7nvf.js";
+import { t as C } from "./trash-2-BhumJAFE.js";
+import { t as w } from "./react-BoOQpLwo.js";
+import { r as T } from "./basePath-B8HuhIMu.js";
+import { a as ne, i as re } from "./servers-Dd0Vcp81.js";
+import { n as E } from "./dist-CTJnCYmk.js";
+import { a as D, i as O, n as k, r as A, t as j } from "./card-BA-DQk-G.js";
+var ie = i("cog", [
+	["path", {
+		d: "M11 10.27 7 3.34",
+		key: "16pf9h"
+	}],
+	["path", {
+		d: "m11 13.73-4 6.93",
+		key: "794ttg"
+	}],
+	["path", {
+		d: "M12 22v-2",
+		key: "1osdcq"
+	}],
+	["path", {
+		d: "M12 2v2",
+		key: "tus03m"
+	}],
+	["path", {
+		d: "M14 12h8",
+		key: "4f43i9"
+	}],
+	["path", {
+		d: "m17 20.66-1-1.73",
+		key: "eq3orb"
+	}],
+	["path", {
+		d: "m17 3.34-1 1.73",
+		key: "2wel8s"
+	}],
+	["path", {
+		d: "M2 12h2",
+		key: "1t8f8n"
+	}],
+	["path", {
+		d: "m20.66 17-1.73-1",
+		key: "sg0v6f"
+	}],
+	["path", {
+		d: "m20.66 7-1.73 1",
+		key: "1ow05n"
+	}],
+	["path", {
+		d: "m3.34 17 1.73-1",
+		key: "nuk764"
+	}],
+	["path", {
+		d: "m3.34 7 1.73 1",
+		key: "1ulond"
+	}],
+	["circle", {
+		cx: "12",
+		cy: "12",
+		r: "2",
+		key: "1c9p78"
+	}],
+	["circle", {
+		cx: "12",
+		cy: "12",
+		r: "8",
+		key: "46899m"
+	}]
+]), ae = i("file-text", [
+	["path", {
+		d: "M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z",
+		key: "1oefj6"
+	}],
+	["path", {
+		d: "M14 2v5a1 1 0 0 0 1 1h5",
+		key: "wfsgrz"
+	}],
+	["path", {
+		d: "M10 9H8",
+		key: "b1mrlr"
+	}],
+	["path", {
+		d: "M16 13H8",
+		key: "t4e002"
+	}],
+	["path", {
+		d: "M16 17H8",
+		key: "z1uh3a"
+	}]
+]), M = /* @__PURE__ */ e(t(), 1), N = r(), P = "2026-07-28";
+function oe(e) {
+	switch (e) {
+		case "v1": return "legacy";
+		case "v2": return { pin: P };
+		default: return "auto";
+	}
+}
+function F(e) {
+	return e === "legacy" ? "v1" : typeof e == "object" && e?.pin ? "v2" : "auto";
+}
+function I() {
+	if (typeof window > "u") return "";
+	let e = window.__MCP_PROXY_URL__;
+	return e === null ? "" : `${window.location.origin}${e || T("proxy")}`;
+}
+function L(e, t, n = !1) {
+	return e === "auto" || e === "direct" || e === "proxy" ? e : t === "Via Proxy" ? "proxy" : t === "Direct" ? "auto" : n ? "proxy" : "auto";
+}
+function R(e) {
+	return !e || typeof e == "boolean" ? "" : e.proxyAddress?.trim() || "";
+}
+var z = [
+	"requestTimeout",
+	"resetTimeoutOnProgress",
+	"maxTotalTimeout"
+];
+function B(e) {
+	if (!e) return {};
+	let t = {};
+	for (let n of z) {
+		let r = e[n];
+		r !== void 0 && (t[n] = r);
+	}
+	return t;
+}
+function V(e, t) {
+	try {
+		let n = localStorage.getItem("mcp-inspector-connections"), r = n ? JSON.parse(n) : {};
+		r[e] = {
+			...r[e],
+			...t
+		}, localStorage.setItem("mcp-inspector-connections", JSON.stringify(r));
+	} catch {}
+}
+function H(e, t, n) {
+	let r = e.trim(), i = t.trim(), a = n.trim();
+	if (!(!r && !a)) return {
+		...r ? { clientId: r } : {},
+		...r && i ? { clientSecret: i } : {},
+		...a ? { scope: a } : {}
+	};
+}
+function U(e) {
+	let t = e.headers || e.proxyConfig?.headers || e.proxyConfig?.customHeaders;
+	return t && Object.keys(t).length > 0 ? t : void 0;
+}
+function W(e) {
+	let t = e.proxyConfig, n = e.headers || e.customHeaders, r = t?.headers || t?.customHeaders || void 0, i = n || r, a = t ? {
+		...t,
+		...r ? { headers: r } : {},
+		customHeaders: void 0
+	} : void 0, { customHeaders: o, connectionType: s, transportType: c, ...l } = e;
+	return {
+		...l,
+		...i && !a?.proxyAddress ? { headers: i } : {},
+		...a ? { proxyConfig: a } : {},
+		connectionMode: L(e.connectionMode, e.connectionType, !!a?.proxyAddress)
+	};
+}
+function G(e) {
+	let t = J(e), n = e.proxyConfig?.proxyAddress?.trim() || R(e.autoProxyFallback), r = L(e.connectionMode, e.connectionType, !!n), i = {
+		url: e.url,
+		displayName: e.name?.trim() || e.url,
+		connectionMode: r,
+		protocolNegotiation: e.protocolNegotiation ?? "auto",
+		...e.oauth ? { oauth: e.oauth } : {}
+	};
+	return r === "proxy" && n ? i.proxyConfig = {
+		proxyAddress: n,
+		...Object.keys(t).length > 0 ? { headers: t } : {}
+	} : Object.keys(t).length > 0 && (i.headers = t), r === "auto" && (i.autoProxyFallback = e.autoProxyFallback ?? (n ? {
+		enabled: !0,
+		proxyAddress: n
+	} : !1)), i;
+}
+function K(e, t) {
+	let n = t ? W(t) : e, r = U(e) || {}, i = n.proxyConfig?.proxyAddress?.trim() || R(n.autoProxyFallback);
+	return {
+		url: e.url || "",
+		name: e.displayName || e.url || "",
+		transportType: "http",
+		connectionMode: L(n.connectionMode, void 0, !!i),
+		connectionType: n.connectionMode === "proxy" ? "Via Proxy" : "Direct",
+		proxyConfig: n.connectionMode === "proxy" && i ? {
+			proxyAddress: i,
+			...Object.keys(r).length > 0 ? { headers: r } : {}
+		} : void 0,
+		headers: r,
+		oauth: n.oauth,
+		autoProxyFallback: n.autoProxyFallback,
+		protocolNegotiation: n.protocolNegotiation ?? "auto",
+		...B(t)
+	};
+}
+function q(e) {
+	try {
+		let t = localStorage.getItem("mcp-inspector-connections");
+		return t && JSON.parse(t)[e] || null;
+	} catch {
+		return null;
+	}
+}
+function J(e) {
+	let t = e.proxyConfig?.headers || e.proxyConfig?.customHeaders || e.headers || e.customHeaders || {};
+	return Object.fromEntries(Object.entries(t).filter(([e, t]) => e && t).map(([e, t]) => [e, String(t)]).sort(([e], [t]) => e.localeCompare(t)));
+}
+function Y(e) {
+	let t = e.url?.trim() || "", n = e.proxyConfig?.proxyAddress?.trim() || R(e.autoProxyFallback);
+	return {
+		url: t,
+		name: e.name?.trim() || t,
+		transportType: e.transportType || "http",
+		proxyAddress: n,
+		connectionMode: L(e.connectionMode, e.connectionType, !!n),
+		headers: J(e),
+		oauthClientId: e.oauth?.clientId?.trim() || "",
+		oauthClientSecret: e.oauth?.clientSecret?.trim() || "",
+		oauthScope: e.oauth?.scope?.trim() || "",
+		requestTimeout: "requestTimeout" in e ? e.requestTimeout : void 0,
+		resetTimeoutOnProgress: "resetTimeoutOnProgress" in e ? e.resetTimeoutOnProgress : void 0,
+		maxTotalTimeout: "maxTotalTimeout" in e ? e.maxTotalTimeout : void 0,
+		protocolMode: F(e.protocolNegotiation)
+	};
+}
+function X(e, t) {
+	let n = Y(e), r = Y(t);
+	return n.url === r.url && n.transportType === r.transportType && n.proxyAddress === r.proxyAddress && n.connectionMode === r.connectionMode && JSON.stringify(n.headers) === JSON.stringify(r.headers) && n.oauthClientId === r.oauthClientId && n.oauthClientSecret === r.oauthClientSecret && n.oauthScope === r.oauthScope && n.requestTimeout === r.requestTimeout && n.resetTimeoutOnProgress === r.resetTimeoutOnProgress && n.maxTotalTimeout === r.maxTotalTimeout && n.protocolMode === r.protocolMode && n.name !== r.name;
+}
+var se = class extends w {
+	setServers(e) {
+		let t = this.readRawStoredServers(), n = Object.fromEntries(Object.entries(e).map(([e, n]) => [e, {
+			...B(t[e]),
+			...n,
+			...re(e) && typeof n.url == "string" && ne(n.url) ? { url: e } : {}
+		}]));
+		super.setServers(n);
+	}
+	setServer(e, t) {
+		let n = this.getServers();
+		n[e] = {
+			...B(this.readRawStoredServers()[e]),
+			...t
+		}, this.setServers(n);
+	}
+	readRawStoredServers() {
+		try {
+			let e = localStorage.getItem("mcp-inspector-connections");
+			return e ? JSON.parse(e) : {};
+		} catch {
+			return {};
+		}
+	}
+};
+//#endregion
+//#region src/client/components/CustomHeadersEditor.tsx
+function ce({ headers: e, onChange: t, onSave: r, className: i, title: c = "Custom Headers", description: l = "Headers with both name and value will be sent", maxHeaders: u = 50 }) {
+	let [d, f] = (0, M.useState)({}), [p, m] = (0, M.useState)(null), h = (0, M.useRef)({});
+	(0, M.useEffect)(() => {
+		p && h.current[p] && (h.current[p]?.focus(), m(null));
+	}, [p, e]);
+	let g = () => Math.random().toString(36).slice(2, 11), _ = () => {
+		if (e.length >= u) return;
+		let n = {
+			id: g(),
+			name: "",
+			value: ""
+		};
+		t([...e, n]);
+	}, v = (n) => {
+		t(e.filter((e) => e.id !== n));
+	}, b = (n, r, i) => {
+		t(e.map((e) => e.id === n ? {
+			...e,
+			[r]: i
+		} : e));
+	}, ee = (e) => {
+		f((t) => ({
+			...t,
+			[e]: !t[e]
+		}));
+	};
+	return /* @__PURE__ */ (0, N.jsxs)("div", {
+		className: a("space-y-3", i),
+		children: [
+			/* @__PURE__ */ (0, N.jsxs)("div", {
+				className: "space-y-2",
+				children: [/* @__PURE__ */ (0, N.jsx)(s, {
+					className: "text-base font-medium",
+					children: c
+				}), /* @__PURE__ */ (0, N.jsx)("p", {
+					className: "text-sm text-muted-foreground",
+					children: l
+				})]
+			}),
+			/* @__PURE__ */ (0, N.jsxs)("div", {
+				className: "space-y-2",
+				children: [
+					/* @__PURE__ */ (0, N.jsxs)("div", {
+						className: "grid grid-cols-[1fr_1fr] gap-4 text-sm font-medium text-muted-foreground",
+						children: [/* @__PURE__ */ (0, N.jsx)("div", { children: "Name" }), /* @__PURE__ */ (0, N.jsx)("div", { children: "Value" })]
+					}),
+					e.length === 0 ? /* @__PURE__ */ (0, N.jsxs)("div", {
+						className: "grid grid-cols-[1fr_1fr] gap-4 items-center",
+						children: [/* @__PURE__ */ (0, N.jsx)(n, {
+							placeholder: "Authorization",
+							value: "",
+							onChange: (e) => {
+								if (e.target.value.trim()) {
+									let n = g();
+									t([{
+										id: n,
+										name: e.target.value,
+										value: ""
+									}]), m(n);
+								}
+							},
+							className: "text-sm",
+							autoComplete: "off"
+						}), /* @__PURE__ */ (0, N.jsxs)("div", {
+							className: "flex items-center gap-2",
+							children: [
+								/* @__PURE__ */ (0, N.jsx)(n, {
+									placeholder: "Bearer token...",
+									value: "",
+									onChange: () => {},
+									type: "password",
+									className: "font-mono text-sm",
+									autoComplete: "off",
+									disabled: !0
+								}),
+								/* @__PURE__ */ (0, N.jsx)(o, {
+									type: "button",
+									variant: "ghost",
+									size: "icon-sm",
+									className: "h-8 w-8 p-0",
+									disabled: !0,
+									children: /* @__PURE__ */ (0, N.jsx)(S, { className: "h-4 w-4" })
+								}),
+								/* @__PURE__ */ (0, N.jsx)(o, {
+									type: "button",
+									variant: "ghost",
+									size: "icon-sm",
+									className: "h-8 w-8 p-0",
+									disabled: !0,
+									children: /* @__PURE__ */ (0, N.jsx)(C, { className: "h-4 w-4" })
+								})
+							]
+						})]
+					}) : e.map((e) => /* @__PURE__ */ (0, N.jsxs)("div", {
+						className: "grid grid-cols-[1fr_1fr] gap-4 items-center",
+						children: [/* @__PURE__ */ (0, N.jsx)(n, {
+							ref: (t) => {
+								h.current[e.id] = t;
+							},
+							placeholder: "Authorization",
+							value: e.name,
+							onChange: (t) => b(e.id, "name", t.target.value),
+							className: "text-sm",
+							autoComplete: "off"
+						}), /* @__PURE__ */ (0, N.jsxs)("div", {
+							className: "flex items-center gap-2",
+							children: [
+								/* @__PURE__ */ (0, N.jsx)(n, {
+									placeholder: "",
+									value: e.value,
+									onChange: (t) => b(e.id, "value", t.target.value),
+									type: d[e.id] ? "text" : "password",
+									className: "font-mono text-sm",
+									autoComplete: "off"
+								}),
+								/* @__PURE__ */ (0, N.jsx)(o, {
+									type: "button",
+									variant: "ghost",
+									size: "icon-sm",
+									onClick: () => ee(e.id),
+									className: "h-8 w-8 p-0",
+									children: d[e.id] ? /* @__PURE__ */ (0, N.jsx)(x, { className: "h-4 w-4" }) : /* @__PURE__ */ (0, N.jsx)(S, { className: "h-4 w-4" })
+								}),
+								/* @__PURE__ */ (0, N.jsx)(o, {
+									type: "button",
+									variant: "ghost",
+									size: "icon-sm",
+									onClick: () => v(e.id),
+									className: "h-8 w-8 p-0",
+									children: /* @__PURE__ */ (0, N.jsx)(C, { className: "h-4 w-4" })
+								})
+							]
+						})]
+					}, e.id)),
+					/* @__PURE__ */ (0, N.jsx)("div", {
+						className: "flex justify-start mt-4",
+						children: /* @__PURE__ */ (0, N.jsxs)(o, {
+							type: "button",
+							variant: "outline",
+							size: "sm",
+							onClick: _,
+							disabled: e.length >= u,
+							className: "flex items-center gap-2",
+							children: [/* @__PURE__ */ (0, N.jsx)(y, { className: "h-4 w-4" }), "Add"]
+						})
+					})
+				]
+			}),
+			r && /* @__PURE__ */ (0, N.jsx)("div", {
+				className: "flex justify-end",
+				children: /* @__PURE__ */ (0, N.jsx)(o, {
+					type: "button",
+					onClick: r,
+					className: "bg-black text-white hover:bg-gray-800",
+					children: "Save"
+				})
+			})
+		]
+	});
+}
+//#endregion
+//#region src/client/components/ConnectionSettingsForm.tsx
+function le({ alias: e, setAlias: t, url: r, setUrl: i, connectionMode: y, setConnectionMode: x, protocolMode: S, setProtocolMode: C, customHeaders: w, setCustomHeaders: T, requestTimeout: ne, setRequestTimeout: re, resetTimeoutOnProgress: P, setResetTimeoutOnProgress: I, maxTotalTimeout: R, setMaxTotalTimeout: z, proxyAddress: B, setProxyAddress: V, clientId: H, setClientId: U, clientSecret: W, setClientSecret: G, scope: K, setScope: q, onConnect: J, onSave: Y, onCancel: X, variant: se = "default", showConnectButton: le = !1, showSaveButton: ue = !1, showExportButton: de = !1, isConnecting: fe = !1, inlineSections: Z = !1, cardSections: Q = !1 }) {
+	let [pe, me] = (0, M.useState)(!1), [he, ge] = (0, M.useState)(!1), [_e, ve] = (0, M.useState)(!1), ye = (0, M.useRef)(!1), be = async () => {
+		if (!r.trim()) {
+			E.error("Please enter a URL first");
+			return;
+		}
+		let t = {
+			url: r,
+			...e.trim() ? { name: e.trim() } : {},
+			transportType: "http",
+			connectionMode: y,
+			protocolNegotiation: oe(S),
+			connectionType: y === "proxy" ? "Via Proxy" : "Direct",
+			proxyConfig: y === "proxy" && B.trim() ? {
+				proxyAddress: B.trim(),
+				customHeaders: w.reduce((e, t) => (t.name && t.value && (e[t.name] = t.value), e), {})
+			} : void 0,
+			autoProxyFallback: y === "auto" && B.trim() ? {
+				enabled: !0,
+				proxyAddress: B.trim()
+			} : void 0,
+			customHeaders: w.reduce((e, t) => (t.name && t.value && (e[t.name] = t.value), e), {}),
+			requestTimeout: Number.parseInt(ne, 10),
+			resetTimeoutOnProgress: P === "True",
+			maxTotalTimeout: Number.parseInt(R, 10),
+			oauth: H || K ? {
+				clientId: H,
+				...H && W ? { clientSecret: W } : {},
+				scope: K
+			} : void 0
+		};
+		try {
+			await te(JSON.stringify(t, null, 2)), E.success("Configuration copied to clipboard");
+		} catch {
+			E.error("Failed to copy configuration to clipboard");
+		}
+	}, $ = se === "styled", xe = $ ? "bg-white/10 border-white/20 text-white placeholder:text-white/50" : "", Se = $ ? "text-white/90" : "", Ce = $ ? "bg-white/10 border-white/20 text-white hover:bg-white/20" : "", we = async (e) => {
+		let n = e.clipboardData.getData("text");
+		try {
+			let r = JSON.parse(n);
+			if (r.url && typeof r.url == "string") {
+				e.preventDefault(), i(r.url), t(typeof r.name == "string" && r.name !== r.url ? r.name : "");
+				let n = r.proxyConfig?.proxyAddress || (typeof r.autoProxyFallback == "object" ? r.autoProxyFallback.proxyAddress : void 0);
+				x(L(r.connectionMode, r.connectionType, !!n)), C(F(r.protocolNegotiation)), n && V(n);
+				let a = r.proxyConfig?.customHeaders || r.proxyConfig?.headers || r.customHeaders || r.headers || {};
+				Object.keys(a).length > 0 && T(Object.entries(a).map(([e, t], n) => ({
+					id: `header-${n}`,
+					name: e,
+					value: String(t)
+				}))), r.requestTimeout && re(String(r.requestTimeout)), r.resetTimeoutOnProgress !== void 0 && I(r.resetTimeoutOnProgress ? "True" : "False"), r.maxTotalTimeout && z(String(r.maxTotalTimeout)), r.oauth && (U(r.oauth.clientId || ""), G(r.oauth.clientSecret || ""), q(r.oauth.scope || "")), E.success("Configuration pasted and form populated");
+			}
+		} catch {}
+	}, Te = (e) => {
+		ye.current || e.nativeEvent.isComposing || e.keyCode === 229 || e.key === "Enter" && !e.shiftKey && !e.metaKey && !e.ctrlKey && e.target.tagName !== "TEXTAREA" && (e.preventDefault(), J && r.trim() && J());
+	}, Ee = /* @__PURE__ */ (0, N.jsxs)("div", {
+		className: "grid gap-4 sm:grid-cols-2",
+		children: [
+			!Q && /* @__PURE__ */ (0, N.jsx)("h4", {
+				className: "text-sm font-medium sm:col-span-2",
+				children: "OAuth 2.0"
+			}),
+			/* @__PURE__ */ (0, N.jsxs)("div", {
+				className: "space-y-2",
+				children: [/* @__PURE__ */ (0, N.jsx)(s, {
+					className: "text-sm",
+					children: "Client ID"
+				}), /* @__PURE__ */ (0, N.jsx)(n, {
+					"data-testid": "auth-dialog-client-id-input",
+					placeholder: "Client ID",
+					value: H,
+					onChange: (e) => U(e.target.value)
+				})]
+			}),
+			/* @__PURE__ */ (0, N.jsxs)("div", {
+				className: "space-y-2",
+				children: [
+					/* @__PURE__ */ (0, N.jsx)(s, {
+						className: "text-sm",
+						children: "Client Secret"
+					}),
+					/* @__PURE__ */ (0, N.jsx)(n, {
+						"data-testid": "auth-dialog-client-secret-input",
+						type: "password",
+						placeholder: "Client Secret (optional)",
+						value: W,
+						onChange: (e) => G(e.target.value)
+					}),
+					/* @__PURE__ */ (0, N.jsx)("p", {
+						className: "text-xs text-muted-foreground",
+						children: "Stored in your browser's localStorage."
+					})
+				]
+			}),
+			/* @__PURE__ */ (0, N.jsxs)("div", {
+				className: "space-y-2 sm:col-span-2",
+				children: [/* @__PURE__ */ (0, N.jsx)(s, {
+					className: "text-sm",
+					children: "Scope"
+				}), /* @__PURE__ */ (0, N.jsx)(n, {
+					"data-testid": "auth-dialog-scope-input",
+					placeholder: "Scope (space-separated)",
+					value: K,
+					onChange: (e) => q(e.target.value)
+				})]
+			})
+		]
+	}), De = /* @__PURE__ */ (0, N.jsx)(ce, {
+		title: /* @__PURE__ */ (0, N.jsx)(N.Fragment, {}),
+		headers: w,
+		onChange: T
+	}), Oe = /* @__PURE__ */ (0, N.jsxs)("div", {
+		className: "grid gap-4 sm:grid-cols-2",
+		children: [
+			/* @__PURE__ */ (0, N.jsxs)("div", {
+				className: "space-y-2",
+				children: [
+					/* @__PURE__ */ (0, N.jsx)(s, {
+						className: "text-sm",
+						children: "Connection Mode"
+					}),
+					/* @__PURE__ */ (0, N.jsxs)(f, {
+						value: y,
+						onValueChange: (e) => x(e),
+						children: [/* @__PURE__ */ (0, N.jsx)(l, {
+							className: "w-full",
+							"data-testid": "config-dialog-connection-mode-select",
+							children: /* @__PURE__ */ (0, N.jsx)(c, {})
+						}), /* @__PURE__ */ (0, N.jsxs)(u, { children: [
+							/* @__PURE__ */ (0, N.jsx)(d, {
+								value: "auto",
+								children: "Auto"
+							}),
+							/* @__PURE__ */ (0, N.jsx)(d, {
+								value: "direct",
+								children: "Direct"
+							}),
+							/* @__PURE__ */ (0, N.jsx)(d, {
+								value: "proxy",
+								children: "Proxy"
+							})
+						] })]
+					}),
+					/* @__PURE__ */ (0, N.jsx)("p", {
+						className: "text-xs text-muted-foreground",
+						children: "Auto tries a direct connection first and falls back to the proxy. Direct bypasses the proxy; Proxy always routes through it."
+					})
+				]
+			}),
+			/* @__PURE__ */ (0, N.jsxs)("div", {
+				className: "space-y-2",
+				children: [
+					/* @__PURE__ */ (0, N.jsx)(s, {
+						className: "text-sm",
+						children: "Protocol"
+					}),
+					/* @__PURE__ */ (0, N.jsxs)(f, {
+						value: S,
+						onValueChange: (e) => C(e),
+						children: [/* @__PURE__ */ (0, N.jsx)(l, {
+							className: "w-full",
+							"data-testid": "config-dialog-protocol-mode-select",
+							children: /* @__PURE__ */ (0, N.jsx)(c, {})
+						}), /* @__PURE__ */ (0, N.jsxs)(u, { children: [
+							/* @__PURE__ */ (0, N.jsx)(d, {
+								value: "auto",
+								children: "Auto (recommended)"
+							}),
+							/* @__PURE__ */ (0, N.jsx)(d, {
+								value: "v1",
+								children: "Force v1 (2024/2025)"
+							}),
+							/* @__PURE__ */ (0, N.jsx)(d, {
+								value: "v2",
+								children: "Force v2 (2026-07-28)"
+							})
+						] })]
+					}),
+					/* @__PURE__ */ (0, N.jsx)("p", {
+						className: "text-xs text-muted-foreground",
+						children: "Auto probes for v2 and falls back to the legacy v1 initialize flow. Forced modes fail when the server is incompatible."
+					})
+				]
+			}),
+			/* @__PURE__ */ (0, N.jsxs)("div", {
+				className: "space-y-2",
+				children: [/* @__PURE__ */ (0, N.jsx)(s, {
+					className: "text-sm",
+					children: "Proxy Endpoint"
+				}), /* @__PURE__ */ (0, N.jsx)(n, {
+					"data-testid": "config-dialog-proxy-address-input",
+					value: B,
+					onChange: (e) => V(e.target.value)
+				})]
+			}),
+			/* @__PURE__ */ (0, N.jsxs)("div", {
+				className: "space-y-2",
+				children: [/* @__PURE__ */ (0, N.jsx)(s, {
+					className: "text-sm",
+					children: "Request Timeout"
+				}), /* @__PURE__ */ (0, N.jsx)(n, {
+					"data-testid": "config-dialog-request-timeout-input",
+					type: "number",
+					value: ne,
+					onChange: (e) => re(e.target.value)
+				})]
+			}),
+			/* @__PURE__ */ (0, N.jsxs)("div", {
+				className: "space-y-2",
+				children: [/* @__PURE__ */ (0, N.jsx)(s, {
+					className: "text-sm",
+					children: "Maximum Total Timeout"
+				}), /* @__PURE__ */ (0, N.jsx)(n, {
+					"data-testid": "config-dialog-max-timeout-input",
+					type: "number",
+					value: R,
+					onChange: (e) => z(e.target.value)
+				})]
+			}),
+			/* @__PURE__ */ (0, N.jsxs)("div", {
+				className: "space-y-2",
+				children: [/* @__PURE__ */ (0, N.jsx)(s, {
+					className: "text-sm",
+					children: "Reset Timeout on Progress"
+				}), /* @__PURE__ */ (0, N.jsxs)(f, {
+					value: P,
+					onValueChange: I,
+					children: [/* @__PURE__ */ (0, N.jsx)(l, {
+						className: "w-full",
+						"data-testid": "config-dialog-reset-timeout-select",
+						children: /* @__PURE__ */ (0, N.jsx)(c, {})
+					}), /* @__PURE__ */ (0, N.jsxs)(u, { children: [/* @__PURE__ */ (0, N.jsx)(d, {
+						value: "True",
+						children: "True"
+					}), /* @__PURE__ */ (0, N.jsx)(d, {
+						value: "False",
+						children: "False"
+					})] })]
+				})]
+			})
+		]
+	}), ke = /* @__PURE__ */ (0, N.jsxs)("div", {
+		className: Z || Q ? "grid gap-4 sm:grid-cols-2" : "space-y-4",
+		children: [/* @__PURE__ */ (0, N.jsxs)("div", {
+			className: "space-y-2",
+			children: [/* @__PURE__ */ (0, N.jsx)(s, {
+				className: Se,
+				children: "Alias"
+			}), /* @__PURE__ */ (0, N.jsx)(n, {
+				"data-testid": "connection-form-alias-input",
+				placeholder: "Optional server alias",
+				value: e,
+				onChange: (e) => t(e.target.value),
+				className: xe
+			})]
+		}), /* @__PURE__ */ (0, N.jsxs)("div", {
+			className: "space-y-2",
+			children: [
+				/* @__PURE__ */ (0, N.jsx)(s, {
+					className: Se,
+					children: "URL"
+				}),
+				/* @__PURE__ */ (0, N.jsx)(n, {
+					"data-testid": "connection-form-url-input",
+					placeholder: "http://localhost:3000",
+					value: r,
+					onChange: (e) => i(e.target.value),
+					onPaste: we,
+					className: xe
+				}),
+				/* @__PURE__ */ (0, N.jsx)("p", {
+					className: a("text-xs text-muted-foreground", $ ? "text-white/60" : ""),
+					children: "Tip: You can paste a copied connection config (JSON) to auto-populate the form"
+				})
+			]
+		})]
+	}), Ae = {
+		onCompositionStart: () => {
+			ye.current = !0;
+		},
+		onCompositionEnd: () => {
+			ye.current = !1;
+		},
+		onKeyDown: Te
+	}, je = de ? /* @__PURE__ */ (0, N.jsxs)(o, {
+		"data-testid": "connection-form-copy-config-button",
+		variant: "ghost",
+		onClick: be,
+		className: a($ ? "absolute top-0 right-0 z-10 text-white hover:bg-white/20 dark:hover:bg-white/20" : "w-full", !$ && "mb-2"),
+		children: [/* @__PURE__ */ (0, N.jsx)(ee, { className: "mr-2 h-4 w-4" }), "Copy Config"]
+	}) : null;
+	return Z && Q ? /* @__PURE__ */ (0, N.jsxs)("div", {
+		className: "relative space-y-6 @container",
+		...Ae,
+		children: [
+			je,
+			/* @__PURE__ */ (0, N.jsxs)(j, {
+				className: "border",
+				children: [/* @__PURE__ */ (0, N.jsxs)(O, { children: [/* @__PURE__ */ (0, N.jsx)(D, {
+					className: "text-base font-medium",
+					children: "Endpoint"
+				}), /* @__PURE__ */ (0, N.jsx)(A, { children: "MCP server URL and display alias" })] }), /* @__PURE__ */ (0, N.jsx)(k, {
+					className: "pt-0",
+					children: ke
+				})]
+			}),
+			/* @__PURE__ */ (0, N.jsxs)(j, {
+				className: "border",
+				children: [/* @__PURE__ */ (0, N.jsxs)(O, { children: [/* @__PURE__ */ (0, N.jsx)(D, {
+					className: "text-base font-medium",
+					children: "Authentication"
+				}), /* @__PURE__ */ (0, N.jsx)(A, { children: "OAuth 2.0 client credentials" })] }), /* @__PURE__ */ (0, N.jsx)(k, {
+					className: "pt-0",
+					children: Ee
+				})]
+			}),
+			/* @__PURE__ */ (0, N.jsxs)(j, {
+				className: "border",
+				children: [/* @__PURE__ */ (0, N.jsxs)(O, { children: [/* @__PURE__ */ (0, N.jsx)(D, {
+					className: "text-base font-medium",
+					children: "Custom Headers"
+				}), /* @__PURE__ */ (0, N.jsx)(A, { children: "Extra HTTP headers sent with MCP requests" })] }), /* @__PURE__ */ (0, N.jsx)(k, {
+					className: "pt-0",
+					children: De
+				})]
+			}),
+			/* @__PURE__ */ (0, N.jsxs)(j, {
+				className: "border",
+				children: [/* @__PURE__ */ (0, N.jsxs)(O, { children: [/* @__PURE__ */ (0, N.jsx)(D, {
+					className: "text-base font-medium",
+					children: "Configuration"
+				}), /* @__PURE__ */ (0, N.jsx)(A, { children: "Connection mode, proxy, and request timeouts" })] }), /* @__PURE__ */ (0, N.jsx)(k, {
+					className: "pt-0",
+					children: Oe
+				})]
+			})
+		]
+	}) : /* @__PURE__ */ (0, N.jsxs)("div", {
+		className: "relative space-y-4 @container",
+		...Ae,
+		children: [
+			!Z && /* @__PURE__ */ (0, N.jsx)("h3", {
+				className: "mb-4 text-xl font-semibold text-white",
+				children: "Connect"
+			}),
+			je,
+			ke,
+			Z && !Q && /* @__PURE__ */ (0, N.jsxs)("div", {
+				className: "space-y-8 pt-2",
+				children: [
+					/* @__PURE__ */ (0, N.jsxs)("section", {
+						className: "space-y-4",
+						children: [/* @__PURE__ */ (0, N.jsx)("h3", {
+							className: "text-xs font-medium uppercase tracking-wide text-muted-foreground",
+							children: "Authentication"
+						}), Ee]
+					}),
+					/* @__PURE__ */ (0, N.jsxs)("section", {
+						className: "space-y-4",
+						children: [/* @__PURE__ */ (0, N.jsx)("h3", {
+							className: "text-xs font-medium uppercase tracking-wide text-muted-foreground",
+							children: "Custom Headers"
+						}), De]
+					}),
+					/* @__PURE__ */ (0, N.jsxs)("section", {
+						className: "space-y-4",
+						children: [/* @__PURE__ */ (0, N.jsx)("h3", {
+							className: "text-xs font-medium uppercase tracking-wide text-muted-foreground",
+							children: "Configuration"
+						}), Oe]
+					})
+				]
+			}),
+			!Z && /* @__PURE__ */ (0, N.jsxs)("div", {
+				className: "flex flex-row gap-3 @lg:flex-col",
+				children: [
+					/* @__PURE__ */ (0, N.jsxs)(v, {
+						open: he,
+						onOpenChange: ge,
+						children: [/* @__PURE__ */ (0, N.jsx)(m, {
+							render: /* @__PURE__ */ (0, N.jsx)("div", {
+								className: "relative flex-1 ",
+								children: /* @__PURE__ */ (0, N.jsxs)(o, {
+									"data-testid": "connection-form-auth-button",
+									variant: "outline",
+									className: a((H || W || K) && "border-2", "w-full justify-center hover:text-white cursor-pointer", Ce),
+									children: [/* @__PURE__ */ (0, N.jsx)(b, { className: "w-4 h-4 mr-0" }), "Authentication"]
+								})
+							}),
+							nativeButton: !1
+						}), /* @__PURE__ */ (0, N.jsxs)(_, {
+							scrollable: !0,
+							className: "w-[calc(100vw-2rem)] sm:w-full max-w-2xl max-h-[80vh]",
+							children: [/* @__PURE__ */ (0, N.jsx)(g, { children: /* @__PURE__ */ (0, N.jsx)(p, { children: "Authentication" }) }), /* @__PURE__ */ (0, N.jsxs)(h, {
+								className: "space-y-4",
+								children: [Ee, /* @__PURE__ */ (0, N.jsx)("div", {
+									className: "flex justify-end",
+									children: /* @__PURE__ */ (0, N.jsx)(o, {
+										onClick: () => ge(!1),
+										children: "Save"
+									})
+								})]
+							})]
+						})]
+					}),
+					/* @__PURE__ */ (0, N.jsxs)(v, {
+						open: pe,
+						onOpenChange: me,
+						children: [/* @__PURE__ */ (0, N.jsx)(m, {
+							render: /* @__PURE__ */ (0, N.jsx)("div", {
+								className: "relative flex-1 ",
+								children: /* @__PURE__ */ (0, N.jsxs)(o, {
+									"data-testid": "connection-form-headers-button",
+									variant: "outline",
+									className: a("w-full justify-center hover:text-white cursor-pointer", Ce),
+									children: [/* @__PURE__ */ (0, N.jsx)(ae, { className: "w-4 h-4" }), "Custom Headers"]
+								})
+							}),
+							nativeButton: !1
+						}), /* @__PURE__ */ (0, N.jsxs)(_, {
+							scrollable: !0,
+							className: "w-full max-w-2xl max-h-[80vh]",
+							children: [/* @__PURE__ */ (0, N.jsx)(g, { children: /* @__PURE__ */ (0, N.jsx)(p, { children: "Custom Headers" }) }), /* @__PURE__ */ (0, N.jsx)(h, { children: /* @__PURE__ */ (0, N.jsx)(ce, {
+								title: /* @__PURE__ */ (0, N.jsx)(N.Fragment, {}),
+								headers: w,
+								onChange: T,
+								onSave: () => me(!1)
+							}) })]
+						})]
+					}),
+					/* @__PURE__ */ (0, N.jsxs)(v, {
+						open: _e,
+						onOpenChange: ve,
+						children: [/* @__PURE__ */ (0, N.jsx)(m, {
+							render: /* @__PURE__ */ (0, N.jsxs)(o, {
+								"data-testid": "connection-form-config-button",
+								variant: "outline",
+								className: a("flex-1  justify-center hover:text-white cursor-pointer", Ce),
+								children: [/* @__PURE__ */ (0, N.jsx)(ie, { className: "w-4 h-4" }), "Configuration"]
+							}),
+							nativeButton: !0
+						}), /* @__PURE__ */ (0, N.jsxs)(_, {
+							scrollable: !0,
+							className: "w-full max-w-2xl max-h-[80vh]",
+							children: [/* @__PURE__ */ (0, N.jsx)(g, { children: /* @__PURE__ */ (0, N.jsx)(p, { children: "Configuration" }) }), /* @__PURE__ */ (0, N.jsxs)(h, {
+								className: "space-y-4",
+								children: [Oe, /* @__PURE__ */ (0, N.jsx)("div", {
+									className: "flex justify-end",
+									children: /* @__PURE__ */ (0, N.jsx)(o, {
+										onClick: () => ve(!1),
+										children: "Save"
+									})
+								})]
+							})]
+						})]
+					})
+				]
+			}),
+			le && /* @__PURE__ */ (0, N.jsx)(o, {
+				"data-testid": "connection-form-connect-button",
+				onClick: J,
+				disabled: !r.trim() || fe,
+				size: $ ? "lg" : void 0,
+				className: a("w-full font-semibold", $ ? "rounded-full text-black [&_[aria-hidden]]:bg-white hover:[&_[aria-hidden]]:bg-white/90 group-active:[&_[aria-hidden]]:bg-white/80" : ""),
+				children: fe ? /* @__PURE__ */ (0, N.jsxs)(N.Fragment, { children: [/* @__PURE__ */ (0, N.jsx)("svg", {
+					className: "w-4 h-4 mr-2 animate-spin",
+					fill: "none",
+					stroke: "currentColor",
+					viewBox: "0 0 24 24",
+					children: /* @__PURE__ */ (0, N.jsx)("path", {
+						strokeLinecap: "round",
+						strokeLinejoin: "round",
+						strokeWidth: 2,
+						d: "M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"
+					})
+				}), "Connecting..."] }) : /* @__PURE__ */ (0, N.jsxs)(N.Fragment, { children: [/* @__PURE__ */ (0, N.jsx)("svg", {
+					className: "w-4 h-4 mr-2",
+					fill: "none",
+					stroke: "currentColor",
+					viewBox: "0 0 24 24",
+					children: /* @__PURE__ */ (0, N.jsx)("path", {
+						strokeLinecap: "round",
+						strokeLinejoin: "round",
+						strokeWidth: 2,
+						d: "M13 10V3L4 14h7v7l9-11h-7z"
+					})
+				}), "Connect"] })
+			}),
+			ue && /* @__PURE__ */ (0, N.jsxs)("div", {
+				className: "flex justify-end gap-2",
+				children: [X && /* @__PURE__ */ (0, N.jsx)(o, {
+					variant: "outline",
+					onClick: X,
+					children: "Cancel"
+				}), /* @__PURE__ */ (0, N.jsx)(o, {
+					"data-testid": "connection-form-save-button",
+					onClick: Y,
+					children: "Save Connection Options"
+				})]
+			})
+		]
+	});
+}
+//#endregion
+export { U as a, L as c, V as d, K as f, I as i, F as l, ae as m, se as n, q as o, G as p, H as r, X as s, le as t, oe as u };