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

package/dist/cdn/{shared-uMiV6Fx1.js → shared-DaILIQPP.js}

@@ -1,10 +1,10 @@
 import { i as e, s as t, t as n } from "./react-BIs9pQ3H.js";
-import { t as r } from "./jsx-runtime-CIxvMpEo.js";
-import { G as i, Pr as a, Rr as o, a as s, d as c, l, n as u, r as d, sr as f, t as p, u as m } from "./input-BLxOA7V-.js";
+import { G as r, Pr as i, Rr as a, a as o, d as s, l as c, n as l, r as u, sr as d, t as f, u as p } from "./input-C2OBd4PJ.js";
+import { t as m } from "./jsx-runtime-CIxvMpEo.js";
 import { t as h } from "./createLucideIcon-C5fZZ6oB.js";
-import "./StatusIcon-BGXOEU2u.js";
+import "./StatusIcon-D0-ARyOh.js";
 import { t as g } from "./refresh-cw-BXY-Pa0U.js";
-import { r as _ } from "./ListTabHeader-8lULn-90.js";
+import { r as _ } from "./ListTabHeader-Cv-GmtGF.js";
 var v = h("grip-vertical", [
 	["circle", {
 		cx: "9",
@@ -52,7 +52,7 @@ var v = h("grip-vertical", [
 	useGroupRef: () => rt,
 	usePanelCallbackRef: () => ct,
 	usePanelRef: () => lt
-}), b = r(), x = /* @__PURE__ */ t(n(), 1);
+}), b = m(), x = /* @__PURE__ */ t(n(), 1);
 function S(e, t) {
 	let n = getComputedStyle(e);
 	return t * parseFloat(n.fontSize);
@@ -1553,7 +1553,7 @@ var { usePanelRef: ft } = y;
 function pt({ className: e, ...t }) {
 	return /* @__PURE__ */ (0, b.jsx)(Qe, {
 		"data-slot": "resizable-panel-group",
-		className: o("flex h-full w-full aria-[orientation=vertical]:flex-col", e),
+		className: a("flex h-full w-full aria-[orientation=vertical]:flex-col", e),
 		...t
 	});
 }
@@ -1566,7 +1566,7 @@ function mt({ ...e }) {
 function ht({ withHandle: e, className: t, ...n }) {
 	return /* @__PURE__ */ (0, b.jsx)(dt, {
 		"data-slot": "resizable-handle",
-		className: o("relative flex items-center justify-center bg-border", "focus-visible:ring-ring focus-visible:ring-1 focus-visible:ring-offset-1 focus-visible:outline-hidden", "after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2", "aria-[orientation=vertical]:h-auto aria-[orientation=vertical]:w-px", "aria-[orientation=horizontal]:h-px aria-[orientation=horizontal]:w-full", "aria-[orientation=vertical]:after:left-0 aria-[orientation=vertical]:after:h-1 aria-[orientation=vertical]:after:w-full aria-[orientation=vertical]:after:translate-x-0 aria-[orientation=vertical]:after:-translate-y-1/2", "[&[aria-orientation=horizontal]>div]:rotate-90", t),
+		className: a("relative flex items-center justify-center bg-border", "focus-visible:ring-ring focus-visible:ring-1 focus-visible:ring-offset-1 focus-visible:outline-hidden", "after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2", "aria-[orientation=vertical]:h-auto aria-[orientation=vertical]:w-px", "aria-[orientation=horizontal]:h-px aria-[orientation=horizontal]:w-full", "aria-[orientation=vertical]:after:left-0 aria-[orientation=vertical]:after:h-1 aria-[orientation=vertical]:after:w-full aria-[orientation=vertical]:after:translate-x-0 aria-[orientation=vertical]:after:-translate-y-1/2", "[&[aria-orientation=horizontal]>div]:rotate-90", t),
 		...n,
 		children: e && /* @__PURE__ */ (0, b.jsx)("div", {
 			className: "bg-border z-10 flex h-4 w-3 items-center justify-center rounded-xs border",
@@ -1576,13 +1576,13 @@ function ht({ withHandle: e, className: t, ...n }) {
 }
 //#endregion
 //#region src/client/components/shared/ListItem.tsx
-function gt({ id: e, isSelected: t, isFocused: n, title: r, description: i, metadata: a, onClick: s, className: c, "data-testid": l }) {
+function gt({ id: e, isSelected: t, isFocused: n, title: r, description: i, metadata: o, onClick: s, className: c, "data-testid": l }) {
 	return /* @__PURE__ */ (0, b.jsx)("button", {
 		id: e,
 		"data-testid": l,
 		type: "button",
 		onClick: s,
-		className: o("w-full text-left cursor-pointer p-2 sm:p-4 border-b dark:border-zinc-700 hover:bg-gray-50 dark:hover:bg-zinc-800/50 transition-colors group", t && "bg-zinc-50 dark:bg-zinc-800 border-l-4 border-l-zinc-500", n && "ring-2 ring-zinc-500 dark:ring-zinc-400 ring-inset", c),
+		className: a("w-full text-left cursor-pointer p-2 sm:p-4 border-b dark:border-zinc-700 hover:bg-gray-50 dark:hover:bg-zinc-800/50 transition-colors group", t && "bg-zinc-50 dark:bg-zinc-800 border-l-4 border-l-zinc-500", n && "ring-2 ring-zinc-500 dark:ring-zinc-400 ring-inset", c),
 		children: /* @__PURE__ */ (0, b.jsxs)("div", {
 			className: "flex items-start gap-2 sm:gap-3",
 			children: [/* @__PURE__ */ (0, b.jsxs)("div", {
@@ -1590,16 +1590,16 @@ function gt({ id: e, isSelected: t, isFocused: n, title: r, description: i, meta
 				children: [/* @__PURE__ */ (0, b.jsx)("div", {
 					className: "flex items-center gap-2 mb-1",
 					children: /* @__PURE__ */ (0, b.jsx)("h3", {
-						className: o("font-medium truncate font-mono text-sm"),
+						className: a("font-medium truncate font-mono text-sm"),
 						children: r
 					})
 				}), i && /* @__PURE__ */ (0, b.jsx)("p", {
 					className: "text-sm text-gray-600 dark:text-gray-400 line-clamp-2",
 					children: i
 				})]
-			}), a && /* @__PURE__ */ (0, b.jsx)("div", {
+			}), o && /* @__PURE__ */ (0, b.jsx)("div", {
 				className: "flex-shrink-0 flex items-center self-center",
-				children: a
+				children: o
 			})]
 		})
 	});
@@ -1610,7 +1610,7 @@ function _t({ className: e, scrollRef: t, children: n }) {
 	let [r, i] = (0, x.useState)(!1);
 	return /* @__PURE__ */ (0, b.jsx)("div", {
 		ref: t,
-		className: o("h-full overflow-y-auto overscroll-none", e),
+		className: a("h-full overflow-y-auto overscroll-none", e),
 		onScroll: (e) => i(e.currentTarget.scrollTop > 0),
 		children: /* @__PURE__ */ (0, b.jsx)("div", {
 			className: "flex min-h-full flex-col",
@@ -1620,49 +1620,49 @@ function _t({ className: e, scrollRef: t, children: n }) {
 }
 //#endregion
 //#region src/client/components/shared/SearchTabHeader.tsx
-function vt({ title: e, count: t, icon: n, isSearchExpanded: r, searchQuery: o, searchPlaceholder: h, onSearchExpand: v, onSearchChange: y, onSearchBlur: x, searchInputRef: S, titleTestId: C, bulkAction: w, onRefresh: T, isRefreshing: E = !1, isScrolled: D = !1 }) {
+function vt({ title: e, count: t, icon: n, isSearchExpanded: a, searchQuery: m, searchPlaceholder: h, onSearchExpand: v, onSearchChange: y, onSearchBlur: x, searchInputRef: S, titleTestId: C, bulkAction: w, onRefresh: T, isRefreshing: E = !1, isScrolled: D = !1 }) {
 	let O = w?.icon;
 	return /* @__PURE__ */ (0, b.jsxs)("div", {
-		className: `flex flex-row items-center justify-between gap-2 ${l(D)} ${m}`,
+		className: `flex flex-row items-center justify-between gap-2 ${c(D)} ${p}`,
 		children: [/* @__PURE__ */ (0, b.jsx)("div", {
 			className: "flex items-center gap-2 flex-1 min-w-0",
-			children: r ? /* @__PURE__ */ (0, b.jsx)(p, {
+			children: a ? /* @__PURE__ */ (0, b.jsx)(f, {
 				ref: S,
 				placeholder: h,
-				value: o,
+				value: m,
 				onChange: (e) => y(e.target.value),
 				onBlur: x,
 				className: "h-8 border-gray-300 dark:border-zinc-600"
 			}) : /* @__PURE__ */ (0, b.jsxs)(b.Fragment, { children: [
 				/* @__PURE__ */ (0, b.jsxs)("h2", {
-					className: `${c} flex items-center gap-1.5`,
+					className: `${s} flex items-center gap-1.5`,
 					"data-testid": C,
 					children: [n ? /* @__PURE__ */ (0, b.jsx)(n, {
 						className: "h-3.5 w-3.5 shrink-0 text-muted-foreground",
 						"aria-hidden": !0
 					}) : null, e]
 				}),
-				/* @__PURE__ */ (0, b.jsx)(a, {
+				/* @__PURE__ */ (0, b.jsx)(i, {
 					className: "bg-zinc-500/20 text-zinc-600 dark:text-zinc-400 border-transparent",
 					variant: "outline",
 					children: t
 				}),
-				/* @__PURE__ */ (0, b.jsxs)(u, { children: [/* @__PURE__ */ (0, b.jsx)(s, {
-					render: /* @__PURE__ */ (0, b.jsx)(f, {
+				/* @__PURE__ */ (0, b.jsxs)(l, { children: [/* @__PURE__ */ (0, b.jsx)(o, {
+					render: /* @__PURE__ */ (0, b.jsx)(d, {
 						variant: "ghost",
 						size: "sm",
 						onClick: v,
 						className: "h-8 w-8 p-0",
-						children: /* @__PURE__ */ (0, b.jsx)(i, { className: "h-4 w-4" })
+						children: /* @__PURE__ */ (0, b.jsx)(r, { className: "h-4 w-4" })
 					}),
 					nativeButton: !0
-				}), /* @__PURE__ */ (0, b.jsxs)(d, {
+				}), /* @__PURE__ */ (0, b.jsxs)(u, {
 					side: "bottom",
 					className: "flex gap-2",
 					children: ["Search", /* @__PURE__ */ (0, b.jsx)(_, { children: "F" })]
 				})] }),
-				T && /* @__PURE__ */ (0, b.jsxs)(u, { children: [/* @__PURE__ */ (0, b.jsx)(s, {
-					render: /* @__PURE__ */ (0, b.jsx)(f, {
+				T && /* @__PURE__ */ (0, b.jsxs)(l, { children: [/* @__PURE__ */ (0, b.jsx)(o, {
+					render: /* @__PURE__ */ (0, b.jsx)(d, {
 						variant: "ghost",
 						size: "sm",
 						onClick: T,
@@ -1671,7 +1671,7 @@ function vt({ title: e, count: t, icon: n, isSearchExpanded: r, searchQuery: o,
 						children: /* @__PURE__ */ (0, b.jsx)(g, { className: `h-4 w-4 ${E ? "animate-spin" : ""}` })
 					}),
 					nativeButton: !0
-				}), /* @__PURE__ */ (0, b.jsxs)(d, {
+				}), /* @__PURE__ */ (0, b.jsxs)(u, {
 					side: "bottom",
 					className: "flex gap-2",
 					children: ["Refresh list", /* @__PURE__ */ (0, b.jsx)(_, { children: "R" })]
@@ -1679,8 +1679,8 @@ function vt({ title: e, count: t, icon: n, isSearchExpanded: r, searchQuery: o,
 			] })
 		}), w && O && /* @__PURE__ */ (0, b.jsx)("div", {
 			className: "flex items-center gap-2",
-			children: /* @__PURE__ */ (0, b.jsxs)(u, { children: [/* @__PURE__ */ (0, b.jsx)(s, {
-				render: /* @__PURE__ */ (0, b.jsx)(f, {
+			children: /* @__PURE__ */ (0, b.jsxs)(l, { children: [/* @__PURE__ */ (0, b.jsx)(o, {
+				render: /* @__PURE__ */ (0, b.jsx)(d, {
 					variant: "ghost",
 					size: "sm",
 					onClick: w.onClick,
@@ -1689,7 +1689,7 @@ function vt({ title: e, count: t, icon: n, isSearchExpanded: r, searchQuery: o,
 					children: /* @__PURE__ */ (0, b.jsx)(O, { className: "h-4 w-4" })
 				}),
 				nativeButton: !0
-			}), /* @__PURE__ */ (0, b.jsx)(d, {
+			}), /* @__PURE__ */ (0, b.jsx)(u, {
 				side: "bottom",
 				children: w.label
 			})] })