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

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

package/dist/cdn/{AnimatePresence-B4HhIdgq.js → AnimatePresence-Dcw-FOy8.js}

@@ -1,6 +1,6 @@
 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 { Ar as n, C as r, H as i, Sr as a, Tr as o, U as s, V as c, W as l, m as u, p as d, wr as f } from "./input-C2OBd4PJ.js";
+import { t as p } from "./jsx-runtime-CIxvMpEo.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,7 +19,7 @@ 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: o } = e, { register: s, unregister: c, subscribeMapChange: l, elementsRef: u, labelsRef: d, nextIndexRef: f } = g(), p = m.useRef(-1), [h, v] = m.useState(o ?? (i === _.GuessFromOrder ? () => {
 		if (p.current === -1) {
 			let e = f.current;
 			f.current += 1, p.current = e;
@@ -37,24 +37,24 @@ function v(e = {}) {
 		t,
 		r
 	]);
-	return o(() => {
-		if (a != null) return;
+	return a(() => {
+		if (o != null) return;
 		let e = y.current;
 		if (e) return s(e, n), () => {
 			c(e);
 		};
 	}, [
-		a,
+		o,
 		s,
 		c,
 		n
-	]), o(() => {
-		if (a == null) return l((e) => {
+	]), a(() => {
+		if (o == null) return l((e) => {
 			let t = y.current ? e.get(y.current)?.index : null;
 			t != null && v(t);
 		});
 	}, [
-		a,
+		o,
 		l,
 		v
 	]), {
@@ -85,10 +85,10 @@ var y = "ArrowUp", b = "ArrowDown", x = "ArrowLeft", S = "ArrowRight", C = "Home
 	"Meta"
 ]);
 function M(e) {
-	return r(e) && e.tagName === "INPUT";
+	return n(e) && e.tagName === "INPUT";
 }
 function N(e) {
-	return !!(M(e) && e.selectionStart != null || r(e) && e.tagName === "TEXTAREA");
+	return !!(M(e) && e.selectionStart != null || n(e) && e.tagName === "TEXTAREA");
 }
 function P(e, t, n, r) {
 	if (!e || !t || !t.scrollTo) return;
@@ -127,12 +127,12 @@ 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 = p();
 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, s = f(i), c = m.useRef(0), l = o(B).current, u = o(z).current, [d, p] = m.useState(0), g = m.useRef(d), _ = f((e, t) => {
+		u.set(e, t ?? null), g.current += 1, p(g.current);
+	}), v = f((e) => {
+		u.delete(e), g.current += 1, p(g.current);
 	}), y = m.useMemo(() => {
 		let e = /* @__PURE__ */ new Map();
 		return Array.from(u.keys()).filter((e) => e.isConnected).sort(V).forEach((t, n) => {
@@ -143,36 +143,36 @@ function R(e) {
 			});
 		}), e;
 	}, [u, d]);
-	o(() => {
+	a(() => {
 		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, p(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]), a(() => {
+		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), s(y);
 	}, [
-		a,
+		s,
 		y,
 		n,
 		r,
 		d
-	]), o(() => () => {
+	]), a(() => () => {
 		n.current = [];
-	}, [n]), o(() => () => {
+	}, [n]), a(() => () => {
 		r && (r.current = []);
 	}, [r]);
-	let b = p((e) => (l.add(e), () => {
+	let b = f((e) => (l.add(e), () => {
 		l.delete(e);
 	}));
-	o(() => {
+	a(() => {
 		l.forEach((e) => e(y));
 	}, [l, y]);
 	let x = m.useMemo(() => ({
@@ -238,9 +238,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 (r(t) && e.isPresent && !this.props.isPresent && this.props.pop !== !1) {
+			let e = t.offsetParent, n = r(e) && e.offsetWidth || 0, i = r(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 = i - o.height - o.top, o.direction = a.direction;
 		}
 		return null;
 	}
@@ -258,7 +258,7 @@ 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: l } = (0, m.useContext)(u), d = G(s, 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;
@@ -283,21 +283,21 @@ function q({ children: e, isPresent: t, anchorX: n, anchorY: r, root: i, pop: a
 		childRef: s,
 		sizeRef: c,
 		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(() => {
+var J = ({ children: e, initial: t, isPresent: n, onExitComplete: r, custom: a, presenceAffectsLayout: o, mode: l, anchorX: u, anchorY: d, root: f }) => {
+	let p = s(Y), h = (0, m.useId)(), g = (0, m.useRef)(n), _ = (0, m.useRef)(r);
+	i(() => {
 		g.current = n, _.current = r;
 	});
 	let v = !0, y = (0, m.useMemo)(() => (v = !1, {
 		id: h,
 		initial: t,
 		isPresent: n,
-		custom: i,
+		custom: a,
 		onExitComplete: (e) => {
 			p.set(e, !0);
 			for (let e of p.values()) if (!e) return;
@@ -316,13 +316,13 @@ var J = ({ children: e, initial: t, isPresent: n, onExitComplete: r, custom: i,
 	}, [n]), m.useEffect(() => {
 		!n && !p.size && r && r();
 	}, [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)(c.Provider, {
 		value: y,
 		children: e
 	});
@@ -341,9 +341,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: r, presenceAffectsLayout: a = !0, mode: o = "sync", propagate: c = !1, anchorX: u = "left", anchorY: f = "top", root: p }) => {
+	let [h, g] = d(c), _ = (0, m.useMemo)(() => Z(e), [e]), v = c && !h ? [] : _.map(X), y = (0, m.useRef)(!0), b = (0, m.useRef)(_), x = s(() => /* @__PURE__ */ new Map()), S = (0, m.useRef)(/* @__PURE__ */ new Set()), [C, w] = (0, m.useState)(_), [T, E] = (0, m.useState)(_);
+	i(() => {
 		y.current = !1, b.current = _;
 		for (let e = 0; e < T.length; e++) {
 			let t = X(T[e]);
@@ -364,29 +364,29 @@ var Q = ({ children: e, custom: t, initial: n = !0, onExitComplete: r, presenceA
 		return o === "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);
+	let { forceRender: O } = (0, m.useContext)(l);
 	return (0, L.jsx)(L.Fragment, { children: T.map((e) => {
-		let a = X(e), c = s && !h ? !1 : _ === T || v.includes(a);
+		let i = X(e), s = c && !h ? !1 : _ === T || v.includes(i);
 		return (0, L.jsx)(J, {
-			isPresent: c,
+			isPresent: s,
 			initial: !y.current || n ? void 0 : !1,
 			custom: t,
-			presenceAffectsLayout: i,
+			presenceAffectsLayout: a,
 			mode: o,
 			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: s ? void 0 : () => {
+				if (S.current.has(i)) return;
+				if (x.has(i)) S.current.add(i), x.set(i, !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), c && g?.(), r && r());
 			},
-			anchorX: l,
-			anchorY: d,
+			anchorX: u,
+			anchorY: f,
 			children: e
-		}, a);
+		}, i);
 	}) });
 };
 //#endregion