@burdenoff/microfe-botmanor 2026.821.1 → 2026.925.1

package/dist/botlit/pages/MCPServersPage.js

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