@mcp-use/inspector 20.0.0-beta.5 → 20.0.0-beta.7

package/dist/cdn/{ConnectionSettingsForm-DF-NS58d.js → ConnectionSettingsForm-CNuMa6jp.js}

@@ -1,19 +1,19 @@
 import { s as e, t } from "./react-BIs9pQ3H.js";
-import { Rr as n, sr as r, t as i } from "./input-C2OBd4PJ.js";
-import { t as a } from "./jsx-runtime-CIxvMpEo.js";
-import { t as o } from "./label-B9Jmm9be.js";
-import { a as s, i as c, n as l, r as u, t as d } from "./select-DDdiIPR2.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-BsDpuJd3.js";
-import { i as ee, t as te } from "./browser-CbQIH4w2.js";
-import { n as x, t as S } from "./eye-B7H96av8.js";
-import { t as C } from "./trash-2-RwpJY5SL.js";
-import { t as w } from "./react-BajV-X4P.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-Bl-hSkvn.js";
 import { r as T } from "./basePath-B8HuhIMu.js";
-import { i as E, r as D } from "./servers-Dm72iTpY.js";
-import { n as O } from "./dist-DaMB0Su9.js";
-import { a as k, i as A, n as j, r as M, t as N } from "./card-DgiYnSg-.js";
-var ne = f("cog", [
+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"
@@ -74,7 +74,7 @@ var ne = f("cog", [
 		r: "8",
 		key: "46899m"
 	}]
-]), re = f("file-text", [
+]), 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"
@@ -95,18 +95,18 @@ var ne = f("cog", [
 		d: "M16 17H8",
 		key: "z1uh3a"
 	}]
-]), P = /* @__PURE__ */ e(t(), 1), F = a(), I = "2026-07-28";
-function ie(e) {
+]), M = /* @__PURE__ */ e(t(), 1), N = r(), P = "2026-07-28";
+function oe(e) {
 	switch (e) {
 		case "v1": return "legacy";
-		case "v2": return { pin: I };
+		case "v2": return { pin: P };
 		default: return "auto";
 	}
 }
-function ae(e) {
+function F(e) {
 	return e === "legacy" ? "v1" : typeof e == "object" && e?.pin ? "v2" : "auto";
 }
-function oe() {
+function I() {
 	if (typeof window > "u") return "";
 	let e = window.__MCP_PROXY_URL__;
 	return e === null ? "" : `${window.location.origin}${e || T("proxy")}`;
@@ -227,7 +227,7 @@ function Y(e) {
 		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: ae(e.protocolNegotiation)
+		protocolMode: F(e.protocolNegotiation)
 	};
 }
 function X(e, t) {
@@ -239,7 +239,7 @@ var se = class extends w {
 		let t = this.readRawStoredServers(), n = Object.fromEntries(Object.entries(e).map(([e, n]) => [e, {
 			...B(t[e]),
 			...n,
-			...D(e) && typeof n.url == "string" && E(n.url) ? { url: e } : {}
+			...re(e) && typeof n.url == "string" && ne(n.url) ? { url: e } : {}
 		}]));
 		super.setServers(n);
 	}
@@ -261,9 +261,9 @@ var se = class extends w {
 };
 //#endregion
 //#region src/client/components/CustomHeadersEditor.tsx
-function ce({ headers: e, onChange: t, onSave: a, className: s, title: c = "Custom Headers", description: l = "Headers with both name and value will be sent", maxHeaders: u = 50 }) {
-	let [d, f] = (0, P.useState)({}), [p, m] = (0, P.useState)(null), h = (0, P.useRef)({});
-	(0, P.useEffect)(() => {
+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), _ = () => {
@@ -287,29 +287,29 @@ function ce({ headers: e, onChange: t, onSave: a, className: s, title: c = "Cust
 			[e]: !t[e]
 		}));
 	};
-	return /* @__PURE__ */ (0, F.jsxs)("div", {
-		className: n("space-y-3", s),
+	return /* @__PURE__ */ (0, N.jsxs)("div", {
+		className: a("space-y-3", i),
 		children: [
-			/* @__PURE__ */ (0, F.jsxs)("div", {
+			/* @__PURE__ */ (0, N.jsxs)("div", {
 				className: "space-y-2",
-				children: [/* @__PURE__ */ (0, F.jsx)(o, {
+				children: [/* @__PURE__ */ (0, N.jsx)(s, {
 					className: "text-base font-medium",
 					children: c
-				}), /* @__PURE__ */ (0, F.jsx)("p", {
+				}), /* @__PURE__ */ (0, N.jsx)("p", {
 					className: "text-sm text-muted-foreground",
 					children: l
 				})]
 			}),
-			/* @__PURE__ */ (0, F.jsxs)("div", {
+			/* @__PURE__ */ (0, N.jsxs)("div", {
 				className: "space-y-2",
 				children: [
-					/* @__PURE__ */ (0, F.jsxs)("div", {
+					/* @__PURE__ */ (0, N.jsxs)("div", {
 						className: "grid grid-cols-[1fr_1fr] gap-4 text-sm font-medium text-muted-foreground",
-						children: [/* @__PURE__ */ (0, F.jsx)("div", { children: "Name" }), /* @__PURE__ */ (0, F.jsx)("div", { children: "Value" })]
+						children: [/* @__PURE__ */ (0, N.jsx)("div", { children: "Name" }), /* @__PURE__ */ (0, N.jsx)("div", { children: "Value" })]
 					}),
-					e.length === 0 ? /* @__PURE__ */ (0, F.jsxs)("div", {
+					e.length === 0 ? /* @__PURE__ */ (0, N.jsxs)("div", {
 						className: "grid grid-cols-[1fr_1fr] gap-4 items-center",
-						children: [/* @__PURE__ */ (0, F.jsx)(i, {
+						children: [/* @__PURE__ */ (0, N.jsx)(n, {
 							placeholder: "Authorization",
 							value: "",
 							onChange: (e) => {
@@ -324,10 +324,10 @@ function ce({ headers: e, onChange: t, onSave: a, className: s, title: c = "Cust
 							},
 							className: "text-sm",
 							autoComplete: "off"
-						}), /* @__PURE__ */ (0, F.jsxs)("div", {
+						}), /* @__PURE__ */ (0, N.jsxs)("div", {
 							className: "flex items-center gap-2",
 							children: [
-								/* @__PURE__ */ (0, F.jsx)(i, {
+								/* @__PURE__ */ (0, N.jsx)(n, {
 									placeholder: "Bearer token...",
 									value: "",
 									onChange: () => {},
@@ -336,27 +336,27 @@ function ce({ headers: e, onChange: t, onSave: a, className: s, title: c = "Cust
 									autoComplete: "off",
 									disabled: !0
 								}),
-								/* @__PURE__ */ (0, F.jsx)(r, {
+								/* @__PURE__ */ (0, N.jsx)(o, {
 									type: "button",
 									variant: "ghost",
 									size: "icon-sm",
 									className: "h-8 w-8 p-0",
 									disabled: !0,
-									children: /* @__PURE__ */ (0, F.jsx)(S, { className: "h-4 w-4" })
+									children: /* @__PURE__ */ (0, N.jsx)(S, { className: "h-4 w-4" })
 								}),
-								/* @__PURE__ */ (0, F.jsx)(r, {
+								/* @__PURE__ */ (0, N.jsx)(o, {
 									type: "button",
 									variant: "ghost",
 									size: "icon-sm",
 									className: "h-8 w-8 p-0",
 									disabled: !0,
-									children: /* @__PURE__ */ (0, F.jsx)(C, { className: "h-4 w-4" })
+									children: /* @__PURE__ */ (0, N.jsx)(C, { className: "h-4 w-4" })
 								})
 							]
 						})]
-					}) : e.map((e) => /* @__PURE__ */ (0, F.jsxs)("div", {
+					}) : e.map((e) => /* @__PURE__ */ (0, N.jsxs)("div", {
 						className: "grid grid-cols-[1fr_1fr] gap-4 items-center",
-						children: [/* @__PURE__ */ (0, F.jsx)(i, {
+						children: [/* @__PURE__ */ (0, N.jsx)(n, {
 							ref: (t) => {
 								h.current[e.id] = t;
 							},
@@ -365,10 +365,10 @@ function ce({ headers: e, onChange: t, onSave: a, className: s, title: c = "Cust
 							onChange: (t) => b(e.id, "name", t.target.value),
 							className: "text-sm",
 							autoComplete: "off"
-						}), /* @__PURE__ */ (0, F.jsxs)("div", {
+						}), /* @__PURE__ */ (0, N.jsxs)("div", {
 							className: "flex items-center gap-2",
 							children: [
-								/* @__PURE__ */ (0, F.jsx)(i, {
+								/* @__PURE__ */ (0, N.jsx)(n, {
 									placeholder: "",
 									value: e.value,
 									onChange: (t) => b(e.id, "value", t.target.value),
@@ -376,44 +376,44 @@ function ce({ headers: e, onChange: t, onSave: a, className: s, title: c = "Cust
 									className: "font-mono text-sm",
 									autoComplete: "off"
 								}),
-								/* @__PURE__ */ (0, F.jsx)(r, {
+								/* @__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, F.jsx)(x, { className: "h-4 w-4" }) : /* @__PURE__ */ (0, F.jsx)(S, { className: "h-4 w-4" })
+									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, F.jsx)(r, {
+								/* @__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, F.jsx)(C, { className: "h-4 w-4" })
+									children: /* @__PURE__ */ (0, N.jsx)(C, { className: "h-4 w-4" })
 								})
 							]
 						})]
 					}, e.id)),
-					/* @__PURE__ */ (0, F.jsx)("div", {
+					/* @__PURE__ */ (0, N.jsx)("div", {
 						className: "flex justify-start mt-4",
-						children: /* @__PURE__ */ (0, F.jsxs)(r, {
+						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, F.jsx)(y, { className: "h-4 w-4" }), "Add"]
+							children: [/* @__PURE__ */ (0, N.jsx)(y, { className: "h-4 w-4" }), "Add"]
 						})
 					})
 				]
 			}),
-			a && /* @__PURE__ */ (0, F.jsx)("div", {
+			r && /* @__PURE__ */ (0, N.jsx)("div", {
 				className: "flex justify-end",
-				children: /* @__PURE__ */ (0, F.jsx)(r, {
+				children: /* @__PURE__ */ (0, N.jsx)(o, {
 					type: "button",
-					onClick: a,
+					onClick: r,
 					className: "bg-black text-white hover:bg-gray-800",
 					children: "Save"
 				})
@@ -423,18 +423,18 @@ function ce({ headers: e, onChange: t, onSave: a, className: s, title: c = "Cust
 }
 //#endregion
 //#region src/client/components/ConnectionSettingsForm.tsx
-function le({ alias: e, setAlias: t, url: a, setUrl: f, connectionMode: y, setConnectionMode: x, protocolMode: S, setProtocolMode: C, customHeaders: w, setCustomHeaders: T, requestTimeout: E, setRequestTimeout: D, resetTimeoutOnProgress: I, setResetTimeoutOnProgress: oe, 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, P.useState)(!1), [he, ge] = (0, P.useState)(!1), [_e, ve] = (0, P.useState)(!1), ye = (0, P.useRef)(!1), be = async () => {
-		if (!a.trim()) {
-			O.error("Please enter a URL first");
+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: a,
+			url: r,
 			...e.trim() ? { name: e.trim() } : {},
 			transportType: "http",
 			connectionMode: y,
-			protocolNegotiation: ie(S),
+			protocolNegotiation: oe(S),
 			connectionType: y === "proxy" ? "Via Proxy" : "Direct",
 			proxyConfig: y === "proxy" && B.trim() ? {
 				proxyAddress: B.trim(),
@@ -445,8 +445,8 @@ function le({ alias: e, setAlias: t, url: a, setUrl: f, connectionMode: y, setCo
 				proxyAddress: B.trim()
 			} : void 0,
 			customHeaders: w.reduce((e, t) => (t.name && t.value && (e[t.name] = t.value), e), {}),
-			requestTimeout: Number.parseInt(E, 10),
-			resetTimeoutOnProgress: I === "True",
+			requestTimeout: Number.parseInt(ne, 10),
+			resetTimeoutOnProgress: P === "True",
 			maxTotalTimeout: Number.parseInt(R, 10),
 			oauth: H || K ? {
 				clientId: H,
@@ -455,73 +455,73 @@ function le({ alias: e, setAlias: t, url: a, setUrl: f, connectionMode: y, setCo
 			} : void 0
 		};
 		try {
-			await te(JSON.stringify(t, null, 2)), O.success("Configuration copied to clipboard");
+			await te(JSON.stringify(t, null, 2)), E.success("Configuration copied to clipboard");
 		} catch {
-			O.error("Failed to copy configuration to clipboard");
+			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(), f(r.url), t(typeof r.name == "string" && r.name !== r.url ? r.name : "");
+				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(ae(r.protocolNegotiation)), n && V(n);
-				let i = r.proxyConfig?.customHeaders || r.proxyConfig?.headers || r.customHeaders || r.headers || {};
-				Object.keys(i).length > 0 && T(Object.entries(i).map(([e, t], n) => ({
+				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 && D(String(r.requestTimeout)), r.resetTimeoutOnProgress !== void 0 && oe(r.resetTimeoutOnProgress ? "True" : "False"), r.maxTotalTimeout && z(String(r.maxTotalTimeout)), r.oauth && (U(r.oauth.clientId || ""), G(r.oauth.clientSecret || ""), q(r.oauth.scope || "")), O.success("Configuration pasted and form populated");
+				}))), 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 && a.trim() && J());
-	}, Ee = /* @__PURE__ */ (0, F.jsxs)("div", {
+		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, F.jsx)("h4", {
+			!Q && /* @__PURE__ */ (0, N.jsx)("h4", {
 				className: "text-sm font-medium sm:col-span-2",
 				children: "OAuth 2.0"
 			}),
-			/* @__PURE__ */ (0, F.jsxs)("div", {
+			/* @__PURE__ */ (0, N.jsxs)("div", {
 				className: "space-y-2",
-				children: [/* @__PURE__ */ (0, F.jsx)(o, {
+				children: [/* @__PURE__ */ (0, N.jsx)(s, {
 					className: "text-sm",
 					children: "Client ID"
-				}), /* @__PURE__ */ (0, F.jsx)(i, {
+				}), /* @__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, F.jsxs)("div", {
+			/* @__PURE__ */ (0, N.jsxs)("div", {
 				className: "space-y-2",
 				children: [
-					/* @__PURE__ */ (0, F.jsx)(o, {
+					/* @__PURE__ */ (0, N.jsx)(s, {
 						className: "text-sm",
 						children: "Client Secret"
 					}),
-					/* @__PURE__ */ (0, F.jsx)(i, {
+					/* @__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, F.jsx)("p", {
+					/* @__PURE__ */ (0, N.jsx)("p", {
 						className: "text-xs text-muted-foreground",
 						children: "Stored in your browser's localStorage."
 					})
 				]
 			}),
-			/* @__PURE__ */ (0, F.jsxs)("div", {
+			/* @__PURE__ */ (0, N.jsxs)("div", {
 				className: "space-y-2 sm:col-span-2",
-				children: [/* @__PURE__ */ (0, F.jsx)(o, {
+				children: [/* @__PURE__ */ (0, N.jsx)(s, {
 					className: "text-sm",
 					children: "Scope"
-				}), /* @__PURE__ */ (0, F.jsx)(i, {
+				}), /* @__PURE__ */ (0, N.jsx)(n, {
 					"data-testid": "auth-dialog-scope-input",
 					placeholder: "Scope (space-separated)",
 					value: K,
@@ -529,171 +529,171 @@ function le({ alias: e, setAlias: t, url: a, setUrl: f, connectionMode: y, setCo
 				})]
 			})
 		]
-	}), De = /* @__PURE__ */ (0, F.jsx)(ce, {
-		title: /* @__PURE__ */ (0, F.jsx)(F.Fragment, {}),
+	}), De = /* @__PURE__ */ (0, N.jsx)(ce, {
+		title: /* @__PURE__ */ (0, N.jsx)(N.Fragment, {}),
 		headers: w,
 		onChange: T
-	}), Oe = /* @__PURE__ */ (0, F.jsxs)("div", {
+	}), Oe = /* @__PURE__ */ (0, N.jsxs)("div", {
 		className: "grid gap-4 sm:grid-cols-2",
 		children: [
-			/* @__PURE__ */ (0, F.jsxs)("div", {
+			/* @__PURE__ */ (0, N.jsxs)("div", {
 				className: "space-y-2",
 				children: [
-					/* @__PURE__ */ (0, F.jsx)(o, {
+					/* @__PURE__ */ (0, N.jsx)(s, {
 						className: "text-sm",
 						children: "Connection Mode"
 					}),
-					/* @__PURE__ */ (0, F.jsxs)(d, {
+					/* @__PURE__ */ (0, N.jsxs)(f, {
 						value: y,
 						onValueChange: (e) => x(e),
-						children: [/* @__PURE__ */ (0, F.jsx)(c, {
+						children: [/* @__PURE__ */ (0, N.jsx)(l, {
 							className: "w-full",
 							"data-testid": "config-dialog-connection-mode-select",
-							children: /* @__PURE__ */ (0, F.jsx)(s, {})
-						}), /* @__PURE__ */ (0, F.jsxs)(l, { children: [
-							/* @__PURE__ */ (0, F.jsx)(u, {
+							children: /* @__PURE__ */ (0, N.jsx)(c, {})
+						}), /* @__PURE__ */ (0, N.jsxs)(u, { children: [
+							/* @__PURE__ */ (0, N.jsx)(d, {
 								value: "auto",
 								children: "Auto"
 							}),
-							/* @__PURE__ */ (0, F.jsx)(u, {
+							/* @__PURE__ */ (0, N.jsx)(d, {
 								value: "direct",
 								children: "Direct"
 							}),
-							/* @__PURE__ */ (0, F.jsx)(u, {
+							/* @__PURE__ */ (0, N.jsx)(d, {
 								value: "proxy",
 								children: "Proxy"
 							})
 						] })]
 					}),
-					/* @__PURE__ */ (0, F.jsx)("p", {
+					/* @__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, F.jsxs)("div", {
+			/* @__PURE__ */ (0, N.jsxs)("div", {
 				className: "space-y-2",
 				children: [
-					/* @__PURE__ */ (0, F.jsx)(o, {
+					/* @__PURE__ */ (0, N.jsx)(s, {
 						className: "text-sm",
 						children: "Protocol"
 					}),
-					/* @__PURE__ */ (0, F.jsxs)(d, {
+					/* @__PURE__ */ (0, N.jsxs)(f, {
 						value: S,
 						onValueChange: (e) => C(e),
-						children: [/* @__PURE__ */ (0, F.jsx)(c, {
+						children: [/* @__PURE__ */ (0, N.jsx)(l, {
 							className: "w-full",
 							"data-testid": "config-dialog-protocol-mode-select",
-							children: /* @__PURE__ */ (0, F.jsx)(s, {})
-						}), /* @__PURE__ */ (0, F.jsxs)(l, { children: [
-							/* @__PURE__ */ (0, F.jsx)(u, {
+							children: /* @__PURE__ */ (0, N.jsx)(c, {})
+						}), /* @__PURE__ */ (0, N.jsxs)(u, { children: [
+							/* @__PURE__ */ (0, N.jsx)(d, {
 								value: "auto",
 								children: "Auto (recommended)"
 							}),
-							/* @__PURE__ */ (0, F.jsx)(u, {
+							/* @__PURE__ */ (0, N.jsx)(d, {
 								value: "v1",
 								children: "Force v1 (2024/2025)"
 							}),
-							/* @__PURE__ */ (0, F.jsx)(u, {
+							/* @__PURE__ */ (0, N.jsx)(d, {
 								value: "v2",
 								children: "Force v2 (2026-07-28)"
 							})
 						] })]
 					}),
-					/* @__PURE__ */ (0, F.jsx)("p", {
+					/* @__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, F.jsxs)("div", {
+			/* @__PURE__ */ (0, N.jsxs)("div", {
 				className: "space-y-2",
-				children: [/* @__PURE__ */ (0, F.jsx)(o, {
+				children: [/* @__PURE__ */ (0, N.jsx)(s, {
 					className: "text-sm",
 					children: "Proxy Endpoint"
-				}), /* @__PURE__ */ (0, F.jsx)(i, {
+				}), /* @__PURE__ */ (0, N.jsx)(n, {
 					"data-testid": "config-dialog-proxy-address-input",
 					value: B,
 					onChange: (e) => V(e.target.value)
 				})]
 			}),
-			/* @__PURE__ */ (0, F.jsxs)("div", {
+			/* @__PURE__ */ (0, N.jsxs)("div", {
 				className: "space-y-2",
-				children: [/* @__PURE__ */ (0, F.jsx)(o, {
+				children: [/* @__PURE__ */ (0, N.jsx)(s, {
 					className: "text-sm",
 					children: "Request Timeout"
-				}), /* @__PURE__ */ (0, F.jsx)(i, {
+				}), /* @__PURE__ */ (0, N.jsx)(n, {
 					"data-testid": "config-dialog-request-timeout-input",
 					type: "number",
-					value: E,
-					onChange: (e) => D(e.target.value)
+					value: ne,
+					onChange: (e) => re(e.target.value)
 				})]
 			}),
-			/* @__PURE__ */ (0, F.jsxs)("div", {
+			/* @__PURE__ */ (0, N.jsxs)("div", {
 				className: "space-y-2",
-				children: [/* @__PURE__ */ (0, F.jsx)(o, {
+				children: [/* @__PURE__ */ (0, N.jsx)(s, {
 					className: "text-sm",
 					children: "Maximum Total Timeout"
-				}), /* @__PURE__ */ (0, F.jsx)(i, {
+				}), /* @__PURE__ */ (0, N.jsx)(n, {
 					"data-testid": "config-dialog-max-timeout-input",
 					type: "number",
 					value: R,
 					onChange: (e) => z(e.target.value)
 				})]
 			}),
-			/* @__PURE__ */ (0, F.jsxs)("div", {
+			/* @__PURE__ */ (0, N.jsxs)("div", {
 				className: "space-y-2",
-				children: [/* @__PURE__ */ (0, F.jsx)(o, {
+				children: [/* @__PURE__ */ (0, N.jsx)(s, {
 					className: "text-sm",
 					children: "Reset Timeout on Progress"
-				}), /* @__PURE__ */ (0, F.jsxs)(d, {
-					value: I,
-					onValueChange: oe,
-					children: [/* @__PURE__ */ (0, F.jsx)(c, {
+				}), /* @__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, F.jsx)(s, {})
-					}), /* @__PURE__ */ (0, F.jsxs)(l, { children: [/* @__PURE__ */ (0, F.jsx)(u, {
+						children: /* @__PURE__ */ (0, N.jsx)(c, {})
+					}), /* @__PURE__ */ (0, N.jsxs)(u, { children: [/* @__PURE__ */ (0, N.jsx)(d, {
 						value: "True",
 						children: "True"
-					}), /* @__PURE__ */ (0, F.jsx)(u, {
+					}), /* @__PURE__ */ (0, N.jsx)(d, {
 						value: "False",
 						children: "False"
 					})] })]
 				})]
 			})
 		]
-	}), ke = /* @__PURE__ */ (0, F.jsxs)("div", {
+	}), ke = /* @__PURE__ */ (0, N.jsxs)("div", {
 		className: Z || Q ? "grid gap-4 sm:grid-cols-2" : "space-y-4",
-		children: [/* @__PURE__ */ (0, F.jsxs)("div", {
+		children: [/* @__PURE__ */ (0, N.jsxs)("div", {
 			className: "space-y-2",
-			children: [/* @__PURE__ */ (0, F.jsx)(o, {
+			children: [/* @__PURE__ */ (0, N.jsx)(s, {
 				className: Se,
 				children: "Alias"
-			}), /* @__PURE__ */ (0, F.jsx)(i, {
+			}), /* @__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, F.jsxs)("div", {
+		}), /* @__PURE__ */ (0, N.jsxs)("div", {
 			className: "space-y-2",
 			children: [
-				/* @__PURE__ */ (0, F.jsx)(o, {
+				/* @__PURE__ */ (0, N.jsx)(s, {
 					className: Se,
 					children: "URL"
 				}),
-				/* @__PURE__ */ (0, F.jsx)(i, {
+				/* @__PURE__ */ (0, N.jsx)(n, {
 					"data-testid": "connection-form-url-input",
 					placeholder: "http://localhost:3000",
-					value: a,
-					onChange: (e) => f(e.target.value),
+					value: r,
+					onChange: (e) => i(e.target.value),
 					onPaste: we,
 					className: xe
 				}),
-				/* @__PURE__ */ (0, F.jsx)("p", {
-					className: n("text-xs text-muted-foreground", $ ? "text-white/60" : ""),
+				/* @__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"
 				})
 			]
@@ -706,120 +706,120 @@ function le({ alias: e, setAlias: t, url: a, setUrl: f, connectionMode: y, setCo
 			ye.current = !1;
 		},
 		onKeyDown: Te
-	}, je = de ? /* @__PURE__ */ (0, F.jsxs)(r, {
+	}, je = de ? /* @__PURE__ */ (0, N.jsxs)(o, {
 		"data-testid": "connection-form-copy-config-button",
 		variant: "ghost",
 		onClick: be,
-		className: n($ ? "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, F.jsx)(ee, { className: "mr-2 h-4 w-4" }), "Copy Config"]
+		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, F.jsxs)("div", {
+	return Z && Q ? /* @__PURE__ */ (0, N.jsxs)("div", {
 		className: "relative space-y-6 @container",
 		...Ae,
 		children: [
 			je,
-			/* @__PURE__ */ (0, F.jsxs)(N, {
+			/* @__PURE__ */ (0, N.jsxs)(j, {
 				className: "border",
-				children: [/* @__PURE__ */ (0, F.jsxs)(A, { children: [/* @__PURE__ */ (0, F.jsx)(k, {
+				children: [/* @__PURE__ */ (0, N.jsxs)(O, { children: [/* @__PURE__ */ (0, N.jsx)(D, {
 					className: "text-base font-medium",
 					children: "Endpoint"
-				}), /* @__PURE__ */ (0, F.jsx)(M, { children: "MCP server URL and display alias" })] }), /* @__PURE__ */ (0, F.jsx)(j, {
+				}), /* @__PURE__ */ (0, N.jsx)(A, { children: "MCP server URL and display alias" })] }), /* @__PURE__ */ (0, N.jsx)(k, {
 					className: "pt-0",
 					children: ke
 				})]
 			}),
-			/* @__PURE__ */ (0, F.jsxs)(N, {
+			/* @__PURE__ */ (0, N.jsxs)(j, {
 				className: "border",
-				children: [/* @__PURE__ */ (0, F.jsxs)(A, { children: [/* @__PURE__ */ (0, F.jsx)(k, {
+				children: [/* @__PURE__ */ (0, N.jsxs)(O, { children: [/* @__PURE__ */ (0, N.jsx)(D, {
 					className: "text-base font-medium",
 					children: "Authentication"
-				}), /* @__PURE__ */ (0, F.jsx)(M, { children: "OAuth 2.0 client credentials" })] }), /* @__PURE__ */ (0, F.jsx)(j, {
+				}), /* @__PURE__ */ (0, N.jsx)(A, { children: "OAuth 2.0 client credentials" })] }), /* @__PURE__ */ (0, N.jsx)(k, {
 					className: "pt-0",
 					children: Ee
 				})]
 			}),
-			/* @__PURE__ */ (0, F.jsxs)(N, {
+			/* @__PURE__ */ (0, N.jsxs)(j, {
 				className: "border",
-				children: [/* @__PURE__ */ (0, F.jsxs)(A, { children: [/* @__PURE__ */ (0, F.jsx)(k, {
+				children: [/* @__PURE__ */ (0, N.jsxs)(O, { children: [/* @__PURE__ */ (0, N.jsx)(D, {
 					className: "text-base font-medium",
 					children: "Custom Headers"
-				}), /* @__PURE__ */ (0, F.jsx)(M, { children: "Extra HTTP headers sent with MCP requests" })] }), /* @__PURE__ */ (0, F.jsx)(j, {
+				}), /* @__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, F.jsxs)(N, {
+			/* @__PURE__ */ (0, N.jsxs)(j, {
 				className: "border",
-				children: [/* @__PURE__ */ (0, F.jsxs)(A, { children: [/* @__PURE__ */ (0, F.jsx)(k, {
+				children: [/* @__PURE__ */ (0, N.jsxs)(O, { children: [/* @__PURE__ */ (0, N.jsx)(D, {
 					className: "text-base font-medium",
 					children: "Configuration"
-				}), /* @__PURE__ */ (0, F.jsx)(M, { children: "Connection mode, proxy, and request timeouts" })] }), /* @__PURE__ */ (0, F.jsx)(j, {
+				}), /* @__PURE__ */ (0, N.jsx)(A, { children: "Connection mode, proxy, and request timeouts" })] }), /* @__PURE__ */ (0, N.jsx)(k, {
 					className: "pt-0",
 					children: Oe
 				})]
 			})
 		]
-	}) : /* @__PURE__ */ (0, F.jsxs)("div", {
+	}) : /* @__PURE__ */ (0, N.jsxs)("div", {
 		className: "relative space-y-4 @container",
 		...Ae,
 		children: [
-			!Z && /* @__PURE__ */ (0, F.jsx)("h3", {
+			!Z && /* @__PURE__ */ (0, N.jsx)("h3", {
 				className: "mb-4 text-xl font-semibold text-white",
 				children: "Connect"
 			}),
 			je,
 			ke,
-			Z && !Q && /* @__PURE__ */ (0, F.jsxs)("div", {
+			Z && !Q && /* @__PURE__ */ (0, N.jsxs)("div", {
 				className: "space-y-8 pt-2",
 				children: [
-					/* @__PURE__ */ (0, F.jsxs)("section", {
+					/* @__PURE__ */ (0, N.jsxs)("section", {
 						className: "space-y-4",
-						children: [/* @__PURE__ */ (0, F.jsx)("h3", {
+						children: [/* @__PURE__ */ (0, N.jsx)("h3", {
 							className: "text-xs font-medium uppercase tracking-wide text-muted-foreground",
 							children: "Authentication"
 						}), Ee]
 					}),
-					/* @__PURE__ */ (0, F.jsxs)("section", {
+					/* @__PURE__ */ (0, N.jsxs)("section", {
 						className: "space-y-4",
-						children: [/* @__PURE__ */ (0, F.jsx)("h3", {
+						children: [/* @__PURE__ */ (0, N.jsx)("h3", {
 							className: "text-xs font-medium uppercase tracking-wide text-muted-foreground",
 							children: "Custom Headers"
 						}), De]
 					}),
-					/* @__PURE__ */ (0, F.jsxs)("section", {
+					/* @__PURE__ */ (0, N.jsxs)("section", {
 						className: "space-y-4",
-						children: [/* @__PURE__ */ (0, F.jsx)("h3", {
+						children: [/* @__PURE__ */ (0, N.jsx)("h3", {
 							className: "text-xs font-medium uppercase tracking-wide text-muted-foreground",
 							children: "Configuration"
 						}), Oe]
 					})
 				]
 			}),
-			!Z && /* @__PURE__ */ (0, F.jsxs)("div", {
+			!Z && /* @__PURE__ */ (0, N.jsxs)("div", {
 				className: "flex flex-row gap-3 @lg:flex-col",
 				children: [
-					/* @__PURE__ */ (0, F.jsxs)(v, {
+					/* @__PURE__ */ (0, N.jsxs)(v, {
 						open: he,
 						onOpenChange: ge,
-						children: [/* @__PURE__ */ (0, F.jsx)(m, {
-							render: /* @__PURE__ */ (0, F.jsx)("div", {
+						children: [/* @__PURE__ */ (0, N.jsx)(m, {
+							render: /* @__PURE__ */ (0, N.jsx)("div", {
 								className: "relative flex-1 ",
-								children: /* @__PURE__ */ (0, F.jsxs)(r, {
+								children: /* @__PURE__ */ (0, N.jsxs)(o, {
 									"data-testid": "connection-form-auth-button",
 									variant: "outline",
-									className: n((H || W || K) && "border-2", "w-full justify-center hover:text-white cursor-pointer", Ce),
-									children: [/* @__PURE__ */ (0, F.jsx)(b, { className: "w-4 h-4 mr-0" }), "Authentication"]
+									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, F.jsxs)(_, {
+						}), /* @__PURE__ */ (0, N.jsxs)(_, {
 							scrollable: !0,
 							className: "w-[calc(100vw-2rem)] sm:w-full max-w-2xl max-h-[80vh]",
-							children: [/* @__PURE__ */ (0, F.jsx)(g, { children: /* @__PURE__ */ (0, F.jsx)(p, { children: "Authentication" }) }), /* @__PURE__ */ (0, F.jsxs)(h, {
+							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, F.jsx)("div", {
+								children: [Ee, /* @__PURE__ */ (0, N.jsx)("div", {
 									className: "flex justify-end",
-									children: /* @__PURE__ */ (0, F.jsx)(r, {
+									children: /* @__PURE__ */ (0, N.jsx)(o, {
 										onClick: () => ge(!1),
 										children: "Save"
 									})
@@ -827,50 +827,50 @@ function le({ alias: e, setAlias: t, url: a, setUrl: f, connectionMode: y, setCo
 							})]
 						})]
 					}),
-					/* @__PURE__ */ (0, F.jsxs)(v, {
+					/* @__PURE__ */ (0, N.jsxs)(v, {
 						open: pe,
 						onOpenChange: me,
-						children: [/* @__PURE__ */ (0, F.jsx)(m, {
-							render: /* @__PURE__ */ (0, F.jsx)("div", {
+						children: [/* @__PURE__ */ (0, N.jsx)(m, {
+							render: /* @__PURE__ */ (0, N.jsx)("div", {
 								className: "relative flex-1 ",
-								children: /* @__PURE__ */ (0, F.jsxs)(r, {
+								children: /* @__PURE__ */ (0, N.jsxs)(o, {
 									"data-testid": "connection-form-headers-button",
 									variant: "outline",
-									className: n("w-full justify-center hover:text-white cursor-pointer", Ce),
-									children: [/* @__PURE__ */ (0, F.jsx)(re, { className: "w-4 h-4" }), "Custom Headers"]
+									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, F.jsxs)(_, {
+						}), /* @__PURE__ */ (0, N.jsxs)(_, {
 							scrollable: !0,
 							className: "w-full max-w-2xl max-h-[80vh]",
-							children: [/* @__PURE__ */ (0, F.jsx)(g, { children: /* @__PURE__ */ (0, F.jsx)(p, { children: "Custom Headers" }) }), /* @__PURE__ */ (0, F.jsx)(h, { children: /* @__PURE__ */ (0, F.jsx)(ce, {
-								title: /* @__PURE__ */ (0, F.jsx)(F.Fragment, {}),
+							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, F.jsxs)(v, {
+					/* @__PURE__ */ (0, N.jsxs)(v, {
 						open: _e,
 						onOpenChange: ve,
-						children: [/* @__PURE__ */ (0, F.jsx)(m, {
-							render: /* @__PURE__ */ (0, F.jsxs)(r, {
+						children: [/* @__PURE__ */ (0, N.jsx)(m, {
+							render: /* @__PURE__ */ (0, N.jsxs)(o, {
 								"data-testid": "connection-form-config-button",
 								variant: "outline",
-								className: n("flex-1  justify-center hover:text-white cursor-pointer", Ce),
-								children: [/* @__PURE__ */ (0, F.jsx)(ne, { className: "w-4 h-4" }), "Configuration"]
+								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, F.jsxs)(_, {
+						}), /* @__PURE__ */ (0, N.jsxs)(_, {
 							scrollable: !0,
 							className: "w-full max-w-2xl max-h-[80vh]",
-							children: [/* @__PURE__ */ (0, F.jsx)(g, { children: /* @__PURE__ */ (0, F.jsx)(p, { children: "Configuration" }) }), /* @__PURE__ */ (0, F.jsxs)(h, {
+							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, F.jsx)("div", {
+								children: [Oe, /* @__PURE__ */ (0, N.jsx)("div", {
 									className: "flex justify-end",
-									children: /* @__PURE__ */ (0, F.jsx)(r, {
+									children: /* @__PURE__ */ (0, N.jsx)(o, {
 										onClick: () => ve(!1),
 										children: "Save"
 									})
@@ -880,29 +880,29 @@ function le({ alias: e, setAlias: t, url: a, setUrl: f, connectionMode: y, setCo
 					})
 				]
 			}),
-			le && /* @__PURE__ */ (0, F.jsx)(r, {
+			le && /* @__PURE__ */ (0, N.jsx)(o, {
 				"data-testid": "connection-form-connect-button",
 				onClick: J,
-				disabled: !a.trim() || fe,
+				disabled: !r.trim() || fe,
 				size: $ ? "lg" : void 0,
-				className: n("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, F.jsxs)(F.Fragment, { children: [/* @__PURE__ */ (0, F.jsx)("svg", {
+				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, F.jsx)("path", {
+					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, F.jsxs)(F.Fragment, { children: [/* @__PURE__ */ (0, F.jsx)("svg", {
+				}), "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, F.jsx)("path", {
+					children: /* @__PURE__ */ (0, N.jsx)("path", {
 						strokeLinecap: "round",
 						strokeLinejoin: "round",
 						strokeWidth: 2,
@@ -910,13 +910,13 @@ function le({ alias: e, setAlias: t, url: a, setUrl: f, connectionMode: y, setCo
 					})
 				}), "Connect"] })
 			}),
-			ue && /* @__PURE__ */ (0, F.jsxs)("div", {
+			ue && /* @__PURE__ */ (0, N.jsxs)("div", {
 				className: "flex justify-end gap-2",
-				children: [X && /* @__PURE__ */ (0, F.jsx)(r, {
+				children: [X && /* @__PURE__ */ (0, N.jsx)(o, {
 					variant: "outline",
 					onClick: X,
 					children: "Cancel"
-				}), /* @__PURE__ */ (0, F.jsx)(r, {
+				}), /* @__PURE__ */ (0, N.jsx)(o, {
 					"data-testid": "connection-form-save-button",
 					onClick: Y,
 					children: "Save Connection Options"
@@ -926,4 +926,4 @@ function le({ alias: e, setAlias: t, url: a, setUrl: f, connectionMode: y, setCo
 	});
 }
 //#endregion
-export { U as a, L as c, V as d, K as f, oe as i, ae as l, re as m, se as n, q as o, G as p, H as r, X as s, le as t, ie as u };
+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 };