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

package/dist/cdn/ConnectionSettingsTab-DDk06dhT.js

@@ -0,0 +1,150 @@
+import { s as e, t } from "./react-BIs9pQ3H.js";
+import { d as n, l as r, sr as i, u as a } from "./input-C2OBd4PJ.js";
+import { t as o } from "./jsx-runtime-CIxvMpEo.js";
+import { S as s } from "./dialog-BsDpuJd3.js";
+import { f as c, i as l, l as u, o as d, r as f, t as p, u as m } from "./ConnectionSettingsForm-BFsZpwK4.js";
+import { n as h } from "./dist-DaMB0Su9.js";
+import { t as g } from "./inspector-settings-layout-0VDsjeqb.js";
+import { n as _ } from "./ListTabHeader-Cv-GmtGF.js";
+//#region src/client/hooks/useConnectionFormState.ts
+var v = /* @__PURE__ */ e(t(), 1);
+function y(e, t) {
+	let [n, r] = (0, v.useState)(""), [i, a] = (0, v.useState)(""), [o, s] = (0, v.useState)("auto"), [p, g] = (0, v.useState)("auto"), [_, y] = (0, v.useState)([]), [b, x] = (0, v.useState)("10000"), [S, C] = (0, v.useState)("True"), [w, T] = (0, v.useState)("60000"), [E, D] = (0, v.useState)(l()), [O, k] = (0, v.useState)(""), [A, j] = (0, v.useState)(""), [M, N] = (0, v.useState)("");
+	return (0, v.useEffect)(() => {
+		if (!e || !t) return;
+		let n = c(e, d(e.id));
+		a(n.url), r(n.name || n.url);
+		let i = n.proxyConfig?.proxyAddress || (typeof n.autoProxyFallback == "object" ? n.autoProxyFallback.proxyAddress : void 0);
+		s(n.connectionMode || "auto"), g(u(n.protocolNegotiation)), D(i || l());
+		let o = n.headers || {};
+		y(Object.entries(o).map(([e, t], n) => ({
+			id: `header-${n}`,
+			name: e,
+			value: String(t)
+		}))), k(n.oauth?.clientId || ""), j(n.oauth?.clientSecret || ""), N(n.oauth?.scope || ""), n.requestTimeout !== void 0 && x(String(n.requestTimeout)), n.resetTimeoutOnProgress !== void 0 && C(n.resetTimeoutOnProgress ? "True" : "False"), n.maxTotalTimeout !== void 0 && T(String(n.maxTotalTimeout));
+	}, [e, t]), {
+		alias: n,
+		setAlias: r,
+		url: i,
+		setUrl: a,
+		connectionMode: o,
+		setConnectionMode: s,
+		protocolMode: p,
+		setProtocolMode: g,
+		customHeaders: _,
+		setCustomHeaders: y,
+		requestTimeout: b,
+		setRequestTimeout: x,
+		resetTimeoutOnProgress: S,
+		setResetTimeoutOnProgress: C,
+		maxTotalTimeout: w,
+		setMaxTotalTimeout: T,
+		proxyAddress: E,
+		setProxyAddress: D,
+		clientId: O,
+		setClientId: k,
+		clientSecret: A,
+		setClientSecret: j,
+		scope: M,
+		setScope: N,
+		buildConfig: () => {
+			if (!i.trim()) return null;
+			let e = i.trim();
+			try {
+				let t = new URL(e);
+				if (!(t.protocol === "http:" || t.protocol === "https:")) return h.error("Invalid URL protocol. Please use http:// or https://"), null;
+			} catch {
+				try {
+					let t = `https://${e}`, n = new URL(t);
+					if (!(n.protocol === "http:" || n.protocol === "https:")) return h.error("Invalid URL protocol. Please use http:// or https://"), null;
+					e = t;
+				} catch {
+					return h.error("Invalid URL format. Please enter a valid URL."), null;
+				}
+			}
+			let t = _.reduce((e, t) => (t.name && t.value && (e[t.name] = t.value), e), {}), r = o === "proxy" && E.trim() ? {
+				proxyAddress: E.trim(),
+				headers: t
+			} : void 0, a = o === "auto" && E.trim() ? {
+				enabled: !0,
+				proxyAddress: E.trim()
+			} : !1, s = f(O, A, M), c = Number.parseInt(b, 10), l = Number.parseInt(w, 10);
+			return {
+				url: e,
+				name: n.trim() || e,
+				transportType: "http",
+				connectionMode: o,
+				protocolNegotiation: m(p),
+				proxyConfig: r,
+				headers: Object.keys(t).length > 0 ? t : void 0,
+				autoProxyFallback: a,
+				...s ? { oauth: s } : {},
+				...Number.isFinite(c) ? { requestTimeout: c } : {},
+				resetTimeoutOnProgress: S === "True",
+				...Number.isFinite(l) ? { maxTotalTimeout: l } : {}
+			};
+		}
+	};
+}
+//#endregion
+//#region src/client/components/ConnectionSettingsTab.tsx
+var b = o();
+function x({ connection: e, onSave: t }) {
+	let o = y(e, !0), [c, l] = (0, v.useState)(!1);
+	return /* @__PURE__ */ (0, b.jsxs)("div", {
+		className: "h-full overflow-y-auto overscroll-none",
+		onScroll: (e) => l(e.currentTarget.scrollTop > 0),
+		children: [/* @__PURE__ */ (0, b.jsxs)("div", {
+			className: `${r(c)} flex flex-row items-center justify-between gap-2 ${a}`,
+			children: [/* @__PURE__ */ (0, b.jsxs)("h2", {
+				className: `${n} flex items-center gap-1.5`,
+				children: [/* @__PURE__ */ (0, b.jsx)(s, {
+					className: _,
+					"aria-hidden": !0
+				}), "Connection Settings"]
+			}), /* @__PURE__ */ (0, b.jsx)(i, {
+				"data-testid": "connection-form-save-button",
+				size: "sm",
+				onClick: () => {
+					let e = o.buildConfig();
+					e && t(e);
+				},
+				children: "Save"
+			})]
+		}), /* @__PURE__ */ (0, b.jsx)("div", {
+			className: g,
+			children: /* @__PURE__ */ (0, b.jsx)(p, {
+				alias: o.alias,
+				setAlias: o.setAlias,
+				url: o.url,
+				setUrl: o.setUrl,
+				connectionMode: o.connectionMode,
+				setConnectionMode: o.setConnectionMode,
+				protocolMode: o.protocolMode,
+				setProtocolMode: o.setProtocolMode,
+				customHeaders: o.customHeaders,
+				setCustomHeaders: o.setCustomHeaders,
+				requestTimeout: o.requestTimeout,
+				setRequestTimeout: o.setRequestTimeout,
+				resetTimeoutOnProgress: o.resetTimeoutOnProgress,
+				setResetTimeoutOnProgress: o.setResetTimeoutOnProgress,
+				maxTotalTimeout: o.maxTotalTimeout,
+				setMaxTotalTimeout: o.setMaxTotalTimeout,
+				proxyAddress: o.proxyAddress,
+				setProxyAddress: o.setProxyAddress,
+				clientId: o.clientId,
+				setClientId: o.setClientId,
+				clientSecret: o.clientSecret,
+				setClientSecret: o.setClientSecret,
+				scope: o.scope,
+				setScope: o.setScope,
+				showConnectButton: !1,
+				showExportButton: !1,
+				inlineSections: !0,
+				cardSections: !0
+			})
+		})]
+	});
+}
+//#endregion
+export { x as ConnectionSettingsTab };

package/dist/cdn/{ElicitationTab-upPXq2q7.js → ElicitationTab-CL1KJ0bz.js}

@@ -1,23 +1,23 @@
 import { s as e, t } from "./react-BIs9pQ3H.js";
-import { t as n } from "./jsx-runtime-CIxvMpEo.js";
-import { Pr as r, a as i, n as a, r as o, sr as s, t as c } from "./input-BLxOA7V-.js";
-import { t as l } from "./label-CBvG613A.js";
+import { Pr as n, a as r, n as i, r as a, sr as o, t as s } from "./input-C2OBd4PJ.js";
+import { t as c } from "./jsx-runtime-CIxvMpEo.js";
+import { t as l } from "./label-B9Jmm9be.js";
 import { a as u, i as d, r as f, t as p } from "./browser-CbQIH4w2.js";
-import { a as m, t as h } from "./JSONDisplay-D3RcyO9z.js";
+import { a as m, t as h } from "./JSONDisplay-BFxf5oEu.js";
 import { t as g } from "./external-link-CjmfT6rW.js";
-import { a as _, i as v, n as y, o as b, r as x, t as S } from "./shared-uMiV6Fx1.js";
+import { a as _, i as v, n as y, o as b, r as x, t as S } from "./shared-DaILIQPP.js";
 import { t as C } from "./maximize-2-CH5Lq90B.js";
 import { t as w } from "./square-check-big-BvwQ17Bl.js";
 import { t as T } from "./x-C3vRQIYu.js";
-import { t as E } from "./not-found-BcNNsTjS.js";
-import { n as D } from "./dist-DjXr_YO3.js";
-import { n as O } from "./InspectorContext-DzXtgyTx.js";
-import { t as k } from "./textarea-Bj-CT7hC.js";
-import { t as A } from "./checkbox-B4oUG6Rr.js";
+import { t as E } from "./not-found-DEtSM_Wd.js";
+import { n as D } from "./dist-DaMB0Su9.js";
+import { n as O } from "./InspectorContext-UjtEbNod.js";
+import { t as k } from "./textarea-DSbwcFVt.js";
+import { t as A } from "./checkbox-By0FklhG.js";
 import { n as j, t as M } from "./schemaHelpers-DTV38jGq.js";
 //#region src/client/components/elicitation/ElicitationRequestsList.tsx
-var N = /* @__PURE__ */ e(t(), 1), P = n();
-function F({ requests: e, selectedRequest: t, onRequestSelect: n, focusedIndex: i, formatRelativeTime: a }) {
+var N = /* @__PURE__ */ e(t(), 1), P = c();
+function F({ requests: e, selectedRequest: t, onRequestSelect: r, focusedIndex: i, formatRelativeTime: a }) {
 	return e.length === 0 ? /* @__PURE__ */ (0, P.jsx)("div", {
 		className: "flex flex-1 flex-col items-center justify-center p-4 text-center",
 		children: /* @__PURE__ */ (0, P.jsx)(E, {
@@ -34,7 +34,7 @@ function F({ requests: e, selectedRequest: t, onRequestSelect: n, focusedIndex:
 			isFocused: i === o,
 			title: /* @__PURE__ */ (0, P.jsxs)("span", {
 				className: "flex items-center gap-3",
-				children: [e.serverName, /* @__PURE__ */ (0, P.jsx)(r, {
+				children: [e.serverName, /* @__PURE__ */ (0, P.jsx)(n, {
 					variant: "outline",
 					className: s === "url" ? "bg-blue-500/20 text-blue-600 dark:text-blue-400 border-blue-500/50" : "bg-green-500/20 text-green-600 dark:text-green-400 border-green-500/50",
 					children: s
@@ -44,13 +44,13 @@ function F({ requests: e, selectedRequest: t, onRequestSelect: n, focusedIndex:
 				let t = a(e.timestamp), n = [];
 				return c && n.push("with schema"), s === "url" && n.push("external action"), t + (n.length > 0 ? ` | ${n.join(", ")}` : "");
 			})(),
-			onClick: () => n(e)
+			onClick: () => r(e)
 		}, e.id);
 	}) });
 }
 //#endregion
 //#region src/client/components/elicitation/shared/ElicitationFormFields.tsx
-function I({ request: e, formData: t, onFieldChange: n, idPrefix: r, testIdPrefix: i, fieldContainerClassName: a = "space-y-2", textareaRows: o = 4, showOuterLabelForBoolean: s = !0, emptyFallback: u }) {
+function I({ request: e, formData: t, onFieldChange: n, idPrefix: r, testIdPrefix: i, fieldContainerClassName: a = "space-y-2", textareaRows: o = 4, showOuterLabelForBoolean: c = !0, emptyFallback: u }) {
 	return /* @__PURE__ */ (0, P.jsx)(P.Fragment, { children: (0, N.useMemo)(() => {
 		if (!("requestedSchema" in e.request)) return null;
 		let d = e.request.requestedSchema;
@@ -66,7 +66,7 @@ function I({ request: e, formData: t, onFieldChange: n, idPrefix: r, testIdPrefi
 				return /* @__PURE__ */ (0, P.jsxs)("div", {
 					className: a,
 					children: [
-						(m !== "boolean" || s) && /* @__PURE__ */ (0, P.jsxs)(l, {
+						(m !== "boolean" || c) && /* @__PURE__ */ (0, P.jsxs)(l, {
 							htmlFor: w,
 							children: [h, f && /* @__PURE__ */ (0, P.jsx)("span", {
 								className: "text-red-500 ml-1",
@@ -87,12 +87,12 @@ function I({ request: e, formData: t, onFieldChange: n, idPrefix: r, testIdPrefi
 							}), /* @__PURE__ */ (0, P.jsxs)(l, {
 								htmlFor: w,
 								className: "text-sm font-normal cursor-pointer",
-								children: [h, !s && f && /* @__PURE__ */ (0, P.jsx)("span", {
+								children: [h, !c && f && /* @__PURE__ */ (0, P.jsx)("span", {
 									className: "text-red-500 ml-1",
 									children: "*"
 								})]
 							})]
-						}) : m === "number" || m === "integer" ? /* @__PURE__ */ (0, P.jsx)(c, {
+						}) : m === "number" || m === "integer" ? /* @__PURE__ */ (0, P.jsx)(s, {
 							id: w,
 							"data-testid": T,
 							type: "number",
@@ -175,7 +175,7 @@ function I({ request: e, formData: t, onFieldChange: n, idPrefix: r, testIdPrefi
 							onChange: (t) => n(e, t.target.value),
 							placeholder: d.default || "",
 							rows: o
-						}) : /* @__PURE__ */ (0, P.jsx)(c, {
+						}) : /* @__PURE__ */ (0, P.jsx)(s, {
 							id: w,
 							"data-testid": T,
 							type: "text",
@@ -195,7 +195,7 @@ function I({ request: e, formData: t, onFieldChange: n, idPrefix: r, testIdPrefi
 		i,
 		a,
 		o,
-		s,
+		c,
 		u
 	]) });
 }
@@ -235,7 +235,7 @@ function L(e) {
 }
 //#endregion
 //#region src/client/components/elicitation/ElicitationRequestDisplay.tsx
-function R({ request: t, onApprove: n, onReject: c, onClose: f, previewMode: p, onTogglePreview: _, isCopied: v, onCopy: y, onDownload: b, onFullscreen: x }) {
+function R({ request: t, onApprove: s, onReject: c, onClose: f, previewMode: p, onTogglePreview: _, isCopied: v, onCopy: y, onDownload: b, onFullscreen: x }) {
 	let { formData: S, setFieldValue: w, getMissingRequiredFields: E, urlCompleted: O, setUrlCompleted: k, mode: j, isFormMode: M, isUrlMode: N } = L(t);
 	return t ? /* @__PURE__ */ (0, P.jsxs)("div", {
 		className: "flex flex-col h-full",
@@ -249,7 +249,7 @@ function R({ request: t, onApprove: n, onReject: c, onClose: f, previewMode: p,
 							className: "font-medium text-gray-900 dark:text-gray-100",
 							children: t.serverName
 						}),
-						/* @__PURE__ */ (0, P.jsx)(r, {
+						/* @__PURE__ */ (0, P.jsx)(n, {
 							variant: "outline",
 							className: N ? "bg-blue-500/20 text-blue-600 dark:text-blue-400 border-blue-500/50" : "bg-green-500/20 text-green-600 dark:text-green-400 border-green-500/50",
 							children: j
@@ -262,8 +262,8 @@ function R({ request: t, onApprove: n, onReject: c, onClose: f, previewMode: p,
 				}), /* @__PURE__ */ (0, P.jsxs)("div", {
 					className: "flex items-center gap-2",
 					children: [
-						/* @__PURE__ */ (0, P.jsxs)(a, { children: [/* @__PURE__ */ (0, P.jsx)(i, {
-							render: /* @__PURE__ */ (0, P.jsx)(s, {
+						/* @__PURE__ */ (0, P.jsxs)(i, { children: [/* @__PURE__ */ (0, P.jsx)(r, {
+							render: /* @__PURE__ */ (0, P.jsx)(o, {
 								variant: "ghost",
 								size: "sm",
 								onClick: y,
@@ -271,9 +271,9 @@ function R({ request: t, onApprove: n, onReject: c, onClose: f, previewMode: p,
 								children: v ? /* @__PURE__ */ (0, P.jsx)(u, { className: "h-4 w-4 text-green-600" }) : /* @__PURE__ */ (0, P.jsx)(d, { className: "h-4 w-4" })
 							}),
 							nativeButton: !0
-						}), /* @__PURE__ */ (0, P.jsx)(o, { children: "Copy request" })] }),
-						/* @__PURE__ */ (0, P.jsxs)(a, { children: [/* @__PURE__ */ (0, P.jsx)(i, {
-							render: /* @__PURE__ */ (0, P.jsx)(s, {
+						}), /* @__PURE__ */ (0, P.jsx)(a, { children: "Copy request" })] }),
+						/* @__PURE__ */ (0, P.jsxs)(i, { children: [/* @__PURE__ */ (0, P.jsx)(r, {
+							render: /* @__PURE__ */ (0, P.jsx)(o, {
 								variant: "ghost",
 								size: "sm",
 								onClick: b,
@@ -281,9 +281,9 @@ function R({ request: t, onApprove: n, onReject: c, onClose: f, previewMode: p,
 								children: /* @__PURE__ */ (0, P.jsx)(m, { className: "h-4 w-4" })
 							}),
 							nativeButton: !0
-						}), /* @__PURE__ */ (0, P.jsx)(o, { children: "Download request" })] }),
-						/* @__PURE__ */ (0, P.jsxs)(a, { children: [/* @__PURE__ */ (0, P.jsx)(i, {
-							render: /* @__PURE__ */ (0, P.jsx)(s, {
+						}), /* @__PURE__ */ (0, P.jsx)(a, { children: "Download request" })] }),
+						/* @__PURE__ */ (0, P.jsxs)(i, { children: [/* @__PURE__ */ (0, P.jsx)(r, {
+							render: /* @__PURE__ */ (0, P.jsx)(o, {
 								variant: "ghost",
 								size: "sm",
 								onClick: x,
@@ -291,8 +291,8 @@ function R({ request: t, onApprove: n, onReject: c, onClose: f, previewMode: p,
 								children: /* @__PURE__ */ (0, P.jsx)(C, { className: "h-4 w-4" })
 							}),
 							nativeButton: !0
-						}), /* @__PURE__ */ (0, P.jsx)(o, { children: "Fullscreen" })] }),
-						/* @__PURE__ */ (0, P.jsx)(s, {
+						}), /* @__PURE__ */ (0, P.jsx)(a, { children: "Fullscreen" })] }),
+						/* @__PURE__ */ (0, P.jsx)(o, {
 							variant: "ghost",
 							size: "sm",
 							onClick: f,
@@ -332,7 +332,7 @@ function R({ request: t, onApprove: n, onReject: c, onClose: f, previewMode: p,
 									children: [/* @__PURE__ */ (0, P.jsx)("code", {
 										className: "flex-1 text-xs font-mono break-all",
 										children: t.request.url
-									}), /* @__PURE__ */ (0, P.jsxs)(s, {
+									}), /* @__PURE__ */ (0, P.jsxs)(o, {
 										size: "sm",
 										variant: "outline",
 										onClick: () => {
@@ -389,7 +389,7 @@ function R({ request: t, onApprove: n, onReject: c, onClose: f, previewMode: p,
 			/* @__PURE__ */ (0, P.jsxs)("div", {
 				className: "flex gap-2 p-4 border-t dark:border-zinc-700",
 				children: [
-					/* @__PURE__ */ (0, P.jsx)(s, {
+					/* @__PURE__ */ (0, P.jsx)(o, {
 						onClick: () => {
 							if (t) {
 								if (M) {
@@ -398,11 +398,11 @@ function R({ request: t, onApprove: n, onReject: c, onClose: f, previewMode: p,
 										D.error("Missing required fields", { description: `Please fill in: ${e.join(", ")}` });
 										return;
 									}
-									n(t.id, {
+									s(t.id, {
 										action: "accept",
 										content: S
 									});
-								} else N && n(t.id, { action: "accept" });
+								} else N && s(t.id, { action: "accept" });
 								f(), import("./react-BIs9pQ3H.js").then((t) => /* @__PURE__ */ e(t.t(), 1)).then((e) => {
 									let t = D(e.createElement("div", { className: "space-y-3" }, e.createElement("div", null, e.createElement("strong", null, "Elicitation Response Sent"), e.createElement("p", { className: "text-sm text-muted-foreground mt-1" }, "The tool will continue executing.")), e.createElement("div", { className: "flex gap-2" }, e.createElement("button", {
 										"data-testid": "elicitation-view-tool-result",
@@ -420,16 +420,16 @@ function R({ request: t, onApprove: n, onReject: c, onClose: f, previewMode: p,
 						"data-testid": "elicitation-accept-button",
 						children: "Accept"
 					}),
-					/* @__PURE__ */ (0, P.jsx)(s, {
+					/* @__PURE__ */ (0, P.jsx)(o, {
 						onClick: () => {
-							t && (n(t.id, { action: "decline" }), f());
+							t && (s(t.id, { action: "decline" }), f());
 						},
 						variant: "outline",
 						className: "flex-1",
 						"data-testid": "elicitation-decline-button",
 						children: "Decline"
 					}),
-					/* @__PURE__ */ (0, P.jsx)(s, {
+					/* @__PURE__ */ (0, P.jsx)(o, {
 						onClick: () => {
 							t && (c(t.id, "User cancelled elicitation request"), f());
 						},

package/dist/cdn/{FormContext-Cl51-7O7.js → FormContext-tmgN_Vdr.js}

@@ -1,5 +1,5 @@
 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";
+import { Sr as n, br as r, mr as i, pr as a, wr as o } from "./input-C2OBd4PJ.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) {

package/dist/cdn/{InspectorContext-DzXtgyTx.js → InspectorContext-UjtEbNod.js}

@@ -71,27 +71,7 @@ function o({ children: 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:", {
+		console.warn("[InspectorContext] navigateToItem called:", {
 			serverId: e,
 			tab: t,
 			itemIdentifier: n

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

@@ -1,6 +1,6 @@
 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 { K as n, Rr as r, sr as i } from "./input-C2OBd4PJ.js";
+import { t as a } from "./jsx-runtime-CIxvMpEo.js";
 import { t as o } from "./createLucideIcon-C5fZZ6oB.js";
 var s = o("download", [
 	["path", {
@@ -79,7 +79,7 @@ function h(e, t) {
 }
 //#endregion
 //#region src/client/utils/highlightJson.tsx
-var g = n(), _ = {
+var g = a(), _ = {
 	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: i, 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 || i === 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: i * 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: i * 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: i * 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: r("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,
+			depth: i + 1,
 			defaultExpanded: a
-		}, `${n}-${e}`)), /* @__PURE__ */ (0, g.jsx)("div", {
-			style: { paddingLeft: n * 12 },
+		}, `${i}-${e}`)), /* @__PURE__ */ (0, g.jsx)("div", {
+			style: { paddingLeft: i * 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: r("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: a = !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", {
@@ -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)(i, {
 				variant: "outline",
 				size: "sm",
 				onClick: () => {
@@ -302,7 +302,7 @@ function D({ data: e, filename: t, className: n, collapsible: r = !1, defaultExp
 		...o,
 		children: [u, /* @__PURE__ */ (0, g.jsx)(T, {
 			data: l,
-			defaultExpanded: i
+			defaultExpanded: a
 		})]
 	}) : c.isLarge ? /* @__PURE__ */ (0, g.jsxs)("div", {
 		className: n,

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

@@ -1,25 +1,25 @@
-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 { G as e, Pr as t, Rr as n, a as r, d as i, l as a, n as o, r as s, sr as c, t as l, u } from "./input-C2OBd4PJ.js";
+import { t as d } from "./jsx-runtime-CIxvMpEo.js";
 import { t as f } from "./refresh-cw-BXY-Pa0U.js";
 //#region src/client/components/ui/kbd.tsx
-var p = e();
+var p = d();
 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: n("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: n, isSearchExpanded: d, 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 = n === 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 ${a(M)} ${u}`,
 		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: d ? /* @__PURE__ */ (0, p.jsx)(l, {
 				ref: O,
 				placeholder: C,
 				value: g,
@@ -27,33 +27,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: `${i} 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)(t, {
 					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)(o, { children: [/* @__PURE__ */ (0, p.jsx)(r, {
+					render: /* @__PURE__ */ (0, p.jsx)(c, {
 						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)(s, {
 					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)(o, { children: [/* @__PURE__ */ (0, p.jsx)(r, {
+					render: /* @__PURE__ */ (0, p.jsx)(c, {
 						variant: "ghost",
 						size: "sm",
 						onClick: A,
@@ -62,13 +62,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)(s, {
 					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)(c, {
 			variant: "ghost",
 			size: "sm",
 			onClick: D,
@@ -76,7 +76,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)(t, {
 				className: "bg-purple-500/20 text-purple-600 dark:text-purple-400 border-transparent",
 				variant: "outline",
 				children: b

package/dist/cdn/{ManufactOAuthCallback-DEM8mhWD.js → ManufactOAuthCallback-B98kSYCj.js}

@@ -1,7 +1,7 @@
 import { s as e, t } from "./react-BIs9pQ3H.js";
 import { t as n } from "./jsx-runtime-CIxvMpEo.js";
 import { t as r } from "./loader-circle-BLy9A_pp.js";
-import { t as i } from "./manufact-auth-0TVxpeTA.js";
+import { t as i } from "./manufact-auth-BQMHhbLV.js";
 //#region src/client/components/ManufactOAuthCallback.tsx
 var a = /* @__PURE__ */ e(t(), 1), o = n();
 function s() {