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

package/dist/cdn/ConnectionSettingsForm-BNS6bOMD.js

@@ -1,873 +0,0 @@
-import { s as e, t } from "./react-BIs9pQ3H.js";
-import { t as n } from "./jsx-runtime-CIxvMpEo.js";
-import { Rr as r, sr as i, t as a } from "./input-BLxOA7V-.js";
-import { t as o } from "./label-CBvG613A.js";
-import { a as s, i as c, n as l, r as u, t as d } from "./select-BZ_IoKxg.js";
-import { t as f } from "./createLucideIcon-C5fZZ6oB.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-Dnl-pZsY.js";
-import { i as ee, t as te } from "./browser-CbQIH4w2.js";
-import { n as ne, t as x } from "./eye-B7H96av8.js";
-import { t as S } from "./trash-2-RwpJY5SL.js";
-import { t as C } from "./react-BxO-uEDZ.js";
-import { r as w } from "./basePath-B8HuhIMu.js";
-import { i as T, r as E } from "./servers-Dm72iTpY.js";
-import { n as D } from "./dist-DjXr_YO3.js";
-import { a as O, i as k, n as A, r as j, t as M } from "./card-DqjqAq0o.js";
-var re = f("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"
-	}]
-]), ie = f("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"
-	}]
-]), N = /* @__PURE__ */ e(t(), 1), P = n();
-function F() {
-	if (typeof window > "u") return "";
-	let e = window.__MCP_PROXY_URL__;
-	return e === null ? "" : `${window.location.origin}${e || w("proxy")}`;
-}
-function I(e, t, n = !1) {
-	return e === "auto" || e === "direct" || e === "proxy" ? e : t === "Via Proxy" ? "proxy" : t === "Direct" ? "auto" : n ? "proxy" : "auto";
-}
-function L(e) {
-	return !e || typeof e == "boolean" ? "" : e.proxyAddress?.trim() || "";
-}
-var R = [
-	"requestTimeout",
-	"resetTimeoutOnProgress",
-	"maxTotalTimeout"
-];
-function z(e) {
-	if (!e) return {};
-	let t = {};
-	for (let n of R) {
-		let r = e[n];
-		r !== void 0 && (t[n] = r);
-	}
-	return t;
-}
-function B(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 V(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 H(e) {
-	let t = e.headers || e.proxyConfig?.headers || e.proxyConfig?.customHeaders;
-	return t && Object.keys(t).length > 0 ? t : void 0;
-}
-function U(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: I(e.connectionMode, e.connectionType, !!a?.proxyAddress)
-	};
-}
-function W(e) {
-	let t = q(e), n = e.proxyConfig?.proxyAddress?.trim() || L(e.autoProxyFallback), r = I(e.connectionMode, e.connectionType, !!n), i = {
-		url: e.url,
-		displayName: e.name?.trim() || e.url,
-		connectionMode: r,
-		...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 G(e, t) {
-	let n = t ? U(t) : e, r = H(e) || {}, i = n.proxyConfig?.proxyAddress?.trim() || L(n.autoProxyFallback);
-	return {
-		url: e.url || "",
-		name: e.displayName || e.url || "",
-		transportType: "http",
-		connectionMode: I(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,
-		...z(t)
-	};
-}
-function K(e) {
-	try {
-		let t = localStorage.getItem("mcp-inspector-connections");
-		return t && JSON.parse(t)[e] || null;
-	} catch {
-		return null;
-	}
-}
-function q(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 J(e) {
-	let t = e.url?.trim() || "", n = e.proxyConfig?.proxyAddress?.trim() || L(e.autoProxyFallback);
-	return {
-		url: t,
-		name: e.name?.trim() || t,
-		transportType: e.transportType || "http",
-		proxyAddress: n,
-		connectionMode: I(e.connectionMode, e.connectionType, !!n),
-		headers: q(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
-	};
-}
-function ae(e, t) {
-	let n = J(e), r = J(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.name !== r.name;
-}
-var oe = class extends C {
-	setServers(e) {
-		let t = this.readRawStoredServers(), n = Object.fromEntries(Object.entries(e).map(([e, n]) => [e, {
-			...z(t[e]),
-			...n,
-			...E(e) && typeof n.url == "string" && T(n.url) ? { url: e } : {}
-		}]));
-		super.setServers(n);
-	}
-	setServer(e, t) {
-		let n = this.getServers();
-		n[e] = {
-			...z(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 se({ headers: e, onChange: t, onSave: n, className: s, title: c = "Custom Headers", description: l = "Headers with both name and value will be sent", maxHeaders: u = 50 }) {
-	let [d, f] = (0, N.useState)({}), [p, m] = (0, N.useState)(null), h = (0, N.useRef)({});
-	(0, N.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, P.jsxs)("div", {
-		className: r("space-y-3", s),
-		children: [
-			/* @__PURE__ */ (0, P.jsxs)("div", {
-				className: "space-y-2",
-				children: [/* @__PURE__ */ (0, P.jsx)(o, {
-					className: "text-base font-medium",
-					children: c
-				}), /* @__PURE__ */ (0, P.jsx)("p", {
-					className: "text-sm text-muted-foreground",
-					children: l
-				})]
-			}),
-			/* @__PURE__ */ (0, P.jsxs)("div", {
-				className: "space-y-2",
-				children: [
-					/* @__PURE__ */ (0, P.jsxs)("div", {
-						className: "grid grid-cols-[1fr_1fr] gap-4 text-sm font-medium text-muted-foreground",
-						children: [/* @__PURE__ */ (0, P.jsx)("div", { children: "Name" }), /* @__PURE__ */ (0, P.jsx)("div", { children: "Value" })]
-					}),
-					e.length === 0 ? /* @__PURE__ */ (0, P.jsxs)("div", {
-						className: "grid grid-cols-[1fr_1fr] gap-4 items-center",
-						children: [/* @__PURE__ */ (0, P.jsx)(a, {
-							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, P.jsxs)("div", {
-							className: "flex items-center gap-2",
-							children: [
-								/* @__PURE__ */ (0, P.jsx)(a, {
-									placeholder: "Bearer token...",
-									value: "",
-									onChange: () => {},
-									type: "password",
-									className: "font-mono text-sm",
-									autoComplete: "off",
-									disabled: !0
-								}),
-								/* @__PURE__ */ (0, P.jsx)(i, {
-									type: "button",
-									variant: "ghost",
-									size: "icon-sm",
-									className: "h-8 w-8 p-0",
-									disabled: !0,
-									children: /* @__PURE__ */ (0, P.jsx)(x, { className: "h-4 w-4" })
-								}),
-								/* @__PURE__ */ (0, P.jsx)(i, {
-									type: "button",
-									variant: "ghost",
-									size: "icon-sm",
-									className: "h-8 w-8 p-0",
-									disabled: !0,
-									children: /* @__PURE__ */ (0, P.jsx)(S, { className: "h-4 w-4" })
-								})
-							]
-						})]
-					}) : e.map((e) => /* @__PURE__ */ (0, P.jsxs)("div", {
-						className: "grid grid-cols-[1fr_1fr] gap-4 items-center",
-						children: [/* @__PURE__ */ (0, P.jsx)(a, {
-							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, P.jsxs)("div", {
-							className: "flex items-center gap-2",
-							children: [
-								/* @__PURE__ */ (0, P.jsx)(a, {
-									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, P.jsx)(i, {
-									type: "button",
-									variant: "ghost",
-									size: "icon-sm",
-									onClick: () => ee(e.id),
-									className: "h-8 w-8 p-0",
-									children: d[e.id] ? /* @__PURE__ */ (0, P.jsx)(ne, { className: "h-4 w-4" }) : /* @__PURE__ */ (0, P.jsx)(x, { className: "h-4 w-4" })
-								}),
-								/* @__PURE__ */ (0, P.jsx)(i, {
-									type: "button",
-									variant: "ghost",
-									size: "icon-sm",
-									onClick: () => v(e.id),
-									className: "h-8 w-8 p-0",
-									children: /* @__PURE__ */ (0, P.jsx)(S, { className: "h-4 w-4" })
-								})
-							]
-						})]
-					}, e.id)),
-					/* @__PURE__ */ (0, P.jsx)("div", {
-						className: "flex justify-start mt-4",
-						children: /* @__PURE__ */ (0, P.jsxs)(i, {
-							type: "button",
-							variant: "outline",
-							size: "sm",
-							onClick: _,
-							disabled: e.length >= u,
-							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ (0, P.jsx)(y, { className: "h-4 w-4" }), "Add"]
-						})
-					})
-				]
-			}),
-			n && /* @__PURE__ */ (0, P.jsx)("div", {
-				className: "flex justify-end",
-				children: /* @__PURE__ */ (0, P.jsx)(i, {
-					type: "button",
-					onClick: n,
-					className: "bg-black text-white hover:bg-gray-800",
-					children: "Save"
-				})
-			})
-		]
-	});
-}
-//#endregion
-//#region src/client/components/ConnectionSettingsForm.tsx
-function ce({ alias: e, setAlias: t, url: n, setUrl: f, connectionMode: y, setConnectionMode: ne, customHeaders: x, setCustomHeaders: S, requestTimeout: C, setRequestTimeout: w, resetTimeoutOnProgress: T, setResetTimeoutOnProgress: E, maxTotalTimeout: F, setMaxTotalTimeout: L, proxyAddress: R, setProxyAddress: z, clientId: B, setClientId: V, clientSecret: H, setClientSecret: U, scope: W, setScope: G, onConnect: K, onSave: q, onCancel: J, variant: ae = "default", showConnectButton: oe = !1, showSaveButton: ce = !1, showExportButton: le = !1, isConnecting: ue = !1, inlineSections: Y = !1, cardSections: X = !1 }) {
-	let [de, fe] = (0, N.useState)(!1), [pe, me] = (0, N.useState)(!1), [he, ge] = (0, N.useState)(!1), Z = (0, N.useRef)(!1), _e = async () => {
-		if (!n.trim()) {
-			D.error("Please enter a URL first");
-			return;
-		}
-		let t = {
-			url: n,
-			...e.trim() ? { name: e.trim() } : {},
-			transportType: "http",
-			connectionMode: y,
-			connectionType: y === "proxy" ? "Via Proxy" : "Direct",
-			proxyConfig: y === "proxy" && R.trim() ? {
-				proxyAddress: R.trim(),
-				customHeaders: x.reduce((e, t) => (t.name && t.value && (e[t.name] = t.value), e), {})
-			} : void 0,
-			autoProxyFallback: y === "auto" && R.trim() ? {
-				enabled: !0,
-				proxyAddress: R.trim()
-			} : void 0,
-			customHeaders: x.reduce((e, t) => (t.name && t.value && (e[t.name] = t.value), e), {}),
-			requestTimeout: Number.parseInt(C, 10),
-			resetTimeoutOnProgress: T === "True",
-			maxTotalTimeout: Number.parseInt(F, 10),
-			oauth: B || W ? {
-				clientId: B,
-				...B && H ? { clientSecret: H } : {},
-				scope: W
-			} : void 0
-		};
-		try {
-			await te(JSON.stringify(t, null, 2)), D.success("Configuration copied to clipboard");
-		} catch {
-			D.error("Failed to copy configuration to clipboard");
-		}
-	}, Q = ae === "styled", ve = Q ? "bg-white/10 border-white/20 text-white placeholder:text-white/50" : "", ye = Q ? "text-white/90" : "", $ = Q ? "bg-white/10 border-white/20 text-white hover:bg-white/20" : "", be = async (e) => {
-		let n = e.clipboardData.getData("text");
-		try {
-			let r = JSON.parse(n);
-			if (r.url && typeof r.url == "string") {
-				e.preventDefault(), f(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);
-				ne(I(r.connectionMode, r.connectionType, !!n)), n && z(n);
-				let i = r.proxyConfig?.customHeaders || r.proxyConfig?.headers || r.customHeaders || r.headers || {};
-				Object.keys(i).length > 0 && S(Object.entries(i).map(([e, t], n) => ({
-					id: `header-${n}`,
-					name: e,
-					value: String(t)
-				}))), r.requestTimeout && w(String(r.requestTimeout)), r.resetTimeoutOnProgress !== void 0 && E(r.resetTimeoutOnProgress ? "True" : "False"), r.maxTotalTimeout && L(String(r.maxTotalTimeout)), r.oauth && (V(r.oauth.clientId || ""), U(r.oauth.clientSecret || ""), G(r.oauth.scope || "")), D.success("Configuration pasted and form populated");
-			}
-		} catch {}
-	}, xe = (e) => {
-		Z.current || e.nativeEvent.isComposing || e.keyCode === 229 || e.key === "Enter" && !e.shiftKey && !e.metaKey && !e.ctrlKey && e.target.tagName !== "TEXTAREA" && (e.preventDefault(), K && n.trim() && K());
-	}, Se = /* @__PURE__ */ (0, P.jsxs)("div", {
-		className: "grid gap-4 sm:grid-cols-2",
-		children: [
-			!X && /* @__PURE__ */ (0, P.jsx)("h4", {
-				className: "text-sm font-medium sm:col-span-2",
-				children: "OAuth 2.0"
-			}),
-			/* @__PURE__ */ (0, P.jsxs)("div", {
-				className: "space-y-2",
-				children: [/* @__PURE__ */ (0, P.jsx)(o, {
-					className: "text-sm",
-					children: "Client ID"
-				}), /* @__PURE__ */ (0, P.jsx)(a, {
-					"data-testid": "auth-dialog-client-id-input",
-					placeholder: "Client ID",
-					value: B,
-					onChange: (e) => V(e.target.value)
-				})]
-			}),
-			/* @__PURE__ */ (0, P.jsxs)("div", {
-				className: "space-y-2",
-				children: [
-					/* @__PURE__ */ (0, P.jsx)(o, {
-						className: "text-sm",
-						children: "Client Secret"
-					}),
-					/* @__PURE__ */ (0, P.jsx)(a, {
-						"data-testid": "auth-dialog-client-secret-input",
-						type: "password",
-						placeholder: "Client Secret (optional)",
-						value: H,
-						onChange: (e) => U(e.target.value)
-					}),
-					/* @__PURE__ */ (0, P.jsx)("p", {
-						className: "text-xs text-muted-foreground",
-						children: "Stored in your browser's localStorage."
-					})
-				]
-			}),
-			/* @__PURE__ */ (0, P.jsxs)("div", {
-				className: "space-y-2 sm:col-span-2",
-				children: [/* @__PURE__ */ (0, P.jsx)(o, {
-					className: "text-sm",
-					children: "Scope"
-				}), /* @__PURE__ */ (0, P.jsx)(a, {
-					"data-testid": "auth-dialog-scope-input",
-					placeholder: "Scope (space-separated)",
-					value: W,
-					onChange: (e) => G(e.target.value)
-				})]
-			})
-		]
-	}), Ce = /* @__PURE__ */ (0, P.jsx)(se, {
-		title: /* @__PURE__ */ (0, P.jsx)(P.Fragment, {}),
-		headers: x,
-		onChange: S
-	}), we = /* @__PURE__ */ (0, P.jsxs)("div", {
-		className: "grid gap-4 sm:grid-cols-2",
-		children: [
-			/* @__PURE__ */ (0, P.jsxs)("div", {
-				className: "space-y-2",
-				children: [/* @__PURE__ */ (0, P.jsx)(o, {
-					className: "text-sm",
-					children: "Connection Mode"
-				}), /* @__PURE__ */ (0, P.jsxs)(d, {
-					value: y,
-					onValueChange: (e) => ne(e),
-					children: [/* @__PURE__ */ (0, P.jsx)(c, {
-						className: "w-full",
-						"data-testid": "config-dialog-connection-mode-select",
-						children: /* @__PURE__ */ (0, P.jsx)(s, {})
-					}), /* @__PURE__ */ (0, P.jsxs)(l, { children: [
-						/* @__PURE__ */ (0, P.jsx)(u, {
-							value: "auto",
-							children: "Auto"
-						}),
-						/* @__PURE__ */ (0, P.jsx)(u, {
-							value: "direct",
-							children: "Direct"
-						}),
-						/* @__PURE__ */ (0, P.jsx)(u, {
-							value: "proxy",
-							children: "Proxy"
-						})
-					] })]
-				})]
-			}),
-			/* @__PURE__ */ (0, P.jsxs)("div", {
-				className: "space-y-2",
-				children: [/* @__PURE__ */ (0, P.jsx)(o, {
-					className: "text-sm",
-					children: "Proxy Endpoint"
-				}), /* @__PURE__ */ (0, P.jsx)(a, {
-					"data-testid": "config-dialog-proxy-address-input",
-					value: R,
-					onChange: (e) => z(e.target.value)
-				})]
-			}),
-			/* @__PURE__ */ (0, P.jsxs)("div", {
-				className: "space-y-2",
-				children: [/* @__PURE__ */ (0, P.jsx)(o, {
-					className: "text-sm",
-					children: "Request Timeout"
-				}), /* @__PURE__ */ (0, P.jsx)(a, {
-					"data-testid": "config-dialog-request-timeout-input",
-					type: "number",
-					value: C,
-					onChange: (e) => w(e.target.value)
-				})]
-			}),
-			/* @__PURE__ */ (0, P.jsxs)("div", {
-				className: "space-y-2",
-				children: [/* @__PURE__ */ (0, P.jsx)(o, {
-					className: "text-sm",
-					children: "Maximum Total Timeout"
-				}), /* @__PURE__ */ (0, P.jsx)(a, {
-					"data-testid": "config-dialog-max-timeout-input",
-					type: "number",
-					value: F,
-					onChange: (e) => L(e.target.value)
-				})]
-			}),
-			/* @__PURE__ */ (0, P.jsxs)("div", {
-				className: "space-y-2",
-				children: [/* @__PURE__ */ (0, P.jsx)(o, {
-					className: "text-sm",
-					children: "Reset Timeout on Progress"
-				}), /* @__PURE__ */ (0, P.jsxs)(d, {
-					value: T,
-					onValueChange: E,
-					children: [/* @__PURE__ */ (0, P.jsx)(c, {
-						className: "w-full",
-						"data-testid": "config-dialog-reset-timeout-select",
-						children: /* @__PURE__ */ (0, P.jsx)(s, {})
-					}), /* @__PURE__ */ (0, P.jsxs)(l, { children: [/* @__PURE__ */ (0, P.jsx)(u, {
-						value: "True",
-						children: "True"
-					}), /* @__PURE__ */ (0, P.jsx)(u, {
-						value: "False",
-						children: "False"
-					})] })]
-				})]
-			})
-		]
-	}), Te = /* @__PURE__ */ (0, P.jsxs)("div", {
-		className: Y || X ? "grid gap-4 sm:grid-cols-2" : "space-y-4",
-		children: [/* @__PURE__ */ (0, P.jsxs)("div", {
-			className: "space-y-2",
-			children: [/* @__PURE__ */ (0, P.jsx)(o, {
-				className: ye,
-				children: "Alias"
-			}), /* @__PURE__ */ (0, P.jsx)(a, {
-				"data-testid": "connection-form-alias-input",
-				placeholder: "Optional server alias",
-				value: e,
-				onChange: (e) => t(e.target.value),
-				className: ve
-			})]
-		}), /* @__PURE__ */ (0, P.jsxs)("div", {
-			className: "space-y-2",
-			children: [
-				/* @__PURE__ */ (0, P.jsx)(o, {
-					className: ye,
-					children: "URL"
-				}),
-				/* @__PURE__ */ (0, P.jsx)(a, {
-					"data-testid": "connection-form-url-input",
-					placeholder: "http://localhost:3000",
-					value: n,
-					onChange: (e) => f(e.target.value),
-					onPaste: be,
-					className: ve
-				}),
-				/* @__PURE__ */ (0, P.jsx)("p", {
-					className: r("text-xs text-muted-foreground", Q ? "text-white/60" : ""),
-					children: "Tip: You can paste a copied connection config (JSON) to auto-populate the form"
-				})
-			]
-		})]
-	}), Ee = {
-		onCompositionStart: () => {
-			Z.current = !0;
-		},
-		onCompositionEnd: () => {
-			Z.current = !1;
-		},
-		onKeyDown: xe
-	}, De = le ? /* @__PURE__ */ (0, P.jsxs)(i, {
-		"data-testid": "connection-form-copy-config-button",
-		variant: "ghost",
-		onClick: _e,
-		className: r(Q ? "absolute top-0 right-0 z-10 text-white hover:bg-white/20 dark:hover:bg-white/20" : "w-full", !Q && "mb-2"),
-		children: [/* @__PURE__ */ (0, P.jsx)(ee, { className: "mr-2 h-4 w-4" }), "Copy Config"]
-	}) : null;
-	return Y && X ? /* @__PURE__ */ (0, P.jsxs)("div", {
-		className: "relative space-y-6 @container",
-		...Ee,
-		children: [
-			De,
-			/* @__PURE__ */ (0, P.jsxs)(M, {
-				className: "border",
-				children: [/* @__PURE__ */ (0, P.jsxs)(k, { children: [/* @__PURE__ */ (0, P.jsx)(O, {
-					className: "text-base font-medium",
-					children: "Endpoint"
-				}), /* @__PURE__ */ (0, P.jsx)(j, { children: "MCP server URL and display alias" })] }), /* @__PURE__ */ (0, P.jsx)(A, {
-					className: "pt-0",
-					children: Te
-				})]
-			}),
-			/* @__PURE__ */ (0, P.jsxs)(M, {
-				className: "border",
-				children: [/* @__PURE__ */ (0, P.jsxs)(k, { children: [/* @__PURE__ */ (0, P.jsx)(O, {
-					className: "text-base font-medium",
-					children: "Authentication"
-				}), /* @__PURE__ */ (0, P.jsx)(j, { children: "OAuth 2.0 client credentials" })] }), /* @__PURE__ */ (0, P.jsx)(A, {
-					className: "pt-0",
-					children: Se
-				})]
-			}),
-			/* @__PURE__ */ (0, P.jsxs)(M, {
-				className: "border",
-				children: [/* @__PURE__ */ (0, P.jsxs)(k, { children: [/* @__PURE__ */ (0, P.jsx)(O, {
-					className: "text-base font-medium",
-					children: "Custom Headers"
-				}), /* @__PURE__ */ (0, P.jsx)(j, { children: "Extra HTTP headers sent with MCP requests" })] }), /* @__PURE__ */ (0, P.jsx)(A, {
-					className: "pt-0",
-					children: Ce
-				})]
-			}),
-			/* @__PURE__ */ (0, P.jsxs)(M, {
-				className: "border",
-				children: [/* @__PURE__ */ (0, P.jsxs)(k, { children: [/* @__PURE__ */ (0, P.jsx)(O, {
-					className: "text-base font-medium",
-					children: "Configuration"
-				}), /* @__PURE__ */ (0, P.jsx)(j, { children: "Connection mode, proxy, and request timeouts" })] }), /* @__PURE__ */ (0, P.jsx)(A, {
-					className: "pt-0",
-					children: we
-				})]
-			})
-		]
-	}) : /* @__PURE__ */ (0, P.jsxs)("div", {
-		className: "relative space-y-4 @container",
-		...Ee,
-		children: [
-			!Y && /* @__PURE__ */ (0, P.jsx)("h3", {
-				className: "mb-4 text-xl font-semibold text-white",
-				children: "Connect"
-			}),
-			De,
-			Te,
-			Y && !X && /* @__PURE__ */ (0, P.jsxs)("div", {
-				className: "space-y-8 pt-2",
-				children: [
-					/* @__PURE__ */ (0, P.jsxs)("section", {
-						className: "space-y-4",
-						children: [/* @__PURE__ */ (0, P.jsx)("h3", {
-							className: "text-xs font-medium uppercase tracking-wide text-muted-foreground",
-							children: "Authentication"
-						}), Se]
-					}),
-					/* @__PURE__ */ (0, P.jsxs)("section", {
-						className: "space-y-4",
-						children: [/* @__PURE__ */ (0, P.jsx)("h3", {
-							className: "text-xs font-medium uppercase tracking-wide text-muted-foreground",
-							children: "Custom Headers"
-						}), Ce]
-					}),
-					/* @__PURE__ */ (0, P.jsxs)("section", {
-						className: "space-y-4",
-						children: [/* @__PURE__ */ (0, P.jsx)("h3", {
-							className: "text-xs font-medium uppercase tracking-wide text-muted-foreground",
-							children: "Configuration"
-						}), we]
-					})
-				]
-			}),
-			!Y && /* @__PURE__ */ (0, P.jsxs)("div", {
-				className: "flex flex-row gap-3 @lg:flex-col",
-				children: [
-					/* @__PURE__ */ (0, P.jsxs)(v, {
-						open: pe,
-						onOpenChange: me,
-						children: [/* @__PURE__ */ (0, P.jsx)(m, {
-							render: /* @__PURE__ */ (0, P.jsx)("div", {
-								className: "relative flex-1 ",
-								children: /* @__PURE__ */ (0, P.jsxs)(i, {
-									"data-testid": "connection-form-auth-button",
-									variant: "outline",
-									className: r((B || H || W) && "border-2", "w-full justify-center hover:text-white cursor-pointer", $),
-									children: [/* @__PURE__ */ (0, P.jsx)(b, { className: "w-4 h-4 mr-0" }), "Authentication"]
-								})
-							}),
-							nativeButton: !1
-						}), /* @__PURE__ */ (0, P.jsxs)(_, {
-							scrollable: !0,
-							className: "w-[calc(100vw-2rem)] sm:w-full max-w-2xl max-h-[80vh]",
-							children: [/* @__PURE__ */ (0, P.jsx)(g, { children: /* @__PURE__ */ (0, P.jsx)(p, { children: "Authentication" }) }), /* @__PURE__ */ (0, P.jsxs)(h, {
-								className: "space-y-4",
-								children: [Se, /* @__PURE__ */ (0, P.jsx)("div", {
-									className: "flex justify-end",
-									children: /* @__PURE__ */ (0, P.jsx)(i, {
-										onClick: () => me(!1),
-										children: "Save"
-									})
-								})]
-							})]
-						})]
-					}),
-					/* @__PURE__ */ (0, P.jsxs)(v, {
-						open: de,
-						onOpenChange: fe,
-						children: [/* @__PURE__ */ (0, P.jsx)(m, {
-							render: /* @__PURE__ */ (0, P.jsx)("div", {
-								className: "relative flex-1 ",
-								children: /* @__PURE__ */ (0, P.jsxs)(i, {
-									"data-testid": "connection-form-headers-button",
-									variant: "outline",
-									className: r("w-full justify-center hover:text-white cursor-pointer", $),
-									children: [/* @__PURE__ */ (0, P.jsx)(ie, { className: "w-4 h-4" }), "Custom Headers"]
-								})
-							}),
-							nativeButton: !1
-						}), /* @__PURE__ */ (0, P.jsxs)(_, {
-							scrollable: !0,
-							className: "w-full max-w-2xl max-h-[80vh]",
-							children: [/* @__PURE__ */ (0, P.jsx)(g, { children: /* @__PURE__ */ (0, P.jsx)(p, { children: "Custom Headers" }) }), /* @__PURE__ */ (0, P.jsx)(h, { children: /* @__PURE__ */ (0, P.jsx)(se, {
-								title: /* @__PURE__ */ (0, P.jsx)(P.Fragment, {}),
-								headers: x,
-								onChange: S,
-								onSave: () => fe(!1)
-							}) })]
-						})]
-					}),
-					/* @__PURE__ */ (0, P.jsxs)(v, {
-						open: he,
-						onOpenChange: ge,
-						children: [/* @__PURE__ */ (0, P.jsx)(m, {
-							render: /* @__PURE__ */ (0, P.jsxs)(i, {
-								"data-testid": "connection-form-config-button",
-								variant: "outline",
-								className: r("flex-1  justify-center hover:text-white cursor-pointer", $),
-								children: [/* @__PURE__ */ (0, P.jsx)(re, { className: "w-4 h-4" }), "Configuration"]
-							}),
-							nativeButton: !0
-						}), /* @__PURE__ */ (0, P.jsxs)(_, {
-							scrollable: !0,
-							className: "w-full max-w-2xl max-h-[80vh]",
-							children: [/* @__PURE__ */ (0, P.jsx)(g, { children: /* @__PURE__ */ (0, P.jsx)(p, { children: "Configuration" }) }), /* @__PURE__ */ (0, P.jsxs)(h, {
-								className: "space-y-4",
-								children: [we, /* @__PURE__ */ (0, P.jsx)("div", {
-									className: "flex justify-end",
-									children: /* @__PURE__ */ (0, P.jsx)(i, {
-										onClick: () => ge(!1),
-										children: "Save"
-									})
-								})]
-							})]
-						})]
-					})
-				]
-			}),
-			oe && /* @__PURE__ */ (0, P.jsx)(i, {
-				"data-testid": "connection-form-connect-button",
-				onClick: K,
-				disabled: !n.trim() || ue,
-				size: Q ? "lg" : void 0,
-				className: r("w-full font-semibold", Q ? "rounded-full text-black [&_[aria-hidden]]:bg-white hover:[&_[aria-hidden]]:bg-white/90 group-active:[&_[aria-hidden]]:bg-white/80" : ""),
-				children: ue ? /* @__PURE__ */ (0, P.jsxs)(P.Fragment, { children: [/* @__PURE__ */ (0, P.jsx)("svg", {
-					className: "w-4 h-4 mr-2 animate-spin",
-					fill: "none",
-					stroke: "currentColor",
-					viewBox: "0 0 24 24",
-					children: /* @__PURE__ */ (0, P.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, P.jsxs)(P.Fragment, { children: [/* @__PURE__ */ (0, P.jsx)("svg", {
-					className: "w-4 h-4 mr-2",
-					fill: "none",
-					stroke: "currentColor",
-					viewBox: "0 0 24 24",
-					children: /* @__PURE__ */ (0, P.jsx)("path", {
-						strokeLinecap: "round",
-						strokeLinejoin: "round",
-						strokeWidth: 2,
-						d: "M13 10V3L4 14h7v7l9-11h-7z"
-					})
-				}), "Connect"] })
-			}),
-			ce && /* @__PURE__ */ (0, P.jsxs)("div", {
-				className: "flex justify-end gap-2",
-				children: [J && /* @__PURE__ */ (0, P.jsx)(i, {
-					variant: "outline",
-					onClick: J,
-					children: "Cancel"
-				}), /* @__PURE__ */ (0, P.jsx)(i, {
-					"data-testid": "connection-form-save-button",
-					onClick: q,
-					children: "Save Connection Options"
-				})]
-			})
-		]
-	});
-}
-//#endregion
-export { H as a, I as c, W as d, ie as f, F as i, B as l, oe as n, K as o, V as r, ae as s, ce as t, G as u };