@mcp-use/inspector 20.0.0-beta.6 → 20.0.0-beta.8

package/dist/cdn/{servers-Dm72iTpY.js → servers-Dd0Vcp81.js}

@@ -22,5 +22,9 @@ function r(e) {
 function i(e) {
 	return r(e) || e.serverInfo?.title?.trim() || e.serverInfo?.name?.trim() || e.name?.trim() || e.url?.trim() || "Unknown server";
 }
+function a(e) {
+	let t = e.serverInfo?.icons;
+	return t && t.length > 0 ? t[0].src : e.serverInfo?.icon ? e.serverInfo.icon : null;
+}
 //#endregion
-export { n as i, i as n, t as r, r as t };
+export { n as a, t as i, i as n, a as r, r as t };

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

@@ -1,11 +1,11 @@
 import { i as e, s as t, t as n } from "./react-BIs9pQ3H.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-D0-ARyOh.js";
-import { t as g } from "./refresh-cw-BXY-Pa0U.js";
-import { r as _ } from "./ListTabHeader-Cv-GmtGF.js";
-var v = h("grip-vertical", [
+import { G as r, a as i, d as a, l as o, n as s, r as c, sr as l, t as u, u as d } from "./input-BCpgLXU1.js";
+import { n as f, t as p } from "./createLucideIcon-BONxC1L5.js";
+import { U as m, t as h } from "./button-CB4uOoUV.js";
+import "./StatusIcon-Q3n3YRtE.js";
+import { t as g } from "./refresh-cw-CyvXrS91.js";
+import { r as _ } from "./ListTabHeader-DzmTtN1e.js";
+var v = p("grip-vertical", [
 	["circle", {
 		cx: "9",
 		cy: "12",
@@ -52,7 +52,7 @@ var v = h("grip-vertical", [
 	useGroupRef: () => rt,
 	usePanelCallbackRef: () => ct,
 	usePanelRef: () => lt
-}), b = m(), x = /* @__PURE__ */ t(n(), 1);
+}), b = f(), 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: a("flex h-full w-full aria-[orientation=vertical]:flex-col", e),
+		className: m("flex h-full w-full aria-[orientation=vertical]:flex-col", e),
 		...t
 	});
 }
@@ -1566,23 +1566,23 @@ function mt({ ...e }) {
 function ht({ withHandle: e, className: t, ...n }) {
 	return /* @__PURE__ */ (0, b.jsx)(dt, {
 		"data-slot": "resizable-handle",
-		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),
+		className: m("relative z-50 box-content shrink-0", "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1", "before:pointer-events-none before:absolute before:bg-zinc-200 before:transition-[height,width,background-color] before:duration-200 before:ease-out dark:before:bg-zinc-700", "hover:before:bg-foreground/35 dark:hover:before:bg-foreground/45", "aria-[orientation=horizontal]:h-px aria-[orientation=horizontal]:w-full aria-[orientation=horizontal]:py-1.5 aria-[orientation=horizontal]:-my-1.5", "aria-[orientation=horizontal]:before:inset-x-0 aria-[orientation=horizontal]:before:top-1.5 aria-[orientation=horizontal]:before:h-px", "hover:aria-[orientation=horizontal]:before:h-0.5", "aria-[orientation=vertical]:h-full aria-[orientation=vertical]:w-px aria-[orientation=vertical]:px-1.5 aria-[orientation=vertical]:-mx-1.5", "aria-[orientation=vertical]:before:inset-y-0 aria-[orientation=vertical]:before:left-1.5 aria-[orientation=vertical]:before:w-px", "hover:aria-[orientation=vertical]:before:w-0.5", "[&[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",
-			children: /* @__PURE__ */ (0, b.jsx)(v, { className: "size-2.5" })
+			className: "pointer-events-none absolute top-1/2 left-1/2 z-10 flex h-4 w-3 -translate-x-1/2 -translate-y-1/2 items-center justify-center rounded-xs border border-zinc-200 bg-background shadow-sm dark:border-zinc-700",
+			children: /* @__PURE__ */ (0, b.jsx)(v, { className: "size-2.5 text-muted-foreground" })
 		})
 	});
 }
 //#endregion
 //#region src/client/components/shared/ListItem.tsx
-function gt({ id: e, isSelected: t, isFocused: n, title: r, description: i, metadata: o, onClick: s, className: c, "data-testid": l }) {
+function gt({ id: e, isSelected: t, isFocused: n, title: r, description: i, metadata: a, onClick: o, className: s, "data-testid": c }) {
 	return /* @__PURE__ */ (0, b.jsx)("button", {
 		id: e,
-		"data-testid": l,
+		"data-testid": c,
 		type: "button",
-		onClick: s,
-		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),
+		onClick: o,
+		className: m("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", s),
 		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: a("font-medium truncate font-mono text-sm"),
+						className: m("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
 				})]
-			}), o && /* @__PURE__ */ (0, b.jsx)("div", {
+			}), a && /* @__PURE__ */ (0, b.jsx)("div", {
 				className: "flex-shrink-0 flex items-center self-center",
-				children: o
+				children: a
 			})]
 		})
 	});
@@ -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: a("h-full overflow-y-auto overscroll-none", e),
+		className: m("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,35 +1620,35 @@ 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: 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 }) {
+function vt({ title: e, count: t, icon: n, isSearchExpanded: f, searchQuery: p, searchPlaceholder: m, 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 ${c(D)} ${p}`,
+		className: `flex flex-row items-center justify-between gap-2 ${o(D)} ${d}`,
 		children: [/* @__PURE__ */ (0, b.jsx)("div", {
 			className: "flex items-center gap-2 flex-1 min-w-0",
-			children: a ? /* @__PURE__ */ (0, b.jsx)(f, {
+			children: f ? /* @__PURE__ */ (0, b.jsx)(u, {
 				ref: S,
-				placeholder: h,
-				value: m,
+				placeholder: m,
+				value: p,
 				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: `${s} flex items-center gap-1.5`,
+					className: `${a} 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)(i, {
+				/* @__PURE__ */ (0, b.jsx)(l, {
 					className: "bg-zinc-500/20 text-zinc-600 dark:text-zinc-400 border-transparent",
 					variant: "outline",
 					children: t
 				}),
-				/* @__PURE__ */ (0, b.jsxs)(l, { children: [/* @__PURE__ */ (0, b.jsx)(o, {
-					render: /* @__PURE__ */ (0, b.jsx)(d, {
+				/* @__PURE__ */ (0, b.jsxs)(s, { children: [/* @__PURE__ */ (0, b.jsx)(i, {
+					render: /* @__PURE__ */ (0, b.jsx)(h, {
 						variant: "ghost",
 						size: "sm",
 						onClick: v,
@@ -1656,13 +1656,13 @@ function vt({ title: e, count: t, icon: n, isSearchExpanded: a, searchQuery: m,
 						children: /* @__PURE__ */ (0, b.jsx)(r, { className: "h-4 w-4" })
 					}),
 					nativeButton: !0
-				}), /* @__PURE__ */ (0, b.jsxs)(u, {
+				}), /* @__PURE__ */ (0, b.jsxs)(c, {
 					side: "bottom",
 					className: "flex gap-2",
 					children: ["Search", /* @__PURE__ */ (0, b.jsx)(_, { children: "F" })]
 				})] }),
-				T && /* @__PURE__ */ (0, b.jsxs)(l, { children: [/* @__PURE__ */ (0, b.jsx)(o, {
-					render: /* @__PURE__ */ (0, b.jsx)(d, {
+				T && /* @__PURE__ */ (0, b.jsxs)(s, { children: [/* @__PURE__ */ (0, b.jsx)(i, {
+					render: /* @__PURE__ */ (0, b.jsx)(h, {
 						variant: "ghost",
 						size: "sm",
 						onClick: T,
@@ -1671,7 +1671,7 @@ function vt({ title: e, count: t, icon: n, isSearchExpanded: a, searchQuery: m,
 						children: /* @__PURE__ */ (0, b.jsx)(g, { className: `h-4 w-4 ${E ? "animate-spin" : ""}` })
 					}),
 					nativeButton: !0
-				}), /* @__PURE__ */ (0, b.jsxs)(u, {
+				}), /* @__PURE__ */ (0, b.jsxs)(c, {
 					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: a, searchQuery: m,
 			] })
 		}), w && O && /* @__PURE__ */ (0, b.jsx)("div", {
 			className: "flex items-center gap-2",
-			children: /* @__PURE__ */ (0, b.jsxs)(l, { children: [/* @__PURE__ */ (0, b.jsx)(o, {
-				render: /* @__PURE__ */ (0, b.jsx)(d, {
+			children: /* @__PURE__ */ (0, b.jsxs)(s, { children: [/* @__PURE__ */ (0, b.jsx)(i, {
+				render: /* @__PURE__ */ (0, b.jsx)(h, {
 					variant: "ghost",
 					size: "sm",
 					onClick: w.onClick,
@@ -1689,7 +1689,7 @@ function vt({ title: e, count: t, icon: n, isSearchExpanded: a, searchQuery: m,
 					children: /* @__PURE__ */ (0, b.jsx)(O, { className: "h-4 w-4" })
 				}),
 				nativeButton: !0
-			}), /* @__PURE__ */ (0, b.jsx)(u, {
+			}), /* @__PURE__ */ (0, b.jsx)(c, {
 				side: "bottom",
 				children: w.label
 			})] })