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

package/dist/cdn/{JSONDisplay-D3RcyO9z.js → JSONDisplay-BJqMz7Ny.js}

@@ -1,8 +1,8 @@
 import { s as e, t } from "./react-BIs9pQ3H.js";
-import { t as n } from "./jsx-runtime-CIxvMpEo.js";
-import { K as r, Rr as i, sr as a } from "./input-BLxOA7V-.js";
-import { t as o } from "./createLucideIcon-C5fZZ6oB.js";
-var s = o("download", [
+import { K 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";
+var s = i("download", [
 	["path", {
 		d: "M12 15V3",
 		key: "m9g1x1"
@@ -79,7 +79,7 @@ function h(e, t) {
 }
 //#endregion
 //#region src/client/utils/highlightJson.tsx
-var g = n(), _ = {
+var g = r(), _ = {
 	key: "text-sky-600 dark:text-sky-400",
 	string: "text-emerald-600 dark:text-emerald-400",
 	number: "text-amber-600 dark:text-amber-400",
@@ -174,13 +174,13 @@ function S(e) {
 function C(e) {
 	return Array.isArray(e) ? `[${e.length}]` : `{${Object.keys(e).length}}`;
 }
-function w({ label: e, value: t, depth: n, defaultExpanded: a }) {
-	let o = typeof t == "object" && t && !Array.isArray(t) ? Object.keys(t).length > 0 : Array.isArray(t) ? t.length > 0 : !1, [s, c] = (0, b.useState)(o && (a || n === 0));
+function w({ label: e, value: t, depth: r, defaultExpanded: i }) {
+	let o = typeof t == "object" && t && !Array.isArray(t) ? Object.keys(t).length > 0 : Array.isArray(t) ? t.length > 0 : !1, [s, c] = (0, b.useState)(o && (i || r === 0));
 	if (!o) {
-		let r = Array.isArray(t) ? "[]" : "{}";
+		let n = Array.isArray(t) ? "[]" : "{}";
 		return typeof t == "object" && t ? /* @__PURE__ */ (0, g.jsxs)("div", {
 			className: "font-mono text-[0.8rem] leading-relaxed",
-			style: { paddingLeft: n * 12 },
+			style: { paddingLeft: r * 12 },
 			children: [e != null && /* @__PURE__ */ (0, g.jsxs)(g.Fragment, { children: [/* @__PURE__ */ (0, g.jsx)("span", {
 				className: x.key,
 				children: JSON.stringify(e)
@@ -189,11 +189,11 @@ function w({ label: e, value: t, depth: n, defaultExpanded: a }) {
 				children: ": "
 			})] }), /* @__PURE__ */ (0, g.jsx)("span", {
 				className: x.punctuation,
-				children: r
+				children: n
 			})]
 		}) : /* @__PURE__ */ (0, g.jsxs)("div", {
 			className: "font-mono text-[0.8rem] leading-relaxed",
-			style: { paddingLeft: n * 12 },
+			style: { paddingLeft: r * 12 },
 			children: [e != null && /* @__PURE__ */ (0, g.jsxs)(g.Fragment, { children: [/* @__PURE__ */ (0, g.jsx)("span", {
 				className: x.key,
 				children: JSON.stringify(e)
@@ -208,13 +208,13 @@ function w({ label: e, value: t, depth: n, defaultExpanded: a }) {
 		className: "font-mono text-[0.8rem] leading-relaxed",
 		children: [/* @__PURE__ */ (0, g.jsxs)("div", {
 			className: "flex items-start gap-0.5",
-			style: { paddingLeft: n * 12 },
+			style: { paddingLeft: r * 12 },
 			children: [/* @__PURE__ */ (0, g.jsx)("button", {
 				type: "button",
 				"aria-expanded": s,
 				onClick: () => c((e) => !e),
 				className: "mt-0.5 inline-flex shrink-0 items-center justify-center rounded-sm text-muted-foreground hover:text-foreground",
-				children: /* @__PURE__ */ (0, g.jsx)(r, { className: i("h-3.5 w-3.5 transition-transform", s && "rotate-90") })
+				children: /* @__PURE__ */ (0, g.jsx)(n, { className: a("h-3.5 w-3.5 transition-transform", s && "rotate-90") })
 			}), /* @__PURE__ */ (0, g.jsxs)("div", {
 				className: "min-w-0 flex-1",
 				children: [
@@ -243,10 +243,10 @@ function w({ label: e, value: t, depth: n, defaultExpanded: a }) {
 		}), s && /* @__PURE__ */ (0, g.jsxs)("div", { children: [l.map(([e, t]) => /* @__PURE__ */ (0, g.jsx)(w, {
 			label: e,
 			value: t,
-			depth: n + 1,
-			defaultExpanded: a
-		}, `${n}-${e}`)), /* @__PURE__ */ (0, g.jsx)("div", {
-			style: { paddingLeft: n * 12 },
+			depth: r + 1,
+			defaultExpanded: i
+		}, `${r}-${e}`)), /* @__PURE__ */ (0, g.jsx)("div", {
+			style: { paddingLeft: r * 12 },
 			children: /* @__PURE__ */ (0, g.jsx)("span", {
 				className: x.punctuation,
 				children: f
@@ -256,7 +256,7 @@ function w({ label: e, value: t, depth: n, defaultExpanded: a }) {
 }
 function T({ data: e, defaultExpanded: t = !0, className: n }) {
 	return /* @__PURE__ */ (0, g.jsx)("div", {
-		className: i("text-gray-900 dark:text-gray-100 [overflow-wrap:anywhere]", n),
+		className: a("text-gray-900 dark:text-gray-100 [overflow-wrap:anywhere]", n),
 		"data-testid": "collapsible-json",
 		children: /* @__PURE__ */ (0, g.jsx)(w, {
 			value: e,
@@ -268,7 +268,7 @@ function T({ data: e, defaultExpanded: t = !0, className: n }) {
 //#endregion
 //#region src/client/components/shared/JSONDisplay.tsx
 var E = "font-mono text-[0.8rem] text-gray-900 dark:text-gray-100 whitespace-pre-wrap break-words [overflow-wrap:anywhere]";
-function D({ data: e, filename: t, className: n, collapsible: r = !1, defaultExpanded: i = !0, ...o }) {
+function D({ data: e, filename: t, className: n, collapsible: r = !1, defaultExpanded: i = !0, ...a }) {
 	let c = m(e), l = p(e), u = c.isLarge ? /* @__PURE__ */ (0, g.jsx)("div", {
 		className: "mb-3 p-3 bg-yellow-50 dark:bg-yellow-900/20 border border-yellow-200 dark:border-yellow-800 rounded-lg",
 		children: /* @__PURE__ */ (0, g.jsxs)("div", {
@@ -286,7 +286,7 @@ function D({ data: e, filename: t, className: n, collapsible: r = !1, defaultExp
 					className: "text-xs text-yellow-700 dark:text-yellow-400",
 					children: "Showing full structure with truncated values. Download the full JSON file to see complete values."
 				})]
-			}), /* @__PURE__ */ (0, g.jsxs)(a, {
+			}), /* @__PURE__ */ (0, g.jsxs)(o, {
 				variant: "outline",
 				size: "sm",
 				onClick: () => {
@@ -299,21 +299,21 @@ function D({ data: e, filename: t, className: n, collapsible: r = !1, defaultExp
 	}) : null;
 	return r ? /* @__PURE__ */ (0, g.jsxs)("div", {
 		className: n,
-		...o,
+		...a,
 		children: [u, /* @__PURE__ */ (0, g.jsx)(T, {
 			data: l,
 			defaultExpanded: i
 		})]
 	}) : c.isLarge ? /* @__PURE__ */ (0, g.jsxs)("div", {
 		className: n,
-		...o,
+		...a,
 		children: [u, /* @__PURE__ */ (0, g.jsx)("pre", {
 			className: E,
 			children: /* @__PURE__ */ (0, g.jsx)("code", { children: y(c.preview) })
 		})]
 	}) : /* @__PURE__ */ (0, g.jsx)("div", {
 		className: n,
-		...o,
+		...a,
 		children: /* @__PURE__ */ (0, g.jsx)("pre", {
 			className: E,
 			children: /* @__PURE__ */ (0, g.jsx)("code", { children: y(c.preview) })

package/dist/cdn/{ListTabHeader-8lULn-90.js → ListTabHeader-DzmTtN1e.js}

@@ -1,25 +1,26 @@
-import { t as e } from "./jsx-runtime-CIxvMpEo.js";
-import { G as t, Pr as n, Rr 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-BLxOA7V-.js";
-import { t as f } from "./refresh-cw-BXY-Pa0U.js";
+import { G as e, a as t, d as n, l as r, n as i, r as a, sr as o, t as s, u as c } from "./input-BCpgLXU1.js";
+import { n as l } from "./createLucideIcon-BONxC1L5.js";
+import { U as u, t as d } from "./button-CB4uOoUV.js";
+import { t as f } from "./refresh-cw-CyvXrS91.js";
 //#region src/client/components/ui/kbd.tsx
-var p = e();
+var p = l();
 function m({ className: e, ...t }) {
 	return /* @__PURE__ */ (0, p.jsx)("kbd", {
 		"data-slot": "kbd",
-		className: r("bg-muted text-muted-foreground pointer-events-none inline-flex h-5 w-fit min-w-5 items-center justify-center gap-1 rounded-sm px-1 font-sans text-xs font-medium select-none", "[&_svg:not([class*='size-'])]:size-3", "[[data-slot=tooltip-content]_&]:bg-background/20 [[data-slot=tooltip-content]_&]:text-background dark:[[data-slot=tooltip-content]_&]:bg-background/10", e),
+		className: u("bg-muted text-muted-foreground pointer-events-none inline-flex h-5 w-fit min-w-5 items-center justify-center gap-1 rounded-sm px-1 font-sans text-xs font-medium select-none", "[&_svg:not([class*='size-'])]:size-3", "[[data-slot=tooltip-content]_&]:bg-background/20 [[data-slot=tooltip-content]_&]:text-background dark:[[data-slot=tooltip-content]_&]:bg-background/10", e),
 		...t
 	});
 }
 //#endregion
 //#region src/client/components/shared/ListTabHeader.tsx
 var h = "h-3.5 w-3.5 shrink-0 text-muted-foreground";
-function g({ activeTab: e, isSearchExpanded: r, searchQuery: g, primaryTabTitle: _, secondaryTabTitle: v, primaryCount: y, secondaryCount: b, secondaryIcon: x, primaryIcon: S, searchPlaceholder: C = "Search...", onSearchExpand: w, onSearchChange: T, onSearchBlur: E, onTabSwitch: D, searchInputRef: O, primaryTabName: k, onRefresh: A, isRefreshing: j = !1, isScrolled: M = !1 }) {
-	let N = e === k, P = N ? S : x, F = N ? _ : v;
+function g({ activeTab: l, isSearchExpanded: u, searchQuery: g, primaryTabTitle: _, secondaryTabTitle: v, primaryCount: y, secondaryCount: b, secondaryIcon: x, primaryIcon: S, searchPlaceholder: C = "Search...", onSearchExpand: w, onSearchChange: T, onSearchBlur: E, onTabSwitch: D, searchInputRef: O, primaryTabName: k, onRefresh: A, isRefreshing: j = !1, isScrolled: M = !1 }) {
+	let N = l === k, P = N ? S : x, F = N ? _ : v;
 	return /* @__PURE__ */ (0, p.jsxs)("div", {
-		className: `flex flex-row items-center justify-between gap-2 ${o(M)} ${d}`,
+		className: `flex flex-row items-center justify-between gap-2 ${r(M)} ${c}`,
 		children: [/* @__PURE__ */ (0, p.jsx)("div", {
 			className: "flex items-center gap-2 flex-1 min-w-0",
-			children: r ? /* @__PURE__ */ (0, p.jsx)(u, {
+			children: u ? /* @__PURE__ */ (0, p.jsx)(s, {
 				ref: O,
 				placeholder: C,
 				value: g,
@@ -27,33 +28,33 @@ function g({ activeTab: e, isSearchExpanded: r, searchQuery: g, primaryTabTitle:
 				onBlur: E,
 				className: "h-8 border-gray-300 dark:border-zinc-600"
 			}) : /* @__PURE__ */ (0, p.jsxs)(p.Fragment, { children: [/* @__PURE__ */ (0, p.jsxs)("h2", {
-				className: `${a} flex items-center gap-1.5`,
+				className: `${n} flex items-center gap-1.5`,
 				children: [/* @__PURE__ */ (0, p.jsx)(P, {
 					className: h,
 					"aria-hidden": !0
 				}), F]
 			}), N && /* @__PURE__ */ (0, p.jsxs)(p.Fragment, { children: [
-				/* @__PURE__ */ (0, p.jsx)(n, {
+				/* @__PURE__ */ (0, p.jsx)(o, {
 					className: "bg-zinc-500/20 text-zinc-600 dark:text-zinc-400 border-transparent",
 					variant: "outline",
 					children: y
 				}),
-				/* @__PURE__ */ (0, p.jsxs)(s, { children: [/* @__PURE__ */ (0, p.jsx)(i, {
-					render: /* @__PURE__ */ (0, p.jsx)(l, {
+				/* @__PURE__ */ (0, p.jsxs)(i, { children: [/* @__PURE__ */ (0, p.jsx)(t, {
+					render: /* @__PURE__ */ (0, p.jsx)(d, {
 						variant: "ghost",
 						size: "sm",
 						onClick: w,
 						className: "h-8 w-8 p-0",
-						children: /* @__PURE__ */ (0, p.jsx)(t, { className: "h-4 w-4" })
+						children: /* @__PURE__ */ (0, p.jsx)(e, { className: "h-4 w-4" })
 					}),
 					nativeButton: !0
-				}), /* @__PURE__ */ (0, p.jsxs)(c, {
+				}), /* @__PURE__ */ (0, p.jsxs)(a, {
 					side: "bottom",
 					className: "flex gap-2",
 					children: ["Search", /* @__PURE__ */ (0, p.jsx)(m, { children: "F" })]
 				})] }),
-				A && /* @__PURE__ */ (0, p.jsxs)(s, { children: [/* @__PURE__ */ (0, p.jsx)(i, {
-					render: /* @__PURE__ */ (0, p.jsx)(l, {
+				A && /* @__PURE__ */ (0, p.jsxs)(i, { children: [/* @__PURE__ */ (0, p.jsx)(t, {
+					render: /* @__PURE__ */ (0, p.jsx)(d, {
 						variant: "ghost",
 						size: "sm",
 						onClick: A,
@@ -62,13 +63,13 @@ function g({ activeTab: e, isSearchExpanded: r, searchQuery: g, primaryTabTitle:
 						children: /* @__PURE__ */ (0, p.jsx)(f, { className: `h-4 w-4 ${j ? "animate-spin" : ""}` })
 					}),
 					nativeButton: !0
-				}), /* @__PURE__ */ (0, p.jsxs)(c, {
+				}), /* @__PURE__ */ (0, p.jsxs)(a, {
 					side: "bottom",
 					className: "flex gap-2",
 					children: ["Refresh list", /* @__PURE__ */ (0, p.jsx)(m, { children: "R" })]
 				})] })
 			] })] })
-		}), /* @__PURE__ */ (0, p.jsxs)(l, {
+		}), /* @__PURE__ */ (0, p.jsxs)(d, {
 			variant: "ghost",
 			size: "sm",
 			onClick: D,
@@ -76,7 +77,7 @@ function g({ activeTab: e, isSearchExpanded: r, searchQuery: g, primaryTabTitle:
 			children: [/* @__PURE__ */ (0, p.jsx)("span", {
 				className: "hidden sm:inline",
 				children: N ? v : _
-			}), N && b > 0 && /* @__PURE__ */ (0, p.jsx)(n, {
+			}), N && b > 0 && /* @__PURE__ */ (0, p.jsx)(o, {
 				className: "bg-purple-500/20 text-purple-600 dark:text-purple-400 border-transparent",
 				variant: "outline",
 				children: b