@mcp-use/inspector 20.0.0-beta.14 → 20.0.0-beta.16

package/dist/cdn/providerMeta-CjGU4rID.js

@@ -1,436 +0,0 @@
-import { s as e, t } from "./react-BIs9pQ3H.js";
-import { a as n, f as r, n as i, r as a, w as o } from "./input-BCpgLXU1.js";
-import { n as s, t as c } from "./createLucideIcon-BONxC1L5.js";
-import { U as l } from "./button-CB4uOoUV.js";
-import { t as u } from "./AnimatePresence-D1bZ5_-l.js";
-import { A as d } from "./dialog-CJGnC5Ag.js";
-import { t as f } from "./play-B1leulYf.js";
-import { n as p } from "./manufact-auth-BQMHhbLV.js";
-import { s as m } from "./WidgetDebugContext-B6yoOVVV.js";
-var h = c("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"
-	}]
-]), g = c("square", [["rect", {
-	width: "18",
-	height: "18",
-	x: "3",
-	y: "3",
-	rx: "2",
-	key: "afitv7"
-}]]), _ = /* @__PURE__ */ e(t(), 1), v = {
-	some: 0,
-	all: 1
-};
-function y(e, t, { root: n, margin: r, amount: i = "some" } = {}) {
-	let a = o(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 i == "number" ? i : v[i]
-	});
-	return a.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 b(e, { root: t, margin: n, amount: r, once: i = !1, initial: a = !1 } = {}) {
-	let [o, s] = (0, _.useState)(a);
-	return (0, _.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 y(e.current, a, c);
-	}, [
-		t,
-		e,
-		n,
-		i,
-		r
-	]), o;
-}
-//#endregion
-//#region src/client/components/ui/MeshGradientCanvas.tsx
-var x = s(), S = "#version 300 es\nprecision mediump float;\nin vec4 a_position;\nuniform vec2 u_resolution;\nout vec2 v_objectUV;\nvoid main(){\n  gl_Position=a_position;\n  // paper-design object UV: fit=contain, fixedRatio=1, origin=(0.5,0.5)\n  // Keeps the swirl vortex circular on non-square canvases.\n  vec2 uv=a_position.xy*0.5;\n  float box=min(u_resolution.x,u_resolution.y);\n  vec2 scale=box>0.0?u_resolution/box:vec2(1.);\n  v_objectUV=uv*scale;\n}", C = "#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 w(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 T({ 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, _.useRef)(null), c = (0, _.useRef)(null), l = (0, _.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, _.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, S), a = r(n.FRAGMENT_SHADER, C);
-		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 = n.getUniformLocation(o, "u_resolution"), m = [
-			0,
-			1,
-			2,
-			3
-		].map((e) => n.getUniformLocation(o, `u_colors[${e}]`)), h = n.getUniformLocation(o, "u_colorsCount"), g = n.getUniformLocation(o, "u_distortion"), _ = n.getUniformLocation(o, "u_swirl"), v = n.getUniformLocation(o, "u_grainMixer"), y = n.getUniformLocation(o, "u_grainOverlay"), b = 0, x = performance.now(), T = 0, E = () => {
-			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);
-		}, D = (t) => {
-			if (document.hidden) {
-				x = t, T = requestAnimationFrame(D);
-				return;
-			}
-			let { colors: r, distortion: i, swirl: a, grainMixer: o, grainOverlay: s, speed: c } = l.current, u = t - x;
-			x = t, b += u * c;
-			let d = r.map(w);
-			n.uniform1f(f, b * .001), n.uniform2f(p, e.width, e.height);
-			for (let e = 0; e < 4; e++) {
-				let t = m[e];
-				t && n.uniform4fv(t, d[e] ?? [
-					1,
-					1,
-					1,
-					1
-				]);
-			}
-			n.uniform1f(h, d.length), n.uniform1f(g, i), n.uniform1f(_, a), n.uniform1f(v, o), n.uniform1f(y, s), n.drawArrays(n.TRIANGLES, 0, 6), T = requestAnimationFrame(D);
-		};
-		E();
-		let O = new ResizeObserver(E);
-		return O.observe(t), T = requestAnimationFrame(D), () => {
-			cancelAnimationFrame(T), O.disconnect();
-		};
-	}, []), /* @__PURE__ */ (0, x.jsx)("div", {
-		ref: c,
-		className: e,
-		children: /* @__PURE__ */ (0, x.jsx)("canvas", {
-			ref: s,
-			className: "h-full w-full",
-			"aria-hidden": !0
-		})
-	});
-}
-//#endregion
-//#region src/client/components/ui/mesh-animation-pause.tsx
-var E = "mcp-inspector-connect-panel-mesh-animation-paused", D = "mcp-inspector-chat-mesh-animation-paused";
-function O(e) {
-	try {
-		return localStorage.getItem(e) === "true";
-	} catch {
-		return !1;
-	}
-}
-function k(e) {
-	let [t, n] = (0, _.useState)(() => O(e));
-	return {
-		paused: t,
-		toggle: (0, _.useCallback)(() => {
-			n((t) => {
-				let n = !t;
-				try {
-					localStorage.setItem(e, n ? "true" : "false");
-				} catch {}
-				return n;
-			});
-		}, [e])
-	};
-}
-var A = "z-50 flex h-7 w-7 cursor-pointer items-center justify-center rounded-full border border-zinc-500/60 bg-transparent text-zinc-600 transition-colors hover:border-zinc-500 hover:text-zinc-800 dark:border-zinc-500/50 dark:text-zinc-400 dark:hover:border-zinc-400 dark:hover:text-zinc-200";
-function j({ paused: e, onToggle: t, className: r }) {
-	return /* @__PURE__ */ (0, x.jsxs)(i, { children: [/* @__PURE__ */ (0, x.jsx)(n, {
-		render: /* @__PURE__ */ (0, x.jsx)("button", {
-			type: "button",
-			onClick: t,
-			"aria-label": e ? "Resume animation" : "Pause animation",
-			className: l(A, r),
-			children: e ? /* @__PURE__ */ (0, x.jsx)(f, {
-				className: "ml-px h-3 w-3",
-				fill: "currentColor"
-			}) : /* @__PURE__ */ (0, x.jsx)(g, {
-				className: "h-2.5 w-2.5",
-				fill: "currentColor"
-			})
-		}),
-		nativeButton: !0
-	}), /* @__PURE__ */ (0, x.jsx)(a, {
-		side: "left",
-		children: /* @__PURE__ */ (0, x.jsx)("p", { children: e ? "Resume animation" : "Pause animation" })
-	})] });
-}
-//#endregion
-//#region src/client/components/ui/blur-fade.tsx
-function M({ children: e, className: t, variant: n, duration: i = .4, delay: a = 0, offset: o = 6, direction: s = "down", inView: c = !1, inViewMargin: l = "-50px", blur: d = "6px", ...f }) {
-	let p = (0, _.useRef)(null), m = b(p, {
-		once: !0,
-		margin: l
-	}), h = !c || m, g = {
-		hidden: {
-			[s === "left" || s === "right" ? "x" : "y"]: s === "right" || s === "down" ? -o : o,
-			opacity: 0,
-			filter: `blur(${d})`
-		},
-		visible: {
-			[s === "left" || s === "right" ? "x" : "y"]: 0,
-			opacity: 1,
-			filter: "blur(0px)"
-		}
-	}, v = n || g;
-	return /* @__PURE__ */ (0, x.jsx)(u, { children: /* @__PURE__ */ (0, x.jsx)(r.div, {
-		ref: p,
-		initial: "hidden",
-		animate: h ? "visible" : "hidden",
-		exit: "hidden",
-		variants: v,
-		transition: {
-			delay: .04 + a,
-			duration: i,
-			ease: "easeOut"
-		},
-		className: t,
-		...f,
-		children: e
-	}) });
-}
-//#endregion
-//#region src/client/hooks/useKeyboardShortcuts.ts
-function N(e) {
-	(0, _.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 P(e) {
-	return p(e);
-}
-//#endregion
-//#region src/client/components/chat/providerMeta.tsx
-var F = "https://cdn.mcp-use.com/mcpuse_logo_circle_dark.svg";
-function I({ symbolSize: e = 14, className: t, textClassName: n }) {
-	return /* @__PURE__ */ (0, x.jsxs)("span", {
-		className: l("inline-flex items-center gap-1.5", t),
-		children: [/* @__PURE__ */ (0, x.jsx)(L, { size: e }), /* @__PURE__ */ (0, x.jsx)("span", {
-			className: l("font-medium leading-none text-black [font-family:var(--font-family-outfit)]", n),
-			children: "Manufact"
-		})]
-	});
-}
-function L({ size: e = 14, className: t }) {
-	return /* @__PURE__ */ (0, x.jsxs)("svg", {
-		width: e,
-		height: e,
-		viewBox: "0 0 480 480",
-		"aria-hidden": !0,
-		className: l("block shrink-0", t),
-		children: [
-			/* @__PURE__ */ (0, x.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, x.jsx)("circle", {
-				cx: "96.4",
-				cy: "383.6",
-				r: "96.4",
-				fill: "currentColor"
-			}),
-			/* @__PURE__ */ (0, x.jsx)("circle", {
-				cx: "383.6",
-				cy: "96.4",
-				r: "96.4",
-				fill: "currentColor"
-			})
-		]
-	});
-}
-var R = "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", z = {
-	openai: "OpenAI",
-	anthropic: "Anthropic",
-	google: "Google"
-};
-function B(e) {
-	let t = e.split("/")[0]?.toLowerCase();
-	return t === "openai" || t === "anthropic" || t === "google" ? t : "openrouter";
-}
-function V(e, t) {
-	let n = e.trim(), r = z[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 H({ provider: e, model: t, displayName: n, mode: r = "byok", className: i, ...a }) {
-	let o = n ?? t, s = r === "managed" && e === "openai-compatible" ? B(t) : e;
-	return /* @__PURE__ */ (0, x.jsxs)("button", {
-		type: "button",
-		className: l("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", i),
-		...a,
-		children: [
-			r === "managed" ? /* @__PURE__ */ (0, x.jsx)("img", {
-				src: F,
-				alt: "Manufact",
-				className: "h-3.5 w-3.5 shrink-0 rounded-full object-cover"
-			}) : /* @__PURE__ */ (0, x.jsx)(h, {
-				className: "size-3 shrink-0 opacity-70",
-				"aria-hidden": !0
-			}),
-			/* @__PURE__ */ (0, x.jsx)(G, {
-				provider: s,
-				className: "shrink-0"
-			}),
-			/* @__PURE__ */ (0, x.jsx)("span", {
-				className: "whitespace-nowrap",
-				children: o
-			}),
-			/* @__PURE__ */ (0, x.jsx)(d, {
-				className: "size-3 shrink-0 opacity-60",
-				"aria-hidden": !0
-			})
-		]
-	});
-}
-function U(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 W(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 R;
-		case "openai-compatible": return null;
-		default: return null;
-	}
-}
-function G({ provider: e, className: t }) {
-	let { resolvedTheme: n } = m();
-	if (e === "openai-compatible") return null;
-	let r = W(e, n);
-	if (r) {
-		let n = e === "ollama" ? "h-3.5 w-3.5 object-contain" : "h-4 w-4 rounded-full object-cover";
-		return /* @__PURE__ */ (0, x.jsx)("img", {
-			src: r,
-			alt: U(e),
-			className: l(n, t)
-		});
-	}
-	return /* @__PURE__ */ (0, x.jsx)("div", {
-		"aria-label": U(e),
-		className: l("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: U(e).charAt(0)
-	});
-}
-//#endregion
-export { V as a, N as c, E as d, j as f, h as g, g as h, G as i, M as l, T as m, I as n, U as o, k as p, H as r, P as s, L as t, D as u };