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

package/dist/cdn/ElicitationTab-PEmEDvC5.js

@@ -1,655 +0,0 @@
-import { s as e, t } from "./react-BIs9pQ3H.js";
-import { a as n, n as r, r as i, sr as a, t as o } from "./input-BCpgLXU1.js";
-import { n as s } from "./createLucideIcon-BONxC1L5.js";
-import { t as c } from "./button-CB4uOoUV.js";
-import { t as l } from "./label-A0UGV8FE.js";
-import { a as u, i as d, r as f, t as p } from "./browser-DG2Z8392.js";
-import { a as m, t as h } from "./JSONDisplay-BJqMz7Ny.js";
-import { t as g } from "./external-link-Bo4lQxr1.js";
-import { a as _, i as v, n as y, o as b, r as x, t as S } from "./shared-CJVHJhag.js";
-import { t as C } from "./maximize-2-DdrB_spi.js";
-import { t as w } from "./square-check-big-C_4wbfwF.js";
-import { t as T } from "./x-EilKPiCX.js";
-import { t as E } from "./not-found-BajFyZpp.js";
-import { n as D } from "./dist-CTJnCYmk.js";
-import { n as O } from "./InspectorContext-BBKCdfmK.js";
-import { t as k } from "./textarea-CwmI8_uI.js";
-import { t as A } from "./checkbox-kwVa4gRX.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 = s();
-function F({ requests: e, selectedRequest: t, onRequestSelect: n, focusedIndex: r, formatRelativeTime: i }) {
-	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: r === o,
-			title: /* @__PURE__ */ (0, P.jsxs)("span", {
-				className: "flex items-center gap-3",
-				children: [e.serverName, /* @__PURE__ */ (0, P.jsx)(a, {
-					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 = i(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: s = 4, showOuterLabelForBoolean: c = !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" || c) && /* @__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, !c && f && /* @__PURE__ */ (0, P.jsx)("span", {
-									className: "text-red-500 ml-1",
-									children: "*"
-								})]
-							})]
-						}) : m === "number" || m === "integer" ? /* @__PURE__ */ (0, P.jsx)(o, {
-							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: s
-						}) : /* @__PURE__ */ (0, P.jsx)(o, {
-							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,
-		s,
-		c,
-		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: o, onReject: s, 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)(a, {
-							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)(r, { children: [/* @__PURE__ */ (0, P.jsx)(n, {
-							render: /* @__PURE__ */ (0, P.jsx)(c, {
-								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)(i, { children: "Copy request" })] }),
-						/* @__PURE__ */ (0, P.jsxs)(r, { children: [/* @__PURE__ */ (0, P.jsx)(n, {
-							render: /* @__PURE__ */ (0, P.jsx)(c, {
-								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)(i, { children: "Download request" })] }),
-						/* @__PURE__ */ (0, P.jsxs)(r, { children: [/* @__PURE__ */ (0, P.jsx)(n, {
-							render: /* @__PURE__ */ (0, P.jsx)(c, {
-								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)(i, { children: "Fullscreen" })] }),
-						/* @__PURE__ */ (0, P.jsx)(c, {
-							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)(c, {
-										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)(c, {
-						onClick: () => {
-							if (t) {
-								if (M) {
-									let e = E();
-									if (e.length > 0) {
-										D.error("Missing required fields", { description: `Please fill in: ${e.join(", ")}` });
-										return;
-									}
-									o(t.id, {
-										action: "accept",
-										content: S
-									});
-								} else N && o(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)(c, {
-						onClick: () => {
-							t && (o(t.id, { action: "decline" }), f());
-						},
-						variant: "outline",
-						className: "flex-1",
-						"data-testid": "elicitation-decline-button",
-						children: "Decline"
-					}),
-					/* @__PURE__ */ (0, P.jsx)(c, {
-						onClick: () => {
-							t && (s(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 };