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

package/dist/cdn/providerMeta-BQIfHuNL.js

@@ -0,0 +1,379 @@
+import { s as e, t } from "./react-BIs9pQ3H.js";
+import { Rr as n, f as r, w as i } from "./input-C2OBd4PJ.js";
+import { t as a } from "./jsx-runtime-CIxvMpEo.js";
+import { t as o } from "./AnimatePresence-Dcw-FOy8.js";
+import { t as s } from "./createLucideIcon-C5fZZ6oB.js";
+import { A as c } from "./dialog-BsDpuJd3.js";
+import { n as l } from "./manufact-auth-BQMHhbLV.js";
+import { s as u } from "./WidgetDebugContext-D4usL_MA.js";
+var d = s("key", [
+	["path", {
+		d: "m15.5 7.5 2.3 2.3a1 1 0 0 0 1.4 0l2.1-2.1a1 1 0 0 0 0-1.4L19 4",
+		key: "g0fldk"
+	}],
+	["path", {
+		d: "m21 2-9.6 9.6",
+		key: "1j0ho8"
+	}],
+	["circle", {
+		cx: "7.5",
+		cy: "15.5",
+		r: "5.5",
+		key: "yqb3hr"
+	}]
+]), f = /* @__PURE__ */ e(t(), 1), p = {
+	some: 0,
+	all: 1
+};
+function m(e, t, { root: n, margin: r, amount: a = "some" } = {}) {
+	let o = i(e), s = /* @__PURE__ */ new WeakMap(), c = new IntersectionObserver((e) => {
+		e.forEach((e) => {
+			let n = s.get(e.target);
+			if (e.isIntersecting !== !!n) if (e.isIntersecting) {
+				let n = t(e.target, e);
+				typeof n == "function" ? s.set(e.target, n) : c.unobserve(e.target);
+			} else typeof n == "function" && (n(e), s.delete(e.target));
+		});
+	}, {
+		root: n,
+		rootMargin: r,
+		threshold: typeof a == "number" ? a : p[a]
+	});
+	return o.forEach((e) => c.observe(e)), () => c.disconnect();
+}
+//#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/utils/use-in-view.mjs
+function h(e, { root: t, margin: n, amount: r, once: i = !1, initial: a = !1 } = {}) {
+	let [o, s] = (0, f.useState)(a);
+	return (0, f.useEffect)(() => {
+		if (!e.current || i && o) return;
+		let a = () => (s(!0), i ? void 0 : () => s(!1)), c = {
+			root: t && t.current || void 0,
+			margin: n,
+			amount: r
+		};
+		return m(e.current, a, c);
+	}, [
+		t,
+		e,
+		n,
+		i,
+		r
+	]), o;
+}
+//#endregion
+//#region src/client/components/ui/MeshGradientCanvas.tsx
+var g = a(), _ = "#version 300 es\nin vec4 a_position;\nout vec2 v_objectUV;\nvoid main(){\n  gl_Position=a_position;\n  v_objectUV=a_position.xy*0.5+0.5;\n}", v = "#version 300 es\nprecision mediump float;\nuniform float u_time;\nuniform vec4 u_colors[4];\nuniform float u_colorsCount;\nuniform float u_distortion;\nuniform float u_swirl;\nuniform float u_grainMixer;\nuniform float u_grainOverlay;\nin vec2 v_objectUV;\nout vec4 fragColor;\nvec2 rotate(vec2 uv,float th){return mat2(cos(th),sin(th),-sin(th),cos(th))*uv;}\nfloat hash21(vec2 p){\n  p=fract(p*vec2(0.3183099,0.3678794))+0.1;\n  p+=dot(p,p+19.19);\n  return fract(p.x*p.y);\n}\nfloat valueNoise(vec2 st){\n  vec2 i=floor(st);vec2 f=fract(st);\n  float a=hash21(i),b=hash21(i+vec2(1.,0.)),c=hash21(i+vec2(0.,1.)),d=hash21(i+vec2(1.,1.));\n  vec2 u=f*f*(3.-2.*f);\n  return mix(mix(a,b,u.x),mix(c,d,u.x),u.y);\n}\nvec2 getPosition(int i,float t){\n  float a=float(i)*.37,b=.6+fract(float(i)/3.)*.9,c=.8+fract(float(i+1)/4.);\n  float x=sin(t*b+a),y=cos(t*c+a*1.5);\n  return .5+.5*vec2(x,y);\n}\nvoid main(){\n  vec2 uv=v_objectUV;uv+=.5;\n  vec2 grainUV=uv*1000.;\n  float grain=valueNoise(grainUV);\n  float mixerGrain=.4*u_grainMixer*(grain-.5);\n  float t=.5*(u_time+41.5);\n  float radius=smoothstep(0.,1.,length(uv-.5));\n  float center=1.-radius;\n  for(float i=1.;i<=2.;i++){\n    uv.x+=u_distortion*center/i*sin(t+i*.4*smoothstep(0.,1.,uv.y))*cos(.2*t+i*2.4*smoothstep(0.,1.,uv.y));\n    uv.y+=u_distortion*center/i*cos(t+i*2.*smoothstep(0.,1.,uv.x));\n  }\n  vec2 uvR=uv-vec2(.5);\n  float angle=3.*u_swirl*radius;\n  uvR=rotate(uvR,-angle);uvR+=vec2(.5);\n  vec3 color=vec3(0.);float opacity=0.,totalWeight=0.;\n  for(int i=0;i<4;i++){\n    if(i>=int(u_colorsCount))break;\n    vec2 pos=getPosition(i,t)+mixerGrain;\n    vec3 cf=u_colors[i].rgb*u_colors[i].a;\n    float opacityF=u_colors[i].a;\n    float dist=length(uvR-pos);\n    dist=pow(dist,3.5);\n    float w=1./(dist+1e-3);\n    color+=cf*w;opacity+=opacityF*w;totalWeight+=w;\n  }\n  color/=max(1e-4,totalWeight);\n  opacity/=max(1e-4,totalWeight);\n  float grainO=valueNoise(rotate(grainUV,1.)+vec2(3.));\n  grainO=mix(grainO,valueNoise(rotate(grainUV,2.)+vec2(-1.)),.5);\n  grainO=pow(grainO,1.3);\n  float grainOV=grainO*2.-1.;\n  vec3 grainOC=vec3(step(0.,grainOV));\n  float grainOS=u_grainOverlay*abs(grainOV);\n  grainOS=pow(grainOS,.8);\n  color=mix(color,grainOC,.35*grainOS);\n  opacity+=.5*grainOS;\n  fragColor=vec4(color,clamp(opacity,0.,1.));\n}";
+function y(e) {
+	return [
+		parseInt(e.slice(1, 3), 16) / 255,
+		parseInt(e.slice(3, 5), 16) / 255,
+		parseInt(e.slice(5, 7), 16) / 255,
+		1
+	];
+}
+function b({ className: e, colors: t = [
+	"#e0eaff",
+	"#f9ffbd",
+	"#dedede",
+	"#ffffff"
+], distortion: n = .8, swirl: r = .1, grainMixer: i = 0, grainOverlay: a = .2, speed: o = 1 }) {
+	let s = (0, f.useRef)(null), c = (0, f.useRef)(null), l = (0, f.useRef)({
+		colors: t,
+		distortion: n,
+		swirl: r,
+		grainMixer: i,
+		grainOverlay: a,
+		speed: o
+	});
+	return l.current = {
+		colors: t,
+		distortion: n,
+		swirl: r,
+		grainMixer: i,
+		grainOverlay: a,
+		speed: o
+	}, (0, f.useEffect)(() => {
+		let e = s.current, t = c.current;
+		if (!e || !t) return;
+		let n = e.getContext("webgl2");
+		if (!n) return;
+		let r = (e, t) => {
+			let r = n.createShader(e);
+			return r ? (n.shaderSource(r, t), n.compileShader(r), n.getShaderParameter(r, n.COMPILE_STATUS) ? r : (console.error(n.getShaderInfoLog(r)), null)) : null;
+		}, i = r(n.VERTEX_SHADER, _), a = r(n.FRAGMENT_SHADER, v);
+		if (!i || !a) return;
+		let o = n.createProgram();
+		if (!o) return;
+		if (n.attachShader(o, i), n.attachShader(o, a), n.linkProgram(o), !n.getProgramParameter(o, n.LINK_STATUS)) {
+			console.error(n.getProgramInfoLog(o));
+			return;
+		}
+		n.useProgram(o);
+		let u = n.getAttribLocation(o, "a_position"), d = n.createBuffer();
+		n.bindBuffer(n.ARRAY_BUFFER, d), n.bufferData(n.ARRAY_BUFFER, new Float32Array([
+			-1,
+			-1,
+			1,
+			-1,
+			-1,
+			1,
+			-1,
+			1,
+			1,
+			-1,
+			1,
+			1
+		]), n.STATIC_DRAW), n.enableVertexAttribArray(u), n.vertexAttribPointer(u, 2, n.FLOAT, !1, 0, 0);
+		let f = n.getUniformLocation(o, "u_time"), p = [
+			0,
+			1,
+			2,
+			3
+		].map((e) => n.getUniformLocation(o, `u_colors[${e}]`)), m = n.getUniformLocation(o, "u_colorsCount"), h = n.getUniformLocation(o, "u_distortion"), g = n.getUniformLocation(o, "u_swirl"), b = n.getUniformLocation(o, "u_grainMixer"), x = n.getUniformLocation(o, "u_grainOverlay"), S = 0, C = 0, w = () => {
+			let r = Math.min(2, window.devicePixelRatio || 1);
+			e.width = Math.floor(t.clientWidth * r), e.height = Math.floor(t.clientHeight * r), n.viewport(0, 0, e.width, e.height);
+		}, T = () => {
+			if (document.hidden) {
+				C = requestAnimationFrame(T);
+				return;
+			}
+			let { colors: e, distortion: t, swirl: r, grainMixer: i, grainOverlay: a, speed: o } = l.current, s = e.map(y);
+			S += .016 * o, n.uniform1f(f, S);
+			for (let e = 0; e < 4; e++) {
+				let t = p[e];
+				t && n.uniform4fv(t, s[e] ?? [
+					1,
+					1,
+					1,
+					1
+				]);
+			}
+			n.uniform1f(m, s.length), n.uniform1f(h, t), n.uniform1f(g, r), n.uniform1f(b, i), n.uniform1f(x, a), n.drawArrays(n.TRIANGLES, 0, 6), C = requestAnimationFrame(T);
+		};
+		w();
+		let E = new ResizeObserver(w);
+		return E.observe(t), T(), () => {
+			cancelAnimationFrame(C), E.disconnect();
+		};
+	}, []), /* @__PURE__ */ (0, g.jsx)("div", {
+		ref: c,
+		className: e,
+		children: /* @__PURE__ */ (0, g.jsx)("canvas", {
+			ref: s,
+			className: "h-full w-full",
+			"aria-hidden": !0
+		})
+	});
+}
+//#endregion
+//#region src/client/components/ui/blur-fade.tsx
+function x({ children: e, className: t, variant: n, duration: i = .4, delay: a = 0, offset: s = 6, direction: c = "down", inView: l = !1, inViewMargin: u = "-50px", blur: d = "6px", ...p }) {
+	let m = (0, f.useRef)(null), _ = h(m, {
+		once: !0,
+		margin: u
+	}), v = !l || _, y = {
+		hidden: {
+			[c === "left" || c === "right" ? "x" : "y"]: c === "right" || c === "down" ? -s : s,
+			opacity: 0,
+			filter: `blur(${d})`
+		},
+		visible: {
+			[c === "left" || c === "right" ? "x" : "y"]: 0,
+			opacity: 1,
+			filter: "blur(0px)"
+		}
+	}, b = n || y;
+	return /* @__PURE__ */ (0, g.jsx)(o, { children: /* @__PURE__ */ (0, g.jsx)(r.div, {
+		ref: m,
+		initial: "hidden",
+		animate: v ? "visible" : "hidden",
+		exit: "hidden",
+		variants: b,
+		transition: {
+			delay: .04 + a,
+			duration: i,
+			ease: "easeOut"
+		},
+		className: t,
+		...p,
+		children: e
+	}) });
+}
+//#endregion
+//#region src/client/hooks/useKeyboardShortcuts.ts
+function S(e) {
+	(0, f.useEffect)(() => {
+		let t = (t) => {
+			let n = t.target, r = n.tagName === "INPUT" || n.tagName === "TEXTAREA" || n.contentEditable === "true";
+			if ((t.metaKey || t.ctrlKey) && t.key === "k") {
+				t.preventDefault(), e.onCommandPalette?.();
+				return;
+			}
+			if ((t.metaKey || t.ctrlKey) && t.key === "o" && e.onNewChat) {
+				t.preventDefault(), e.onNewChat();
+				return;
+			}
+			if (t.key === "Escape") {
+				t.preventDefault(), document.activeElement instanceof HTMLElement && document.activeElement.blur(), e.onBlurSearch?.();
+				return;
+			}
+			if (!r && !(t.metaKey || t.ctrlKey || t.altKey || t.shiftKey)) switch (t.key.toLowerCase()) {
+				case "t":
+					t.preventDefault(), e.onToolsTab?.();
+					break;
+				case "p":
+					t.preventDefault(), e.onPromptsTab?.();
+					break;
+				case "r":
+					t.preventDefault(), e.onResourcesTab?.();
+					break;
+				case "c":
+					t.preventDefault(), e.onChatTab?.();
+					break;
+				case "h":
+					t.preventDefault(), e.onHome?.();
+					break;
+				case "f":
+					t.preventDefault(), e.onFocusSearch?.();
+					break;
+				default: break;
+			}
+		};
+		return document.addEventListener("keydown", t), () => document.removeEventListener("keydown", t);
+	}, [e]);
+}
+//#endregion
+//#region src/client/hooks/useHostedSession.ts
+function C(e) {
+	return l(e);
+}
+//#endregion
+//#region src/client/components/chat/providerMeta.tsx
+var w = "https://cdn.mcp-use.com/mcpuse_logo_circle_dark.svg";
+function T({ symbolSize: e = 14, className: t, textClassName: r }) {
+	return /* @__PURE__ */ (0, g.jsxs)("span", {
+		className: n("inline-flex items-center gap-1.5", t),
+		children: [/* @__PURE__ */ (0, g.jsx)(E, { size: e }), /* @__PURE__ */ (0, g.jsx)("span", {
+			className: n("font-medium leading-none text-black [font-family:var(--font-family-outfit)]", r),
+			children: "Manufact"
+		})]
+	});
+}
+function E({ size: e = 14, className: t }) {
+	return /* @__PURE__ */ (0, g.jsxs)("svg", {
+		width: e,
+		height: e,
+		viewBox: "0 0 480 480",
+		"aria-hidden": !0,
+		className: n("block shrink-0", t),
+		children: [
+			/* @__PURE__ */ (0, g.jsx)("path", {
+				d: "M101.7 0 C157.9 0 203.4 45.7 203.4 102.1 C203.4 126.6 202.1 152.1 212.2 174.3 L219.8 191 C233.8 221.8 258.5 246.4 289.2 260.5 L303.5 267 C326.5 277.5 353 275.8 378.3 275.8 C434.5 275.8 480 321.5 480 377.9 C480 434.3 434.5 480 378.3 480 C322.1 480 276.6 434.3 276.6 377.9 C276.6 354.2 277.7 329.6 267.8 308 L259.8 290.3 C245.7 259.5 221 234.8 190.2 220.7 L173 212.9 C151 202.9 125.8 204.2 101.7 204.2 C45.5 204.2 0 158.5 0 102.1 C0 45.7 45.5 0 101.7 0 Z",
+				fill: "currentColor"
+			}),
+			/* @__PURE__ */ (0, g.jsx)("circle", {
+				cx: "96.4",
+				cy: "383.6",
+				r: "96.4",
+				fill: "currentColor"
+			}),
+			/* @__PURE__ */ (0, g.jsx)("circle", {
+				cx: "383.6",
+				cy: "96.4",
+				r: "96.4",
+				fill: "currentColor"
+			})
+		]
+	});
+}
+var D = "data:image/svg+xml,%3Csvg%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%2394A3B8%22%20stroke%3D%22%2394A3B8%22%3E%3Cg%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M3%20248.945C18%20248.945%2076%20236%20106%20219C136%20202%20136%20202%20198%20158C276.497%20102.293%20332%20120.945%20423%20120.945%22%20stroke-width%3D%2290%22%2F%3E%3Cpath%20d%3D%22M511%20121.5L357.25%20210.268L357.25%2032.7324L511%20121.5Z%22%2F%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M0%20249C15%20249%2073%20261.945%20103%20278.945C133%20295.945%20133%20295.945%20195%20339.945C273.497%20395.652%20329%20377%20420%20377%22%20stroke-width%3D%2290%22%2F%3E%3Cpath%20d%3D%22M508%20376.445L354.25%20287.678L354.25%20465.213L508%20376.445Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E", O = {
+	openai: "OpenAI",
+	anthropic: "Anthropic",
+	google: "Google"
+};
+function k(e) {
+	let t = e.split("/")[0]?.toLowerCase();
+	return t === "openai" || t === "anthropic" || t === "google" ? t : "openrouter";
+}
+function A(e, t) {
+	let n = e.trim(), r = O[t];
+	if (r) {
+		let e = r.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), t = RegExp(`^${e}\\s*:\\s*`, "i"), i = n.replace(t, "").trim();
+		if (i.length > 0) return i;
+	}
+	let i = n.indexOf(": ");
+	return i > 0 && i < 48 ? n.slice(i + 2).trim() : n;
+}
+function j({ provider: e, model: t, displayName: r, mode: i = "byok", className: a, ...o }) {
+	let s = r ?? t, l = i === "managed" && e === "openai-compatible" ? k(t) : e;
+	return /* @__PURE__ */ (0, g.jsxs)("button", {
+		type: "button",
+		className: n("inline-flex items-center gap-1.5 min-w-0 border-0 bg-transparent p-1", "font-mono text-[11px] text-muted-foreground cursor-pointer", "hover:text-foreground transition-colors", "rounded-md outline-none focus-visible:ring-1 focus-visible:ring-ring", a),
+		...o,
+		children: [
+			i === "managed" ? /* @__PURE__ */ (0, g.jsx)("img", {
+				src: w,
+				alt: "Manufact",
+				className: "h-3.5 w-3.5 shrink-0 rounded-full object-cover"
+			}) : /* @__PURE__ */ (0, g.jsx)(d, {
+				className: "size-3 shrink-0 opacity-70",
+				"aria-hidden": !0
+			}),
+			/* @__PURE__ */ (0, g.jsx)(P, {
+				provider: l,
+				className: "shrink-0"
+			}),
+			/* @__PURE__ */ (0, g.jsx)("span", {
+				className: "whitespace-nowrap",
+				children: s
+			}),
+			/* @__PURE__ */ (0, g.jsx)(c, {
+				className: "size-3 shrink-0 opacity-60",
+				"aria-hidden": !0
+			})
+		]
+	});
+}
+function M(e) {
+	switch (e) {
+		case "openai": return "OpenAI";
+		case "openai-compatible": return "OpenAI Compatible";
+		case "anthropic": return "Anthropic";
+		case "google": return "Google";
+		case "openrouter": return "OpenRouter";
+		case "ollama": return "Ollama";
+		default: return e;
+	}
+}
+function N(e, t) {
+	switch (e) {
+		case "openai":
+		case "anthropic":
+		case "google": return `https://inspector-cdn.mcp-use.com/providers/${e}.png`;
+		case "ollama": return `https://inspector-cdn.mcp-use.com/providers/${t === "dark" ? "ollama_dark" : "ollama_light"}.png`;
+		case "openrouter": return D;
+		case "openai-compatible": return null;
+		default: return null;
+	}
+}
+function P({ provider: e, className: t }) {
+	let { resolvedTheme: r } = u();
+	if (e === "openai-compatible") return null;
+	let i = N(e, r);
+	if (i) {
+		let r = e === "ollama" ? "h-3.5 w-3.5 object-contain" : "h-4 w-4 rounded-full object-cover";
+		return /* @__PURE__ */ (0, g.jsx)("img", {
+			src: i,
+			alt: M(e),
+			className: n(r, t)
+		});
+	}
+	return /* @__PURE__ */ (0, g.jsx)("div", {
+		"aria-label": M(e),
+		className: n("flex h-4 w-4 items-center justify-center rounded-full bg-neutral-900 text-[9px] font-semibold text-white dark:bg-neutral-100 dark:text-neutral-900", t),
+		children: M(e).charAt(0)
+	});
+}
+//#endregion
+export { A as a, S as c, d, P as i, x as l, T as n, M as o, j as r, C as s, E as t, b as u };

package/dist/cdn/{react-BxO-uEDZ.js → react-Dn8PWXwP.js}

@@ -2198,7 +2198,7 @@ var Vr = class extends Rr {
 		}
 		await super.cleanupResources();
 	}
-}, Hr = "2.0.0-beta.0";
+}, Hr = "2.0.0-beta.1";
 function Ur() {
 	return Hr;
 }