@mcp-use/inspector 12.0.4-canary.1 → 20.0.0-beta.1

package/dist/cdn/ManufactOAuthCallback-DEM8mhWD.js

@@ -0,0 +1,31 @@
+import { s as e, t } from "./react-BIs9pQ3H.js";
+import { t as n } from "./jsx-runtime-CIxvMpEo.js";
+import { t as r } from "./loader-circle-BLy9A_pp.js";
+import { t as i } from "./manufact-auth-0TVxpeTA.js";
+//#region src/client/components/ManufactOAuthCallback.tsx
+var a = /* @__PURE__ */ e(t(), 1), o = n();
+function s() {
+	let [e, t] = (0, a.useState)(null);
+	return (0, a.useEffect)(() => {
+		i().then(() => window.close()).catch((e) => {
+			t(e instanceof Error ? e.message : String(e));
+		});
+	}, []), /* @__PURE__ */ (0, o.jsx)("div", {
+		className: "flex h-screen w-full items-center justify-center bg-background",
+		children: /* @__PURE__ */ (0, o.jsx)("div", {
+			className: "flex max-w-md flex-col items-center gap-4 p-6 text-center",
+			children: e ? /* @__PURE__ */ (0, o.jsxs)(o.Fragment, { children: [/* @__PURE__ */ (0, o.jsx)("h1", {
+				className: "text-lg font-semibold text-destructive",
+				children: "Authorization failed"
+			}), /* @__PURE__ */ (0, o.jsx)("p", {
+				className: "text-sm text-muted-foreground",
+				children: e
+			})] }) : /* @__PURE__ */ (0, o.jsxs)(o.Fragment, { children: [/* @__PURE__ */ (0, o.jsx)(r, { className: "size-8 animate-spin text-muted-foreground" }), /* @__PURE__ */ (0, o.jsx)("p", {
+				className: "text-sm text-muted-foreground",
+				children: "Completing Manufact authorization…"
+			})] })
+		})
+	});
+}
+//#endregion
+export { s as ManufactOAuthCallback };

package/dist/cdn/NotificationsTab-CWopTIzT.js

@@ -0,0 +1,290 @@
+import { s as e, t } from "./react-BIs9pQ3H.js";
+import { t as n } from "./jsx-runtime-CIxvMpEo.js";
+import { sr as r } from "./input-BLxOA7V-.js";
+import { t as i } from "./bell-CGjAO_0s.js";
+import { t as a } from "./brush-B_mKhyxG.js";
+import { a as o, i as s, r as c, t as l } from "./browser-CbQIH4w2.js";
+import { t as u } from "./clock-CmUbSx_B.js";
+import { t as d } from "./code-V_0nf5rg.js";
+import { a as f, t as p } from "./JSONDisplay-D3RcyO9z.js";
+import { a as m, i as h, n as g, o as _, r as v, t as y } from "./shared-uMiV6Fx1.js";
+import { t as b } from "./maximize-BALCV_ep.js";
+import { t as x } from "./trash-2-RwpJY5SL.js";
+import { t as S } from "./x-C3vRQIYu.js";
+import { t as C } from "./not-found-BcNNsTjS.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-k3oeLtIC.js

@@ -0,0 +1,58 @@
+import { s as e, t } from "./react-BIs9pQ3H.js";
+import { t as n } from "./jsx-runtime-CIxvMpEo.js";
+import { t as r } from "./loader-circle-BLy9A_pp.js";
+import { l as i } from "./react-BxO-uEDZ.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 };