@burdenoff/microfe-botmanor 2026.1027.2 → 2026.1028.1

package/dist/botlit/pages/MCPServersPage.js

@@ -2,314 +2,329 @@ import { useTr as e } from "../../shared/hooks/useTr.js";
 import { useBotlit as t } from "../providers/BotlitProvider.js";
 import { isMCPServerHealthy as n, mcpServerDescription as r, mcpServerEndpoint as i, useCreateMCPServer as a, useDeleteMCPServer as o, useMCPServers as s, useTestMCPConnection as c } from "../hooks/useMCPServers.js";
 import { formatRelativeTime as l } from "../utils/formatters.js";
-import { PageLayout as u } from "../components/PageLayout.js";
-import { Card as d, CardContent as f, CardDescription as p, CardHeader as m, CardTitle as h } from "../components/Card.js";
-import { Button as g } from "../components/Button.js";
-import { Badge as _, StatusBadge as v } from "../components/Badge.js";
-import { EmptyState as y } from "../components/EmptyState.js";
-import { FormField as b, Input as x } from "../components/Input.js";
-import { ErrorState as S } from "../components/ErrorState.js";
-import { useState as C } from "react";
-import { GlassCard as w, PagePurpose as T } from "@burdenoff/fe-libs/ui";
-import { jsx as E, jsxs as D } from "react/jsx-runtime";
-import { Plug as O, PlugZap as k, Plus as A, Settings as j, Trash2 as M } from "lucide-react";
-import { toast as N } from "sonner";
+import { BOTMANOR_PERMISSIONS as u } from "../permissions/botmanorPermissions.js";
+import { BotmanorPermissionGate as d } from "../permissions/useBotmanorPermissions.js";
+import { PageLayout as f } from "../components/PageLayout.js";
+import { Button as p } from "../components/Button.js";
+import "../permissions/index.js";
+import { Card as m, CardContent as h, CardDescription as g, CardHeader as _, CardTitle as v } from "../components/Card.js";
+import { Badge as y, StatusBadge as b } from "../components/Badge.js";
+import { EmptyState as x } from "../components/EmptyState.js";
+import { FormField as S, Input as C } from "../components/Input.js";
+import { ErrorState as w } from "../components/ErrorState.js";
+import { useState as T } from "react";
+import { GlassCard as E, PagePurpose as D } from "@burdenoff/fe-libs/ui";
+import { jsx as O, jsxs as k } from "react/jsx-runtime";
+import { Plug as A, PlugZap as j, Plus as M, Settings as N, Trash2 as P } from "lucide-react";
+import { toast as F } from "sonner";
 //#region src/botlit/pages/MCPServersPage.tsx
-var P = () => {
-	let P = e(), { navigateTo: F } = t(), { data: I, loading: L, error: R, refetch: z } = s(), [B, V] = a(), [H, U] = o(), [W, G] = c(), [K, q] = C(!1), [J, Y] = C({
+var I = () => {
+	let I = e(), { navigateTo: L } = t(), { data: R, loading: z, error: B, refetch: V } = s(), [H, U] = a(), [W, G] = o(), [K, q] = c(), [J, Y] = T(!1), [X, Z] = T({
 		name: "",
 		description: "",
 		transport: "HTTP_JSON",
 		baseUrl: ""
-	}), X = async () => {
-		if (!(!J.name || !J.baseUrl)) {
+	}), Q = async () => {
+		if (!(!X.name || !X.baseUrl)) {
 			try {
-				await B({
-					name: J.name,
-					type: J.transport,
+				await H({
+					name: X.name,
+					type: X.transport,
 					config: {
-						url: J.baseUrl,
-						description: J.description
+						url: X.baseUrl,
+						description: X.description
 					}
 				});
 			} catch (e) {
-				N.error(e instanceof Error ? e.message : P("botlit.mcpServers.toast.connectError", "Failed to connect MCP server"));
+				F.error(e instanceof Error ? e.message : I("botlit.mcpServers.toast.connectError", "Failed to connect MCP server"));
 				return;
 			}
-			N.success(P("botlit.mcpServers.toast.connectSuccess", "Connected \"{{name}}\"", { name: J.name })), z(), Y({
+			F.success(I("botlit.mcpServers.toast.connectSuccess", "Connected \"{{name}}\"", { name: X.name })), V(), Z({
 				name: "",
 				description: "",
 				transport: "HTTP_JSON",
 				baseUrl: ""
-			}), q(!1);
+			}), Y(!1);
 		}
-	}, Z = async (e) => {
+	}, $ = async (e) => {
 		try {
-			await H(e.id), N.success(P("botlit.mcpServers.toast.disconnectSuccess", "Disconnected \"{{name}}\"", { name: e.name })), z();
+			await W(e.id), F.success(I("botlit.mcpServers.toast.disconnectSuccess", "Disconnected \"{{name}}\"", { name: e.name })), V();
 		} catch (e) {
-			N.error(e instanceof Error ? e.message : P("botlit.mcpServers.toast.disconnectError", "Failed to disconnect MCP server"));
+			F.error(e instanceof Error ? e.message : I("botlit.mcpServers.toast.disconnectError", "Failed to disconnect MCP server"));
 		}
-	}, Q = async (e) => {
+	}, ee = async (e) => {
 		try {
-			await W(e.id) ? N.success(P("botlit.mcpServers.toast.reachable", "\"{{name}}\" is reachable", { name: e.name })) : N.error(P("botlit.mcpServers.toast.unreachable", "\"{{name}}\" did not respond", { name: e.name })), z();
+			await K(e.id) ? F.success(I("botlit.mcpServers.toast.reachable", "\"{{name}}\" is reachable", { name: e.name })) : F.error(I("botlit.mcpServers.toast.unreachable", "\"{{name}}\" did not respond", { name: e.name })), V();
 		} catch (e) {
-			N.error(e instanceof Error ? e.message : P("botlit.mcpServers.toast.testError", "Failed to test MCP connection"));
+			F.error(e instanceof Error ? e.message : I("botlit.mcpServers.toast.testError", "Failed to test MCP connection"));
 		}
 	};
-	return /* @__PURE__ */ E(u, {
-		title: P("botlit.mcpServers.title", "MCP Servers"),
-		description: P("botlit.mcpServers.description", "Connect Model Context Protocol servers to extend agent capabilities"),
-		actions: /* @__PURE__ */ E(g, {
-			leftIcon: /* @__PURE__ */ E(A, { size: 16 }),
-			onClick: () => q(!0),
-			children: P("botlit.mcpServers.actions.add", "Add MCP Server")
+	return /* @__PURE__ */ O(f, {
+		title: I("botlit.mcpServers.title", "MCP Servers"),
+		description: I("botlit.mcpServers.description", "Connect Model Context Protocol servers to extend agent capabilities"),
+		actions: /* @__PURE__ */ O(d, {
+			permission: u.MCP_CREATE,
+			children: /* @__PURE__ */ O(p, {
+				leftIcon: /* @__PURE__ */ O(M, { size: 16 }),
+				onClick: () => Y(!0),
+				children: I("botlit.mcpServers.actions.add", "Add MCP Server")
+			})
 		}),
-		children: /* @__PURE__ */ D("div", {
+		children: /* @__PURE__ */ k("div", {
 			className: "space-y-6",
 			children: [
-				/* @__PURE__ */ E(T, {
-					icon: /* @__PURE__ */ E(O, { size: 18 }),
-					children: P("botlit.mcpServers.purpose", "MCP (Model Context Protocol) servers are how your agents reach the outside world — they expose real tools an agent can call, like searching the web, reading a GitHub repo, querying a database or posting to Slack. Connect a server here and its tools become available to your agents (gated by your tool policies), turning a chatbot into something that can take action.")
+				/* @__PURE__ */ O(D, {
+					icon: /* @__PURE__ */ O(A, { size: 18 }),
+					children: I("botlit.mcpServers.purpose", "MCP (Model Context Protocol) servers are how your agents reach the outside world — they expose real tools an agent can call, like searching the web, reading a GitHub repo, querying a database or posting to Slack. Connect a server here and its tools become available to your agents (gated by your tool policies), turning a chatbot into something that can take action.")
 				}),
-				L ? /* @__PURE__ */ E("div", {
+				z ? /* @__PURE__ */ O("div", {
 					className: "grid grid-cols-1 md:grid-cols-2 gap-4",
 					children: [
 						1,
 						2,
 						3
-					].map((e) => /* @__PURE__ */ E("div", { className: "h-48 bg-bg-sunken motion-safe:animate-vc-shimmer rounded-lg" }, e))
-				}) : R ? /* @__PURE__ */ E(S, {
+					].map((e) => /* @__PURE__ */ O("div", { className: "h-48 bg-bg-sunken motion-safe:animate-vc-shimmer rounded-lg" }, e))
+				}) : B ? /* @__PURE__ */ O(w, {
 					resource: "MCP servers",
-					error: R,
-					onRetry: () => void z()
-				}) : I.length > 0 ? /* @__PURE__ */ E("div", {
+					error: B,
+					onRetry: () => void V()
+				}) : R.length > 0 ? /* @__PURE__ */ O("div", {
 					className: "grid grid-cols-1 md:grid-cols-2 gap-4",
-					children: I.map((e) => /* @__PURE__ */ D(d, { children: [/* @__PURE__ */ D(m, {
+					children: R.map((e) => /* @__PURE__ */ k(m, { children: [/* @__PURE__ */ k(_, {
 						className: "flex flex-row items-start justify-between",
-						children: [/* @__PURE__ */ D("div", {
+						children: [/* @__PURE__ */ k("div", {
 							className: "flex items-start gap-3",
-							children: [/* @__PURE__ */ E("div", {
+							children: [/* @__PURE__ */ O("div", {
 								className: `p-2 rounded-lg ${n(e.status) ? "bg-status-success-bg-subtle" : "bg-bg-sunken"}`,
-								children: n(e.status) ? /* @__PURE__ */ E(k, { className: "h-5 w-5 text-status-success-text" }) : /* @__PURE__ */ E(O, { className: "h-5 w-5 text-text-secondary" })
-							}), /* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E(h, {
+								children: n(e.status) ? /* @__PURE__ */ O(j, { className: "h-5 w-5 text-status-success-text" }) : /* @__PURE__ */ O(A, { className: "h-5 w-5 text-text-secondary" })
+							}), /* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O(v, {
 								className: "text-base",
 								children: e.name
-							}), /* @__PURE__ */ E(p, { children: r(e) })] })]
-						}), /* @__PURE__ */ E(v, { status: e.status })]
-					}), /* @__PURE__ */ E(f, { children: /* @__PURE__ */ D("div", {
+							}), /* @__PURE__ */ O(g, { children: r(e) })] })]
+						}), /* @__PURE__ */ O(b, { status: e.status })]
+					}), /* @__PURE__ */ O(h, { children: /* @__PURE__ */ k("div", {
 						className: "space-y-4",
 						children: [
-							/* @__PURE__ */ D("div", {
+							/* @__PURE__ */ k("div", {
 								className: "flex flex-wrap items-center gap-4 text-sm",
-								children: [/* @__PURE__ */ E(_, {
+								children: [/* @__PURE__ */ O(y, {
 									variant: "outline",
 									className: "capitalize",
 									children: e.type.toLowerCase().replace("_", " ")
-								}), e.lastConnectedAt && /* @__PURE__ */ D("span", {
+								}), e.lastConnectedAt && /* @__PURE__ */ k("span", {
 									className: "text-text-secondary",
 									children: [
-										P("botlit.botsList.createdLabel", "Created"),
+										I("botlit.botsList.createdLabel", "Created"),
 										" ",
 										l(e.lastConnectedAt)
 									]
 								})]
 							}),
-							i(e) && /* @__PURE__ */ E("p", {
+							i(e) && /* @__PURE__ */ O("p", {
 								className: "truncate text-sm text-text-secondary",
 								children: i(e)
 							}),
-							e.errorMessage && /* @__PURE__ */ E("p", {
+							e.errorMessage && /* @__PURE__ */ O("p", {
 								className: "text-sm text-status-error-text",
 								children: e.errorMessage
 							}),
-							/* @__PURE__ */ D("div", {
+							/* @__PURE__ */ k("div", {
 								className: "flex items-center gap-2 pt-2 border-t border-border-subtle",
 								children: [
-									/* @__PURE__ */ E(g, {
-										variant: "outline",
-										size: "sm",
-										onClick: () => void Q(e),
-										isLoading: G.loading,
-										children: P("botlit.mcpServers.actions.testConnection", "Test connection")
+									/* @__PURE__ */ O(d, {
+										permission: u.MCP_TEST,
+										children: /* @__PURE__ */ O(p, {
+											variant: "outline",
+											size: "sm",
+											onClick: () => void ee(e),
+											isLoading: q.loading,
+											children: I("botlit.mcpServers.actions.testConnection", "Test connection")
+										})
 									}),
-									/* @__PURE__ */ E(g, {
+									/* @__PURE__ */ O(p, {
 										variant: "ghost",
 										size: "sm",
-										leftIcon: /* @__PURE__ */ E(j, { size: 14 }),
-										onClick: () => F(`mcp/${e.id}`),
-										children: P("botlit.mcpServers.actions.configure", "Configure")
+										leftIcon: /* @__PURE__ */ O(N, { size: 14 }),
+										onClick: () => L(`mcp/${e.id}`),
+										children: I("botlit.mcpServers.actions.configure", "Configure")
 									}),
-									/* @__PURE__ */ E(g, {
-										variant: "ghost",
-										size: "icon",
-										className: "ml-auto",
-										"aria-label": `Disconnect ${e.name}`,
-										onClick: () => void Z(e),
-										isLoading: U.loading,
-										children: /* @__PURE__ */ E(M, { size: 16 })
+									/* @__PURE__ */ O(d, {
+										permission: u.MCP_DELETE,
+										children: /* @__PURE__ */ O(p, {
+											variant: "ghost",
+											size: "icon",
+											className: "ml-auto",
+											"aria-label": `Disconnect ${e.name}`,
+											onClick: () => void $(e),
+											isLoading: G.loading,
+											children: /* @__PURE__ */ O(P, { size: 16 })
+										})
 									})
 								]
 							})
 						]
 					}) })] }, e.id))
-				}) : /* @__PURE__ */ E(y, {
+				}) : /* @__PURE__ */ O(x, {
 					illustration: "empty-generic",
-					title: P("botlit.mcpServers.empty.title", "No MCP servers connected"),
-					description: P("botlit.mcpServers.empty.description", "Connect MCP servers to give your agents access to external tools and resources."),
-					action: /* @__PURE__ */ E(g, {
-						leftIcon: /* @__PURE__ */ E(A, { size: 16 }),
-						onClick: () => q(!0),
-						children: P("botlit.mcpServers.actions.add", "Add MCP Server")
+					title: I("botlit.mcpServers.empty.title", "No MCP servers connected"),
+					description: I("botlit.mcpServers.empty.description", "Connect MCP servers to give your agents access to external tools and resources."),
+					action: /* @__PURE__ */ O(d, {
+						permission: u.MCP_CREATE,
+						children: /* @__PURE__ */ O(p, {
+							leftIcon: /* @__PURE__ */ O(M, { size: 16 }),
+							onClick: () => Y(!0),
+							children: I("botlit.mcpServers.actions.add", "Add MCP Server")
+						})
 					})
 				}),
-				/* @__PURE__ */ D(w, {
+				/* @__PURE__ */ k(E, {
 					treatment: "glass",
 					glow: !0,
 					className: "p-6",
-					children: [/* @__PURE__ */ D("div", {
+					children: [/* @__PURE__ */ k("div", {
 						className: "mb-4",
-						children: [/* @__PURE__ */ E("h2", {
+						children: [/* @__PURE__ */ O("h2", {
 							className: "text-lg font-semibold tracking-tight text-text-primary",
-							children: P("botlit.mcpServers.presets.title", "Popular MCP Servers")
-						}), /* @__PURE__ */ E("p", {
+							children: I("botlit.mcpServers.presets.title", "Popular MCP Servers")
+						}), /* @__PURE__ */ O("p", {
 							className: "text-sm text-text-secondary",
-							children: P("botlit.mcpServers.presets.description", "Quick-add common MCP servers")
+							children: I("botlit.mcpServers.presets.description", "Quick-add common MCP servers")
 						})]
-					}), /* @__PURE__ */ E("div", {
+					}), /* @__PURE__ */ O("div", {
 						className: "grid grid-cols-1 md:grid-cols-3 gap-4",
 						children: [
 							{
-								name: P("botlit.mcpServers.presets.github", "GitHub"),
-								description: P("botlit.mcpServers.presets.githubDesc", "Repository management and code operations"),
+								name: I("botlit.mcpServers.presets.github", "GitHub"),
+								description: I("botlit.mcpServers.presets.githubDesc", "Repository management and code operations"),
 								baseUrl: "https://mcp.github.com"
 							},
 							{
-								name: P("botlit.mcpServers.presets.filesystem", "Filesystem"),
-								description: P("botlit.mcpServers.presets.filesystemDesc", "Local file system access"),
+								name: I("botlit.mcpServers.presets.filesystem", "Filesystem"),
+								description: I("botlit.mcpServers.presets.filesystemDesc", "Local file system access"),
 								baseUrl: "http://localhost:3001"
 							},
 							{
-								name: P("botlit.mcpServers.presets.braveSearch", "Brave Search"),
-								description: P("botlit.mcpServers.presets.braveSearchDesc", "Web search capabilities"),
+								name: I("botlit.mcpServers.presets.braveSearch", "Brave Search"),
+								description: I("botlit.mcpServers.presets.braveSearchDesc", "Web search capabilities"),
 								baseUrl: "https://mcp.search.brave.com"
 							},
 							{
-								name: P("botlit.mcpServers.presets.postgres", "PostgreSQL"),
-								description: P("botlit.mcpServers.presets.postgresDesc", "Database queries and management"),
+								name: I("botlit.mcpServers.presets.postgres", "PostgreSQL"),
+								description: I("botlit.mcpServers.presets.postgresDesc", "Database queries and management"),
 								baseUrl: "http://localhost:3002"
 							},
 							{
-								name: P("botlit.mcpServers.presets.slack", "Slack"),
-								description: P("botlit.mcpServers.presets.slackDesc", "Slack messaging integration"),
+								name: I("botlit.mcpServers.presets.slack", "Slack"),
+								description: I("botlit.mcpServers.presets.slackDesc", "Slack messaging integration"),
 								baseUrl: "https://mcp.slack.com"
 							},
 							{
-								name: P("botlit.mcpServers.presets.puppeteer", "Puppeteer"),
-								description: P("botlit.mcpServers.presets.puppeteerDesc", "Browser automation"),
+								name: I("botlit.mcpServers.presets.puppeteer", "Puppeteer"),
+								description: I("botlit.mcpServers.presets.puppeteerDesc", "Browser automation"),
 								baseUrl: "http://localhost:3003"
 							}
-						].map((e) => /* @__PURE__ */ D("button", {
+						].map((e) => /* @__PURE__ */ k("button", {
 							className: "p-4 text-left border border-border-subtle rounded-lg hover:bg-accent transition-colors",
 							onClick: () => {
-								Y({
+								Z({
 									name: e.name,
 									description: e.description,
 									transport: "HTTP_JSON",
 									baseUrl: e.baseUrl
-								}), q(!0);
+								}), Y(!0);
 							},
-							children: [/* @__PURE__ */ E("p", {
+							children: [/* @__PURE__ */ O("p", {
 								className: "font-medium",
 								children: e.name
-							}), /* @__PURE__ */ E("p", {
+							}), /* @__PURE__ */ O("p", {
 								className: "text-sm text-text-secondary mt-1",
 								children: e.description
 							})]
 						}, e.name))
 					})]
 				}),
-				K && /* @__PURE__ */ E("div", {
+				J && /* @__PURE__ */ O("div", {
 					className: "fixed inset-0 bg-black/50 flex items-center justify-center z-50",
-					children: /* @__PURE__ */ D(d, {
+					children: /* @__PURE__ */ k(m, {
 						className: "w-full max-w-lg",
-						children: [/* @__PURE__ */ D(m, { children: [/* @__PURE__ */ E(h, { children: P("botlit.mcpServers.form.title", "Add MCP Server") }), /* @__PURE__ */ E(p, { children: P("botlit.mcpServers.form.description", "Connect a new MCP server") })] }), /* @__PURE__ */ D(f, {
+						children: [/* @__PURE__ */ k(_, { children: [/* @__PURE__ */ O(v, { children: I("botlit.mcpServers.form.title", "Add MCP Server") }), /* @__PURE__ */ O(g, { children: I("botlit.mcpServers.form.description", "Connect a new MCP server") })] }), /* @__PURE__ */ k(h, {
 							className: "space-y-4",
 							children: [
-								/* @__PURE__ */ E(b, {
-									label: P("botlit.mcpServers.form.nameLabel", "Server Name"),
+								/* @__PURE__ */ O(S, {
+									label: I("botlit.mcpServers.form.nameLabel", "Server Name"),
 									required: !0,
-									children: /* @__PURE__ */ E(x, {
-										placeholder: P("botlit.mcpServers.form.namePlaceholder", "e.g., GitHub"),
-										value: J.name,
-										onChange: (e) => Y({
-											...J,
+									children: /* @__PURE__ */ O(C, {
+										placeholder: I("botlit.mcpServers.form.namePlaceholder", "e.g., GitHub"),
+										value: X.name,
+										onChange: (e) => Z({
+											...X,
 											name: e.target.value
 										})
 									})
 								}),
-								/* @__PURE__ */ E(b, {
-									label: P("botlit.mcpServers.form.descriptionLabel", "Description"),
-									children: /* @__PURE__ */ E(x, {
-										placeholder: P("botlit.mcpServers.form.descriptionPlaceholder", "What does this server do?"),
-										value: J.description,
-										onChange: (e) => Y({
-											...J,
+								/* @__PURE__ */ O(S, {
+									label: I("botlit.mcpServers.form.descriptionLabel", "Description"),
+									children: /* @__PURE__ */ O(C, {
+										placeholder: I("botlit.mcpServers.form.descriptionPlaceholder", "What does this server do?"),
+										value: X.description,
+										onChange: (e) => Z({
+											...X,
 											description: e.target.value
 										})
 									})
 								}),
-								/* @__PURE__ */ E(b, {
-									label: P("botlit.mcpServers.form.transportLabel", "Transport"),
-									children: /* @__PURE__ */ D("select", {
+								/* @__PURE__ */ O(S, {
+									label: I("botlit.mcpServers.form.transportLabel", "Transport"),
+									children: /* @__PURE__ */ k("select", {
 										className: "flex h-10 w-full rounded-md border border-border-default bg-bg-surface px-3 py-2 text-sm",
-										value: J.transport,
-										onChange: (e) => Y({
-											...J,
+										value: X.transport,
+										onChange: (e) => Z({
+											...X,
 											transport: e.target.value
 										}),
 										children: [
-											/* @__PURE__ */ E("option", {
+											/* @__PURE__ */ O("option", {
 												value: "HTTP_JSON",
 												children: "HTTP JSON"
 											}),
-											/* @__PURE__ */ E("option", {
+											/* @__PURE__ */ O("option", {
 												value: "JSON_RPC",
 												children: "JSON RPC"
 											}),
-											/* @__PURE__ */ E("option", {
+											/* @__PURE__ */ O("option", {
 												value: "SSE",
 												children: "Server-Sent Events"
 											}),
-											/* @__PURE__ */ E("option", {
+											/* @__PURE__ */ O("option", {
 												value: "CUSTOM",
 												children: "Custom"
 											})
 										]
 									})
 								}),
-								/* @__PURE__ */ E(b, {
-									label: P("botlit.mcpServers.form.baseUrlLabel", "Base URL"),
+								/* @__PURE__ */ O(S, {
+									label: I("botlit.mcpServers.form.baseUrlLabel", "Base URL"),
 									required: !0,
-									children: /* @__PURE__ */ E(x, {
-										placeholder: P("botlit.mcpServers.form.baseUrlPlaceholder", "e.g., https://mcp.example.com"),
-										value: J.baseUrl,
-										onChange: (e) => Y({
-											...J,
+									children: /* @__PURE__ */ O(C, {
+										placeholder: I("botlit.mcpServers.form.baseUrlPlaceholder", "e.g., https://mcp.example.com"),
+										value: X.baseUrl,
+										onChange: (e) => Z({
+											...X,
 											baseUrl: e.target.value
 										})
 									})
 								}),
-								/* @__PURE__ */ D("div", {
+								/* @__PURE__ */ k("div", {
 									className: "flex justify-end gap-2 pt-4",
-									children: [/* @__PURE__ */ E(g, {
+									children: [/* @__PURE__ */ O(p, {
 										variant: "outline",
-										onClick: () => q(!1),
-										children: P("botlit.mcpServers.actions.cancel", "Cancel")
-									}), /* @__PURE__ */ E(g, {
-										onClick: X,
-										isLoading: V.loading,
-										disabled: !J.name || !J.baseUrl,
-										children: P("botlit.mcpServers.actions.connect", "Connect")
+										onClick: () => Y(!1),
+										children: I("botlit.mcpServers.actions.cancel", "Cancel")
+									}), /* @__PURE__ */ O(p, {
+										onClick: Q,
+										isLoading: U.loading,
+										disabled: !X.name || !X.baseUrl,
+										children: I("botlit.mcpServers.actions.connect", "Connect")
 									})]
 								})
 							]
@@ -321,6 +336,6 @@ var P = () => {
 	});
 };
 //#endregion
-export { P as MCPServersPage };
+export { I as MCPServersPage };
 
 //# sourceMappingURL=MCPServersPage.js.map

package/dist/botlit/pages/MCPServersPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"MCPServersPage.js","names":[],"sources":["../../../src/botlit/pages/MCPServersPage.tsx"],"sourcesContent":["/**\n * MCP Servers Page\n * @module botlit/pages\n */\n\nimport type { FC } from 'react';\nimport { useState } from 'react';\nimport { useBotlit } from '../providers/BotlitProvider';\nimport { Plus, Plug, PlugZap, Settings, Trash2 } from 'lucide-react';\nimport { toast } from 'sonner';\nimport { useTr } from '../../shared/hooks/useTr';\nimport { PagePurpose, GlassCard } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../components/PageLayout';\nimport { Card, CardHeader, CardTitle, CardContent, CardDescription } from '../components/Card';\nimport { Button } from '../components/Button';\nimport { Input, FormField } from '../components/Input';\nimport { Badge, StatusBadge } from '../components/Badge';\nimport { EmptyState } from '../components/EmptyState';\nimport { ErrorState } from '../components/ErrorState';\nimport {\n  useMCPServers,\n  useCreateMCPServer,\n  useDeleteMCPServer,\n  useTestMCPConnection,\n  isMCPServerHealthy,\n  mcpServerDescription,\n  mcpServerEndpoint,\n  type MCPServerRecord,\n} from '../hooks/useMCPServers';\nimport { formatRelativeTime } from '../utils/formatters';\nimport type { MCPTransport } from '../types';\n\nexport const MCPServersPage: FC = () => {\n  const t = useTr();\n  const { navigateTo } = useBotlit();\n  const { data: servers, loading, error, refetch } = useMCPServers();\n  const [connectServer, connectResult] = useCreateMCPServer();\n  const [deleteServer, deleteResult] = useDeleteMCPServer();\n  const [testConnection, testResult] = useTestMCPConnection();\n  const [showAddModal, setShowAddModal] = useState(false);\n  const [newServer, setNewServer] = useState({\n    name: '',\n    description: '',\n    transport: 'HTTP_JSON' as MCPTransport,\n    baseUrl: '',\n  });\n\n  const handleConnect = async () => {\n    if (!newServer.name || !newServer.baseUrl) return;\n\n    try {\n      await connectServer({\n        name: newServer.name,\n        type: newServer.transport,\n        config: {\n          url: newServer.baseUrl,\n          description: newServer.description,\n        },\n      });\n    } catch (err) {\n      // Keep the dialog open so the operator can correct and retry — closing it\n      // here is what made failed writes look like successes.\n      toast.error(\n        err instanceof Error\n          ? err.message\n          : t('botlit.mcpServers.toast.connectError', 'Failed to connect MCP server')\n      );\n      return;\n    }\n\n    toast.success(\n      t('botlit.mcpServers.toast.connectSuccess', 'Connected \"{{name}}\"', {\n        name: newServer.name,\n      })\n    );\n    void refetch();\n    setNewServer({ name: '', description: '', transport: 'HTTP_JSON', baseUrl: '' });\n    setShowAddModal(false);\n  };\n\n  const handleDisconnect = async (server: MCPServerRecord) => {\n    try {\n      await deleteServer(server.id);\n      toast.success(\n        t('botlit.mcpServers.toast.disconnectSuccess', 'Disconnected \"{{name}}\"', {\n          name: server.name,\n        })\n      );\n      void refetch();\n    } catch (err) {\n      toast.error(\n        err instanceof Error\n          ? err.message\n          : t('botlit.mcpServers.toast.disconnectError', 'Failed to disconnect MCP server')\n      );\n    }\n  };\n\n  const handleTest = async (server: MCPServerRecord) => {\n    try {\n      const ok = await testConnection(server.id);\n      if (ok) {\n        toast.success(\n          t('botlit.mcpServers.toast.reachable', '\"{{name}}\" is reachable', {\n            name: server.name,\n          })\n        );\n      } else {\n        toast.error(\n          t('botlit.mcpServers.toast.unreachable', '\"{{name}}\" did not respond', {\n            name: server.name,\n          })\n        );\n      }\n      void refetch();\n    } catch (err) {\n      toast.error(\n        err instanceof Error\n          ? err.message\n          : t('botlit.mcpServers.toast.testError', 'Failed to test MCP connection')\n      );\n    }\n  };\n\n  return (\n    <PageLayout\n      title={t('botlit.mcpServers.title', 'MCP Servers')}\n      description={t(\n        'botlit.mcpServers.description',\n        'Connect Model Context Protocol servers to extend agent capabilities'\n      )}\n      actions={\n        <Button leftIcon={<Plus size={16} />} onClick={() => setShowAddModal(true)}>\n          {t('botlit.mcpServers.actions.add', 'Add MCP Server')}\n        </Button>\n      }\n    >\n      <div className=\"space-y-6\">\n        <PagePurpose icon={<Plug size={18} />}>\n          {t(\n            'botlit.mcpServers.purpose',\n            'MCP (Model Context Protocol) servers are how your agents reach the outside world — they expose real tools an agent can call, like searching the web, reading a GitHub repo, querying a database or posting to Slack. Connect a server here and its tools become available to your agents (gated by your tool policies), turning a chatbot into something that can take action.'\n          )}\n        </PagePurpose>\n\n        {/* Server List */}\n        {loading ? (\n          <div className=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n            {[1, 2, 3].map((i) => (\n              <div\n                key={i}\n                className=\"h-48 bg-bg-sunken motion-safe:animate-vc-shimmer rounded-lg\"\n              />\n            ))}\n          </div>\n        ) : error ? (\n          <ErrorState resource=\"MCP servers\" error={error} onRetry={() => void refetch()} />\n        ) : servers.length > 0 ? (\n          <div className=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n            {servers.map((server: MCPServerRecord) => (\n              <Card key={server.id}>\n                <CardHeader className=\"flex flex-row items-start justify-between\">\n                  <div className=\"flex items-start gap-3\">\n                    <div\n                      className={`p-2 rounded-lg ${\n                        isMCPServerHealthy(server.status)\n                          ? 'bg-status-success-bg-subtle'\n                          : 'bg-bg-sunken'\n                      }`}\n                    >\n                      {isMCPServerHealthy(server.status) ? (\n                        <PlugZap className=\"h-5 w-5 text-status-success-text\" />\n                      ) : (\n                        <Plug className=\"h-5 w-5 text-text-secondary\" />\n                      )}\n                    </div>\n                    <div>\n                      <CardTitle className=\"text-base\">{server.name}</CardTitle>\n                      <CardDescription>{mcpServerDescription(server)}</CardDescription>\n                    </div>\n                  </div>\n                  <StatusBadge status={server.status} />\n                </CardHeader>\n                <CardContent>\n                  <div className=\"space-y-4\">\n                    {/* Transport Info */}\n                    <div className=\"flex flex-wrap items-center gap-4 text-sm\">\n                      <Badge variant=\"outline\" className=\"capitalize\">\n                        {server.type.toLowerCase().replace('_', ' ')}\n                      </Badge>\n                      {server.lastConnectedAt && (\n                        <span className=\"text-text-secondary\">\n                          {t('botlit.botsList.createdLabel', 'Created')}{' '}\n                          {formatRelativeTime(server.lastConnectedAt)}\n                        </span>\n                      )}\n                    </div>\n\n                    {/* Endpoint */}\n                    {mcpServerEndpoint(server) && (\n                      <p className=\"truncate text-sm text-text-secondary\">\n                        {mcpServerEndpoint(server)}\n                      </p>\n                    )}\n\n                    {server.errorMessage && (\n                      <p className=\"text-sm text-status-error-text\">{server.errorMessage}</p>\n                    )}\n\n                    {/* Actions */}\n                    <div className=\"flex items-center gap-2 pt-2 border-t border-border-subtle\">\n                      <Button\n                        variant=\"outline\"\n                        size=\"sm\"\n                        onClick={() => void handleTest(server)}\n                        isLoading={testResult.loading}\n                      >\n                        {t('botlit.mcpServers.actions.testConnection', 'Test connection')}\n                      </Button>\n                      <Button\n                        variant=\"ghost\"\n                        size=\"sm\"\n                        leftIcon={<Settings size={14} />}\n                        onClick={() => navigateTo(`mcp/${server.id}`)}\n                      >\n                        {t('botlit.mcpServers.actions.configure', 'Configure')}\n                      </Button>\n                      <Button\n                        variant=\"ghost\"\n                        size=\"icon\"\n                        className=\"ml-auto\"\n                        aria-label={`Disconnect ${server.name}`}\n                        onClick={() => void handleDisconnect(server)}\n                        isLoading={deleteResult.loading}\n                      >\n                        <Trash2 size={16} />\n                      </Button>\n                    </div>\n                  </div>\n                </CardContent>\n              </Card>\n            ))}\n          </div>\n        ) : (\n          <EmptyState\n            illustration=\"empty-generic\"\n            title={t('botlit.mcpServers.empty.title', 'No MCP servers connected')}\n            description={t(\n              'botlit.mcpServers.empty.description',\n              'Connect MCP servers to give your agents access to external tools and resources.'\n            )}\n            action={\n              <Button leftIcon={<Plus size={16} />} onClick={() => setShowAddModal(true)}>\n                {t('botlit.mcpServers.actions.add', 'Add MCP Server')}\n              </Button>\n            }\n          />\n        )}\n\n        {/* Available MCP Servers */}\n        <GlassCard treatment=\"glass\" glow className=\"p-6\">\n          <div className=\"mb-4\">\n            <h2 className=\"text-lg font-semibold tracking-tight text-text-primary\">\n              {t('botlit.mcpServers.presets.title', 'Popular MCP Servers')}\n            </h2>\n            <p className=\"text-sm text-text-secondary\">\n              {t('botlit.mcpServers.presets.description', 'Quick-add common MCP servers')}\n            </p>\n          </div>\n          <div className=\"grid grid-cols-1 md:grid-cols-3 gap-4\">\n            {[\n              {\n                name: t('botlit.mcpServers.presets.github', 'GitHub'),\n                description: t(\n                  'botlit.mcpServers.presets.githubDesc',\n                  'Repository management and code operations'\n                ),\n                baseUrl: 'https://mcp.github.com',\n              },\n              {\n                name: t('botlit.mcpServers.presets.filesystem', 'Filesystem'),\n                description: t(\n                  'botlit.mcpServers.presets.filesystemDesc',\n                  'Local file system access'\n                ),\n                baseUrl: 'http://localhost:3001',\n              },\n              {\n                name: t('botlit.mcpServers.presets.braveSearch', 'Brave Search'),\n                description: t(\n                  'botlit.mcpServers.presets.braveSearchDesc',\n                  'Web search capabilities'\n                ),\n                baseUrl: 'https://mcp.search.brave.com',\n              },\n              {\n                name: t('botlit.mcpServers.presets.postgres', 'PostgreSQL'),\n                description: t(\n                  'botlit.mcpServers.presets.postgresDesc',\n                  'Database queries and management'\n                ),\n                baseUrl: 'http://localhost:3002',\n              },\n              {\n                name: t('botlit.mcpServers.presets.slack', 'Slack'),\n                description: t(\n                  'botlit.mcpServers.presets.slackDesc',\n                  'Slack messaging integration'\n                ),\n                baseUrl: 'https://mcp.slack.com',\n              },\n              {\n                name: t('botlit.mcpServers.presets.puppeteer', 'Puppeteer'),\n                description: t('botlit.mcpServers.presets.puppeteerDesc', 'Browser automation'),\n                baseUrl: 'http://localhost:3003',\n              },\n            ].map((preset) => (\n              <button\n                key={preset.name}\n                className=\"p-4 text-left border border-border-subtle rounded-lg hover:bg-accent transition-colors\"\n                onClick={() => {\n                  setNewServer({\n                    name: preset.name,\n                    description: preset.description,\n                    transport: 'HTTP_JSON',\n                    baseUrl: preset.baseUrl,\n                  });\n                  setShowAddModal(true);\n                }}\n              >\n                <p className=\"font-medium\">{preset.name}</p>\n                <p className=\"text-sm text-text-secondary mt-1\">{preset.description}</p>\n              </button>\n            ))}\n          </div>\n        </GlassCard>\n\n        {/* Add Server Modal */}\n        {showAddModal && (\n          <div className=\"fixed inset-0 bg-black/50 flex items-center justify-center z-50\">\n            <Card className=\"w-full max-w-lg\">\n              <CardHeader>\n                <CardTitle>{t('botlit.mcpServers.form.title', 'Add MCP Server')}</CardTitle>\n                <CardDescription>\n                  {t('botlit.mcpServers.form.description', 'Connect a new MCP server')}\n                </CardDescription>\n              </CardHeader>\n              <CardContent className=\"space-y-4\">\n                <FormField label={t('botlit.mcpServers.form.nameLabel', 'Server Name')} required>\n                  <Input\n                    placeholder={t('botlit.mcpServers.form.namePlaceholder', 'e.g., GitHub')}\n                    value={newServer.name}\n                    onChange={(e) => setNewServer({ ...newServer, name: e.target.value })}\n                  />\n                </FormField>\n                <FormField label={t('botlit.mcpServers.form.descriptionLabel', 'Description')}>\n                  <Input\n                    placeholder={t(\n                      'botlit.mcpServers.form.descriptionPlaceholder',\n                      'What does this server do?'\n                    )}\n                    value={newServer.description}\n                    onChange={(e) => setNewServer({ ...newServer, description: e.target.value })}\n                  />\n                </FormField>\n                <FormField label={t('botlit.mcpServers.form.transportLabel', 'Transport')}>\n                  <select\n                    className=\"flex h-10 w-full rounded-md border border-border-default bg-bg-surface px-3 py-2 text-sm\"\n                    value={newServer.transport}\n                    onChange={(e) =>\n                      setNewServer({ ...newServer, transport: e.target.value as MCPTransport })\n                    }\n                  >\n                    <option value=\"HTTP_JSON\">HTTP JSON</option>\n                    <option value=\"JSON_RPC\">JSON RPC</option>\n                    <option value=\"SSE\">Server-Sent Events</option>\n                    <option value=\"CUSTOM\">Custom</option>\n                  </select>\n                </FormField>\n                <FormField label={t('botlit.mcpServers.form.baseUrlLabel', 'Base URL')} required>\n                  <Input\n                    placeholder={t(\n                      'botlit.mcpServers.form.baseUrlPlaceholder',\n                      'e.g., https://mcp.example.com'\n                    )}\n                    value={newServer.baseUrl}\n                    onChange={(e) => setNewServer({ ...newServer, baseUrl: e.target.value })}\n                  />\n                </FormField>\n                <div className=\"flex justify-end gap-2 pt-4\">\n                  <Button variant=\"outline\" onClick={() => setShowAddModal(false)}>\n                    {t('botlit.mcpServers.actions.cancel', 'Cancel')}\n                  </Button>\n                  <Button\n                    onClick={handleConnect}\n                    isLoading={connectResult.loading}\n                    disabled={!newServer.name || !newServer.baseUrl}\n                  >\n                    {t('botlit.mcpServers.actions.connect', 'Connect')}\n                  </Button>\n                </div>\n              </CardContent>\n            </Card>\n          </div>\n        )}\n      </div>\n    </PageLayout>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;AAgCA,IAAa,UAA2B;CACtC,IAAM,IAAI,GAAO,EACX,EAAE,kBAAe,GAAW,EAC5B,EAAE,MAAM,GAAS,YAAS,UAAO,eAAY,GAAe,EAC5D,CAAC,GAAe,KAAiB,GAAoB,EACrD,CAAC,GAAc,KAAgB,GAAoB,EACnD,CAAC,GAAgB,KAAc,GAAsB,EACrD,CAAC,GAAc,KAAmB,EAAS,GAAM,EACjD,CAAC,GAAW,KAAgB,EAAS;EACzC,MAAM;EACN,aAAa;EACb,WAAW;EACX,SAAS;EACV,CAAC,EAEI,IAAgB,YAAY;AAC5B,SAAC,EAAU,QAAQ,CAAC,EAAU,UAElC;OAAI;AACF,UAAM,EAAc;KAClB,MAAM,EAAU;KAChB,MAAM,EAAU;KAChB,QAAQ;MACN,KAAK,EAAU;MACf,aAAa,EAAU;MACxB;KACF,CAAC;YACK,GAAK;AAGZ,MAAM,MACJ,aAAe,QACX,EAAI,UACJ,EAAE,wCAAwC,+BAA+B,CAC9E;AACD;;AAUF,GAPA,EAAM,QACJ,EAAE,0CAA0C,0BAAwB,EAClE,MAAM,EAAU,MACjB,CAAC,CACH,EACI,GAAS,EACd,EAAa;IAAE,MAAM;IAAI,aAAa;IAAI,WAAW;IAAa,SAAS;IAAI,CAAC,EAChF,EAAgB,GAAM;;IAGlB,IAAmB,OAAO,MAA4B;AAC1D,MAAI;AAOG,GANL,MAAM,EAAa,EAAO,GAAG,EAC7B,EAAM,QACJ,EAAE,6CAA6C,6BAA2B,EACxE,MAAM,EAAO,MACd,CAAC,CACH,EACI,GAAS;WACP,GAAK;AACZ,KAAM,MACJ,aAAe,QACX,EAAI,UACJ,EAAE,2CAA2C,kCAAkC,CACpF;;IAIC,IAAa,OAAO,MAA4B;AACpD,MAAI;AAeG,GAdM,MAAM,EAAe,EAAO,GAAG,GAExC,EAAM,QACJ,EAAE,qCAAqC,6BAA2B,EAChE,MAAM,EAAO,MACd,CAAC,CACH,GAED,EAAM,MACJ,EAAE,uCAAuC,gCAA8B,EACrE,MAAM,EAAO,MACd,CAAC,CACH,EAEE,GAAS;WACP,GAAK;AACZ,KAAM,MACJ,aAAe,QACX,EAAI,UACJ,EAAE,qCAAqC,gCAAgC,CAC5E;;;AAIL,QACE,kBAAC,GAAD;EACE,OAAO,EAAE,2BAA2B,cAAc;EAClD,aAAa,EACX,iCACA,sEACD;EACD,SACE,kBAAC,GAAD;GAAQ,UAAU,kBAAC,GAAD,EAAM,MAAM,IAAM,CAAA;GAAE,eAAe,EAAgB,GAAK;aACvE,EAAE,iCAAiC,iBAAiB;GAC9C,CAAA;YAGX,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,GAAD;KAAa,MAAM,kBAAC,GAAD,EAAM,MAAM,IAAM,CAAA;eAClC,EACC,6BACA,iXACD;KACW,CAAA;IAGb,IACC,kBAAC,OAAD;KAAK,WAAU;eACZ;MAAC;MAAG;MAAG;MAAE,CAAC,KAAK,MACd,kBAAC,OAAD,EAEE,WAAU,+DACV,EAFK,EAEL,CACF;KACE,CAAA,GACJ,IACF,kBAAC,GAAD;KAAY,UAAS;KAAqB;KAAO,eAAe,KAAK,GAAS;KAAI,CAAA,GAChF,EAAQ,SAAS,IACnB,kBAAC,OAAD;KAAK,WAAU;eACZ,EAAQ,KAAK,MACZ,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;MAAY,WAAU;gBAAtB,CACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,OAAD;QACE,WAAW,kBACT,EAAmB,EAAO,OAAO,GAC7B,gCACA;kBAGL,EAAmB,EAAO,OAAO,GAChC,kBAAC,GAAD,EAAS,WAAU,oCAAqC,CAAA,GAExD,kBAAC,GAAD,EAAM,WAAU,+BAAgC,CAAA;QAE9C,CAAA,EACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,GAAD;QAAW,WAAU;kBAAa,EAAO;QAAiB,CAAA,EAC1D,kBAAC,GAAD,EAAA,UAAkB,EAAqB,EAAO,EAAmB,CAAA,CAC7D,EAAA,CAAA,CACF;UACN,kBAAC,GAAD,EAAa,QAAQ,EAAO,QAAU,CAAA,CAC3B;SACb,kBAAC,GAAD,EAAA,UACE,kBAAC,OAAD;MAAK,WAAU;gBAAf;OAEE,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,GAAD;SAAO,SAAQ;SAAU,WAAU;mBAChC,EAAO,KAAK,aAAa,CAAC,QAAQ,KAAK,IAAI;SACtC,CAAA,EACP,EAAO,mBACN,kBAAC,QAAD;SAAM,WAAU;mBAAhB;UACG,EAAE,gCAAgC,UAAU;UAAE;UAC9C,EAAmB,EAAO,gBAAgB;UACtC;WAEL;;OAGL,EAAkB,EAAO,IACxB,kBAAC,KAAD;QAAG,WAAU;kBACV,EAAkB,EAAO;QACxB,CAAA;OAGL,EAAO,gBACN,kBAAC,KAAD;QAAG,WAAU;kBAAkC,EAAO;QAAiB,CAAA;OAIzE,kBAAC,OAAD;QAAK,WAAU;kBAAf;SACE,kBAAC,GAAD;UACE,SAAQ;UACR,MAAK;UACL,eAAe,KAAK,EAAW,EAAO;UACtC,WAAW,EAAW;oBAErB,EAAE,4CAA4C,kBAAkB;UAC1D,CAAA;SACT,kBAAC,GAAD;UACE,SAAQ;UACR,MAAK;UACL,UAAU,kBAAC,GAAD,EAAU,MAAM,IAAM,CAAA;UAChC,eAAe,EAAW,OAAO,EAAO,KAAK;oBAE5C,EAAE,uCAAuC,YAAY;UAC/C,CAAA;SACT,kBAAC,GAAD;UACE,SAAQ;UACR,MAAK;UACL,WAAU;UACV,cAAY,cAAc,EAAO;UACjC,eAAe,KAAK,EAAiB,EAAO;UAC5C,WAAW,EAAa;oBAExB,kBAAC,GAAD,EAAQ,MAAM,IAAM,CAAA;UACb,CAAA;SACL;;OACF;SACM,CAAA,CACT,EAAA,EAhFI,EAAO,GAgFX,CACP;KACE,CAAA,GAEN,kBAAC,GAAD;KACE,cAAa;KACb,OAAO,EAAE,iCAAiC,2BAA2B;KACrE,aAAa,EACX,uCACA,kFACD;KACD,QACE,kBAAC,GAAD;MAAQ,UAAU,kBAAC,GAAD,EAAM,MAAM,IAAM,CAAA;MAAE,eAAe,EAAgB,GAAK;gBACvE,EAAE,iCAAiC,iBAAiB;MAC9C,CAAA;KAEX,CAAA;IAIJ,kBAAC,GAAD;KAAW,WAAU;KAAQ,MAAA;KAAK,WAAU;eAA5C,CACE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,MAAD;OAAI,WAAU;iBACX,EAAE,mCAAmC,sBAAsB;OACzD,CAAA,EACL,kBAAC,KAAD;OAAG,WAAU;iBACV,EAAE,yCAAyC,+BAA+B;OACzE,CAAA,CACA;SACN,kBAAC,OAAD;MAAK,WAAU;gBACZ;OACC;QACE,MAAM,EAAE,oCAAoC,SAAS;QACrD,aAAa,EACX,wCACA,4CACD;QACD,SAAS;QACV;OACD;QACE,MAAM,EAAE,wCAAwC,aAAa;QAC7D,aAAa,EACX,4CACA,2BACD;QACD,SAAS;QACV;OACD;QACE,MAAM,EAAE,yCAAyC,eAAe;QAChE,aAAa,EACX,6CACA,0BACD;QACD,SAAS;QACV;OACD;QACE,MAAM,EAAE,sCAAsC,aAAa;QAC3D,aAAa,EACX,0CACA,kCACD;QACD,SAAS;QACV;OACD;QACE,MAAM,EAAE,mCAAmC,QAAQ;QACnD,aAAa,EACX,uCACA,8BACD;QACD,SAAS;QACV;OACD;QACE,MAAM,EAAE,uCAAuC,YAAY;QAC3D,aAAa,EAAE,2CAA2C,qBAAqB;QAC/E,SAAS;QACV;OACF,CAAC,KAAK,MACL,kBAAC,UAAD;OAEE,WAAU;OACV,eAAe;AAOb,QANA,EAAa;SACX,MAAM,EAAO;SACb,aAAa,EAAO;SACpB,WAAW;SACX,SAAS,EAAO;SACjB,CAAC,EACF,EAAgB,GAAK;;iBAVzB,CAaE,kBAAC,KAAD;QAAG,WAAU;kBAAe,EAAO;QAAS,CAAA,EAC5C,kBAAC,KAAD;QAAG,WAAU;kBAAoC,EAAO;QAAgB,CAAA,CACjE;SAdF,EAAO,KAcL,CACT;MACE,CAAA,CACI;;IAGX,KACC,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,GAAD;MAAM,WAAU;gBAAhB,CACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UAAY,EAAE,gCAAgC,iBAAiB,EAAa,CAAA,EAC5E,kBAAC,GAAD,EAAA,UACG,EAAE,sCAAsC,2BAA2B,EACpD,CAAA,CACP,EAAA,CAAA,EACb,kBAAC,GAAD;OAAa,WAAU;iBAAvB;QACE,kBAAC,GAAD;SAAW,OAAO,EAAE,oCAAoC,cAAc;SAAE,UAAA;mBACtE,kBAAC,GAAD;UACE,aAAa,EAAE,0CAA0C,eAAe;UACxE,OAAO,EAAU;UACjB,WAAW,MAAM,EAAa;WAAE,GAAG;WAAW,MAAM,EAAE,OAAO;WAAO,CAAC;UACrE,CAAA;SACQ,CAAA;QACZ,kBAAC,GAAD;SAAW,OAAO,EAAE,2CAA2C,cAAc;mBAC3E,kBAAC,GAAD;UACE,aAAa,EACX,iDACA,4BACD;UACD,OAAO,EAAU;UACjB,WAAW,MAAM,EAAa;WAAE,GAAG;WAAW,aAAa,EAAE,OAAO;WAAO,CAAC;UAC5E,CAAA;SACQ,CAAA;QACZ,kBAAC,GAAD;SAAW,OAAO,EAAE,yCAAyC,YAAY;mBACvE,kBAAC,UAAD;UACE,WAAU;UACV,OAAO,EAAU;UACjB,WAAW,MACT,EAAa;WAAE,GAAG;WAAW,WAAW,EAAE,OAAO;WAAuB,CAAC;oBAJ7E;WAOE,kBAAC,UAAD;YAAQ,OAAM;sBAAY;YAAkB,CAAA;WAC5C,kBAAC,UAAD;YAAQ,OAAM;sBAAW;YAAiB,CAAA;WAC1C,kBAAC,UAAD;YAAQ,OAAM;sBAAM;YAA2B,CAAA;WAC/C,kBAAC,UAAD;YAAQ,OAAM;sBAAS;YAAe,CAAA;WAC/B;;SACC,CAAA;QACZ,kBAAC,GAAD;SAAW,OAAO,EAAE,uCAAuC,WAAW;SAAE,UAAA;mBACtE,kBAAC,GAAD;UACE,aAAa,EACX,6CACA,gCACD;UACD,OAAO,EAAU;UACjB,WAAW,MAAM,EAAa;WAAE,GAAG;WAAW,SAAS,EAAE,OAAO;WAAO,CAAC;UACxE,CAAA;SACQ,CAAA;QACZ,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,GAAD;UAAQ,SAAQ;UAAU,eAAe,EAAgB,GAAM;oBAC5D,EAAE,oCAAoC,SAAS;UACzC,CAAA,EACT,kBAAC,GAAD;UACE,SAAS;UACT,WAAW,EAAc;UACzB,UAAU,CAAC,EAAU,QAAQ,CAAC,EAAU;oBAEvC,EAAE,qCAAqC,UAAU;UAC3C,CAAA,CACL;;QACM;SACT;;KACH,CAAA;IAEJ;;EACK,CAAA"}
+{"version":3,"file":"MCPServersPage.js","names":[],"sources":["../../../src/botlit/pages/MCPServersPage.tsx"],"sourcesContent":["/**\n * MCP Servers Page\n * @module botlit/pages\n */\n\nimport type { FC } from 'react';\nimport { useState } from 'react';\nimport { useBotlit } from '../providers/BotlitProvider';\nimport { Plus, Plug, PlugZap, Settings, Trash2 } from 'lucide-react';\nimport { toast } from 'sonner';\nimport { useTr } from '../../shared/hooks/useTr';\nimport { PagePurpose, GlassCard } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../components/PageLayout';\nimport { Card, CardHeader, CardTitle, CardContent, CardDescription } from '../components/Card';\nimport { Button } from '../components/Button';\nimport { Input, FormField } from '../components/Input';\nimport { Badge, StatusBadge } from '../components/Badge';\nimport { EmptyState } from '../components/EmptyState';\nimport { ErrorState } from '../components/ErrorState';\nimport {\n  useMCPServers,\n  useCreateMCPServer,\n  useDeleteMCPServer,\n  useTestMCPConnection,\n  isMCPServerHealthy,\n  mcpServerDescription,\n  mcpServerEndpoint,\n  type MCPServerRecord,\n} from '../hooks/useMCPServers';\nimport { formatRelativeTime } from '../utils/formatters';\nimport type { MCPTransport } from '../types';\nimport { BOTMANOR_PERMISSIONS, BotmanorPermissionGate } from '../permissions';\n\nexport const MCPServersPage: FC = () => {\n  const t = useTr();\n  const { navigateTo } = useBotlit();\n  const { data: servers, loading, error, refetch } = useMCPServers();\n  const [connectServer, connectResult] = useCreateMCPServer();\n  const [deleteServer, deleteResult] = useDeleteMCPServer();\n  const [testConnection, testResult] = useTestMCPConnection();\n  const [showAddModal, setShowAddModal] = useState(false);\n  const [newServer, setNewServer] = useState({\n    name: '',\n    description: '',\n    transport: 'HTTP_JSON' as MCPTransport,\n    baseUrl: '',\n  });\n\n  const handleConnect = async () => {\n    if (!newServer.name || !newServer.baseUrl) return;\n\n    try {\n      await connectServer({\n        name: newServer.name,\n        type: newServer.transport,\n        config: {\n          url: newServer.baseUrl,\n          description: newServer.description,\n        },\n      });\n    } catch (err) {\n      // Keep the dialog open so the operator can correct and retry — closing it\n      // here is what made failed writes look like successes.\n      toast.error(\n        err instanceof Error\n          ? err.message\n          : t('botlit.mcpServers.toast.connectError', 'Failed to connect MCP server')\n      );\n      return;\n    }\n\n    toast.success(\n      t('botlit.mcpServers.toast.connectSuccess', 'Connected \"{{name}}\"', {\n        name: newServer.name,\n      })\n    );\n    void refetch();\n    setNewServer({ name: '', description: '', transport: 'HTTP_JSON', baseUrl: '' });\n    setShowAddModal(false);\n  };\n\n  const handleDisconnect = async (server: MCPServerRecord) => {\n    try {\n      await deleteServer(server.id);\n      toast.success(\n        t('botlit.mcpServers.toast.disconnectSuccess', 'Disconnected \"{{name}}\"', {\n          name: server.name,\n        })\n      );\n      void refetch();\n    } catch (err) {\n      toast.error(\n        err instanceof Error\n          ? err.message\n          : t('botlit.mcpServers.toast.disconnectError', 'Failed to disconnect MCP server')\n      );\n    }\n  };\n\n  const handleTest = async (server: MCPServerRecord) => {\n    try {\n      const ok = await testConnection(server.id);\n      if (ok) {\n        toast.success(\n          t('botlit.mcpServers.toast.reachable', '\"{{name}}\" is reachable', {\n            name: server.name,\n          })\n        );\n      } else {\n        toast.error(\n          t('botlit.mcpServers.toast.unreachable', '\"{{name}}\" did not respond', {\n            name: server.name,\n          })\n        );\n      }\n      void refetch();\n    } catch (err) {\n      toast.error(\n        err instanceof Error\n          ? err.message\n          : t('botlit.mcpServers.toast.testError', 'Failed to test MCP connection')\n      );\n    }\n  };\n\n  return (\n    <PageLayout\n      title={t('botlit.mcpServers.title', 'MCP Servers')}\n      description={t(\n        'botlit.mcpServers.description',\n        'Connect Model Context Protocol servers to extend agent capabilities'\n      )}\n      actions={\n        <BotmanorPermissionGate permission={BOTMANOR_PERMISSIONS.MCP_CREATE}>\n          <Button leftIcon={<Plus size={16} />} onClick={() => setShowAddModal(true)}>\n            {t('botlit.mcpServers.actions.add', 'Add MCP Server')}\n          </Button>\n        </BotmanorPermissionGate>\n      }\n    >\n      <div className=\"space-y-6\">\n        <PagePurpose icon={<Plug size={18} />}>\n          {t(\n            'botlit.mcpServers.purpose',\n            'MCP (Model Context Protocol) servers are how your agents reach the outside world — they expose real tools an agent can call, like searching the web, reading a GitHub repo, querying a database or posting to Slack. Connect a server here and its tools become available to your agents (gated by your tool policies), turning a chatbot into something that can take action.'\n          )}\n        </PagePurpose>\n\n        {/* Server List */}\n        {loading ? (\n          <div className=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n            {[1, 2, 3].map((i) => (\n              <div\n                key={i}\n                className=\"h-48 bg-bg-sunken motion-safe:animate-vc-shimmer rounded-lg\"\n              />\n            ))}\n          </div>\n        ) : error ? (\n          <ErrorState resource=\"MCP servers\" error={error} onRetry={() => void refetch()} />\n        ) : servers.length > 0 ? (\n          <div className=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n            {servers.map((server: MCPServerRecord) => (\n              <Card key={server.id}>\n                <CardHeader className=\"flex flex-row items-start justify-between\">\n                  <div className=\"flex items-start gap-3\">\n                    <div\n                      className={`p-2 rounded-lg ${\n                        isMCPServerHealthy(server.status)\n                          ? 'bg-status-success-bg-subtle'\n                          : 'bg-bg-sunken'\n                      }`}\n                    >\n                      {isMCPServerHealthy(server.status) ? (\n                        <PlugZap className=\"h-5 w-5 text-status-success-text\" />\n                      ) : (\n                        <Plug className=\"h-5 w-5 text-text-secondary\" />\n                      )}\n                    </div>\n                    <div>\n                      <CardTitle className=\"text-base\">{server.name}</CardTitle>\n                      <CardDescription>{mcpServerDescription(server)}</CardDescription>\n                    </div>\n                  </div>\n                  <StatusBadge status={server.status} />\n                </CardHeader>\n                <CardContent>\n                  <div className=\"space-y-4\">\n                    {/* Transport Info */}\n                    <div className=\"flex flex-wrap items-center gap-4 text-sm\">\n                      <Badge variant=\"outline\" className=\"capitalize\">\n                        {server.type.toLowerCase().replace('_', ' ')}\n                      </Badge>\n                      {server.lastConnectedAt && (\n                        <span className=\"text-text-secondary\">\n                          {t('botlit.botsList.createdLabel', 'Created')}{' '}\n                          {formatRelativeTime(server.lastConnectedAt)}\n                        </span>\n                      )}\n                    </div>\n\n                    {/* Endpoint */}\n                    {mcpServerEndpoint(server) && (\n                      <p className=\"truncate text-sm text-text-secondary\">\n                        {mcpServerEndpoint(server)}\n                      </p>\n                    )}\n\n                    {server.errorMessage && (\n                      <p className=\"text-sm text-status-error-text\">{server.errorMessage}</p>\n                    )}\n\n                    {/* Actions */}\n                    <div className=\"flex items-center gap-2 pt-2 border-t border-border-subtle\">\n                      <BotmanorPermissionGate permission={BOTMANOR_PERMISSIONS.MCP_TEST}>\n                        <Button\n                          variant=\"outline\"\n                          size=\"sm\"\n                          onClick={() => void handleTest(server)}\n                          isLoading={testResult.loading}\n                        >\n                          {t('botlit.mcpServers.actions.testConnection', 'Test connection')}\n                        </Button>\n                      </BotmanorPermissionGate>\n                      <Button\n                        variant=\"ghost\"\n                        size=\"sm\"\n                        leftIcon={<Settings size={14} />}\n                        onClick={() => navigateTo(`mcp/${server.id}`)}\n                      >\n                        {t('botlit.mcpServers.actions.configure', 'Configure')}\n                      </Button>\n                      <BotmanorPermissionGate permission={BOTMANOR_PERMISSIONS.MCP_DELETE}>\n                        <Button\n                          variant=\"ghost\"\n                          size=\"icon\"\n                          className=\"ml-auto\"\n                          aria-label={`Disconnect ${server.name}`}\n                          onClick={() => void handleDisconnect(server)}\n                          isLoading={deleteResult.loading}\n                        >\n                          <Trash2 size={16} />\n                        </Button>\n                      </BotmanorPermissionGate>\n                    </div>\n                  </div>\n                </CardContent>\n              </Card>\n            ))}\n          </div>\n        ) : (\n          <EmptyState\n            illustration=\"empty-generic\"\n            title={t('botlit.mcpServers.empty.title', 'No MCP servers connected')}\n            description={t(\n              'botlit.mcpServers.empty.description',\n              'Connect MCP servers to give your agents access to external tools and resources.'\n            )}\n            action={\n              <BotmanorPermissionGate permission={BOTMANOR_PERMISSIONS.MCP_CREATE}>\n                <Button leftIcon={<Plus size={16} />} onClick={() => setShowAddModal(true)}>\n                  {t('botlit.mcpServers.actions.add', 'Add MCP Server')}\n                </Button>\n              </BotmanorPermissionGate>\n            }\n          />\n        )}\n\n        {/* Available MCP Servers */}\n        <GlassCard treatment=\"glass\" glow className=\"p-6\">\n          <div className=\"mb-4\">\n            <h2 className=\"text-lg font-semibold tracking-tight text-text-primary\">\n              {t('botlit.mcpServers.presets.title', 'Popular MCP Servers')}\n            </h2>\n            <p className=\"text-sm text-text-secondary\">\n              {t('botlit.mcpServers.presets.description', 'Quick-add common MCP servers')}\n            </p>\n          </div>\n          <div className=\"grid grid-cols-1 md:grid-cols-3 gap-4\">\n            {[\n              {\n                name: t('botlit.mcpServers.presets.github', 'GitHub'),\n                description: t(\n                  'botlit.mcpServers.presets.githubDesc',\n                  'Repository management and code operations'\n                ),\n                baseUrl: 'https://mcp.github.com',\n              },\n              {\n                name: t('botlit.mcpServers.presets.filesystem', 'Filesystem'),\n                description: t(\n                  'botlit.mcpServers.presets.filesystemDesc',\n                  'Local file system access'\n                ),\n                baseUrl: 'http://localhost:3001',\n              },\n              {\n                name: t('botlit.mcpServers.presets.braveSearch', 'Brave Search'),\n                description: t(\n                  'botlit.mcpServers.presets.braveSearchDesc',\n                  'Web search capabilities'\n                ),\n                baseUrl: 'https://mcp.search.brave.com',\n              },\n              {\n                name: t('botlit.mcpServers.presets.postgres', 'PostgreSQL'),\n                description: t(\n                  'botlit.mcpServers.presets.postgresDesc',\n                  'Database queries and management'\n                ),\n                baseUrl: 'http://localhost:3002',\n              },\n              {\n                name: t('botlit.mcpServers.presets.slack', 'Slack'),\n                description: t(\n                  'botlit.mcpServers.presets.slackDesc',\n                  'Slack messaging integration'\n                ),\n                baseUrl: 'https://mcp.slack.com',\n              },\n              {\n                name: t('botlit.mcpServers.presets.puppeteer', 'Puppeteer'),\n                description: t('botlit.mcpServers.presets.puppeteerDesc', 'Browser automation'),\n                baseUrl: 'http://localhost:3003',\n              },\n            ].map((preset) => (\n              <button\n                key={preset.name}\n                className=\"p-4 text-left border border-border-subtle rounded-lg hover:bg-accent transition-colors\"\n                onClick={() => {\n                  setNewServer({\n                    name: preset.name,\n                    description: preset.description,\n                    transport: 'HTTP_JSON',\n                    baseUrl: preset.baseUrl,\n                  });\n                  setShowAddModal(true);\n                }}\n              >\n                <p className=\"font-medium\">{preset.name}</p>\n                <p className=\"text-sm text-text-secondary mt-1\">{preset.description}</p>\n              </button>\n            ))}\n          </div>\n        </GlassCard>\n\n        {/* Add Server Modal */}\n        {showAddModal && (\n          <div className=\"fixed inset-0 bg-black/50 flex items-center justify-center z-50\">\n            <Card className=\"w-full max-w-lg\">\n              <CardHeader>\n                <CardTitle>{t('botlit.mcpServers.form.title', 'Add MCP Server')}</CardTitle>\n                <CardDescription>\n                  {t('botlit.mcpServers.form.description', 'Connect a new MCP server')}\n                </CardDescription>\n              </CardHeader>\n              <CardContent className=\"space-y-4\">\n                <FormField label={t('botlit.mcpServers.form.nameLabel', 'Server Name')} required>\n                  <Input\n                    placeholder={t('botlit.mcpServers.form.namePlaceholder', 'e.g., GitHub')}\n                    value={newServer.name}\n                    onChange={(e) => setNewServer({ ...newServer, name: e.target.value })}\n                  />\n                </FormField>\n                <FormField label={t('botlit.mcpServers.form.descriptionLabel', 'Description')}>\n                  <Input\n                    placeholder={t(\n                      'botlit.mcpServers.form.descriptionPlaceholder',\n                      'What does this server do?'\n                    )}\n                    value={newServer.description}\n                    onChange={(e) => setNewServer({ ...newServer, description: e.target.value })}\n                  />\n                </FormField>\n                <FormField label={t('botlit.mcpServers.form.transportLabel', 'Transport')}>\n                  <select\n                    className=\"flex h-10 w-full rounded-md border border-border-default bg-bg-surface px-3 py-2 text-sm\"\n                    value={newServer.transport}\n                    onChange={(e) =>\n                      setNewServer({ ...newServer, transport: e.target.value as MCPTransport })\n                    }\n                  >\n                    <option value=\"HTTP_JSON\">HTTP JSON</option>\n                    <option value=\"JSON_RPC\">JSON RPC</option>\n                    <option value=\"SSE\">Server-Sent Events</option>\n                    <option value=\"CUSTOM\">Custom</option>\n                  </select>\n                </FormField>\n                <FormField label={t('botlit.mcpServers.form.baseUrlLabel', 'Base URL')} required>\n                  <Input\n                    placeholder={t(\n                      'botlit.mcpServers.form.baseUrlPlaceholder',\n                      'e.g., https://mcp.example.com'\n                    )}\n                    value={newServer.baseUrl}\n                    onChange={(e) => setNewServer({ ...newServer, baseUrl: e.target.value })}\n                  />\n                </FormField>\n                <div className=\"flex justify-end gap-2 pt-4\">\n                  <Button variant=\"outline\" onClick={() => setShowAddModal(false)}>\n                    {t('botlit.mcpServers.actions.cancel', 'Cancel')}\n                  </Button>\n                  <Button\n                    onClick={handleConnect}\n                    isLoading={connectResult.loading}\n                    disabled={!newServer.name || !newServer.baseUrl}\n                  >\n                    {t('botlit.mcpServers.actions.connect', 'Connect')}\n                  </Button>\n                </div>\n              </CardContent>\n            </Card>\n          </div>\n        )}\n      </div>\n    </PageLayout>\n  );\n};\n"],"mappings":"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"}