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

package/README.md

@@ -138,6 +138,11 @@ process after changing `MCP_USE_INSPECTOR_ASSETS_URL`, because the shell HTML
 is generated when the server mounts. An explicit `inspector.assetsUrl`
 constructor option takes precedence over the environment variable.
 
+When the shell loads the default jsDelivr `@beta` CDN bundle, each page
+response appends a random `?cb=` query param to the script and stylesheet URLs
+so browsers fetch a fresh entry after a new Inspector publish. Self-hosted and
+env overrides are not cache-busted.
+
 ---
 
 ## 📖 Usage Guide
@@ -414,25 +419,9 @@ localStorage.setItem("MCP_USE_ANONYMIZED_TELEMETRY", "false");
 
 > **Note:** If you previously opted out with `mcp_inspector_telemetry_disabled`, the inspector automatically migrates that setting to `MCP_USE_ANONYMIZED_TELEMETRY=false` on startup.
 
-**Option 3: Package-level**
-
-```json
-// Add to your package.json
-{
-  "scarfSettings": {
-    "enabled": false
-  }
-}
-```
-
-### Telemetry Providers
-
-We use:
-
-- **PostHog**: For product analytics and feature usage tracking
-- **Scarf**: For package download analytics and company insights
+### Telemetry Provider
 
-## Both providers respect your privacy and follow GDPR compliance.
+We use **PostHog** for product analytics and feature usage tracking. PostHog respects your privacy and follows GDPR compliance.
 
 ## 🤝 Contributing
 

package/dist/cdn/{AnimatePresence-B4HhIdgq.js → AnimatePresence-D1bZ5_-l.js}

@@ -1,6 +1,7 @@
 import { s as e, t } from "./react-BIs9pQ3H.js";
-import { t as n } from "./jsx-runtime-CIxvMpEo.js";
-import { Ar as r, C as i, H as a, Sr as o, Tr as s, U as c, V as l, W as u, m as d, p as f, wr as p } from "./input-BLxOA7V-.js";
+import { C as n, H as r, U as i, V as a, W as o, m as s, p as c } from "./input-BCpgLXU1.js";
+import { n as l } from "./createLucideIcon-BONxC1L5.js";
+import { M as u, g as d, v as f, y as p } from "./button-CB4uOoUV.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/composite/list/CompositeListContext.mjs
 var m = /* @__PURE__ */ e(t(), 1), h = /*#__PURE__*/ m.createContext({
 	register: () => {},
@@ -19,43 +20,43 @@ var _ = /*#__PURE__*/ function(e) {
 	return e[e.None = 0] = "None", e[e.GuessFromOrder = 1] = "GuessFromOrder", e;
 }({});
 function v(e = {}) {
-	let { label: t, metadata: n, textRef: r, indexGuessBehavior: i, index: a } = e, { register: s, unregister: c, subscribeMapChange: l, elementsRef: u, labelsRef: d, nextIndexRef: f } = g(), p = m.useRef(-1), [h, v] = m.useState(a ?? (i === _.GuessFromOrder ? () => {
+	let { label: t, metadata: n, textRef: r, indexGuessBehavior: i, index: a } = e, { register: o, unregister: s, subscribeMapChange: c, elementsRef: l, labelsRef: u, nextIndexRef: f } = g(), p = m.useRef(-1), [h, v] = m.useState(a ?? (i === _.GuessFromOrder ? () => {
 		if (p.current === -1) {
 			let e = f.current;
 			f.current += 1, p.current = e;
 		}
 		return p.current;
 	} : -1)), y = m.useRef(null), b = m.useCallback((e) => {
-		if (y.current = e, h !== -1 && e !== null && (u.current[h] = e, d)) {
+		if (y.current = e, h !== -1 && e !== null && (l.current[h] = e, u)) {
 			let n = t !== void 0;
-			d.current[h] = n ? t : r?.current?.textContent ?? e.textContent;
+			u.current[h] = n ? t : r?.current?.textContent ?? e.textContent;
 		}
 	}, [
 		h,
+		l,
 		u,
-		d,
 		t,
 		r
 	]);
-	return o(() => {
+	return d(() => {
 		if (a != null) return;
 		let e = y.current;
-		if (e) return s(e, n), () => {
-			c(e);
+		if (e) return o(e, n), () => {
+			s(e);
 		};
 	}, [
 		a,
+		o,
 		s,
-		c,
 		n
-	]), o(() => {
-		if (a == null) return l((e) => {
+	]), d(() => {
+		if (a == null) return c((e) => {
 			let t = y.current ? e.get(y.current)?.index : null;
 			t != null && v(t);
 		});
 	}, [
 		a,
-		l,
+		c,
 		v
 	]), {
 		ref: b,
@@ -85,10 +86,10 @@ var y = "ArrowUp", b = "ArrowDown", x = "ArrowLeft", S = "ArrowRight", C = "Home
 	"Meta"
 ]);
 function M(e) {
-	return r(e) && e.tagName === "INPUT";
+	return u(e) && e.tagName === "INPUT";
 }
 function N(e) {
-	return !!(M(e) && e.selectionStart != null || r(e) && e.tagName === "TEXTAREA");
+	return !!(M(e) && e.selectionStart != null || u(e) && e.tagName === "TEXTAREA");
 }
 function P(e, t, n, r) {
 	if (!e || !t || !t.scrollTo) return;
@@ -127,68 +128,68 @@ function I(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/internals/composite/list/CompositeList.mjs
-var L = n();
+var L = l();
 function R(e) {
-	let { children: t, elementsRef: n, labelsRef: r, onMapChange: i } = e, a = p(i), c = m.useRef(0), l = s(B).current, u = s(z).current, [d, f] = m.useState(0), g = m.useRef(d), _ = p((e, t) => {
-		u.set(e, t ?? null), g.current += 1, f(g.current);
-	}), v = p((e) => {
-		u.delete(e), g.current += 1, f(g.current);
+	let { children: t, elementsRef: n, labelsRef: r, onMapChange: i } = e, a = f(i), o = m.useRef(0), s = p(B).current, c = p(z).current, [l, u] = m.useState(0), g = m.useRef(l), _ = f((e, t) => {
+		c.set(e, t ?? null), g.current += 1, u(g.current);
+	}), v = f((e) => {
+		c.delete(e), g.current += 1, u(g.current);
 	}), y = m.useMemo(() => {
 		let e = /* @__PURE__ */ new Map();
-		return Array.from(u.keys()).filter((e) => e.isConnected).sort(V).forEach((t, n) => {
-			let r = u.get(t) ?? {};
+		return Array.from(c.keys()).filter((e) => e.isConnected).sort(V).forEach((t, n) => {
+			let r = c.get(t) ?? {};
 			e.set(t, {
 				...r,
 				index: n
 			});
 		}), e;
-	}, [u, d]);
-	o(() => {
+	}, [c, l]);
+	d(() => {
 		if (typeof MutationObserver != "function" || y.size === 0) return;
 		let e = new MutationObserver((e) => {
 			let t = /* @__PURE__ */ new Set(), n = (e) => t.has(e) ? t.delete(e) : t.add(e);
 			e.forEach((e) => {
 				e.removedNodes.forEach(n), e.addedNodes.forEach(n);
-			}), t.size === 0 && (g.current += 1, f(g.current));
+			}), t.size === 0 && (g.current += 1, u(g.current));
 		});
 		return y.forEach((t, n) => {
 			n.parentElement && e.observe(n.parentElement, { childList: !0 });
 		}), () => {
 			e.disconnect();
 		};
-	}, [y]), o(() => {
-		g.current === d && (n.current.length !== y.size && (n.current.length = y.size), r && r.current.length !== y.size && (r.current.length = y.size), c.current = y.size), a(y);
+	}, [y]), d(() => {
+		g.current === l && (n.current.length !== y.size && (n.current.length = y.size), r && r.current.length !== y.size && (r.current.length = y.size), o.current = y.size), a(y);
 	}, [
 		a,
 		y,
 		n,
 		r,
-		d
-	]), o(() => () => {
+		l
+	]), d(() => () => {
 		n.current = [];
-	}, [n]), o(() => () => {
+	}, [n]), d(() => () => {
 		r && (r.current = []);
 	}, [r]);
-	let b = p((e) => (l.add(e), () => {
-		l.delete(e);
+	let b = f((e) => (s.add(e), () => {
+		s.delete(e);
 	}));
-	o(() => {
-		l.forEach((e) => e(y));
-	}, [l, y]);
+	d(() => {
+		s.forEach((e) => e(y));
+	}, [s, y]);
 	let x = m.useMemo(() => ({
 		register: _,
 		unregister: v,
 		subscribeMapChange: b,
 		elementsRef: n,
 		labelsRef: r,
-		nextIndexRef: c
+		nextIndexRef: o
 	}), [
 		_,
 		v,
 		b,
 		n,
 		r,
-		c
+		o
 	]);
 	return /*#__PURE__*/ (0, L.jsx)(h.Provider, {
 		value: x,
@@ -238,9 +239,9 @@ function G(...e) {
 var K = class extends m.Component {
 	getSnapshotBeforeUpdate(e) {
 		let t = this.props.childRef.current;
-		if (i(t) && e.isPresent && !this.props.isPresent && this.props.pop !== !1) {
-			let e = t.offsetParent, n = i(e) && e.offsetWidth || 0, r = i(e) && e.offsetHeight || 0, a = getComputedStyle(t), o = this.props.sizeRef.current;
-			o.height = parseFloat(a.height), o.width = parseFloat(a.width), o.top = t.offsetTop, o.left = t.offsetLeft, o.right = n - o.width - o.left, o.bottom = r - o.height - o.top, o.direction = a.direction;
+		if (n(t) && e.isPresent && !this.props.isPresent && this.props.pop !== !1) {
+			let e = t.offsetParent, r = n(e) && e.offsetWidth || 0, i = n(e) && e.offsetHeight || 0, a = getComputedStyle(t), o = this.props.sizeRef.current;
+			o.height = parseFloat(a.height), o.width = parseFloat(a.width), o.top = t.offsetTop, o.left = t.offsetLeft, o.right = r - o.width - o.left, o.bottom = i - o.height - o.top, o.direction = a.direction;
 		}
 		return null;
 	}
@@ -250,7 +251,7 @@ var K = class extends m.Component {
 	}
 };
 function q({ children: e, isPresent: t, anchorX: n, anchorY: r, root: i, pop: a }) {
-	let o = (0, m.useId)(), s = (0, m.useRef)(null), c = (0, m.useRef)({
+	let o = (0, m.useId)(), c = (0, m.useRef)(null), l = (0, m.useRef)({
 		width: 0,
 		height: 0,
 		top: 0,
@@ -258,50 +259,50 @@ function q({ children: e, isPresent: t, anchorX: n, anchorY: r, root: i, pop: a
 		right: 0,
 		bottom: 0,
 		direction: "ltr"
-	}), { nonce: l } = (0, m.useContext)(d), u = G(s, e.props?.ref ?? e?.ref);
+	}), { nonce: u } = (0, m.useContext)(s), d = G(c, e.props?.ref ?? e?.ref);
 	return (0, m.useInsertionEffect)(() => {
-		let { width: e, height: u, top: d, left: f, right: p, bottom: m, direction: h } = c.current;
-		if (t || a === !1 || !s.current || !e || !u) return;
+		let { width: e, height: s, top: d, left: f, right: p, bottom: m, direction: h } = l.current;
+		if (t || a === !1 || !c.current || !e || !s) return;
 		let g = h === "rtl", _ = n === "left" ? g ? `right: ${p}` : `left: ${f}` : g ? `left: ${f}` : `right: ${p}`, v = r === "bottom" ? `bottom: ${m}` : `top: ${d}`;
-		s.current.dataset.motionPopId = o;
+		c.current.dataset.motionPopId = o;
 		let y = document.createElement("style");
-		l && (y.nonce = l);
+		u && (y.nonce = u);
 		let b = i ?? document.head;
 		return b.appendChild(y), y.sheet && y.sheet.insertRule(`
           [data-motion-pop-id="${o}"] {
             position: absolute !important;
             width: ${e}px !important;
-            height: ${u}px !important;
+            height: ${s}px !important;
             ${_}px !important;
             ${v}px !important;
           }
         `), () => {
-			s.current?.removeAttribute("data-motion-pop-id"), b.contains(y) && b.removeChild(y);
+			c.current?.removeAttribute("data-motion-pop-id"), b.contains(y) && b.removeChild(y);
 		};
 	}, [t]), (0, L.jsx)(K, {
 		isPresent: t,
-		childRef: s,
-		sizeRef: c,
+		childRef: c,
+		sizeRef: l,
 		pop: a,
-		children: a === !1 ? e : m.cloneElement(e, { ref: u })
+		children: a === !1 ? e : m.cloneElement(e, { ref: d })
 	});
 }
 //#endregion
 //#region ../../node_modules/.pnpm/framer-motion@12.42.2_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/framer-motion/dist/es/components/AnimatePresence/PresenceChild.mjs
-var J = ({ children: e, initial: t, isPresent: n, onExitComplete: r, custom: i, presenceAffectsLayout: o, mode: s, anchorX: u, anchorY: d, root: f }) => {
-	let p = c(Y), h = (0, m.useId)(), g = (0, m.useRef)(n), _ = (0, m.useRef)(r);
-	a(() => {
-		g.current = n, _.current = r;
+var J = ({ children: e, initial: t, isPresent: n, onExitComplete: o, custom: s, presenceAffectsLayout: c, mode: l, anchorX: u, anchorY: d, root: f }) => {
+	let p = i(Y), h = (0, m.useId)(), g = (0, m.useRef)(n), _ = (0, m.useRef)(o);
+	r(() => {
+		g.current = n, _.current = o;
 	});
 	let v = !0, y = (0, m.useMemo)(() => (v = !1, {
 		id: h,
 		initial: t,
 		isPresent: n,
-		custom: i,
+		custom: s,
 		onExitComplete: (e) => {
 			p.set(e, !0);
 			for (let e of p.values()) if (!e) return;
-			r && r();
+			o && o();
 		},
 		register: (e) => (p.set(e, !1), () => {
 			p.delete(e), !g.current && !p.size && _.current?.();
@@ -309,20 +310,20 @@ var J = ({ children: e, initial: t, isPresent: n, onExitComplete: r, custom: i,
 	}), [
 		n,
 		p,
-		r
+		o
 	]);
-	return o && v && (y = { ...y }), (0, m.useMemo)(() => {
+	return c && v && (y = { ...y }), (0, m.useMemo)(() => {
 		p.forEach((e, t) => p.set(t, !1));
 	}, [n]), m.useEffect(() => {
-		!n && !p.size && r && r();
+		!n && !p.size && o && o();
 	}, [n]), e = (0, L.jsx)(q, {
-		pop: s === "popLayout",
+		pop: l === "popLayout",
 		isPresent: n,
 		anchorX: u,
 		anchorY: d,
 		root: f,
 		children: e
-	}), (0, L.jsx)(l.Provider, {
+	}), (0, L.jsx)(a.Provider, {
 		value: y,
 		children: e
 	});
@@ -341,9 +342,9 @@ function Z(e) {
 }
 //#endregion
 //#region ../../node_modules/.pnpm/framer-motion@12.42.2_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/framer-motion/dist/es/components/AnimatePresence/index.mjs
-var Q = ({ children: e, custom: t, initial: n = !0, onExitComplete: r, presenceAffectsLayout: i = !0, mode: o = "sync", propagate: s = !1, anchorX: l = "left", anchorY: d = "top", root: p }) => {
-	let [h, g] = f(s), _ = (0, m.useMemo)(() => Z(e), [e]), v = s && !h ? [] : _.map(X), y = (0, m.useRef)(!0), b = (0, m.useRef)(_), x = c(() => /* @__PURE__ */ new Map()), S = (0, m.useRef)(/* @__PURE__ */ new Set()), [C, w] = (0, m.useState)(_), [T, E] = (0, m.useState)(_);
-	a(() => {
+var Q = ({ children: e, custom: t, initial: n = !0, onExitComplete: a, presenceAffectsLayout: s = !0, mode: l = "sync", propagate: u = !1, anchorX: d = "left", anchorY: f = "top", root: p }) => {
+	let [h, g] = c(u), _ = (0, m.useMemo)(() => Z(e), [e]), v = u && !h ? [] : _.map(X), y = (0, m.useRef)(!0), b = (0, m.useRef)(_), x = i(() => /* @__PURE__ */ new Map()), S = (0, m.useRef)(/* @__PURE__ */ new Set()), [C, w] = (0, m.useState)(_), [T, E] = (0, m.useState)(_);
+	r(() => {
 		y.current = !1, b.current = _;
 		for (let e = 0; e < T.length; e++) {
 			let t = X(T[e]);
@@ -361,32 +362,32 @@ var Q = ({ children: e, custom: t, initial: n = !0, onExitComplete: r, presenceA
 			let n = T[t], r = X(n);
 			v.includes(r) || (e.splice(t, 0, n), D.push(n));
 		}
-		return o === "wait" && D.length && (e = D), E(Z(e)), w(_), null;
+		return l === "wait" && D.length && (e = D), E(Z(e)), w(_), null;
 	}
-	process.env.NODE_ENV !== "production" && o === "wait" && T.length > 1 && console.warn("You're attempting to animate multiple children within AnimatePresence, but its mode is set to \"wait\". This will lead to odd visual behaviour.");
-	let { forceRender: O } = (0, m.useContext)(u);
+	process.env.NODE_ENV !== "production" && l === "wait" && T.length > 1 && console.warn("You're attempting to animate multiple children within AnimatePresence, but its mode is set to \"wait\". This will lead to odd visual behaviour.");
+	let { forceRender: O } = (0, m.useContext)(o);
 	return (0, L.jsx)(L.Fragment, { children: T.map((e) => {
-		let a = X(e), c = s && !h ? !1 : _ === T || v.includes(a);
+		let r = X(e), i = u && !h ? !1 : _ === T || v.includes(r);
 		return (0, L.jsx)(J, {
-			isPresent: c,
+			isPresent: i,
 			initial: !y.current || n ? void 0 : !1,
 			custom: t,
-			presenceAffectsLayout: i,
-			mode: o,
+			presenceAffectsLayout: s,
+			mode: l,
 			root: p,
-			onExitComplete: c ? void 0 : () => {
-				if (S.current.has(a)) return;
-				if (x.has(a)) S.current.add(a), x.set(a, !0);
+			onExitComplete: i ? void 0 : () => {
+				if (S.current.has(r)) return;
+				if (x.has(r)) S.current.add(r), x.set(r, !0);
 				else return;
 				let e = !0;
 				x.forEach((t) => {
 					t || (e = !1);
-				}), e && (O?.(), E(b.current), s && g?.(), r && r());
+				}), e && (O?.(), E(b.current), u && g?.(), a && a());
 			},
-			anchorX: l,
-			anchorY: d,
+			anchorX: d,
+			anchorY: f,
 			children: e
-		}, a);
+		}, r);
 	}) });
 };
 //#endregion