@mcp-use/inspector 12.0.4-canary.1 → 20.0.0-beta.0

package/dist/cdn/FormContext-Cl51-7O7.js

@@ -0,0 +1,135 @@
+import { s as e, t } from "./react-BIs9pQ3H.js";
+import { Sr as n, br as r, mr as i, pr as a, wr as o } from "./input-BLxOA7V-.js";
+//#region ../../node_modules/.pnpm/@base-ui+react@1.6.0_@types+react@19.2.17_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/@base-ui/react/internals/useValueChanged.mjs
+var s = /* @__PURE__ */ e(t(), 1);
+function c(e, t) {
+	let r = s.useRef(e), i = o(t);
+	n(() => {
+		r.current !== e && i(r.current);
+	}, [e, i]), n(() => {
+		r.current = e;
+	}, [e]);
+}
+//#endregion
+//#region ../../node_modules/.pnpm/@base-ui+react@1.6.0_@types+react@19.2.17_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/@base-ui/react/field/control/FieldControlDataAttributes.mjs
+var l = /*#__PURE__*/ function(e) {
+	return e.disabled = "data-disabled", e.valid = "data-valid", e.invalid = "data-invalid", e.touched = "data-touched", e.dirty = "data-dirty", e.filled = "data-filled", e.focused = "data-focused", e;
+}({}), u = {
+	badInput: !1,
+	customError: !1,
+	patternMismatch: !1,
+	rangeOverflow: !1,
+	rangeUnderflow: !1,
+	stepMismatch: !1,
+	tooLong: !1,
+	tooShort: !1,
+	typeMismatch: !1,
+	valid: null,
+	valueMissing: !1
+}, d = {
+	valid: null,
+	touched: !1,
+	dirty: !1,
+	filled: !1,
+	focused: !1
+}, f = {
+	disabled: !1,
+	...d
+}, p = { valid(e) {
+	return e === null ? null : e ? { [l.valid]: "" } : { [l.invalid]: "" };
+} }, m = {
+	invalid: void 0,
+	name: void 0,
+	validityData: {
+		state: u,
+		errors: [],
+		error: "",
+		value: "",
+		initialValue: null
+	},
+	setValidityData: i,
+	disabled: void 0,
+	touched: d.touched,
+	setTouched: i,
+	dirty: d.dirty,
+	setDirty: i,
+	filled: d.filled,
+	setFilled: i,
+	focused: d.focused,
+	setFocused: i,
+	validate: () => null,
+	validationMode: "onSubmit",
+	validationDebounceTime: 0,
+	shouldValidateOnChange: () => !1,
+	state: f,
+	markedDirtyRef: { current: !1 },
+	registerFieldControl: i,
+	validation: {
+		getValidationProps: (e, t = a) => t,
+		inputRef: { current: null },
+		registerInput: i,
+		commit: async () => {},
+		change: i
+	}
+}, h = /*#__PURE__*/ s.createContext(m);
+process.env.NODE_ENV !== "production" && (h.displayName = "FieldRootContext");
+function g(e = !0) {
+	let t = s.useContext(h);
+	if (t.setValidityData === i && !e) throw Error(process.env.NODE_ENV === "production" ? r(28) : "Base UI: FieldRootContext is missing. Field parts must be placed within <Field.Root>.");
+	return t;
+}
+//#endregion
+//#region ../../node_modules/.pnpm/@base-ui+react@1.6.0_@types+react@19.2.17_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/@base-ui/react/internals/field-register-control/useRegisterFieldControl.mjs
+function _(e, t, r, i, a = !0, o) {
+	let { registerFieldControl: c } = g(), l = s.useRef(null);
+	l.current ||= Symbol(), n(() => {
+		let n = l.current;
+		if (!(!n || !a)) return c(n, {
+			controlRef: e,
+			getValue: i,
+			id: t,
+			name: o,
+			value: r
+		}), () => {
+			c(n, void 0);
+		};
+	}, [
+		e,
+		a,
+		i,
+		t,
+		o,
+		c,
+		r
+	]);
+}
+//#endregion
+//#region ../../node_modules/.pnpm/@base-ui+react@1.6.0_@types+react@19.2.17_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/@base-ui/react/internals/labelable-provider/LabelableContext.mjs
+var v = /*#__PURE__*/ s.createContext({
+	controlId: void 0,
+	registerControlId: i,
+	labelId: void 0,
+	setLabelId: i,
+	messageIds: [],
+	setMessageIds: i,
+	getDescriptionProps: (e) => e
+});
+process.env.NODE_ENV !== "production" && (v.displayName = "LabelableContext");
+function y() {
+	return s.useContext(v);
+}
+//#endregion
+//#region ../../node_modules/.pnpm/@base-ui+react@1.6.0_@types+react@19.2.17_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/@base-ui/react/internals/form-context/FormContext.mjs
+var b = /*#__PURE__*/ s.createContext({
+	formRef: { current: { fields: /* @__PURE__ */ new Map() } },
+	errors: {},
+	clearErrors: i,
+	validationMode: "onSubmit",
+	submitAttemptedRef: { current: !1 }
+});
+process.env.NODE_ENV !== "production" && (b.displayName = "FormContext");
+function x() {
+	return s.useContext(b);
+}
+//#endregion
+export { h as a, p as c, _ as i, c as l, v as n, g as o, y as r, u as s, x as t };

package/dist/cdn/InspectorContext-DzXtgyTx.js

@@ -0,0 +1,143 @@
+import { s as e, t } from "./react-BIs9pQ3H.js";
+import { t as n } from "./jsx-runtime-CIxvMpEo.js";
+//#region src/client/context/InspectorContext.tsx
+var r = /* @__PURE__ */ e(t(), 1), i = n(), a = (0, r.createContext)(void 0);
+function o({ children: e }) {
+	let t = (typeof window < "u" ? window.__MANUFACT_CHAT_URL__ : void 0) ?? void 0, [n, o] = (0, r.useState)({
+		selectedServerId: null,
+		activeTab: "tools",
+		selectedToolName: null,
+		selectedPromptName: null,
+		selectedResourceUri: null,
+		selectedSamplingRequestId: null,
+		selectedElicitationRequestId: null,
+		tunnelUrl: null,
+		isTunnelStarting: !1,
+		isEmbedded: !1,
+		embeddedConfig: t ? {
+			chatApiUrl: t,
+			chatStreamProtocol: "data-stream",
+			chatEnableFreeTierUpgrade: !0
+		} : {}
+	}), s = (0, r.useCallback)((e) => {
+		o((t) => ({
+			...t,
+			selectedServerId: e
+		}));
+	}, []), c = (0, r.useCallback)((e) => {
+		o((t) => ({
+			...t,
+			activeTab: e
+		}));
+	}, []), l = (0, r.useCallback)((e) => {
+		o((t) => ({
+			...t,
+			selectedToolName: e
+		}));
+	}, []), u = (0, r.useCallback)((e) => {
+		o((t) => ({
+			...t,
+			selectedPromptName: e
+		}));
+	}, []), d = (0, r.useCallback)((e) => {
+		o((t) => ({
+			...t,
+			selectedResourceUri: e
+		}));
+	}, []), f = (0, r.useCallback)((e) => {
+		o((t) => ({
+			...t,
+			selectedSamplingRequestId: e
+		}));
+	}, []), p = (0, r.useCallback)((e) => {
+		o((t) => ({
+			...t,
+			selectedElicitationRequestId: e
+		}));
+	}, []), m = (0, r.useCallback)((e) => {
+		o((t) => ({
+			...t,
+			tunnelUrl: e
+		}));
+	}, []), h = (0, r.useCallback)((e) => {
+		o((t) => ({
+			...t,
+			isTunnelStarting: e
+		}));
+	}, []), g = (0, r.useCallback)((e, t = {}) => {
+		o((n) => ({
+			...n,
+			isEmbedded: e,
+			embeddedConfig: t
+		}));
+	}, []), _ = (0, r.useCallback)((e, t, n) => {
+		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: "InspectorContext.tsx:navigateToItem",
+				message: "context navigateToItem",
+				data: {
+					serverId: e,
+					tab: t,
+					itemIdentifier: n ?? null,
+					selectedToolName: t === "tools" ? n ?? null : null,
+					selectedResourceUri: t === "resources" ? n ?? null : null
+				},
+				timestamp: Date.now(),
+				hypothesisId: "H5"
+			})
+		}).catch(() => {}), console.warn("[InspectorContext] navigateToItem called:", {
+			serverId: e,
+			tab: t,
+			itemIdentifier: n
+		}), o((r) => ({
+			...r,
+			selectedServerId: e,
+			activeTab: t,
+			selectedToolName: t === "tools" && n || null,
+			selectedPromptName: t === "prompts" && n || null,
+			selectedResourceUri: t === "resources" && n || null,
+			selectedSamplingRequestId: t === "sampling" && n || null,
+			selectedElicitationRequestId: t === "elicitation" && n || null
+		}));
+	}, []), v = (0, r.useCallback)(() => {
+		o((e) => ({
+			...e,
+			selectedToolName: null,
+			selectedPromptName: null,
+			selectedResourceUri: null,
+			selectedSamplingRequestId: null,
+			selectedElicitationRequestId: null
+		}));
+	}, []);
+	return /* @__PURE__ */ (0, i.jsx)(a, {
+		value: {
+			...n,
+			setSelectedServerId: s,
+			setActiveTab: c,
+			setSelectedToolName: l,
+			setSelectedPromptName: u,
+			setSelectedResourceUri: d,
+			setSelectedSamplingRequestId: f,
+			setSelectedElicitationRequestId: p,
+			setTunnelUrl: m,
+			setIsTunnelStarting: h,
+			setEmbeddedMode: g,
+			navigateToItem: _,
+			clearSelection: v
+		},
+		children: e
+	});
+}
+function s() {
+	let e = (0, r.use)(a);
+	if (!e) throw Error("useInspector must be used within InspectorProvider");
+	return e;
+}
+//#endregion
+export { s as n, o as t };

package/dist/cdn/JSONDisplay-D3RcyO9z.js

@@ -0,0 +1,324 @@
+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", [
+	["path", {
+		d: "M12 15V3",
+		key: "m9g1x1"
+	}],
+	["path", {
+		d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4",
+		key: "ih7n3h"
+	}],
+	["path", {
+		d: "m7 10 5 5 5-5",
+		key: "brsn70"
+	}]
+]);
+//#endregion
+//#region src/client/utils/format.ts
+function c(e) {
+	if (e === 0) return "0 Bytes";
+	let t = 1024, n = [
+		"Bytes",
+		"KB",
+		"MB",
+		"GB"
+	], r = Math.floor(Math.log(e) / Math.log(t));
+	return Math.round(e / t ** r * 100) / 100 + " " + n[r];
+}
+function l(e) {
+	if (e === 0) return "0 B";
+	let t = 1024, n = [
+		"B",
+		"KB",
+		"MB"
+	], r = Math.floor(Math.log(e) / Math.log(t));
+	return `${parseFloat((e / t ** r).toFixed(1))} ${n[r]}`;
+}
+//#endregion
+//#region src/client/utils/jsonUtils.ts
+var u = 100 * 1024, d = 1024 * 20;
+function f(e, t) {
+	if (e == null) return e;
+	if (typeof e == "string") return e.length > t ? e.substring(0, t) + "... (truncated)" : e;
+	if (Array.isArray(e)) return e.map((e) => f(e, t));
+	if (typeof e == "object") {
+		let n = {};
+		for (let r in e) Object.prototype.hasOwnProperty.call(e, r) && (n[r] = f(e[r], t));
+		return n;
+	}
+	return e;
+}
+function p(e) {
+	let t = JSON.stringify(e, null, 2);
+	return new TextEncoder().encode(t).length > u ? f(e, d) : e;
+}
+function m(e) {
+	let t = JSON.stringify(e, null, 2), n = new TextEncoder().encode(t).length, r = n > u, i;
+	if (r) {
+		let t = f(e, d);
+		i = JSON.stringify(t, null, 2);
+	} else i = t;
+	return {
+		isLarge: r,
+		size: n,
+		sizeFormatted: c(n),
+		preview: i,
+		full: t
+	};
+}
+function h(e, t) {
+	try {
+		let n = JSON.stringify(e, null, 2), r = globalThis.Blob, i = new r([n], { type: "application/json" }), a = URL.createObjectURL(i), o = document.createElement("a");
+		o.href = a, o.download = t || `data-${Date.now()}.json`, document.body.appendChild(o), o.click(), document.body.removeChild(o), URL.revokeObjectURL(a);
+	} catch (e) {
+		throw console.error("Failed to download JSON:", e), e;
+	}
+}
+//#endregion
+//#region src/client/utils/highlightJson.tsx
+var g = n(), _ = {
+	key: "text-sky-600 dark:text-sky-400",
+	string: "text-emerald-600 dark:text-emerald-400",
+	number: "text-amber-600 dark:text-amber-400",
+	boolean: "text-violet-600 dark:text-violet-400",
+	null: "text-zinc-500 dark:text-zinc-400",
+	punctuation: "text-muted-foreground"
+};
+function v(e) {
+	let t = [], n = 0, r = (e, n) => {
+		n && t.push({
+			kind: e,
+			text: n
+		});
+	};
+	for (; n < e.length;) {
+		let t = e[n];
+		if (t === "\"") {
+			let t = n;
+			for (n++; n < e.length;) {
+				if (e[n] === "\\") {
+					n += 2;
+					continue;
+				}
+				if (e[n] === "\"") {
+					n++;
+					break;
+				}
+				n++;
+			}
+			let i = e.slice(t, n), a = n;
+			for (; a < e.length && /[ \t]/.test(e[a]);) a++;
+			r(e[a] === ":" ? "key" : "string", i);
+			continue;
+		}
+		if (/[0-9-]/.test(t)) {
+			let t = n;
+			for (e[n] === "-" && n++; n < e.length && /[0-9.eE+-]/.test(e[n]);) n++;
+			r("number", e.slice(t, n));
+			continue;
+		}
+		if (e.startsWith("true", n) || e.startsWith("false", n)) {
+			let t = e.startsWith("true", n) ? "true" : "false";
+			r("boolean", t), n += t.length;
+			continue;
+		}
+		if (e.startsWith("null", n)) {
+			r("null", "null"), n += 4;
+			continue;
+		}
+		if (/[{}[\],:]/.test(t)) {
+			r("punctuation", t), n++;
+			continue;
+		}
+		r("punctuation", t), n++;
+	}
+	return t;
+}
+function y(e) {
+	return v(e).map((e, t) => /* @__PURE__ */ (0, g.jsx)("span", {
+		className: _[e.kind],
+		children: e.text
+	}, t));
+}
+//#endregion
+//#region src/client/components/shared/CollapsibleJSON.tsx
+var b = /* @__PURE__ */ e(t(), 1), x = {
+	string: "text-emerald-600 dark:text-emerald-400",
+	number: "text-amber-600 dark:text-amber-400",
+	boolean: "text-violet-600 dark:text-violet-400",
+	null: "text-zinc-500 dark:text-zinc-400",
+	key: "text-sky-600 dark:text-sky-400",
+	punctuation: "text-muted-foreground"
+};
+function S(e) {
+	return e === null ? /* @__PURE__ */ (0, g.jsx)("span", {
+		className: x.null,
+		children: "null"
+	}) : typeof e == "string" ? /* @__PURE__ */ (0, g.jsx)("span", {
+		className: x.string,
+		children: JSON.stringify(e)
+	}) : typeof e == "number" ? /* @__PURE__ */ (0, g.jsx)("span", {
+		className: x.number,
+		children: String(e)
+	}) : typeof e == "boolean" ? /* @__PURE__ */ (0, g.jsx)("span", {
+		className: x.boolean,
+		children: String(e)
+	}) : /* @__PURE__ */ (0, g.jsx)("span", {
+		className: x.string,
+		children: JSON.stringify(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));
+	if (!o) {
+		let r = 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 },
+			children: [e != null && /* @__PURE__ */ (0, g.jsxs)(g.Fragment, { children: [/* @__PURE__ */ (0, g.jsx)("span", {
+				className: x.key,
+				children: JSON.stringify(e)
+			}), /* @__PURE__ */ (0, g.jsx)("span", {
+				className: x.punctuation,
+				children: ": "
+			})] }), /* @__PURE__ */ (0, g.jsx)("span", {
+				className: x.punctuation,
+				children: r
+			})]
+		}) : /* @__PURE__ */ (0, g.jsxs)("div", {
+			className: "font-mono text-[0.8rem] leading-relaxed",
+			style: { paddingLeft: n * 12 },
+			children: [e != null && /* @__PURE__ */ (0, g.jsxs)(g.Fragment, { children: [/* @__PURE__ */ (0, g.jsx)("span", {
+				className: x.key,
+				children: JSON.stringify(e)
+			}), /* @__PURE__ */ (0, g.jsx)("span", {
+				className: x.punctuation,
+				children: ": "
+			})] }), S(t)]
+		});
+	}
+	let l = Array.isArray(t) ? t.map((e, t) => [String(t), e]) : Object.entries(t), u = Array.isArray(t), d = u ? "[" : "{", f = u ? "]" : "}";
+	return /* @__PURE__ */ (0, g.jsxs)("div", {
+		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 },
+			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") })
+			}), /* @__PURE__ */ (0, g.jsxs)("div", {
+				className: "min-w-0 flex-1",
+				children: [
+					e != null && /* @__PURE__ */ (0, g.jsxs)(g.Fragment, { children: [/* @__PURE__ */ (0, g.jsx)("span", {
+						className: x.key,
+						children: JSON.stringify(e)
+					}), /* @__PURE__ */ (0, g.jsx)("span", {
+						className: x.punctuation,
+						children: ": "
+					})] }),
+					/* @__PURE__ */ (0, g.jsx)("span", {
+						className: x.punctuation,
+						children: d
+					}),
+					!s && /* @__PURE__ */ (0, g.jsxs)(g.Fragment, { children: [/* @__PURE__ */ (0, g.jsx)("button", {
+						type: "button",
+						onClick: () => c(!0),
+						className: "mx-1 text-xs text-muted-foreground hover:text-foreground",
+						children: C(t)
+					}), /* @__PURE__ */ (0, g.jsx)("span", {
+						className: x.punctuation,
+						children: f
+					})] })
+				]
+			})]
+		}), 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 },
+			children: /* @__PURE__ */ (0, g.jsx)("span", {
+				className: x.punctuation,
+				children: f
+			})
+		})] })]
+	});
+}
+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),
+		"data-testid": "collapsible-json",
+		children: /* @__PURE__ */ (0, g.jsx)(w, {
+			value: e,
+			depth: 0,
+			defaultExpanded: t
+		})
+	});
+}
+//#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 }) {
+	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", {
+			className: "flex items-center justify-between gap-2",
+			children: [/* @__PURE__ */ (0, g.jsxs)("div", {
+				className: "flex-1",
+				children: [/* @__PURE__ */ (0, g.jsxs)("p", {
+					className: "text-sm font-medium text-yellow-800 dark:text-yellow-300 mb-1",
+					children: [
+						"JSON is too large (",
+						c.sizeFormatted,
+						")"
+					]
+				}), /* @__PURE__ */ (0, g.jsx)("p", {
+					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, {
+				variant: "outline",
+				size: "sm",
+				onClick: () => {
+					h(e, t);
+				},
+				className: "shrink-0",
+				children: [/* @__PURE__ */ (0, g.jsx)(s, { className: "h-4 w-4 mr-1" }), "Download"]
+			})]
+		})
+	}) : null;
+	return r ? /* @__PURE__ */ (0, g.jsxs)("div", {
+		className: n,
+		...o,
+		children: [u, /* @__PURE__ */ (0, g.jsx)(T, {
+			data: l,
+			defaultExpanded: i
+		})]
+	}) : c.isLarge ? /* @__PURE__ */ (0, g.jsxs)("div", {
+		className: n,
+		...o,
+		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,
+		children: /* @__PURE__ */ (0, g.jsx)("pre", {
+			className: E,
+			children: /* @__PURE__ */ (0, g.jsx)("code", { children: y(c.preview) })
+		})
+	});
+}
+//#endregion
+export { s as a, l as i, m as n, h as r, D as t };

package/dist/cdn/ListTabHeader-8lULn-90.js

@@ -0,0 +1,88 @@
+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";
+//#region src/client/components/ui/kbd.tsx
+var p = e();
+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),
+		...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;
+	return /* @__PURE__ */ (0, p.jsxs)("div", {
+		className: `flex flex-row items-center justify-between gap-2 ${o(M)} ${d}`,
+		children: [/* @__PURE__ */ (0, p.jsx)("div", {
+			className: "flex items-center gap-2 flex-1 min-w-0",
+			children: r ? /* @__PURE__ */ (0, p.jsx)(u, {
+				ref: O,
+				placeholder: C,
+				value: g,
+				onChange: (e) => T(e.target.value),
+				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`,
+				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, {
+					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, {
+						variant: "ghost",
+						size: "sm",
+						onClick: w,
+						className: "h-8 w-8 p-0",
+						children: /* @__PURE__ */ (0, p.jsx)(t, { className: "h-4 w-4" })
+					}),
+					nativeButton: !0
+				}), /* @__PURE__ */ (0, p.jsxs)(c, {
+					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, {
+						variant: "ghost",
+						size: "sm",
+						onClick: A,
+						disabled: j,
+						className: "h-8 w-8 p-0",
+						children: /* @__PURE__ */ (0, p.jsx)(f, { className: `h-4 w-4 ${j ? "animate-spin" : ""}` })
+					}),
+					nativeButton: !0
+				}), /* @__PURE__ */ (0, p.jsxs)(c, {
+					side: "bottom",
+					className: "flex gap-2",
+					children: ["Refresh list", /* @__PURE__ */ (0, p.jsx)(m, { children: "R" })]
+				})] })
+			] })] })
+		}), /* @__PURE__ */ (0, p.jsxs)(l, {
+			variant: "ghost",
+			size: "sm",
+			onClick: D,
+			className: "gap-2 flex-shrink-0",
+			children: [/* @__PURE__ */ (0, p.jsx)("span", {
+				className: "hidden sm:inline",
+				children: N ? v : _
+			}), N && b > 0 && /* @__PURE__ */ (0, p.jsx)(n, {
+				className: "bg-purple-500/20 text-purple-600 dark:text-purple-400 border-transparent",
+				variant: "outline",
+				children: b
+			})]
+		})]
+	});
+}
+//#endregion
+export { h as n, m as r, g as t };