@mcp-use/inspector 20.0.0-beta.8 → 20.0.0

package/dist/cdn/McpAppsViewPanel-jlsYQ7uS.js

@@ -1,56 +0,0 @@
-import { n as e } from "./createLucideIcon-BONxC1L5.js";
-import { U as t } from "./button-CB4uOoUV.js";
-import { r as n } from "./react-Bl-hSkvn.js";
-import { t as r } from "./spinner-Be1GlSGX.js";
-import { t as i } from "./useViewHostProps-CDOm2w6u.js";
-import { t as a } from "./WidgetWrapper-BlbQAh_X.js";
-//#region src/client/components/mcp-apps/McpAppsViewPanel.tsx
-var o = e();
-function s({ serverId: e, viewId: s, toolName: c, resourceUri: l, toolInput: u, toolOutput: d, toolMetadata: f, readResource: p, customProps: m, displayMode: h, onDisplayModeChange: g, onSendFollowUp: _, onWidgetHeightChange: v, partialToolInput: y, cancelled: b, noWrapper: x = !1, className: S }) {
-	let C = i({
-		serverId: e,
-		viewId: s,
-		resourceUri: l,
-		toolName: c,
-		toolInput: u,
-		toolOutput: d,
-		toolMetadata: f,
-		readResource: p,
-		displayMode: h,
-		onDisplayModeChange: g
-	});
-	if (!C) {
-		let e = /* @__PURE__ */ (0, o.jsx)(r, { className: "size-5" });
-		return x ? /* @__PURE__ */ (0, o.jsx)("div", {
-			className: "flex h-full w-full min-h-0 flex-1 items-center justify-center",
-			children: e
-		}) : /* @__PURE__ */ (0, o.jsx)(a, {
-			className: "w-full h-full min-h-[240px]",
-			children: e
-		});
-	}
-	let w = t(h === "inline" ? "w-full h-full flex items-center justify-center relative p-4 min-h-0" : "w-full h-full relative p-4", S), T = m ? JSON.stringify(m) : "no-custom-props", E = /* @__PURE__ */ (0, o.jsx)(n, {
-		viewId: s,
-		toolName: c,
-		toolInput: u,
-		toolOutput: d,
-		customProps: m,
-		partialToolInput: y,
-		cancelled: b,
-		className: w,
-		onMessage: (e) => {
-			e.length > 0 && _ && _(e);
-		},
-		onInlineHeightChange: h === "inline" ? v : void 0,
-		...C
-	}, T);
-	return x ? /* @__PURE__ */ (0, o.jsx)("div", {
-		className: "flex h-full w-full min-h-0 flex-1 flex-col",
-		children: E
-	}) : /* @__PURE__ */ (0, o.jsx)(a, {
-		className: "w-full h-full min-h-[240px]",
-		children: E
-	});
-}
-//#endregion
-export { s as t };

package/dist/cdn/NotificationsTab-B7uebqMV.js

@@ -1,290 +0,0 @@
-import { s as e, t } from "./react-BIs9pQ3H.js";
-import { n } from "./createLucideIcon-BONxC1L5.js";
-import { t as r } from "./button-CB4uOoUV.js";
-import { t as i } from "./bell-GrTZcnD2.js";
-import { t as a } from "./brush-CelVvMGp.js";
-import { a as o, i as s, r as c, t as l } from "./browser-DG2Z8392.js";
-import { t as u } from "./clock-YMF8Gtw5.js";
-import { t as d } from "./code-C8sN2OGR.js";
-import { a as f, t as p } from "./JSONDisplay-BJqMz7Ny.js";
-import { a as m, i as h, n as g, o as _, r as v, t as y } from "./shared-CJVHJhag.js";
-import { t as b } from "./maximize-hSOCz133.js";
-import { t as x } from "./trash-2-BhumJAFE.js";
-import { t as S } from "./x-EilKPiCX.js";
-import { t as C } from "./not-found-BajFyZpp.js";
-//#region src/client/components/notifications/NotificationsList.tsx
-var w = /* @__PURE__ */ e(t(), 1), T = n();
-function E({ notifications: e, selectedNotification: t, onNotificationSelect: n, focusedIndex: r, formatRelativeTime: i }) {
-	return e.length === 0 ? /* @__PURE__ */ (0, T.jsx)("div", {
-		className: "flex flex-1 flex-col items-center justify-center p-4 text-center",
-		children: /* @__PURE__ */ (0, T.jsx)(C, {
-			vertical: !0,
-			noBorder: !0,
-			message: "No notifications yet"
-		})
-	}) : /* @__PURE__ */ (0, T.jsx)("div", { children: e.map((e, a) => /* @__PURE__ */ (0, T.jsx)(v, {
-		id: `notification-${e.id}`,
-		isSelected: t?.id === e.id,
-		isFocused: r === a,
-		title: /* @__PURE__ */ (0, T.jsxs)("span", {
-			className: "flex items-center gap-3",
-			children: [e.method, !e.read && /* @__PURE__ */ (0, T.jsx)("span", { className: "size-1.5 block rounded-full bg-orange-500" })]
-		}),
-		description: (() => {
-			let t = i(e.timestamp), n = e.params && Object.keys(e.params).length > 0 ? Object.keys(e.params).length : 0;
-			return t + (n > 0 ? ` | ${n} param${n > 1 ? "s" : ""}` : "");
-		})(),
-		onClick: () => n(e)
-	}, e.id)) });
-}
-//#endregion
-//#region src/client/components/notifications/NotificationResultDisplay.tsx
-function D({ notification: e, previewMode: t, onTogglePreview: n, onCopy: c, onDownload: l, onFullscreen: m, isCopied: h = !1, onClose: g }) {
-	return e ? /* @__PURE__ */ (0, T.jsxs)("div", {
-		className: "flex flex-col h-full",
-		children: [/* @__PURE__ */ (0, T.jsxs)("div", {
-			className: "flex-shrink-0 px-4 py-3 border-b border-gray-200 dark:border-zinc-700 flex items-center justify-between",
-			children: [/* @__PURE__ */ (0, T.jsxs)("div", {
-				className: "flex items-center gap-2",
-				children: [/* @__PURE__ */ (0, T.jsxs)("div", {
-					className: "flex items-center gap-1",
-					children: [/* @__PURE__ */ (0, T.jsx)(u, { className: "h-3 w-3 text-gray-400" }), /* @__PURE__ */ (0, T.jsx)("span", {
-						className: "text-xs text-gray-500 dark:text-gray-400",
-						children: new Date(e.timestamp).toLocaleTimeString()
-					})]
-				}), /* @__PURE__ */ (0, T.jsx)("span", {
-					className: "text-xs text-gray-500 dark:text-gray-400",
-					children: e.formatRelativeTime(e.timestamp)
-				})]
-			}), /* @__PURE__ */ (0, T.jsxs)("div", {
-				className: "flex items-center gap-1",
-				children: [
-					/* @__PURE__ */ (0, T.jsxs)(r, {
-						variant: "ghost",
-						size: "sm",
-						onClick: n,
-						className: t ? "" : "text-purple-600 dark:text-purple-400",
-						children: [t ? /* @__PURE__ */ (0, T.jsx)(d, { className: "h-4 w-4 mr-1" }) : /* @__PURE__ */ (0, T.jsx)(a, { className: "h-4 w-4 mr-1" }), t ? "JSON" : "Formatted"]
-					}),
-					/* @__PURE__ */ (0, T.jsx)(r, {
-						variant: "ghost",
-						size: "sm",
-						onClick: c,
-						children: h ? /* @__PURE__ */ (0, T.jsx)(o, { className: "h-4 w-4" }) : /* @__PURE__ */ (0, T.jsx)(s, { className: "h-4 w-4" })
-					}),
-					/* @__PURE__ */ (0, T.jsx)(r, {
-						variant: "ghost",
-						size: "sm",
-						onClick: l,
-						children: /* @__PURE__ */ (0, T.jsx)(f, { className: "h-4 w-4" })
-					}),
-					/* @__PURE__ */ (0, T.jsx)(r, {
-						variant: "ghost",
-						size: "sm",
-						onClick: m,
-						children: /* @__PURE__ */ (0, T.jsx)(b, { className: "h-4 w-4" })
-					}),
-					g && /* @__PURE__ */ (0, T.jsx)(r, {
-						variant: "ghost",
-						size: "sm",
-						onClick: g,
-						children: /* @__PURE__ */ (0, T.jsx)(S, { className: "h-4 w-4" })
-					})
-				]
-			})]
-		}), /* @__PURE__ */ (0, T.jsx)("div", {
-			className: "flex-1 overflow-y-auto",
-			children: /* @__PURE__ */ (0, T.jsx)("div", {
-				className: "px-4 pt-4",
-				children: /* @__PURE__ */ (0, T.jsx)(p, {
-					data: {
-						method: e.method,
-						timestamp: e.timestamp,
-						read: e.read,
-						params: e.params
-					},
-					filename: `notification-${e.method.replace(/[^a-zA-Z0-9]/g, "-")}-${Date.now()}.json`
-				})
-			})
-		})]
-	}) : /* @__PURE__ */ (0, T.jsxs)("div", {
-		className: "flex flex-col items-center justify-center h-full p-4 text-center",
-		children: [/* @__PURE__ */ (0, T.jsx)(i, { className: "h-12 w-12 text-gray-400 dark:text-gray-600 mb-3" }), /* @__PURE__ */ (0, T.jsx)("p", {
-			className: "text-gray-500 dark:text-gray-400",
-			children: "Select a notification to view details"
-		})]
-	});
-}
-//#endregion
-//#region src/client/components/NotificationsTab.tsx
-function O({ notifications: e, unreadCount: t, markNotificationRead: n, markAllNotificationsRead: r, clearNotifications: a, serverId: o, isConnected: s }) {
-	let [u, d] = (0, w.useState)(null), [f, p] = (0, w.useState)(""), [v, b] = (0, w.useState)(-1), [S, C] = (0, w.useState)(!0), [O, k] = (0, w.useState)(!1), [A, j] = (0, w.useState)(!0), [M, N] = (0, w.useState)(!1), P = (0, w.useRef)(null), F = (0, w.useRef)(null), I = (0, w.useRef)(null), L = (0, w.useRef)(!1);
-	(0, w.useEffect)(() => {
-		S && e.length > 0 && P.current && !L.current && (P.current.scrollTop = 0);
-	}, [e.length, S]), (0, w.useEffect)(() => {
-		let e = P.current;
-		if (!e) return;
-		let t = () => {
-			e.scrollTop > 0 && (L.current = !0, C(!1));
-		};
-		return e.addEventListener("scroll", t), () => e.removeEventListener("scroll", t);
-	}, []), (0, w.useEffect)(() => {
-		e.length === 0 && (L.current = !1, C(!0));
-	}, [e.length]), (0, w.useEffect)(() => {
-		u && !u.read && n(u.id);
-	}, [u, n]), (0, w.useEffect)(() => {
-		O && I.current && I.current.focus();
-	}, [O]);
-	let R = (0, w.useCallback)(() => {
-		f.trim() || k(!1);
-	}, [f]), z = (0, w.useMemo)(() => {
-		if (!f.trim()) return e;
-		let t = f.toLowerCase();
-		return e.filter((e) => e.method.toLowerCase().includes(t) || JSON.stringify(e.params || {}).toLowerCase().includes(t));
-	}, [e, f]);
-	(0, w.useEffect)(() => {
-		b(-1);
-	}, [f]), (0, w.useEffect)(() => {
-		let e = (e) => {
-			let t = e.target;
-			if (t.tagName === "INPUT" || t.tagName === "TEXTAREA" || t.contentEditable === "true" || e.metaKey || e.ctrlKey || e.altKey) return;
-			let n = z;
-			if (e.key === "ArrowDown") e.preventDefault(), b((e) => {
-				let t = e + 1;
-				return t >= n.length ? 0 : t;
-			});
-			else if (e.key === "ArrowUp") e.preventDefault(), b((e) => {
-				let t = e - 1;
-				return t < 0 ? n.length - 1 : t;
-			});
-			else if (e.key === "Enter" && v >= 0) {
-				e.preventDefault();
-				let t = z[v];
-				t && B(t);
-			}
-		};
-		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
-	}, [v, z]), (0, w.useEffect)(() => {
-		if (v >= 0) {
-			let e = `notification-${z[v]?.id}`, t = document.getElementById(e);
-			t && t.scrollIntoView({
-				behavior: "smooth",
-				block: "nearest"
-			});
-		}
-	}, [v, z]);
-	let B = (0, w.useCallback)((e) => {
-		d(e);
-	}, []), V = (0, w.useCallback)(() => {
-		window.confirm("Are you sure you want to clear all notifications? This cannot be undone.") && (a(), d(null));
-	}, [a]), H = (0, w.useCallback)(async () => {
-		if (u) try {
-			await l(JSON.stringify({
-				method: u.method,
-				timestamp: u.timestamp,
-				read: u.read,
-				params: u.params
-			}, null, 2)), N(!0), setTimeout(() => N(!1), 2e3);
-		} catch (e) {
-			console.error("[NotificationsTab] Failed to copy notification:", e);
-		}
-	}, [u]), U = (0, w.useCallback)(() => {
-		if (u) try {
-			let e = new globalThis.Blob([JSON.stringify({
-				method: u.method,
-				timestamp: u.timestamp,
-				read: u.read,
-				params: u.params
-			}, null, 2)], { type: "application/json" }), t = URL.createObjectURL(e), n = document.createElement("a");
-			n.href = t, n.download = `notification-${Date.now()}.json`, document.body.appendChild(n), n.click(), document.body.removeChild(n), URL.revokeObjectURL(t);
-		} catch (e) {
-			console.error("[NotificationsTab] Failed to download notification:", e);
-		}
-	}, [u]), W = (0, w.useCallback)(async () => {
-		if (F.current) try {
-			document.fullscreenElement ? await document.exitFullscreen() : await F.current.requestFullscreen();
-		} catch (e) {
-			console.error("[NotificationsTab] Failed to toggle fullscreen:", e);
-		}
-	}, []), G = u ? {
-		method: u.method,
-		params: u.params,
-		timestamp: u.timestamp,
-		read: u.read,
-		formatRelativeTime: c
-	} : null;
-	return s ? /* @__PURE__ */ (0, T.jsxs)(_, {
-		orientation: "horizontal",
-		className: "h-full",
-		children: [
-			/* @__PURE__ */ (0, T.jsx)(m, {
-				defaultSize: 40,
-				minSize: 30,
-				children: /* @__PURE__ */ (0, T.jsx)(_, {
-					orientation: "vertical",
-					className: "h-full border-r dark:border-zinc-700",
-					children: /* @__PURE__ */ (0, T.jsx)(m, {
-						defaultSize: 75,
-						minSize: 30,
-						className: "h-full overflow-hidden",
-						children: /* @__PURE__ */ (0, T.jsx)(g, {
-							scrollRef: P,
-							children: (t) => /* @__PURE__ */ (0, T.jsxs)(T.Fragment, { children: [/* @__PURE__ */ (0, T.jsx)(y, {
-								isScrolled: t,
-								title: "Notifications",
-								icon: i,
-								count: z.length,
-								isSearchExpanded: O,
-								searchQuery: f,
-								searchPlaceholder: "Search notifications...",
-								onSearchExpand: () => k(!0),
-								onSearchChange: p,
-								onSearchBlur: R,
-								bulkAction: {
-									icon: x,
-									label: "Clear all",
-									onClick: V,
-									disabled: e.length === 0
-								},
-								searchInputRef: I
-							}), /* @__PURE__ */ (0, T.jsx)(E, {
-								notifications: z,
-								selectedNotification: u,
-								onNotificationSelect: B,
-								focusedIndex: v,
-								formatRelativeTime: c
-							})] })
-						})
-					})
-				})
-			}),
-			/* @__PURE__ */ (0, T.jsx)(h, {}),
-			/* @__PURE__ */ (0, T.jsx)(m, {
-				defaultSize: 60,
-				minSize: 40,
-				children: /* @__PURE__ */ (0, T.jsx)("div", {
-					ref: F,
-					className: "h-full bg-white dark:bg-zinc-900",
-					children: /* @__PURE__ */ (0, T.jsx)(D, {
-						notification: G,
-						previewMode: A,
-						onTogglePreview: () => j(!A),
-						onCopy: H,
-						onDownload: U,
-						onFullscreen: W,
-						onClose: () => d(null),
-						isCopied: M
-					})
-				})
-			})
-		]
-	}) : /* @__PURE__ */ (0, T.jsxs)("div", {
-		className: "flex flex-col items-center justify-center h-full p-4 text-center",
-		children: [/* @__PURE__ */ (0, T.jsx)(i, { className: "h-12 w-12 text-gray-400 dark:text-gray-600 mb-3" }), /* @__PURE__ */ (0, T.jsx)("p", {
-			className: "text-gray-500 dark:text-gray-400",
-			children: "Not connected to server"
-		})]
-	});
-}
-//#endregion
-export { O as NotificationsTab };

package/dist/cdn/OAuthCallback--NZdLoWx.js

@@ -1,58 +0,0 @@
-import { s as e, t } from "./react-BIs9pQ3H.js";
-import { n } from "./createLucideIcon-BONxC1L5.js";
-import { t as r } from "./loader-circle-BKRHJEB7.js";
-import { l as i } from "./react-Bl-hSkvn.js";
-//#region src/client/components/OAuthCallback.tsx
-var a = /* @__PURE__ */ e(t(), 1), o = n();
-function s() {
-	let [e, t] = (0, a.useState)("processing"), [n, s] = (0, a.useState)("");
-	return (0, a.useEffect)(() => {
-		console.log("[OAuthCallback] Component mounted, handling authorization..."), console.log("[OAuthCallback] Current URL:", window.location.href), i().then(() => {
-			console.log("[OAuthCallback] Authorization successful"), t("success");
-		}).catch((e) => {
-			console.error("[OAuthCallback] Authorization failed:", e), t("error"), s(e instanceof Error ? e.message : String(e));
-		});
-	}, []), e === "processing" ? /* @__PURE__ */ (0, o.jsx)("div", {
-		className: "h-screen w-full flex items-center justify-center bg-white dark:bg-zinc-900",
-		children: /* @__PURE__ */ (0, o.jsxs)("div", {
-			className: "flex flex-col items-center gap-4",
-			children: [/* @__PURE__ */ (0, o.jsx)(r, { className: "h-8 w-8 animate-spin text-zinc-600 dark:text-zinc-400" }), /* @__PURE__ */ (0, o.jsx)("p", {
-				className: "text-sm text-zinc-600 dark:text-zinc-400",
-				children: "Completing authentication..."
-			})]
-		})
-	}) : e === "error" ? /* @__PURE__ */ (0, o.jsx)("div", {
-		className: "h-screen w-full flex items-center justify-center bg-white dark:bg-zinc-900",
-		children: /* @__PURE__ */ (0, o.jsxs)("div", {
-			className: "max-w-md p-6",
-			children: [
-				/* @__PURE__ */ (0, o.jsx)("h1", {
-					className: "text-xl font-semibold text-red-600 dark:text-red-400 mb-2",
-					children: "Authentication Error"
-				}),
-				/* @__PURE__ */ (0, o.jsx)("p", {
-					className: "text-sm text-zinc-600 dark:text-zinc-400 mb-4",
-					children: n
-				}),
-				/* @__PURE__ */ (0, o.jsx)("p", {
-					className: "text-xs text-zinc-500 dark:text-zinc-500",
-					children: "You can close this window and try again."
-				})
-			]
-		})
-	}) : /* @__PURE__ */ (0, o.jsx)("div", {
-		className: "h-screen w-full flex items-center justify-center bg-white dark:bg-zinc-900",
-		children: /* @__PURE__ */ (0, o.jsxs)("div", {
-			className: "max-w-md p-6",
-			children: [/* @__PURE__ */ (0, o.jsx)("h1", {
-				className: "text-xl font-semibold text-green-600 dark:text-green-400 mb-2",
-				children: "Authentication Successful!"
-			}), /* @__PURE__ */ (0, o.jsx)("p", {
-				className: "text-sm text-zinc-600 dark:text-zinc-400",
-				children: "Redirecting you back..."
-			})]
-		})
-	});
-}
-//#endregion
-export { s as OAuthCallback };