@mcp-use/inspector 20.0.0-beta.0 → 20.0.0-beta.2

package/dist/cdn/{ToolsTab-CUhwP4rZ.js → ToolsTab-v9zgWmM6.js}

@@ -1,17 +1,17 @@
 import { s as e, t } from "./react-BIs9pQ3H.js";
-import { t as n } from "./jsx-runtime-CIxvMpEo.js";
-import { Pr as r, Rr as i, a, cr as o, f as s, n as c, r as l, sr as u, t as d, ur as f } from "./input-BLxOA7V-.js";
-import { t as p } from "./label-CBvG613A.js";
-import { t as m } from "./AnimatePresence-B4HhIdgq.js";
-import { a as h, i as g, n as _, r as v, t as y } from "./select-BZ_IoKxg.js";
+import { Pr as n, Rr as r, a as i, cr as a, f as o, n as s, r as c, sr as l, t as u, ur as d } from "./input-C2OBd4PJ.js";
+import { t as f } from "./jsx-runtime-CIxvMpEo.js";
+import { t as p } from "./label-B9Jmm9be.js";
+import { t as m } from "./AnimatePresence-Dcw-FOy8.js";
+import { a as h, i as g, n as _, r as v, t as y } from "./select-DDdiIPR2.js";
 import { t as b } from "./createLucideIcon-C5fZZ6oB.js";
-import { A as x, _ as S, c as C, d as w, g as T, h as E, m as D, n as O, o as k, p as A, r as j, s as M, t as ee, v as N } from "./dialog-Dnl-pZsY.js";
-import { n as P, r as F, t as I } from "./WidgetWrapper-BJJtLqMb.js";
+import { A as x, _ as S, c as C, d as w, g as T, h as E, m as D, n as O, o as k, p as A, r as j, s as M, t as ee, v as N } from "./dialog-BsDpuJd3.js";
+import { n as P, r as F, t as I } from "./WidgetWrapper-CwlpDv17.js";
 import { a as L, i as R, t as z } from "./browser-CbQIH4w2.js";
 import { n as B, t as te } from "./zap-Mb-pbw2X.js";
 import { t as V } from "./code-V_0nf5rg.js";
-import { t as H } from "./JSONDisplay-D3RcyO9z.js";
-import { a as U, i as ne, n as W, o as re, r as G, s as ie } from "./shared-uMiV6Fx1.js";
+import { t as H } from "./JSONDisplay-BFxf5oEu.js";
+import { a as U, i as ne, n as W, o as re, r as G, s as ie } from "./shared-DaILIQPP.js";
 import { t as K } from "./history-Csw4rb44.js";
 import { t as ae } from "./maximize-BALCV_ep.js";
 import { n as oe, t as se } from "./save-Tgil_AJZ.js";
@@ -20,21 +20,21 @@ import { t as q } from "./play-vuZ5PLnI.js";
 import { t as ue } from "./trash-2-RwpJY5SL.js";
 import { t as de } from "./wrench-DzGmCfnb.js";
 import { t as fe } from "./x-C3vRQIYu.js";
-import { t as J } from "./switch-DtQOLb9R.js";
-import { t as pe } from "./not-found-BcNNsTjS.js";
-import { _ as me, t as he, v as ge } from "./telemetry-Ct6pVkM1.js";
-import { c as _e, o as ve, r as ye } from "./react-yUi9mVK4.js";
-import { n as be } from "./dist-DjXr_YO3.js";
-import { t as Y } from "./spinner-CWcJhIY_.js";
-import { n as xe } from "./InspectorContext-DzXtgyTx.js";
-import { t as Se } from "./textarea-Bj-CT7hC.js";
-import { t as Ce } from "./useViewHostProps-C7vjco2m.js";
-import { t as we } from "./ListTabHeader-8lULn-90.js";
+import { t as J } from "./switch-C3IyQuid.js";
+import { t as pe } from "./not-found-DEtSM_Wd.js";
+import { _ as me, t as he, v as ge } from "./telemetry-DGoIGfIS.js";
+import { c as _e, o as ve, r as ye } from "./react-Dn8PWXwP.js";
+import { n as be } from "./dist-DaMB0Su9.js";
+import { t as Y } from "./spinner-jQtC7EBj.js";
+import { n as xe } from "./InspectorContext-UjtEbNod.js";
+import { t as Se } from "./textarea-DSbwcFVt.js";
+import { t as Ce } from "./useViewHostProps-DIIlz3tJ.js";
+import { t as we } from "./ListTabHeader-Cv-GmtGF.js";
 var Te = b("chevron-up", [["path", {
 	d: "m18 15-6-6-6 6",
 	key: "153udz"
-}]]), X = /* @__PURE__ */ e(t(), 1), Z = n();
-function Ee({ savedRequests: e, selectedRequest: t, onLoadRequest: n, onDeleteRequest: r, focusedIndex: i }) {
+}]]), X = /* @__PURE__ */ e(t(), 1), Z = f();
+function Ee({ savedRequests: e, selectedRequest: t, onLoadRequest: n, onDeleteRequest: r, focusedIndex: a }) {
 	if (e.length === 0) return /* @__PURE__ */ (0, Z.jsxs)("div", {
 		className: "flex flex-1 flex-col items-center justify-center p-4 text-center",
 		children: [
@@ -52,12 +52,12 @@ function Ee({ savedRequests: e, selectedRequest: t, onLoadRequest: n, onDeleteRe
 	let o = (e, t) => {
 		e.stopPropagation(), t();
 	};
-	return /* @__PURE__ */ (0, Z.jsx)("div", { children: e.map((e, s) => /* @__PURE__ */ (0, Z.jsxs)("div", {
+	return /* @__PURE__ */ (0, Z.jsx)("div", { children: e.map((e, u) => /* @__PURE__ */ (0, Z.jsxs)("div", {
 		className: "relative group",
 		children: [/* @__PURE__ */ (0, Z.jsx)(G, {
 			id: `saved-${e.id}`,
 			isSelected: t?.id === e.id,
-			isFocused: i === s,
+			isFocused: a === u,
 			title: e.name,
 			description: e.toolName,
 			metadata: /* @__PURE__ */ (0, Z.jsx)("div", {
@@ -70,8 +70,8 @@ function Ee({ savedRequests: e, selectedRequest: t, onLoadRequest: n, onDeleteRe
 			onClick: () => n(e)
 		}), /* @__PURE__ */ (0, Z.jsx)("div", {
 			className: "absolute top-1/2 right-2 -translate-y-1/2 opacity-0 group-hover:opacity-100 transition-opacity z-10",
-			children: /* @__PURE__ */ (0, Z.jsxs)(c, { children: [/* @__PURE__ */ (0, Z.jsx)(a, {
-				render: /* @__PURE__ */ (0, Z.jsx)(u, {
+			children: /* @__PURE__ */ (0, Z.jsxs)(s, { children: [/* @__PURE__ */ (0, Z.jsx)(i, {
+				render: /* @__PURE__ */ (0, Z.jsx)(l, {
 					variant: "secondary",
 					size: "sm",
 					onClick: (t) => o(t, () => r(e.id)),
@@ -79,7 +79,7 @@ function Ee({ savedRequests: e, selectedRequest: t, onLoadRequest: n, onDeleteRe
 					children: /* @__PURE__ */ (0, Z.jsx)(ue, { className: "h-4 w-4" })
 				}),
 				nativeButton: !0
-			}), /* @__PURE__ */ (0, Z.jsx)(l, { children: /* @__PURE__ */ (0, Z.jsx)("p", { children: "Delete saved request" }) })] })
+			}), /* @__PURE__ */ (0, Z.jsx)(c, { children: /* @__PURE__ */ (0, Z.jsx)("p", { children: "Delete saved request" }) })] })
 		})]
 	}, e.id)) });
 }
@@ -100,7 +100,7 @@ function De({ isOpen: e, requestName: t, defaultPlaceholder: n, onRequestNameCha
 				children: [/* @__PURE__ */ (0, Z.jsxs)("div", { children: [/* @__PURE__ */ (0, Z.jsx)(p, {
 					htmlFor: "request-name",
 					children: "Request Name (optional)"
-				}), /* @__PURE__ */ (0, Z.jsx)(d, {
+				}), /* @__PURE__ */ (0, Z.jsx)(u, {
 					id: "request-name",
 					value: t,
 					onChange: (e) => r(e.target.value),
@@ -112,11 +112,11 @@ function De({ isOpen: e, requestName: t, defaultPlaceholder: n, onRequestNameCha
 					autoFocus: !0
 				})] }), /* @__PURE__ */ (0, Z.jsxs)("div", {
 					className: "flex justify-end gap-2",
-					children: [/* @__PURE__ */ (0, Z.jsx)(u, {
+					children: [/* @__PURE__ */ (0, Z.jsx)(l, {
 						variant: "outline",
 						onClick: a,
 						children: "Cancel"
-					}), /* @__PURE__ */ (0, Z.jsxs)(u, {
+					}), /* @__PURE__ */ (0, Z.jsxs)(l, {
 						onClick: i,
 						children: [/* @__PURE__ */ (0, Z.jsx)(se, { className: "h-4 w-4 mr-2" }), "Save"]
 					})]
@@ -251,13 +251,13 @@ function Fe(e) {
 //#endregion
 //#region src/client/components/tools/ToolInputForm.tsx
 function Ie({ selectedTool: e, toolArgs: t, onArgChange: n, onBulkPaste: r, autoFilledFields: i, setFields: a, sendEmptyFields: o, onToggleEmpty: s }) {
-	let c = e?.inputSchema?.properties || {}, l = e?.inputSchema?.required || [], u = Object.keys(c).length > 0, f = async (e, t) => {
+	let c = e?.inputSchema?.properties || {}, l = e?.inputSchema?.required || [], d = Object.keys(c).length > 0, f = async (e, t) => {
 		r && await r(e.clipboardData.getData("text"), t) && e.preventDefault();
 	};
-	return u ? /* @__PURE__ */ (0, Z.jsx)("div", {
+	return d ? /* @__PURE__ */ (0, Z.jsx)("div", {
 		className: "space-y-4",
 		children: Object.entries(c).map(([r, c]) => {
-			let u = $(c, e?.inputSchema || {}), m = Ae(u), b = u.type === "string" && m !== null, x = u, S = l.includes(r), C = t[r], w = "";
+			let d = $(c, e?.inputSchema || {}), m = Ae(d), b = d.type === "string" && m !== null, x = d, S = l.includes(r), C = t[r], w = "";
 			C != null && (w = typeof C == "string" ? C : typeof C == "object" && C ? JSON.stringify(C, null, 2) : String(C));
 			let T = x.type === "object" || x.type === "array", E = T ? x.type === "array" ? "array" : "object" : "string", D = a?.has(r) ?? !0, O = s && (x.type === "string" || T);
 			return T ? /* @__PURE__ */ (0, Z.jsxs)("div", {
@@ -353,7 +353,7 @@ function Ie({ selectedTool: e, toolArgs: t, onArgChange: n, onBulkPaste: r, auto
 							title: "Send empty string"
 						})]
 					})]
-				}), /* @__PURE__ */ (0, Z.jsx)(d, {
+				}), /* @__PURE__ */ (0, Z.jsx)(u, {
 					id: r,
 					"data-testid": `tool-param-${r}`,
 					value: w,
@@ -372,7 +372,7 @@ function Ie({ selectedTool: e, toolArgs: t, onArgChange: n, onBulkPaste: r, auto
 }
 //#endregion
 //#region src/client/components/tools/ToolExecutionPanel.tsx
-function Le({ selectedTool: e, toolArgs: t, payloadToSend: n, isExecuting: r, isConnected: s, onArgChange: d, onExecute: p, onSave: m, onCancel: h, onBulkPaste: g, autoFilledFields: _, setFields: v, sendEmptyFields: y, onToggleEmpty: b }) {
+function Le({ selectedTool: e, toolArgs: t, payloadToSend: n, isExecuting: o, isConnected: u, onArgChange: f, onExecute: p, onSave: m, onCancel: h, onBulkPaste: g, autoFilledFields: _, setFields: v, sendEmptyFields: y, onToggleEmpty: b }) {
 	let S = "hidden @[700px]/tool-exec:inline", w = "hidden @[700px]/tool-exec:inline shrink-0 text-[10px] leading-none border border-current/30 p-1 rounded-full", T = "max-[699px]/tool-exec:size-8 max-[699px]/tool-exec:min-w-8 max-[699px]/tool-exec:shrink-0 max-[699px]/tool-exec:gap-0 max-[699px]/tool-exec:rounded-full max-[699px]/tool-exec:px-0 max-[699px]/tool-exec:py-0", E = "max-[699px]/tool-exec:!pr-0", [D, A] = (0, X.useState)(!1), [N, P] = (0, X.useState)(!1), [F, I] = (0, X.useState)(!1), [B, te] = (0, X.useState)(!1), [U, ne] = (0, X.useState)(!1), W = (0, X.useRef)(null);
 	return (0, X.useEffect)(() => {
 		if (W.current && e?.description) {
@@ -381,13 +381,13 @@ function Le({ selectedTool: e, toolArgs: t, payloadToSend: n, isExecuting: r, is
 		}
 	}, [e?.description]), (0, X.useEffect)(() => {
 		let t = (t) => {
-			(t.metaKey || t.ctrlKey) && t.key === "Enter" && e && !r && s && (t.preventDefault(), p()), t.key === "Escape" && r && h && (t.preventDefault(), h());
+			(t.metaKey || t.ctrlKey) && t.key === "Enter" && e && !o && u && (t.preventDefault(), p()), t.key === "Escape" && o && h && (t.preventDefault(), h());
 		};
 		return document.addEventListener("keydown", t), () => document.removeEventListener("keydown", t);
 	}, [
 		e,
-		r,
-		s,
+		o,
+		u,
 		p,
 		h
 	]), e ? /* @__PURE__ */ (0, Z.jsxs)("div", {
@@ -404,14 +404,14 @@ function Le({ selectedTool: e, toolArgs: t, payloadToSend: n, isExecuting: r, is
 					}), /* @__PURE__ */ (0, Z.jsxs)("div", {
 						className: "flex gap-2 shrink-0",
 						children: [
-							/* @__PURE__ */ (0, Z.jsxs)(c, { children: [/* @__PURE__ */ (0, Z.jsx)(a, {
-								render: /* @__PURE__ */ (0, Z.jsxs)(u, {
+							/* @__PURE__ */ (0, Z.jsxs)(s, { children: [/* @__PURE__ */ (0, Z.jsx)(i, {
+								render: /* @__PURE__ */ (0, Z.jsxs)(l, {
 									"data-testid": "tool-execution-metadata-button",
 									variant: N ? "default" : "outline",
 									onClick: () => P(!N),
-									disabled: r,
+									disabled: o,
 									size: "sm",
-									className: i(f, T),
+									className: r(d, T),
 									title: "View tool metadata",
 									children: [/* @__PURE__ */ (0, Z.jsx)(V, {}), /* @__PURE__ */ (0, Z.jsx)("span", {
 										className: S,
@@ -419,9 +419,9 @@ function Le({ selectedTool: e, toolArgs: t, payloadToSend: n, isExecuting: r, is
 									})]
 								}),
 								nativeButton: !0
-							}), /* @__PURE__ */ (0, Z.jsx)(l, { children: /* @__PURE__ */ (0, Z.jsx)("p", { children: "View tool definition metadata" }) })] }),
-							/* @__PURE__ */ (0, Z.jsxs)(c, { children: [/* @__PURE__ */ (0, Z.jsx)(a, {
-								render: /* @__PURE__ */ (0, Z.jsxs)(u, {
+							}), /* @__PURE__ */ (0, Z.jsx)(c, { children: /* @__PURE__ */ (0, Z.jsx)("p", { children: "View tool definition metadata" }) })] }),
+							/* @__PURE__ */ (0, Z.jsxs)(s, { children: [/* @__PURE__ */ (0, Z.jsx)(i, {
+								render: /* @__PURE__ */ (0, Z.jsxs)(l, {
 									"data-testid": "tool-execution-copy-payload-button",
 									variant: "outline",
 									onClick: async () => {
@@ -429,9 +429,9 @@ function Le({ selectedTool: e, toolArgs: t, payloadToSend: n, isExecuting: r, is
 											await z(JSON.stringify(n ?? t, null, 2)), I(!0), setTimeout(() => I(!1), 2e3);
 										} catch {}
 									},
-									disabled: r,
+									disabled: o,
 									size: "sm",
-									className: i(f, T),
+									className: r(d, T),
 									title: "Copy payload as JSON",
 									children: [F ? /* @__PURE__ */ (0, Z.jsx)(L, { className: "text-green-600" }) : /* @__PURE__ */ (0, Z.jsx)(R, {}), /* @__PURE__ */ (0, Z.jsx)("span", {
 										className: S,
@@ -439,15 +439,15 @@ function Le({ selectedTool: e, toolArgs: t, payloadToSend: n, isExecuting: r, is
 									})]
 								}),
 								nativeButton: !0
-							}), /* @__PURE__ */ (0, Z.jsx)(l, { children: /* @__PURE__ */ (0, Z.jsx)("p", { children: "Copy payload as JSON" }) })] }),
-							/* @__PURE__ */ (0, Z.jsxs)(c, { children: [/* @__PURE__ */ (0, Z.jsx)(a, {
-								render: /* @__PURE__ */ (0, Z.jsxs)(u, {
+							}), /* @__PURE__ */ (0, Z.jsx)(c, { children: /* @__PURE__ */ (0, Z.jsx)("p", { children: "Copy payload as JSON" }) })] }),
+							/* @__PURE__ */ (0, Z.jsxs)(s, { children: [/* @__PURE__ */ (0, Z.jsx)(i, {
+								render: /* @__PURE__ */ (0, Z.jsxs)(l, {
 									"data-testid": "tool-execution-save-button",
 									variant: "outline",
 									onClick: m,
-									disabled: r,
+									disabled: o,
 									size: "sm",
-									className: i(f, T),
+									className: r(d, T),
 									title: "Save request",
 									children: [/* @__PURE__ */ (0, Z.jsx)(se, {}), /* @__PURE__ */ (0, Z.jsx)("span", {
 										className: S,
@@ -455,20 +455,20 @@ function Le({ selectedTool: e, toolArgs: t, payloadToSend: n, isExecuting: r, is
 									})]
 								}),
 								nativeButton: !0
-							}), /* @__PURE__ */ (0, Z.jsx)(l, { children: /* @__PURE__ */ (0, Z.jsx)("p", { children: "Save request" }) })] }),
-							r && h ? /* @__PURE__ */ (0, Z.jsxs)(c, {
+							}), /* @__PURE__ */ (0, Z.jsx)(c, { children: /* @__PURE__ */ (0, Z.jsx)("p", { children: "Save request" }) })] }),
+							o && h ? /* @__PURE__ */ (0, Z.jsxs)(s, {
 								open: D ? void 0 : !1,
-								children: [/* @__PURE__ */ (0, Z.jsx)(a, {
+								children: [/* @__PURE__ */ (0, Z.jsx)(i, {
 									render: /* @__PURE__ */ (0, Z.jsx)("div", {
 										onMouseEnter: () => A(!0),
 										onMouseLeave: () => A(!1),
 										className: "relative",
-										children: /* @__PURE__ */ (0, Z.jsx)(u, {
+										children: /* @__PURE__ */ (0, Z.jsx)(l, {
 											"data-testid": "tool-execution-cancel-button",
 											onClick: h,
 											variant: D ? "destructive" : "default",
 											size: "sm",
-											className: i(o, T, E, "transition-all"),
+											className: r(a, T, E, "transition-all"),
 											children: D ? /* @__PURE__ */ (0, Z.jsxs)(Z.Fragment, { children: [
 												/* @__PURE__ */ (0, Z.jsx)(fe, {}),
 												/* @__PURE__ */ (0, Z.jsx)("span", {
@@ -486,14 +486,14 @@ function Le({ selectedTool: e, toolArgs: t, payloadToSend: n, isExecuting: r, is
 										})
 									}),
 									nativeButton: !1
-								}), /* @__PURE__ */ (0, Z.jsx)(l, { children: /* @__PURE__ */ (0, Z.jsx)("p", { children: "Hover to cancel (or press Esc)" }) })]
-							}) : /* @__PURE__ */ (0, Z.jsx)(u, {
+								}), /* @__PURE__ */ (0, Z.jsx)(c, { children: /* @__PURE__ */ (0, Z.jsx)("p", { children: "Hover to cancel (or press Esc)" }) })]
+							}) : /* @__PURE__ */ (0, Z.jsx)(l, {
 								"data-testid": "tool-execution-execute-button",
 								onClick: p,
-								disabled: r || !s,
+								disabled: o || !u,
 								size: "sm",
-								className: i(o, T, E),
-								children: r ? /* @__PURE__ */ (0, Z.jsxs)(Z.Fragment, { children: [/* @__PURE__ */ (0, Z.jsx)(Y, {}), /* @__PURE__ */ (0, Z.jsx)("span", {
+								className: r(a, T, E),
+								children: o ? /* @__PURE__ */ (0, Z.jsxs)(Z.Fragment, { children: [/* @__PURE__ */ (0, Z.jsx)(Y, {}), /* @__PURE__ */ (0, Z.jsx)("span", {
 									className: S,
 									children: "Executing..."
 								})] }) : /* @__PURE__ */ (0, Z.jsxs)(Z.Fragment, { children: [
@@ -535,7 +535,7 @@ function Le({ selectedTool: e, toolArgs: t, payloadToSend: n, isExecuting: r, is
 				}), /* @__PURE__ */ (0, Z.jsx)(Ie, {
 					selectedTool: e,
 					toolArgs: t,
-					onArgChange: d,
+					onArgChange: f,
 					onBulkPaste: g,
 					autoFilledFields: _,
 					setFields: v,
@@ -877,9 +877,9 @@ function Ue({ serverId: e, viewId: t, toolName: n, resourceUri: r, toolInput: i,
 	});
 }
 function We({ results: e, copiedResult: t, serverId: n, readResource: r, onCopy: i, onMaximize: a, isMaximized: o = !1, onRerunTool: s }) {
-	let [c, l] = (0, X.useState)(0), [d, f] = (0, X.useState)(!0), [p, m] = (0, X.useState)(null), [h, b] = (0, X.useState)("inline"), [x, S] = (0, X.useState)(null), C = (0, X.useRef)(!1), w = e[0], T = w ? e.filter((e) => e.toolName === w.toolName) : [], E = T[c] || T[0], D = e.findIndex((e) => e === E), O = (E ? E.error || Be(E.result) : null) ?? (E == null ? "" : JSON.stringify(E.result, null, 2));
+	let [c, u] = (0, X.useState)(0), [d, f] = (0, X.useState)(!0), [p, m] = (0, X.useState)(null), [h, b] = (0, X.useState)("inline"), [x, S] = (0, X.useState)(null), C = (0, X.useRef)(!1), w = e[0], T = w ? e.filter((e) => e.toolName === w.toolName) : [], E = T[c] || T[0], D = e.findIndex((e) => e === E), O = (E ? E.error || Be(E.result) : null) ?? (E == null ? "" : JSON.stringify(E.result, null, 2));
 	(0, X.useEffect)(() => {
-		T.length > 0 && c >= T.length && l(0);
+		T.length > 0 && c >= T.length && u(0);
 	}, [T.length, c]), (0, X.useEffect)(() => {
 		C.current = !1, m(null);
 	}, [w?.toolName]);
@@ -986,7 +986,7 @@ function We({ results: e, copiedResult: t, serverId: n, readResource: r, onCopy:
 						/* @__PURE__ */ (0, Z.jsxs)("div", {
 							className: "ml-auto flex items-center gap-1",
 							children: [
-								o && s && /* @__PURE__ */ (0, Z.jsxs)(u, {
+								o && s && /* @__PURE__ */ (0, Z.jsxs)(l, {
 									"data-testid": "tool-result-rerun",
 									variant: "ghost",
 									size: "sm",
@@ -997,7 +997,7 @@ function We({ results: e, copiedResult: t, serverId: n, readResource: r, onCopy:
 										children: "Re-run"
 									})]
 								}),
-								F && a && /* @__PURE__ */ (0, Z.jsx)(u, {
+								F && a && /* @__PURE__ */ (0, Z.jsx)(l, {
 									"data-testid": "tool-result-maximize",
 									variant: "ghost",
 									size: "sm",
@@ -1007,7 +1007,7 @@ function We({ results: e, copiedResult: t, serverId: n, readResource: r, onCopy:
 								}),
 								T.length > 1 && /* @__PURE__ */ (0, Z.jsxs)(y, {
 									value: c.toString(),
-									onValueChange: (e) => l(parseInt(e)),
+									onValueChange: (e) => u(parseInt(e)),
 									children: [/* @__PURE__ */ (0, Z.jsx)(g, {
 										className: "w-[140px] h-8 text-xs",
 										leading: /* @__PURE__ */ (0, Z.jsxs)("div", {
@@ -1033,7 +1033,7 @@ function We({ results: e, copiedResult: t, serverId: n, readResource: r, onCopy:
 										})
 									}, t)) })]
 								}),
-								/* @__PURE__ */ (0, Z.jsx)(u, {
+								/* @__PURE__ */ (0, Z.jsx)(l, {
 									"data-testid": `tool-result-copy-${D}`,
 									variant: "ghost",
 									size: "sm",
@@ -1150,7 +1150,7 @@ function We({ results: e, copiedResult: t, serverId: n, readResource: r, onCopy:
 }
 //#endregion
 //#region src/client/components/tools/ToolsList.tsx
-function Ge({ tools: e, selectedTool: t, onToolSelect: n, focusedIndex: i }) {
+function Ge({ tools: e, selectedTool: t, onToolSelect: r, focusedIndex: a }) {
 	if (e.length === 0) return /* @__PURE__ */ (0, Z.jsxs)("div", {
 		className: "flex flex-1 flex-col items-center justify-center p-4 text-center",
 		children: [/* @__PURE__ */ (0, Z.jsx)(de, { className: "h-12 w-12 text-gray-400 dark:text-gray-600 mb-3" }), /* @__PURE__ */ (0, Z.jsx)("p", {
@@ -1159,30 +1159,30 @@ function Ge({ tools: e, selectedTool: t, onToolSelect: n, focusedIndex: i }) {
 		})]
 	});
 	let o = e.some((e) => e.inputSchema?.properties && Object.keys(e.inputSchema.properties).length > 0);
-	return /* @__PURE__ */ (0, Z.jsx)("div", { children: e.map((e, s) => {
-		let u = e._meta, d = _e(u) ? "mcp-apps" : null, f = e.inputSchema?.properties, p = f ? Object.keys(f).length : 0, m = o && p > 0 && /* @__PURE__ */ (0, Z.jsxs)(r, {
+	return /* @__PURE__ */ (0, Z.jsx)("div", { children: e.map((e, l) => {
+		let u = e._meta, d = _e(u) ? "mcp-apps" : null, f = e.inputSchema?.properties, p = f ? Object.keys(f).length : 0, m = o && p > 0 && /* @__PURE__ */ (0, Z.jsxs)(n, {
 			variant: "outline",
 			className: "text-xs border-gray-300 dark:border-zinc-600 text-gray-600 dark:text-gray-400",
 			children: [p, " params"]
 		}), h = d === "mcp-apps" || m ? /* @__PURE__ */ (0, Z.jsxs)("div", {
 			className: "flex items-center gap-1.5",
-			children: [d === "mcp-apps" && /* @__PURE__ */ (0, Z.jsxs)(c, { children: [/* @__PURE__ */ (0, Z.jsx)(a, {
+			children: [d === "mcp-apps" && /* @__PURE__ */ (0, Z.jsxs)(s, { children: [/* @__PURE__ */ (0, Z.jsx)(i, {
 				render: /* @__PURE__ */ (0, Z.jsx)("span", {
 					className: "inline-flex",
 					children: /* @__PURE__ */ (0, Z.jsx)(ce, { className: "h-3.5 w-3.5" })
 				}),
 				nativeButton: !1
-			}), /* @__PURE__ */ (0, Z.jsx)(l, { children: /* @__PURE__ */ (0, Z.jsx)("p", { children: "UI widget" }) })] }), m]
+			}), /* @__PURE__ */ (0, Z.jsx)(c, { children: /* @__PURE__ */ (0, Z.jsx)("p", { children: "UI widget" }) })] }), m]
 		}) : void 0;
 		return /* @__PURE__ */ (0, Z.jsx)(G, {
 			id: `tool-${e.name}`,
 			"data-testid": `tool-item-${e.name}`,
 			isSelected: t?.name === e.name,
-			isFocused: i === s,
+			isFocused: a === l,
 			title: e.name,
 			description: e.description,
 			metadata: h,
-			onClick: () => n(e)
+			onClick: () => r(e)
 		}, e.name);
 	}) });
 }
@@ -1208,7 +1208,7 @@ function Je({ ...e }) {
 function Ye({ className: e, ...t }) {
 	return /* @__PURE__ */ (0, Z.jsx)(N, {
 		"data-slot": "alert-dialog-overlay",
-		className: i("fixed inset-0 isolate z-50 bg-black/50 duration-100 data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0", e),
+		className: r("fixed inset-0 isolate z-50 bg-black/50 duration-100 data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0", e),
 		...t
 	});
 }
@@ -1216,54 +1216,54 @@ function Xe({ className: e, size: t = "default", ...n }) {
 	return /* @__PURE__ */ (0, Z.jsxs)(Je, { children: [/* @__PURE__ */ (0, Z.jsx)(Ye, {}), /* @__PURE__ */ (0, Z.jsx)(E, {
 		"data-slot": "alert-dialog-content",
 		"data-size": t,
-		className: i("group/alert-dialog-content fixed top-1/2 left-1/2 z-50 grid w-full -translate-x-1/2 -translate-y-1/2 gap-6 rounded-xl bg-popover p-6 text-popover-foreground ring-1 ring-foreground/10 duration-100 outline-none data-[size=default]:max-w-xs data-[size=sm]:max-w-xs data-[size=default]:sm:max-w-lg data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", e),
+		className: r("group/alert-dialog-content fixed top-1/2 left-1/2 z-50 grid w-full -translate-x-1/2 -translate-y-1/2 gap-6 rounded-xl bg-popover p-6 text-popover-foreground ring-1 ring-foreground/10 duration-100 outline-none data-[size=default]:max-w-xs data-[size=sm]:max-w-xs data-[size=default]:sm:max-w-lg data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", e),
 		...n
 	})] });
 }
 function Ze({ className: e, ...t }) {
 	return /* @__PURE__ */ (0, Z.jsx)("div", {
 		"data-slot": "alert-dialog-header",
-		className: i("grid grid-rows-[auto_1fr] place-items-center gap-1.5 text-center has-data-[slot=alert-dialog-media]:grid-rows-[auto_auto_1fr] has-data-[slot=alert-dialog-media]:gap-x-6 sm:group-data-[size=default]/alert-dialog-content:place-items-start sm:group-data-[size=default]/alert-dialog-content:text-left sm:group-data-[size=default]/alert-dialog-content:has-data-[slot=alert-dialog-media]:grid-rows-[auto_1fr]", e),
+		className: r("grid grid-rows-[auto_1fr] place-items-center gap-1.5 text-center has-data-[slot=alert-dialog-media]:grid-rows-[auto_auto_1fr] has-data-[slot=alert-dialog-media]:gap-x-6 sm:group-data-[size=default]/alert-dialog-content:place-items-start sm:group-data-[size=default]/alert-dialog-content:text-left sm:group-data-[size=default]/alert-dialog-content:has-data-[slot=alert-dialog-media]:grid-rows-[auto_1fr]", e),
 		...t
 	});
 }
 function Qe({ className: e, ...t }) {
 	return /* @__PURE__ */ (0, Z.jsx)("div", {
 		"data-slot": "alert-dialog-footer",
-		className: i("flex flex-col-reverse gap-2 group-data-[size=sm]/alert-dialog-content:grid group-data-[size=sm]/alert-dialog-content:grid-cols-2 sm:flex-row sm:justify-end", e),
+		className: r("flex flex-col-reverse gap-2 group-data-[size=sm]/alert-dialog-content:grid group-data-[size=sm]/alert-dialog-content:grid-cols-2 sm:flex-row sm:justify-end", e),
 		...t
 	});
 }
 function $e({ className: e, ...t }) {
 	return /* @__PURE__ */ (0, Z.jsx)(w, {
 		"data-slot": "alert-dialog-title",
-		className: i("text-lg font-medium sm:group-data-[size=default]/alert-dialog-content:group-has-data-[slot=alert-dialog-media]/alert-dialog-content:col-start-2", e),
+		className: r("text-lg font-medium sm:group-data-[size=default]/alert-dialog-content:group-has-data-[slot=alert-dialog-media]/alert-dialog-content:col-start-2", e),
 		...t
 	});
 }
 function et({ className: e, ...t }) {
 	return /* @__PURE__ */ (0, Z.jsx)(T, {
 		"data-slot": "alert-dialog-description",
-		className: i("text-sm text-balance text-muted-foreground md:text-pretty *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground", e),
+		className: r("text-sm text-balance text-muted-foreground md:text-pretty *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground", e),
 		...t
 	});
 }
 function tt({ className: e, ...t }) {
-	return /* @__PURE__ */ (0, Z.jsx)(u, {
+	return /* @__PURE__ */ (0, Z.jsx)(l, {
 		"data-slot": "alert-dialog-action",
-		className: i(e),
+		className: r(e),
 		...t
 	});
 }
-function nt({ className: e, variant: t = "outline", size: n = "default", ...r }) {
+function nt({ className: e, variant: t = "outline", size: n = "default", ...i }) {
 	return /* @__PURE__ */ (0, Z.jsx)(S, {
 		"data-slot": "alert-dialog-cancel",
-		className: i(e),
-		render: /* @__PURE__ */ (0, Z.jsx)(u, {
+		className: r(e),
+		render: /* @__PURE__ */ (0, Z.jsx)(l, {
 			variant: t,
 			size: n
 		}),
-		...r
+		...i
 	});
 }
 //#endregion
@@ -1454,44 +1454,10 @@ function it({ ref: e, activeTab: t, filteredTools: n, savedRequests: r, searchQu
 		r,
 		t
 	]), (0, X.useEffect)(() => {
-		if (fetch("http://127.0.0.1:7371/ingest/4e7482c5-571f-4071-bd09-762c357289f4", {
-			method: "POST",
-			headers: {
-				"Content-Type": "application/json",
-				"X-Debug-Session-Id": "831b88"
-			},
-			body: JSON.stringify({
-				sessionId: "831b88",
-				location: "useToolsTabNavigation.ts:auto-select",
-				message: "tools auto-select effect",
-				data: {
-					selectedToolName: f,
-					toolsCount: p.length,
-					toolNames: p.slice(0, 5).map((e) => e.name),
-					toolFound: f ? !!p.find((e) => e.name === f) : !1,
-					currentSelected: o?.name ?? null
-				},
-				timestamp: Date.now(),
-				hypothesisId: "H2"
-			})
-		}).catch(() => {}), !f || p.length === 0) return;
+		if (!f || p.length === 0) return;
 		let e = p.find((e) => e.name === f);
 		if (e) {
-			fetch("http://127.0.0.1:7371/ingest/4e7482c5-571f-4071-bd09-762c357289f4", {
-				method: "POST",
-				headers: {
-					"Content-Type": "application/json",
-					"X-Debug-Session-Id": "831b88"
-				},
-				body: JSON.stringify({
-					sessionId: "831b88",
-					location: "useToolsTabNavigation.ts:auto-select-apply",
-					message: "scheduling handleToolSelect",
-					data: { toolName: e.name },
-					timestamp: Date.now(),
-					hypothesisId: "H4"
-				})
-			}).catch(() => {}), m(null);
+			m(null);
 			let t = setTimeout(() => {
 				l(e), document.getElementById(`tool-${e.name}`)?.scrollIntoView({
 					behavior: "smooth",
@@ -1520,8 +1486,8 @@ function it({ ref: e, activeTab: t, filteredTools: n, savedRequests: r, searchQu
 }
 //#endregion
 //#region src/client/components/ToolsTab.tsx
-function at({ ref: e, tools: t, callTool: n, readResource: r, serverId: i, isConnected: a, refreshTools: o }) {
-	let [c, l] = (0, X.useState)(null), [d, f] = (0, X.useState)(null), { selectedToolName: p, setSelectedToolName: h } = xe(), [g, _] = (0, X.useState)({}), [v, y] = (0, X.useState)(/* @__PURE__ */ new Set()), [b, x] = (0, X.useState)(/* @__PURE__ */ new Set()), [S, C] = (0, X.useState)(""), [w, T] = (0, X.useState)("tools"), { savedRequests: E, saveSavedRequests: D } = le(), [O, k] = (0, X.useState)(!1), [A, j] = (0, X.useState)(""), [M, ee] = (0, X.useState)(!1), [N, P] = (0, X.useState)({
+function at({ ref: e, tools: t, callTool: n, readResource: r, serverId: i, isConnected: a, refreshTools: s }) {
+	let [c, u] = (0, X.useState)(null), [d, f] = (0, X.useState)(null), { selectedToolName: p, setSelectedToolName: h } = xe(), [g, _] = (0, X.useState)({}), [v, y] = (0, X.useState)(/* @__PURE__ */ new Set()), [b, x] = (0, X.useState)(/* @__PURE__ */ new Set()), [S, C] = (0, X.useState)(""), [w, T] = (0, X.useState)("tools"), { savedRequests: E, saveSavedRequests: D } = le(), [O, k] = (0, X.useState)(!1), [A, j] = (0, X.useState)(""), [M, ee] = (0, X.useState)(!1), [N, P] = (0, X.useState)({
 		open: !1,
 		parsedObject: {},
 		fieldsToUpdate: [],
@@ -1538,7 +1504,7 @@ function at({ ref: e, tools: t, callTool: n, readResource: r, serverId: i, isCon
 		let e = S.toLowerCase();
 		return t.filter((t) => t.name.toLowerCase().includes(e) || t.description?.toLowerCase().includes(e));
 	}, [t, S]), H = (0, X.useCallback)((e) => {
-		l(e);
+		u(e);
 		let t = {}, n = /* @__PURE__ */ new Set();
 		e.inputSchema?.properties && Object.entries(e.inputSchema.properties).forEach(([e, r]) => {
 			let i = r;
@@ -1546,12 +1512,12 @@ function at({ ref: e, tools: t, callTool: n, readResource: r, serverId: i, isCon
 		}), _(t), y(n), x(/* @__PURE__ */ new Set());
 	}, []), G = (0, X.useCallback)((e) => {
 		let n = t.find((t) => t.name === e.toolName);
-		n && (l(n), _(e.args), y(new Set(Object.keys(e.args))), x(/* @__PURE__ */ new Set()), f(e));
+		n && (u(n), _(e.args), y(new Set(Object.keys(e.args))), x(/* @__PURE__ */ new Set()), f(e));
 	}, [t]);
 	(0, X.useEffect)(() => {
 		if (c) {
 			let e = t.find((e) => e.name === c.name);
-			e ? e !== c && (JSON.stringify(e.inputSchema) !== JSON.stringify(c.inputSchema) || e.description !== c.description || JSON.stringify(e?._meta) !== JSON.stringify(c?._meta)) && l(e) : (l(null), h(null));
+			e ? e !== c && (JSON.stringify(e.inputSchema) !== JSON.stringify(c.inputSchema) || e.description !== c.description || JSON.stringify(e?._meta) !== JSON.stringify(c?._meta)) && u(e) : (u(null), h(null));
 		}
 	}, [
 		t,
@@ -1670,7 +1636,7 @@ function at({ ref: e, tools: t, callTool: n, readResource: r, serverId: i, isCon
 		isExecuting: ue,
 		handleToolSelect: H,
 		loadSavedRequest: G,
-		refreshTools: o,
+		refreshTools: s,
 		selectedToolName: p,
 		tools: t,
 		setSelectedToolName: h
@@ -1710,11 +1676,11 @@ function at({ ref: e, tools: t, callTool: n, readResource: r, serverId: i, isCon
 		children: [
 			Q !== "list" && /* @__PURE__ */ (0, Z.jsxs)("div", {
 				className: "flex items-center gap-2 p-2 border-b shrink-0 bg-background z-10",
-				children: [/* @__PURE__ */ (0, Z.jsx)(u, {
+				children: [/* @__PURE__ */ (0, Z.jsx)(l, {
 					variant: "ghost",
 					size: "sm",
 					onClick: () => {
-						Q === "response" ? $("detail") : (l(null), $("list"));
+						Q === "response" ? $("detail") : (u(null), $("list"));
 					},
 					className: "p-0 h-8 w-8",
 					children: /* @__PURE__ */ (0, Z.jsx)(B, { className: "h-4 w-4" })
@@ -1723,7 +1689,7 @@ function at({ ref: e, tools: t, callTool: n, readResource: r, serverId: i, isCon
 					children: [
 						/* @__PURE__ */ (0, Z.jsx)("button", {
 							onClick: () => {
-								l(null), $("list");
+								u(null), $("list");
 							},
 							className: "text-muted-foreground hover:text-foreground hover:underline cursor-pointer",
 							children: "Tools"
@@ -1754,7 +1720,7 @@ function at({ ref: e, tools: t, callTool: n, readResource: r, serverId: i, isCon
 					initial: !1,
 					mode: "popLayout",
 					children: [
-						Q === "list" && /* @__PURE__ */ (0, Z.jsx)(s.div, {
+						Q === "list" && /* @__PURE__ */ (0, Z.jsx)(o.div, {
 							initial: { x: "-100%" },
 							animate: { x: 0 },
 							exit: { x: "-100%" },
@@ -1783,7 +1749,7 @@ function at({ ref: e, tools: t, callTool: n, readResource: r, serverId: i, isCon
 								onSearchBlur: je,
 								onTabSwitch: () => T(w === "tools" ? "saved" : "tools"),
 								searchInputRef: Te,
-								onRefresh: o ? Pe : void 0,
+								onRefresh: s ? Pe : void 0,
 								isRefreshing: Ae
 							}), w === "tools" ? /* @__PURE__ */ (0, Z.jsx)(Ge, {
 								tools: V,
@@ -1798,7 +1764,7 @@ function at({ ref: e, tools: t, callTool: n, readResource: r, serverId: i, isCon
 								focusedIndex: Ce
 							})] }) })
 						}, "list"),
-						Q === "detail" && /* @__PURE__ */ (0, Z.jsx)(s.div, {
+						Q === "detail" && /* @__PURE__ */ (0, Z.jsx)(o.div, {
 							initial: { x: "100%" },
 							animate: { x: 0 },
 							exit: { x: "-100%" },
@@ -1824,7 +1790,7 @@ function at({ ref: e, tools: t, callTool: n, readResource: r, serverId: i, isCon
 								onToggleEmpty: ae
 							})
 						}, "detail"),
-						Q === "response" && /* @__PURE__ */ (0, Z.jsx)(s.div, {
+						Q === "response" && /* @__PURE__ */ (0, Z.jsx)(o.div, {
 							initial: { x: "100%" },
 							animate: { x: 0 },
 							exit: { x: "100%" },
@@ -1938,7 +1904,7 @@ function at({ ref: e, tools: t, callTool: n, readResource: r, serverId: i, isCon
 						onSearchBlur: je,
 						onTabSwitch: () => T(w === "tools" ? "saved" : "tools"),
 						searchInputRef: Te,
-						onRefresh: o ? Pe : void 0,
+						onRefresh: s ? Pe : void 0,
 						isRefreshing: Ae
 					}), w === "tools" ? /* @__PURE__ */ (0, Z.jsx)(Ge, {
 						tools: V,

package/dist/cdn/{ViewPreview-CxJc1Kht.js → ViewPreview-DsPwZAwO.js}

@@ -1,9 +1,9 @@
 import { s as e, t } from "./react-BIs9pQ3H.js";
 import { t as n } from "./jsx-runtime-CIxvMpEo.js";
-import { d as r, r as i } from "./react-yUi9mVK4.js";
+import { d as r, r as i } from "./react-Dn8PWXwP.js";
 import { t as a } from "./basePath-B8HuhIMu.js";
 import { c as o, s } from "./chunk-QUQL4437-XnDcYQEx.js";
-import { t as c } from "./useViewHostProps-C7vjco2m.js";
+import { t as c } from "./useViewHostProps-DIIlz3tJ.js";
 //#region src/client/components/ViewPreview.tsx
 var l = /* @__PURE__ */ e(t(), 1), u = n(), d = "preview-default";
 function f(e) {