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

package/dist/cdn/ElicitationTab-upPXq2q7.js

@@ -0,0 +1,654 @@
+import { s as e, t } from "./react-BIs9pQ3H.js";
+import { t as n } from "./jsx-runtime-CIxvMpEo.js";
+import { Pr as r, a as i, n as a, r as o, sr as s, t as c } from "./input-BLxOA7V-.js";
+import { t as l } from "./label-CBvG613A.js";
+import { a as u, i as d, r as f, t as p } from "./browser-CbQIH4w2.js";
+import { a as m, t as h } from "./JSONDisplay-D3RcyO9z.js";
+import { t as g } from "./external-link-CjmfT6rW.js";
+import { a as _, i as v, n as y, o as b, r as x, t as S } from "./shared-uMiV6Fx1.js";
+import { t as C } from "./maximize-2-CH5Lq90B.js";
+import { t as w } from "./square-check-big-BvwQ17Bl.js";
+import { t as T } from "./x-C3vRQIYu.js";
+import { t as E } from "./not-found-BcNNsTjS.js";
+import { n as D } from "./dist-DjXr_YO3.js";
+import { n as O } from "./InspectorContext-DzXtgyTx.js";
+import { t as k } from "./textarea-Bj-CT7hC.js";
+import { t as A } from "./checkbox-B4oUG6Rr.js";
+import { n as j, t as M } from "./schemaHelpers-DTV38jGq.js";
+//#region src/client/components/elicitation/ElicitationRequestsList.tsx
+var N = /* @__PURE__ */ e(t(), 1), P = n();
+function F({ requests: e, selectedRequest: t, onRequestSelect: n, focusedIndex: i, formatRelativeTime: a }) {
+	return e.length === 0 ? /* @__PURE__ */ (0, P.jsx)("div", {
+		className: "flex flex-1 flex-col items-center justify-center p-4 text-center",
+		children: /* @__PURE__ */ (0, P.jsx)(E, {
+			vertical: !0,
+			noBorder: !0,
+			message: "No elicitation requests"
+		})
+	}) : /* @__PURE__ */ (0, P.jsx)("div", { children: e.map((e, o) => {
+		let s = e.request.mode || "form", c = s === "form" && "requestedSchema" in e.request && e.request.requestedSchema;
+		return /* @__PURE__ */ (0, P.jsx)(x, {
+			id: `elicitation-request-${e.id}`,
+			"data-testid": `elicitation-request-item-${o}`,
+			isSelected: t?.id === e.id,
+			isFocused: i === o,
+			title: /* @__PURE__ */ (0, P.jsxs)("span", {
+				className: "flex items-center gap-3",
+				children: [e.serverName, /* @__PURE__ */ (0, P.jsx)(r, {
+					variant: "outline",
+					className: s === "url" ? "bg-blue-500/20 text-blue-600 dark:text-blue-400 border-blue-500/50" : "bg-green-500/20 text-green-600 dark:text-green-400 border-green-500/50",
+					children: s
+				})]
+			}),
+			description: (() => {
+				let t = a(e.timestamp), n = [];
+				return c && n.push("with schema"), s === "url" && n.push("external action"), t + (n.length > 0 ? ` | ${n.join(", ")}` : "");
+			})(),
+			onClick: () => n(e)
+		}, e.id);
+	}) });
+}
+//#endregion
+//#region src/client/components/elicitation/shared/ElicitationFormFields.tsx
+function I({ request: e, formData: t, onFieldChange: n, idPrefix: r, testIdPrefix: i, fieldContainerClassName: a = "space-y-2", textareaRows: o = 4, showOuterLabelForBoolean: s = !0, emptyFallback: u }) {
+	return /* @__PURE__ */ (0, P.jsx)(P.Fragment, { children: (0, N.useMemo)(() => {
+		if (!("requestedSchema" in e.request)) return null;
+		let d = e.request.requestedSchema;
+		if (!d || d.type !== "object" || !d.properties) return u ?? /* @__PURE__ */ (0, P.jsx)("p", {
+			className: "text-sm text-muted-foreground",
+			children: "No form schema available"
+		});
+		let f = d.properties, p = d.required || [];
+		return /* @__PURE__ */ (0, P.jsx)("div", {
+			className: "space-y-4",
+			children: Object.entries(f).map(([e, u]) => {
+				let d = u, f = p.includes(e), m = d.type || "string", h = d.title || e, g = d.description, _ = j(d), v = _.length > 0, y = Array.isArray(d.enum), b = m === "array" && Array.isArray(d.items?.enum), x = M(d), S = m === "array" && x.length > 0, C = Array.isArray(t[e]) ? t[e] : [], w = `${r}-${e}`, T = `${i}-${e}`;
+				return /* @__PURE__ */ (0, P.jsxs)("div", {
+					className: a,
+					children: [
+						(m !== "boolean" || s) && /* @__PURE__ */ (0, P.jsxs)(l, {
+							htmlFor: w,
+							children: [h, f && /* @__PURE__ */ (0, P.jsx)("span", {
+								className: "text-red-500 ml-1",
+								children: "*"
+							})]
+						}),
+						g && /* @__PURE__ */ (0, P.jsx)("p", {
+							className: "text-xs text-muted-foreground",
+							children: g
+						}),
+						m === "boolean" ? /* @__PURE__ */ (0, P.jsxs)("div", {
+							className: "flex items-center space-x-2",
+							children: [/* @__PURE__ */ (0, P.jsx)(A, {
+								id: w,
+								"data-testid": T,
+								checked: t[e] || !1,
+								onCheckedChange: (t) => n(e, t)
+							}), /* @__PURE__ */ (0, P.jsxs)(l, {
+								htmlFor: w,
+								className: "text-sm font-normal cursor-pointer",
+								children: [h, !s && f && /* @__PURE__ */ (0, P.jsx)("span", {
+									className: "text-red-500 ml-1",
+									children: "*"
+								})]
+							})]
+						}) : m === "number" || m === "integer" ? /* @__PURE__ */ (0, P.jsx)(c, {
+							id: w,
+							"data-testid": T,
+							type: "number",
+							value: t[e] ?? "",
+							onChange: (t) => {
+								let r = m === "integer" ? parseInt(t.target.value, 10) : parseFloat(t.target.value);
+								n(e, isNaN(r) ? "" : r);
+							},
+							placeholder: d.default?.toString() || ""
+						}) : v ? /* @__PURE__ */ (0, P.jsxs)("select", {
+							id: w,
+							"data-testid": T,
+							value: t[e] || "",
+							onChange: (t) => n(e, t.target.value),
+							className: "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+							children: [/* @__PURE__ */ (0, P.jsx)("option", {
+								value: "",
+								children: "Select..."
+							}), _.map((e) => /* @__PURE__ */ (0, P.jsx)("option", {
+								value: e.const,
+								children: e.title || e.const
+							}, e.const))]
+						}) : y ? /* @__PURE__ */ (0, P.jsxs)("select", {
+							id: w,
+							"data-testid": T,
+							value: t[e] || "",
+							onChange: (t) => n(e, t.target.value),
+							className: "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+							children: [/* @__PURE__ */ (0, P.jsx)("option", {
+								value: "",
+								children: "Select..."
+							}), d.enum.map((e, t) => /* @__PURE__ */ (0, P.jsx)("option", {
+								value: e,
+								children: d.enumNames?.[t] || e
+							}, e))]
+						}) : b ? /* @__PURE__ */ (0, P.jsx)("div", {
+							className: "space-y-2",
+							"data-testid": T,
+							children: d.items.enum.map((t) => {
+								let r = `${w}-${t}`;
+								return /* @__PURE__ */ (0, P.jsxs)("div", {
+									className: "flex items-center space-x-2",
+									children: [/* @__PURE__ */ (0, P.jsx)(A, {
+										id: r,
+										checked: C.includes(t),
+										onCheckedChange: (r) => {
+											n(e, r ? [...C, t] : C.filter((e) => e !== t));
+										}
+									}), /* @__PURE__ */ (0, P.jsx)(l, {
+										htmlFor: r,
+										className: "text-sm font-normal cursor-pointer",
+										children: t
+									})]
+								}, t);
+							})
+						}) : S ? /* @__PURE__ */ (0, P.jsx)("div", {
+							className: "space-y-2",
+							"data-testid": T,
+							children: x.map((t) => {
+								let r = `${w}-${t.const}`;
+								return /* @__PURE__ */ (0, P.jsxs)("div", {
+									className: "flex items-center space-x-2",
+									children: [/* @__PURE__ */ (0, P.jsx)(A, {
+										id: r,
+										checked: C.includes(t.const),
+										onCheckedChange: (r) => {
+											n(e, r ? [...C, t.const] : C.filter((e) => e !== t.const));
+										}
+									}), /* @__PURE__ */ (0, P.jsx)(l, {
+										htmlFor: r,
+										className: "text-sm font-normal cursor-pointer",
+										children: t.title || t.const
+									})]
+								}, t.const);
+							})
+						}) : m === "string" && (d.format === "textarea" || d.maxLength > 100) ? /* @__PURE__ */ (0, P.jsx)(k, {
+							id: w,
+							"data-testid": T,
+							value: t[e] || "",
+							onChange: (t) => n(e, t.target.value),
+							placeholder: d.default || "",
+							rows: o
+						}) : /* @__PURE__ */ (0, P.jsx)(c, {
+							id: w,
+							"data-testid": T,
+							type: "text",
+							value: t[e] || "",
+							onChange: (t) => n(e, t.target.value),
+							placeholder: d.default || ""
+						})
+					]
+				}, e);
+			})
+		});
+	}, [
+		e,
+		t,
+		n,
+		r,
+		i,
+		a,
+		o,
+		s,
+		u
+	]) });
+}
+//#endregion
+//#region src/client/components/elicitation/shared/useElicitationForm.ts
+function L(e) {
+	let [t, n] = (0, N.useState)({}), [r, i] = (0, N.useState)(!1), a = e?.request.mode || "form", o = a === "form", s = a === "url";
+	return (0, N.useEffect)(() => {
+		if (e && o && "requestedSchema" in e.request) {
+			let t = e.request.requestedSchema, r = {};
+			if (t?.type === "object" && t.properties) for (let [e, n] of Object.entries(t.properties)) {
+				let t = n;
+				t.default === void 0 ? t.type === "array" ? r[e] = [] : t.type === "boolean" ? r[e] = !1 : t.type === "number" || t.type === "integer" ? r[e] = 0 : r[e] = "" : r[e] = t.default;
+			}
+			n(r);
+		}
+		i(!1);
+	}, [e?.id, o]), {
+		formData: t,
+		setFieldValue: (0, N.useCallback)((e, t) => {
+			n((n) => ({
+				...n,
+				[e]: t
+			}));
+		}, []),
+		getMissingRequiredFields: (0, N.useCallback)(() => !e || !o || !("requestedSchema" in e.request) ? [] : (e.request.requestedSchema?.required ?? []).filter((e) => t[e] === void 0 || t[e] === "" || t[e] === null), [
+			e,
+			t,
+			o
+		]),
+		urlCompleted: r,
+		setUrlCompleted: i,
+		mode: a,
+		isFormMode: o,
+		isUrlMode: s
+	};
+}
+//#endregion
+//#region src/client/components/elicitation/ElicitationRequestDisplay.tsx
+function R({ request: t, onApprove: n, onReject: c, onClose: f, previewMode: p, onTogglePreview: _, isCopied: v, onCopy: y, onDownload: b, onFullscreen: x }) {
+	let { formData: S, setFieldValue: w, getMissingRequiredFields: E, urlCompleted: O, setUrlCompleted: k, mode: j, isFormMode: M, isUrlMode: N } = L(t);
+	return t ? /* @__PURE__ */ (0, P.jsxs)("div", {
+		className: "flex flex-col h-full",
+		children: [
+			/* @__PURE__ */ (0, P.jsxs)("div", {
+				className: "flex items-center justify-between p-4 border-b dark:border-zinc-700",
+				children: [/* @__PURE__ */ (0, P.jsxs)("div", {
+					className: "flex items-center gap-2",
+					children: [
+						/* @__PURE__ */ (0, P.jsx)("h3", {
+							className: "font-medium text-gray-900 dark:text-gray-100",
+							children: t.serverName
+						}),
+						/* @__PURE__ */ (0, P.jsx)(r, {
+							variant: "outline",
+							className: N ? "bg-blue-500/20 text-blue-600 dark:text-blue-400 border-blue-500/50" : "bg-green-500/20 text-green-600 dark:text-green-400 border-green-500/50",
+							children: j
+						}),
+						/* @__PURE__ */ (0, P.jsx)("span", {
+							className: "text-sm text-gray-500 dark:text-gray-400",
+							children: new Date(t.timestamp).toLocaleString()
+						})
+					]
+				}), /* @__PURE__ */ (0, P.jsxs)("div", {
+					className: "flex items-center gap-2",
+					children: [
+						/* @__PURE__ */ (0, P.jsxs)(a, { children: [/* @__PURE__ */ (0, P.jsx)(i, {
+							render: /* @__PURE__ */ (0, P.jsx)(s, {
+								variant: "ghost",
+								size: "sm",
+								onClick: y,
+								className: "h-8 w-8 p-0",
+								children: v ? /* @__PURE__ */ (0, P.jsx)(u, { className: "h-4 w-4 text-green-600" }) : /* @__PURE__ */ (0, P.jsx)(d, { className: "h-4 w-4" })
+							}),
+							nativeButton: !0
+						}), /* @__PURE__ */ (0, P.jsx)(o, { children: "Copy request" })] }),
+						/* @__PURE__ */ (0, P.jsxs)(a, { children: [/* @__PURE__ */ (0, P.jsx)(i, {
+							render: /* @__PURE__ */ (0, P.jsx)(s, {
+								variant: "ghost",
+								size: "sm",
+								onClick: b,
+								className: "h-8 w-8 p-0",
+								children: /* @__PURE__ */ (0, P.jsx)(m, { className: "h-4 w-4" })
+							}),
+							nativeButton: !0
+						}), /* @__PURE__ */ (0, P.jsx)(o, { children: "Download request" })] }),
+						/* @__PURE__ */ (0, P.jsxs)(a, { children: [/* @__PURE__ */ (0, P.jsx)(i, {
+							render: /* @__PURE__ */ (0, P.jsx)(s, {
+								variant: "ghost",
+								size: "sm",
+								onClick: x,
+								className: "h-8 w-8 p-0",
+								children: /* @__PURE__ */ (0, P.jsx)(C, { className: "h-4 w-4" })
+							}),
+							nativeButton: !0
+						}), /* @__PURE__ */ (0, P.jsx)(o, { children: "Fullscreen" })] }),
+						/* @__PURE__ */ (0, P.jsx)(s, {
+							variant: "ghost",
+							size: "sm",
+							onClick: f,
+							className: "h-8 w-8 p-0",
+							children: /* @__PURE__ */ (0, P.jsx)(T, { className: "h-4 w-4" })
+						})
+					]
+				})]
+			}),
+			/* @__PURE__ */ (0, P.jsxs)("div", {
+				className: "flex-1 overflow-y-auto p-4 space-y-6",
+				children: [
+					/* @__PURE__ */ (0, P.jsxs)("div", {
+						className: "space-y-2",
+						children: [/* @__PURE__ */ (0, P.jsx)("h4", {
+							className: "text-sm font-semibold text-gray-900 dark:text-gray-100",
+							children: "Message"
+						}), /* @__PURE__ */ (0, P.jsx)("p", {
+							className: "text-sm text-gray-700 dark:text-gray-300",
+							children: t.request.message
+						})]
+					}),
+					N && "url" in t.request && /* @__PURE__ */ (0, P.jsxs)("div", {
+						className: "space-y-2",
+						children: [/* @__PURE__ */ (0, P.jsx)("h4", {
+							className: "text-sm font-semibold text-gray-900 dark:text-gray-100",
+							children: "External Action Required"
+						}), /* @__PURE__ */ (0, P.jsxs)("div", {
+							className: "bg-muted rounded-lg p-4 space-y-3",
+							children: [
+								/* @__PURE__ */ (0, P.jsx)("p", {
+									className: "text-sm text-muted-foreground",
+									children: "This request requires you to complete an action at an external URL:"
+								}),
+								/* @__PURE__ */ (0, P.jsxs)("div", {
+									className: "flex items-center gap-2 p-2 bg-background rounded border",
+									children: [/* @__PURE__ */ (0, P.jsx)("code", {
+										className: "flex-1 text-xs font-mono break-all",
+										children: t.request.url
+									}), /* @__PURE__ */ (0, P.jsxs)(s, {
+										size: "sm",
+										variant: "outline",
+										onClick: () => {
+											t && N && "url" in t.request && (window.open(t.request.url, "_blank"), k(!0));
+										},
+										className: "flex items-center gap-2",
+										children: [/* @__PURE__ */ (0, P.jsx)(g, { className: "h-4 w-4" }), "Open URL"]
+									})]
+								}),
+								/* @__PURE__ */ (0, P.jsxs)("div", {
+									className: "flex items-center space-x-2 pt-2",
+									children: [/* @__PURE__ */ (0, P.jsx)(A, {
+										id: "url-completed",
+										checked: O,
+										onCheckedChange: (e) => k(!!e)
+									}), /* @__PURE__ */ (0, P.jsx)(l, {
+										htmlFor: "url-completed",
+										className: "text-sm font-normal cursor-pointer",
+										children: "I have completed the required action"
+									})]
+								})
+							]
+						})]
+					}),
+					M && /* @__PURE__ */ (0, P.jsxs)("div", {
+						className: "space-y-2",
+						children: [/* @__PURE__ */ (0, P.jsx)("h4", {
+							className: "text-sm font-semibold text-gray-900 dark:text-gray-100",
+							children: "Form Data"
+						}), /* @__PURE__ */ (0, P.jsx)(I, {
+							request: t,
+							formData: S,
+							onFieldChange: w,
+							idPrefix: "field",
+							testIdPrefix: "elicitation-field",
+							emptyFallback: /* @__PURE__ */ (0, P.jsx)("div", {
+								className: "text-sm text-gray-500 dark:text-gray-400",
+								children: "No form schema available"
+							})
+						})]
+					}),
+					M && "requestedSchema" in t.request && t.request.requestedSchema && /* @__PURE__ */ (0, P.jsxs)("details", {
+						className: "space-y-2",
+						children: [/* @__PURE__ */ (0, P.jsx)("summary", {
+							className: "text-sm font-semibold text-gray-900 dark:text-gray-100 cursor-pointer",
+							children: "Schema (for reference)"
+						}), /* @__PURE__ */ (0, P.jsx)("div", {
+							className: "bg-muted rounded-lg p-3 max-h-64 overflow-auto",
+							children: /* @__PURE__ */ (0, P.jsx)(h, { data: t.request.requestedSchema })
+						})]
+					})
+				]
+			}),
+			/* @__PURE__ */ (0, P.jsxs)("div", {
+				className: "flex gap-2 p-4 border-t dark:border-zinc-700",
+				children: [
+					/* @__PURE__ */ (0, P.jsx)(s, {
+						onClick: () => {
+							if (t) {
+								if (M) {
+									let e = E();
+									if (e.length > 0) {
+										D.error("Missing required fields", { description: `Please fill in: ${e.join(", ")}` });
+										return;
+									}
+									n(t.id, {
+										action: "accept",
+										content: S
+									});
+								} else N && n(t.id, { action: "accept" });
+								f(), import("./react-BIs9pQ3H.js").then((t) => /* @__PURE__ */ e(t.t(), 1)).then((e) => {
+									let t = D(e.createElement("div", { className: "space-y-3" }, e.createElement("div", null, e.createElement("strong", null, "Elicitation Response Sent"), e.createElement("p", { className: "text-sm text-muted-foreground mt-1" }, "The tool will continue executing.")), e.createElement("div", { className: "flex gap-2" }, e.createElement("button", {
+										"data-testid": "elicitation-view-tool-result",
+										className: "px-3 py-1.5 text-xs font-medium rounded-md bg-primary text-primary-foreground hover:bg-primary/90",
+										onClick: () => {
+											let e = new globalThis.CustomEvent("navigate-to-tool-result", { detail: { toolName: null } });
+											window.dispatchEvent(e), D.dismiss(t);
+										}
+									}, "View Tool Result"))), { duration: 5e3 });
+								});
+							}
+						},
+						className: "flex-1",
+						disabled: N && !O,
+						"data-testid": "elicitation-accept-button",
+						children: "Accept"
+					}),
+					/* @__PURE__ */ (0, P.jsx)(s, {
+						onClick: () => {
+							t && (n(t.id, { action: "decline" }), f());
+						},
+						variant: "outline",
+						className: "flex-1",
+						"data-testid": "elicitation-decline-button",
+						children: "Decline"
+					}),
+					/* @__PURE__ */ (0, P.jsx)(s, {
+						onClick: () => {
+							t && (c(t.id, "User cancelled elicitation request"), f());
+						},
+						variant: "outline",
+						className: "flex-1",
+						"data-testid": "elicitation-cancel-button",
+						children: "Cancel"
+					})
+				]
+			})
+		]
+	}) : /* @__PURE__ */ (0, P.jsx)("div", {
+		className: "flex flex-col items-center justify-center h-full p-4 text-center",
+		children: /* @__PURE__ */ (0, P.jsx)("p", {
+			className: "text-gray-500 dark:text-gray-400",
+			children: "Select an elicitation request to view details"
+		})
+	});
+}
+//#endregion
+//#region src/client/components/ElicitationTab.tsx
+function z({ pendingRequests: e = [], onApprove: t, onReject: n, serverId: r, isConnected: i }) {
+	let { selectedElicitationRequestId: a, setSelectedElicitationRequestId: o } = O(), [s, c] = (0, N.useState)(null), [l, u] = (0, N.useState)(""), [d, m] = (0, N.useState)(-1), [h, g] = (0, N.useState)(!0), [x, C] = (0, N.useState)(!1), [E, D] = (0, N.useState)(!0), [k, A] = (0, N.useState)(!1), j = (0, N.useRef)(null), M = (0, N.useRef)(null), I = (0, N.useRef)(null), L = (0, N.useRef)(!1);
+	(0, N.useEffect)(() => {
+		if (console.log("[ElicitationTab] Auto-selection check:", {
+			selectedElicitationRequestId: a,
+			pendingRequestsCount: e.length,
+			currentSelectedId: s?.id
+		}), a && e.length > 0) {
+			let t = e.find((e) => e.id === a);
+			console.log("[ElicitationTab] Found request for auto-selection:", !!t, t?.id), t && (console.log("[ElicitationTab] Auto-selecting request:", t.id), o(null), c(t), setTimeout(() => {
+				let e = document.getElementById(`elicitation-request-${t.id}`);
+				console.log("[ElicitationTab] Scrolling to element:", !!e), e && e.scrollIntoView({
+					behavior: "smooth",
+					block: "nearest"
+				});
+			}, 100));
+		}
+	}, [
+		a,
+		e,
+		o
+	]), (0, N.useEffect)(() => {
+		let t = (t) => {
+			let n = t.detail.requestId;
+			console.log("[ElicitationTab] Custom navigate event received:", n);
+			let r = e.find((e) => e.id === n);
+			r && (console.log("[ElicitationTab] Selecting request from event:", n), c(r), setTimeout(() => {
+				let e = document.getElementById(`elicitation-request-${n}`);
+				e && e.scrollIntoView({
+					behavior: "smooth",
+					block: "nearest"
+				});
+			}, 200));
+		};
+		return window.addEventListener("navigate-to-elicitation", t), () => window.removeEventListener("navigate-to-elicitation", t);
+	}, [e]), (0, N.useEffect)(() => {
+		h && e.length > 0 && j.current && !L.current && (j.current.scrollTop = 0);
+	}, [e.length, h]), (0, N.useEffect)(() => {
+		let e = j.current;
+		if (!e) return;
+		let t = () => {
+			e.scrollTop > 0 && (L.current = !0, g(!1));
+		};
+		return e.addEventListener("scroll", t), () => e.removeEventListener("scroll", t);
+	}, []), (0, N.useEffect)(() => {
+		e.length === 0 && (L.current = !1, g(!0));
+	}, [e.length]), (0, N.useEffect)(() => {
+		x && I.current && I.current.focus();
+	}, [x]);
+	let z = (0, N.useCallback)(() => {
+		l.trim() || C(!1);
+	}, [l]), B = (0, N.useMemo)(() => {
+		if (!l.trim()) return e;
+		let t = l.toLowerCase();
+		return e.filter((e) => e.serverName.toLowerCase().includes(t) || e.request.message.toLowerCase().includes(t) || JSON.stringify(e.request || {}).toLowerCase().includes(t));
+	}, [e, l]);
+	(0, N.useEffect)(() => {
+		m(-1);
+	}, [l]), (0, N.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 = B;
+			if (e.key === "ArrowDown") e.preventDefault(), m((e) => {
+				let t = e + 1;
+				return t >= n.length ? 0 : t;
+			});
+			else if (e.key === "ArrowUp") e.preventDefault(), m((e) => {
+				let t = e - 1;
+				return t < 0 ? n.length - 1 : t;
+			});
+			else if (e.key === "Enter" && d >= 0) {
+				e.preventDefault();
+				let t = B[d];
+				t && V(t);
+			}
+		};
+		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
+	}, [d, B]), (0, N.useEffect)(() => {
+		if (d >= 0) {
+			let e = `elicitation-request-${B[d]?.id}`, t = document.getElementById(e);
+			t && t.scrollIntoView({
+				behavior: "smooth",
+				block: "nearest"
+			});
+		}
+	}, [d, B]);
+	let V = (0, N.useCallback)((e) => {
+		c(e);
+	}, []), H = (0, N.useCallback)(() => {
+		window.confirm("Are you sure you want to cancel all elicitation requests? This cannot be undone.") && (e.forEach((e) => {
+			n(e.id, "User cancelled all requests");
+		}), c(null));
+	}, [e, n]), U = (0, N.useCallback)(async () => {
+		if (s) try {
+			await p(JSON.stringify({
+				id: s.id,
+				serverName: s.serverName,
+				timestamp: s.timestamp,
+				request: s.request
+			}, null, 2)), A(!0), setTimeout(() => A(!1), 2e3);
+		} catch (e) {
+			console.error("[ElicitationTab] Failed to copy request:", e);
+		}
+	}, [s]), W = (0, N.useCallback)(() => {
+		if (s) try {
+			let e = new globalThis.Blob([JSON.stringify({
+				id: s.id,
+				serverName: s.serverName,
+				timestamp: s.timestamp,
+				request: s.request
+			}, null, 2)], { type: "application/json" }), t = URL.createObjectURL(e), n = document.createElement("a");
+			n.href = t, n.download = `elicitation-request-${Date.now()}.json`, document.body.appendChild(n), n.click(), document.body.removeChild(n), URL.revokeObjectURL(t);
+		} catch (e) {
+			console.error("[ElicitationTab] Failed to download request:", e);
+		}
+	}, [s]), G = (0, N.useCallback)(async () => {
+		if (M.current) try {
+			document.fullscreenElement ? await document.exitFullscreen() : await M.current.requestFullscreen();
+		} catch (e) {
+			console.error("[ElicitationTab] Failed to toggle fullscreen:", e);
+		}
+	}, []);
+	return i ? /* @__PURE__ */ (0, P.jsxs)(b, {
+		orientation: "horizontal",
+		className: "h-full",
+		children: [
+			/* @__PURE__ */ (0, P.jsx)(_, {
+				defaultSize: 40,
+				minSize: 30,
+				children: /* @__PURE__ */ (0, P.jsx)(b, {
+					orientation: "vertical",
+					className: "h-full border-r dark:border-zinc-700",
+					children: /* @__PURE__ */ (0, P.jsx)(_, {
+						defaultSize: 75,
+						minSize: 30,
+						className: "h-full overflow-hidden",
+						children: /* @__PURE__ */ (0, P.jsx)(y, {
+							scrollRef: j,
+							children: (t) => /* @__PURE__ */ (0, P.jsxs)(P.Fragment, { children: [/* @__PURE__ */ (0, P.jsx)(S, {
+								isScrolled: t,
+								title: "Elicitation",
+								icon: w,
+								titleTestId: "elicitation-tab-header",
+								count: B.length,
+								isSearchExpanded: x,
+								searchQuery: l,
+								searchPlaceholder: "Search requests...",
+								onSearchExpand: () => C(!0),
+								onSearchChange: u,
+								onSearchBlur: z,
+								bulkAction: {
+									icon: T,
+									label: "Cancel all",
+									onClick: H,
+									disabled: e.length === 0
+								},
+								searchInputRef: I
+							}), /* @__PURE__ */ (0, P.jsx)(F, {
+								requests: B,
+								selectedRequest: s,
+								onRequestSelect: V,
+								focusedIndex: d,
+								formatRelativeTime: f
+							})] })
+						})
+					})
+				})
+			}),
+			/* @__PURE__ */ (0, P.jsx)(v, {}),
+			/* @__PURE__ */ (0, P.jsx)(_, {
+				defaultSize: 60,
+				minSize: 40,
+				children: /* @__PURE__ */ (0, P.jsx)("div", {
+					ref: M,
+					className: "h-full bg-white dark:bg-zinc-900",
+					children: /* @__PURE__ */ (0, P.jsx)(R, {
+						request: s,
+						onApprove: t,
+						onReject: n,
+						onClose: () => c(null),
+						previewMode: E,
+						onTogglePreview: () => D(!E),
+						isCopied: k,
+						onCopy: U,
+						onDownload: W,
+						onFullscreen: G
+					})
+				})
+			})
+		]
+	}) : /* @__PURE__ */ (0, P.jsxs)("div", {
+		className: "flex flex-col items-center justify-center h-full p-4 text-center",
+		children: [/* @__PURE__ */ (0, P.jsx)(w, { className: "h-12 w-12 text-gray-400 dark:text-gray-600 mb-3" }), /* @__PURE__ */ (0, P.jsx)("p", {
+			className: "text-gray-500 dark:text-gray-400",
+			children: "Not connected to server"
+		})]
+	});
+}
+//#endregion
+export { z as ElicitationTab };