@burdenoff/microfe-botmanor 2026.813.1

package/dist/botlit/pages/MCPServerDetailPage.js

@@ -0,0 +1,550 @@
+import { useBotlit as e } from "../providers/BotlitProvider.js";
+import { isMCPServerHealthy as t, mcpServerDescription as n, mcpServerEndpoint as r, useCreateMCPServer as i, useDeleteMCPServer as ee, useMCPResources as te, useMCPServer as a, useMCPTools as o, useTestMCPConnection as s, useUpdateMCPServer 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 ne } from "../components/Badge.js";
+import { isNative as v, nativeImpact as y, nativeNotify as b } from "../../utils/nativeBridge.js";
+import { EmptyState as x } from "../components/EmptyState.js";
+import { FormField as S, Input as C, Textarea as w } from "../components/Input.js";
+import "../hooks/index.js";
+import { useMemo as T, useState as E } from "react";
+import { GlassCard as re, PagePurpose as ie } from "@burdenoff/fe-libs/ui";
+import { Fragment as D, jsx as O, jsxs as k } from "react/jsx-runtime";
+import { useParams as ae } from "react-router";
+import { AlertTriangle as oe, ArrowLeft as se, CheckCircle as ce, Clock as le, Edit as ue, ExternalLink as de, Plug as A, PlugZap as j, RefreshCw as M, Save as N, Server as P, Settings as F, Trash2 as I, Wrench as L, XCircle as R } from "lucide-react";
+import { toast as z } from "sonner";
+//#region src/botlit/pages/MCPServerDetailPage.tsx
+function B(e, t) {
+	let n = e?.[t];
+	return typeof n == "string" && n !== "" ? n : void 0;
+}
+var V = ({ isNew: V }) => {
+	let { serverId: H } = ae(), { navigateTo: U } = e(), { data: W, loading: fe, refetch: G } = a(V ? void 0 : H), { data: K } = o(V ? void 0 : H), { data: q } = te(V ? void 0 : H), [pe, me] = i(), [he, ge] = c(), [_e, ve] = ee(), [ye, be] = s(), [xe, J] = E(!1), [Se, Y] = E(!1), [X, Z] = E({
+		name: "",
+		description: "",
+		transport: "HTTP_JSON",
+		baseUrl: "",
+		authMethod: "NONE",
+		secretRefId: ""
+	}), [Q, Ce] = E(null), $ = T(() => K.find((e) => e.name === Q) ?? null, [K, Q]), we = async () => {
+		if (!(!X.name || !X.baseUrl)) try {
+			let e = await pe({
+				name: X.name,
+				type: X.transport,
+				config: {
+					url: X.baseUrl,
+					description: X.description,
+					authMethod: X.authMethod,
+					secretRefId: X.secretRefId || void 0
+				}
+			});
+			z.success(`Connected "${e.name}"`), U(`mcp/${e.id}`);
+		} catch (e) {
+			z.error(e instanceof Error ? e.message : "Failed to connect MCP server");
+		}
+	}, Te = async () => {
+		if (H) try {
+			await ye(H) ? z.success("MCP server is reachable") : z.error("MCP server did not respond"), G();
+		} catch (e) {
+			z.error(e instanceof Error ? e.message : "Failed to test MCP connection");
+		}
+	}, Ee = async () => {
+		if (!(!H || !X.name)) try {
+			await he({
+				serverId: H,
+				input: {
+					name: X.name,
+					config: {
+						url: X.baseUrl,
+						description: X.description,
+						authMethod: X.authMethod,
+						secretRefId: X.secretRefId || void 0
+					}
+				}
+			}), z.success("MCP server updated"), G(), J(!1);
+		} catch (e) {
+			z.error(e instanceof Error ? e.message : "Failed to update MCP server");
+		}
+	}, De = async () => {
+		if (H) try {
+			await _e(H), v() && b("success"), z.success("MCP server disconnected"), U("mcp");
+		} catch (e) {
+			v() && b("error"), z.error(e instanceof Error ? e.message : "Failed to disconnect MCP server");
+		}
+	};
+	return V ? /* @__PURE__ */ O(u, {
+		title: "Add MCP Server",
+		description: "Connect a new Model Context Protocol server",
+		actions: /* @__PURE__ */ k("div", {
+			className: "flex gap-2",
+			children: [/* @__PURE__ */ O(g, {
+				variant: "outline",
+				onClick: () => U("mcp"),
+				children: "Cancel"
+			}), /* @__PURE__ */ O(g, {
+				leftIcon: /* @__PURE__ */ O(N, { size: 16 }),
+				onClick: we,
+				isLoading: me.loading,
+				disabled: !X.name || !X.baseUrl,
+				children: "Connect"
+			})]
+		}),
+		children: /* @__PURE__ */ O("div", {
+			className: "max-w-2xl space-y-6",
+			children: /* @__PURE__ */ k(d, { children: [/* @__PURE__ */ O(m, { children: /* @__PURE__ */ O(h, { children: "Server Configuration" }) }), /* @__PURE__ */ k(f, {
+				className: "space-y-4",
+				children: [
+					/* @__PURE__ */ O(S, {
+						label: "Server Name",
+						required: !0,
+						children: /* @__PURE__ */ O(C, {
+							placeholder: "e.g., GitHub MCP Server",
+							value: X.name,
+							onChange: (e) => Z({
+								...X,
+								name: e.target.value
+							})
+						})
+					}),
+					/* @__PURE__ */ O(S, {
+						label: "Description",
+						children: /* @__PURE__ */ O(w, {
+							placeholder: "What capabilities does this server provide?",
+							value: X.description,
+							onChange: (e) => Z({
+								...X,
+								description: e.target.value
+							}),
+							rows: 3
+						})
+					}),
+					/* @__PURE__ */ k("div", {
+						className: "grid grid-cols-2 gap-4",
+						children: [/* @__PURE__ */ O(S, {
+							label: "Transport",
+							required: !0,
+							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: X.transport,
+								onChange: (e) => Z({
+									...X,
+									transport: e.target.value
+								}),
+								children: [
+									/* @__PURE__ */ O("option", {
+										value: "HTTP_JSON",
+										children: "HTTP JSON"
+									}),
+									/* @__PURE__ */ O("option", {
+										value: "JSON_RPC",
+										children: "JSON RPC"
+									}),
+									/* @__PURE__ */ O("option", {
+										value: "SSE",
+										children: "Server-Sent Events"
+									}),
+									/* @__PURE__ */ O("option", {
+										value: "CUSTOM",
+										children: "Custom"
+									})
+								]
+							})
+						}), /* @__PURE__ */ O(S, {
+							label: "Auth Method",
+							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: X.authMethod,
+								onChange: (e) => Z({
+									...X,
+									authMethod: e.target.value
+								}),
+								children: [
+									/* @__PURE__ */ O("option", {
+										value: "NONE",
+										children: "None"
+									}),
+									/* @__PURE__ */ O("option", {
+										value: "API_KEY",
+										children: "API Key"
+									}),
+									/* @__PURE__ */ O("option", {
+										value: "OAUTH",
+										children: "OAuth"
+									}),
+									/* @__PURE__ */ O("option", {
+										value: "CUSTOM_HEADER",
+										children: "Custom Header"
+									})
+								]
+							})
+						})]
+					}),
+					/* @__PURE__ */ O(S, {
+						label: "Base URL",
+						required: !0,
+						children: /* @__PURE__ */ O(C, {
+							placeholder: "e.g., https://mcp.example.com",
+							value: X.baseUrl,
+							onChange: (e) => Z({
+								...X,
+								baseUrl: e.target.value
+							})
+						})
+					}),
+					X.authMethod !== "NONE" && /* @__PURE__ */ O(S, {
+						label: "Secret Reference ID",
+						children: /* @__PURE__ */ O(C, {
+							placeholder: "e.g., secret-mcp-github",
+							value: X.secretRefId,
+							onChange: (e) => Z({
+								...X,
+								secretRefId: e.target.value
+							})
+						})
+					})
+				]
+			})] })
+		})
+	}) : fe ? /* @__PURE__ */ O(u, {
+		title: "Loading...",
+		children: /* @__PURE__ */ O("div", { className: "h-96 bg-bg-sunken motion-safe:animate-vc-shimmer rounded-lg" })
+	}) : W ? /* @__PURE__ */ O(u, {
+		title: /* @__PURE__ */ k("div", {
+			className: "flex items-center gap-3",
+			children: [
+				/* @__PURE__ */ O(g, {
+					variant: "ghost",
+					size: "icon",
+					onClick: () => U("mcp"),
+					children: /* @__PURE__ */ O(se, { size: 20 })
+				}),
+				/* @__PURE__ */ O("div", {
+					className: "p-2 rounded-lg bg-action-primary-bg/10",
+					children: t(W.status) ? /* @__PURE__ */ O(j, { className: "h-6 w-6 text-status-success-text" }) : /* @__PURE__ */ O(A, { className: "h-6 w-6 text-text-secondary" })
+				}),
+				/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ k("div", {
+					className: "flex items-center gap-2",
+					children: [/* @__PURE__ */ O("span", { children: W.name }), /* @__PURE__ */ O(ne, { status: W.status })]
+				}), /* @__PURE__ */ O("p", {
+					className: "text-sm font-normal text-text-secondary",
+					children: n(W)
+				})] })
+			]
+		}),
+		actions: /* @__PURE__ */ k("div", {
+			className: "flex gap-2",
+			children: [/* @__PURE__ */ O(g, {
+				variant: "outline",
+				leftIcon: /* @__PURE__ */ O(M, { size: 16 }),
+				onClick: Te,
+				isLoading: be.loading,
+				children: "Test"
+			}), xe ? /* @__PURE__ */ k(D, { children: [/* @__PURE__ */ O(g, {
+				variant: "outline",
+				onClick: () => J(!1),
+				children: "Cancel"
+			}), /* @__PURE__ */ O(g, {
+				leftIcon: /* @__PURE__ */ O(N, { size: 16 }),
+				onClick: Ee,
+				isLoading: ge.loading,
+				children: "Save"
+			})] }) : /* @__PURE__ */ k(D, { children: [/* @__PURE__ */ O(g, {
+				variant: "outline",
+				leftIcon: /* @__PURE__ */ O(ue, { size: 16 }),
+				onClick: () => {
+					W && (Z({
+						name: W.name,
+						description: n(W) ?? "",
+						transport: W.type,
+						baseUrl: r(W) ?? "",
+						authMethod: B(W.config, "authMethod") ?? "NONE",
+						secretRefId: B(W.config, "secretRefId") ?? ""
+					}), J(!0));
+				},
+				children: "Edit"
+			}), Se ? /* @__PURE__ */ k("div", {
+				className: "flex gap-2",
+				children: [/* @__PURE__ */ O(g, {
+					variant: "outline",
+					size: "sm",
+					onClick: () => Y(!1),
+					children: "Cancel"
+				}), /* @__PURE__ */ O(g, {
+					variant: "destructive",
+					size: "sm",
+					onClick: () => {
+						y("medium"), De();
+					},
+					isLoading: ve.loading,
+					children: "Confirm"
+				})]
+			}) : /* @__PURE__ */ O(g, {
+				variant: "destructive",
+				leftIcon: /* @__PURE__ */ O(I, { size: 16 }),
+				onClick: () => Y(!0),
+				children: "Delete"
+			})] })]
+		}),
+		children: /* @__PURE__ */ k("div", {
+			className: "space-y-6",
+			children: [
+				/* @__PURE__ */ O(ie, {
+					icon: /* @__PURE__ */ O(P, { size: 18 }),
+					children: "This is one connected MCP server and everything it exposes to your agents — its health, the tools and resources it provides, and its connection settings. Check that it is healthy and that the right tools are available, then your agents can call them (subject to your tool policies) to take real actions."
+				}),
+				/* @__PURE__ */ k("div", {
+					className: "grid grid-cols-2 md:grid-cols-4 gap-4",
+					children: [
+						/* @__PURE__ */ k(re, {
+							treatment: "glass",
+							glow: !0,
+							className: "p-6 text-center",
+							children: [
+								/* @__PURE__ */ O("div", {
+									className: "p-3 rounded-full bg-action-primary-bg/10 w-fit mx-auto mb-2",
+									children: ((e) => {
+										switch (e) {
+											case "CONNECTED": return /* @__PURE__ */ O(ce, { className: "h-5 w-5 text-status-success-text" });
+											case "CONNECTING": return /* @__PURE__ */ O(oe, { className: "h-5 w-5 text-status-warning-text" });
+											case "ERROR":
+											case "DISCONNECTED": return /* @__PURE__ */ O(R, { className: "h-5 w-5 text-status-error-text" });
+											default: return /* @__PURE__ */ O(le, { className: "h-5 w-5 text-text-secondary" });
+										}
+									})(W.status)
+								}),
+								/* @__PURE__ */ O("p", {
+									className: "text-lg font-bold capitalize text-text-primary",
+									children: W.status.toLowerCase()
+								}),
+								/* @__PURE__ */ O("p", {
+									className: "text-sm text-text-secondary",
+									children: "Health Status"
+								})
+							]
+						}),
+						/* @__PURE__ */ O(d, { children: /* @__PURE__ */ k(f, {
+							className: "pt-6 text-center",
+							children: [/* @__PURE__ */ O("p", {
+								className: "text-3xl font-bold text-text-primary",
+								children: K.length
+							}), /* @__PURE__ */ O("p", {
+								className: "text-sm text-text-secondary",
+								children: "Tools Available"
+							})]
+						}) }),
+						/* @__PURE__ */ O(d, { children: /* @__PURE__ */ k(f, {
+							className: "pt-6 text-center",
+							children: [/* @__PURE__ */ O("p", {
+								className: "text-3xl font-bold text-text-primary",
+								children: q.length
+							}), /* @__PURE__ */ O("p", {
+								className: "text-sm text-text-secondary",
+								children: "Resources"
+							})]
+						}) }),
+						/* @__PURE__ */ O(d, { children: /* @__PURE__ */ k(f, {
+							className: "pt-6 text-center",
+							children: [/* @__PURE__ */ O("p", {
+								className: "text-3xl font-bold text-text-primary",
+								children: W.lastConnectedAt ? l(W.lastConnectedAt) : "Never"
+							}), /* @__PURE__ */ O("p", {
+								className: "text-sm text-text-secondary",
+								children: "Last Connected"
+							})]
+						}) })
+					]
+				}),
+				/* @__PURE__ */ k(d, { children: [/* @__PURE__ */ O(m, { children: /* @__PURE__ */ k(h, {
+					className: "flex items-center gap-2",
+					children: [/* @__PURE__ */ O(P, { size: 18 }), "Connection Details"]
+				}) }), /* @__PURE__ */ k(f, { children: [/* @__PURE__ */ k("div", {
+					className: "grid grid-cols-2 md:grid-cols-4 gap-6",
+					children: [
+						/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("p", {
+							className: "text-sm text-text-secondary",
+							children: "Transport"
+						}), /* @__PURE__ */ O(_, {
+							variant: "outline",
+							className: "capitalize mt-1",
+							children: W.type.toLowerCase().replace("_", " ")
+						})] }),
+						/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("p", {
+							className: "text-sm text-text-secondary",
+							children: "Base URL"
+						}), /* @__PURE__ */ O("p", {
+							className: "font-medium text-sm truncate",
+							children: r(W) ?? "—"
+						})] }),
+						/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("p", {
+							className: "text-sm text-text-secondary",
+							children: "Auth Method"
+						}), /* @__PURE__ */ O(_, {
+							variant: "outline",
+							className: "capitalize mt-1",
+							children: (B(W.config, "authMethod") ?? "NONE").toLowerCase().replace("_", " ")
+						})] }),
+						/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("p", {
+							className: "text-sm text-text-secondary",
+							children: "Last Tested"
+						}), /* @__PURE__ */ O("p", {
+							className: "font-medium",
+							children: W.lastErrorAt ? l(W.lastErrorAt) : "Never"
+						})] })
+					]
+				}), W.errorMessage && /* @__PURE__ */ k("div", {
+					className: "mt-4 p-3 bg-status-error-bg-subtle rounded-lg text-sm text-status-error-text",
+					children: [
+						/* @__PURE__ */ O("strong", { children: "Error:" }),
+						" ",
+						W.errorMessage
+					]
+				})] })] }),
+				/* @__PURE__ */ k("div", {
+					className: "grid grid-cols-12 gap-6",
+					children: [/* @__PURE__ */ O("div", {
+						className: "col-span-5",
+						children: /* @__PURE__ */ k(d, {
+							className: "h-full",
+							children: [/* @__PURE__ */ k(m, { children: [/* @__PURE__ */ k(h, {
+								className: "flex items-center gap-2",
+								children: [
+									/* @__PURE__ */ O(L, { size: 18 }),
+									"Tools (",
+									K.length,
+									")"
+								]
+							}), /* @__PURE__ */ O(p, { children: "Available tools from this MCP server" })] }), /* @__PURE__ */ O(f, {
+								className: "p-0",
+								children: K.length > 0 ? /* @__PURE__ */ O("div", {
+									className: "divide-y divide-border-subtle max-h-96 overflow-auto",
+									children: K.map((e) => /* @__PURE__ */ k("button", {
+										type: "button",
+										className: `w-full text-left p-4 hover:bg-accent transition-colors ${$?.name === e.name ? "bg-accent" : ""}`,
+										onClick: () => Ce(e.name),
+										children: [/* @__PURE__ */ O("p", {
+											className: "font-medium",
+											children: e.name
+										}), /* @__PURE__ */ O("p", {
+											className: "text-sm text-text-secondary line-clamp-1",
+											children: e.description
+										})]
+									}, e.name))
+								}) : /* @__PURE__ */ k("div", {
+									className: "p-8 text-center text-text-secondary",
+									children: [/* @__PURE__ */ O(L, { className: "h-8 w-8 mx-auto mb-2 opacity-50" }), /* @__PURE__ */ O("p", { children: "No tools available" })]
+								})
+							})]
+						})
+					}), /* @__PURE__ */ O("div", {
+						className: "col-span-7",
+						children: $ ? /* @__PURE__ */ k(d, {
+							className: "h-full",
+							children: [/* @__PURE__ */ k(m, { children: [/* @__PURE__ */ O(h, { children: $.name }), /* @__PURE__ */ O(p, { children: $.description })] }), /* @__PURE__ */ O(f, {
+								className: "space-y-4",
+								children: /* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("p", {
+									className: "text-sm font-medium mb-2",
+									children: "Input Schema"
+								}), /* @__PURE__ */ O("div", {
+									className: "p-3 bg-bg-sunken rounded-lg font-mono text-xs overflow-auto max-h-96",
+									children: /* @__PURE__ */ O("pre", { children: JSON.stringify($.inputSchema, null, 2) })
+								})] })
+							})]
+						}) : /* @__PURE__ */ O(d, {
+							className: "h-full",
+							children: /* @__PURE__ */ O(f, {
+								className: "h-full flex items-center justify-center",
+								children: /* @__PURE__ */ O(x, {
+									illustration: "onboarding",
+									title: "Select a tool",
+									description: "Choose a tool from the list to view its details"
+								})
+							})
+						})
+					})]
+				}),
+				q.length > 0 && /* @__PURE__ */ k(d, { children: [/* @__PURE__ */ k(m, { children: [/* @__PURE__ */ O(h, { children: "Resources" }), /* @__PURE__ */ O(p, { children: "Available resources exposed by this server" })] }), /* @__PURE__ */ O(f, { children: /* @__PURE__ */ O("div", {
+					className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4",
+					children: q.map((e) => /* @__PURE__ */ k("div", {
+						className: "p-4 border border-border-subtle rounded-lg hover:bg-accent/50 transition-colors",
+						children: [/* @__PURE__ */ k("div", {
+							className: "flex items-start justify-between",
+							children: [/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("p", {
+								className: "font-medium",
+								children: e.name
+							}), /* @__PURE__ */ O("p", {
+								className: "text-sm text-text-secondary",
+								children: e.description
+							})] }), /* @__PURE__ */ O(de, {
+								size: 14,
+								className: "text-text-secondary"
+							})]
+						}), /* @__PURE__ */ k("div", {
+							className: "mt-2 flex items-center gap-2",
+							children: [/* @__PURE__ */ O(_, {
+								variant: "outline",
+								className: "text-xs font-mono",
+								children: e.mimeType || "unknown"
+							}), /* @__PURE__ */ O("span", {
+								className: "text-xs text-text-secondary truncate",
+								children: e.uri
+							})]
+						})]
+					}, e.uri))
+				}) })] }),
+				/* @__PURE__ */ k(d, { children: [/* @__PURE__ */ O(m, { children: /* @__PURE__ */ k(h, {
+					className: "flex items-center gap-2",
+					children: [/* @__PURE__ */ O(F, { size: 18 }), "Metadata"]
+				}) }), /* @__PURE__ */ O(f, { children: /* @__PURE__ */ k("div", {
+					className: "grid grid-cols-2 md:grid-cols-4 gap-6 text-sm",
+					children: [
+						/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("p", {
+							className: "text-text-secondary",
+							children: "Created"
+						}), /* @__PURE__ */ O("p", {
+							className: "font-medium",
+							children: l(W.createdAt)
+						})] }),
+						/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("p", {
+							className: "text-text-secondary",
+							children: "Updated"
+						}), /* @__PURE__ */ O("p", {
+							className: "font-medium",
+							children: l(W.updatedAt)
+						})] }),
+						/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("p", {
+							className: "text-text-secondary",
+							children: "Last Connected"
+						}), /* @__PURE__ */ O("p", {
+							className: "font-medium",
+							children: W.lastConnectedAt ? l(W.lastConnectedAt) : "Never"
+						})] }),
+						/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("p", {
+							className: "text-text-secondary",
+							children: "Credentials"
+						}), /* @__PURE__ */ O(_, {
+							variant: W.credentialsHash ? "success" : "secondary",
+							children: W.credentialsHash ? "Configured" : "None"
+						})] })
+					]
+				}) })] })
+			]
+		})
+	}) : /* @__PURE__ */ O(u, {
+		title: "Server Not Found",
+		children: /* @__PURE__ */ O(x, {
+			illustration: "empty-generic",
+			title: "Server Not Found",
+			description: "This MCP server doesn't exist.",
+			action: /* @__PURE__ */ O(g, {
+				onClick: () => U("mcp"),
+				children: "Back to MCP Servers"
+			})
+		})
+	});
+};
+//#endregion
+export { V as MCPServerDetailPage };
+
+//# sourceMappingURL=MCPServerDetailPage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MCPServerDetailPage.js","names":[],"sources":["../../../src/botlit/pages/MCPServerDetailPage.tsx"],"sourcesContent":["/**\n * MCP Server Detail Page\n * @module botlit/pages\n */\n\nimport type { FC } from 'react';\nimport { useMemo, useState } from 'react';\nimport { useParams } from 'react-router';\nimport { useBotlit } from '../providers/BotlitProvider';\nimport { isNative, nativeImpact, nativeNotify } from '../../utils/nativeBridge';\nimport {\n  ArrowLeft,\n  Server,\n  Plug,\n  PlugZap,\n  Wrench,\n  Settings,\n  Save,\n  RefreshCw,\n  AlertTriangle,\n  CheckCircle,\n  XCircle,\n  Clock,\n  ExternalLink,\n  Edit,\n  Trash2,\n} from 'lucide-react';\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, Textarea, FormField } from '../components/Input';\nimport { StatusBadge, Badge } from '../components/Badge';\nimport { EmptyState } from '../components/EmptyState';\nimport { toast } from 'sonner';\nimport {\n  useMCPServer,\n  useMCPTools,\n  useMCPResources,\n  useCreateMCPServer,\n  useUpdateMCPServer,\n  useDeleteMCPServer,\n  useTestMCPConnection,\n  isMCPServerHealthy,\n  mcpServerDescription,\n  mcpServerEndpoint,\n  type MCPToolRecord,\n} from '../hooks';\nimport { formatRelativeTime, MISSING_VALUE } from '../utils/formatters';\nimport type { MCPTransport, MCPAuthMethod } from '../types';\n\ninterface MCPServerDetailPageProps {\n  isNew?: boolean;\n}\n\n/** Reads a string the UI stored on the connection's free-form config. */\nfunction configString(\n  config: Record<string, unknown> | undefined,\n  key: string\n): string | undefined {\n  const value = config?.[key];\n  return typeof value === 'string' && value !== '' ? value : undefined;\n}\n\nexport const MCPServerDetailPage: FC<MCPServerDetailPageProps> = ({ isNew }) => {\n  const { serverId } = useParams();\n  const { navigateTo } = useBotlit();\n  const { data: server, loading, refetch } = useMCPServer(isNew ? undefined : serverId);\n  const { data: tools } = useMCPTools(isNew ? undefined : serverId);\n  const { data: resources } = useMCPResources(isNew ? undefined : serverId);\n  const [connectServer, connectResult] = useCreateMCPServer();\n  const [updateServer, updateResult] = useUpdateMCPServer();\n  const [deleteServer, deleteResult] = useDeleteMCPServer();\n  const [testConnection, testResult] = useTestMCPConnection();\n\n  const [isEditing, setIsEditing] = useState(false);\n  const [showDeleteConfirm, setShowDeleteConfirm] = useState(false);\n\n  const [formData, setFormData] = useState({\n    name: '',\n    description: '',\n    transport: 'HTTP_JSON' as MCPTransport,\n    baseUrl: '',\n    authMethod: 'NONE' as MCPAuthMethod,\n    secretRefId: '',\n  });\n\n  const [selectedToolName, setSelectedToolName] = useState<string | null>(null);\n  const selectedTool = useMemo(\n    () => tools.find((tool) => tool.name === selectedToolName) ?? null,\n    [tools, selectedToolName]\n  );\n\n  const handleCreate = async () => {\n    if (!formData.name || !formData.baseUrl) return;\n    try {\n      const created = await connectServer({\n        name: formData.name,\n        type: formData.transport,\n        config: {\n          url: formData.baseUrl,\n          description: formData.description,\n          authMethod: formData.authMethod,\n          secretRefId: formData.secretRefId || undefined,\n        },\n      });\n      toast.success(`Connected \"${created.name}\"`);\n      navigateTo(`mcp/${created.id}`);\n    } catch (err) {\n      toast.error(err instanceof Error ? err.message : 'Failed to connect MCP server');\n    }\n  };\n\n  const handleTestConnection = async () => {\n    if (!serverId) return;\n    try {\n      const ok = await testConnection(serverId);\n      if (ok) {\n        toast.success('MCP server is reachable');\n      } else {\n        toast.error('MCP server 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  const handleUpdate = async () => {\n    if (!serverId || !formData.name) return;\n    try {\n      await updateServer({\n        serverId,\n        input: {\n          name: formData.name,\n          // `config` is replaced wholesale by the service — resend every field\n          // the form owns so an edit never drops the endpoint or auth settings.\n          config: {\n            url: formData.baseUrl,\n            description: formData.description,\n            authMethod: formData.authMethod,\n            secretRefId: formData.secretRefId || undefined,\n          },\n        },\n      });\n      toast.success('MCP server updated');\n      void refetch();\n      setIsEditing(false);\n    } catch (err) {\n      toast.error(err instanceof Error ? err.message : 'Failed to update MCP server');\n    }\n  };\n\n  const handleDelete = async () => {\n    if (!serverId) return;\n    try {\n      await deleteServer(serverId);\n      if (isNative()) void nativeNotify('success');\n      toast.success('MCP server disconnected');\n      navigateTo('mcp');\n    } catch (err) {\n      if (isNative()) void nativeNotify('error');\n      toast.error(err instanceof Error ? err.message : 'Failed to disconnect MCP server');\n    }\n  };\n\n  const startEditing = () => {\n    if (!server) return;\n    setFormData({\n      name: server.name,\n      description: mcpServerDescription(server) ?? '',\n      transport: server.type as MCPTransport,\n      baseUrl: mcpServerEndpoint(server) ?? '',\n      authMethod: (configString(server.config, 'authMethod') ?? 'NONE') as MCPAuthMethod,\n      secretRefId: configString(server.config, 'secretRefId') ?? '',\n    });\n    setIsEditing(true);\n  };\n\n  const getHealthIcon = (status?: string) => {\n    switch (status) {\n      case 'CONNECTED':\n        return <CheckCircle className=\"h-5 w-5 text-status-success-text\" />;\n      case 'CONNECTING':\n        return <AlertTriangle className=\"h-5 w-5 text-status-warning-text\" />;\n      case 'ERROR':\n      case 'DISCONNECTED':\n        return <XCircle className=\"h-5 w-5 text-status-error-text\" />;\n      default:\n        return <Clock className=\"h-5 w-5 text-text-secondary\" />;\n    }\n  };\n\n  if (isNew) {\n    return (\n      <PageLayout\n        title=\"Add MCP Server\"\n        description=\"Connect a new Model Context Protocol server\"\n        actions={\n          <div className=\"flex gap-2\">\n            <Button variant=\"outline\" onClick={() => navigateTo('mcp')}>\n              Cancel\n            </Button>\n            <Button\n              leftIcon={<Save size={16} />}\n              onClick={handleCreate}\n              isLoading={connectResult.loading}\n              disabled={!formData.name || !formData.baseUrl}\n            >\n              Connect\n            </Button>\n          </div>\n        }\n      >\n        <div className=\"max-w-2xl space-y-6\">\n          <Card>\n            <CardHeader>\n              <CardTitle>Server Configuration</CardTitle>\n            </CardHeader>\n            <CardContent className=\"space-y-4\">\n              <FormField label=\"Server Name\" required>\n                <Input\n                  placeholder=\"e.g., GitHub MCP Server\"\n                  value={formData.name}\n                  onChange={(e) => setFormData({ ...formData, name: e.target.value })}\n                />\n              </FormField>\n\n              <FormField label=\"Description\">\n                <Textarea\n                  placeholder=\"What capabilities does this server provide?\"\n                  value={formData.description}\n                  onChange={(e) => setFormData({ ...formData, description: e.target.value })}\n                  rows={3}\n                />\n              </FormField>\n\n              <div className=\"grid grid-cols-2 gap-4\">\n                <FormField label=\"Transport\" required>\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={formData.transport}\n                    onChange={(e) =>\n                      setFormData({ ...formData, 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\n                <FormField label=\"Auth Method\">\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={formData.authMethod}\n                    onChange={(e) =>\n                      setFormData({ ...formData, authMethod: e.target.value as MCPAuthMethod })\n                    }\n                  >\n                    <option value=\"NONE\">None</option>\n                    <option value=\"API_KEY\">API Key</option>\n                    <option value=\"OAUTH\">OAuth</option>\n                    <option value=\"CUSTOM_HEADER\">Custom Header</option>\n                  </select>\n                </FormField>\n              </div>\n\n              <FormField label=\"Base URL\" required>\n                <Input\n                  placeholder=\"e.g., https://mcp.example.com\"\n                  value={formData.baseUrl}\n                  onChange={(e) => setFormData({ ...formData, baseUrl: e.target.value })}\n                />\n              </FormField>\n\n              {formData.authMethod !== 'NONE' && (\n                <FormField label=\"Secret Reference ID\">\n                  <Input\n                    placeholder=\"e.g., secret-mcp-github\"\n                    value={formData.secretRefId}\n                    onChange={(e) => setFormData({ ...formData, secretRefId: e.target.value })}\n                  />\n                </FormField>\n              )}\n            </CardContent>\n          </Card>\n        </div>\n      </PageLayout>\n    );\n  }\n\n  if (loading) {\n    return (\n      <PageLayout title=\"Loading...\">\n        <div className=\"h-96 bg-bg-sunken motion-safe:animate-vc-shimmer rounded-lg\" />\n      </PageLayout>\n    );\n  }\n\n  if (!server) {\n    return (\n      <PageLayout title=\"Server Not Found\">\n        <EmptyState\n          illustration=\"empty-generic\"\n          title=\"Server Not Found\"\n          description=\"This MCP server doesn't exist.\"\n          action={<Button onClick={() => navigateTo('mcp')}>Back to MCP Servers</Button>}\n        />\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      title={\n        <div className=\"flex items-center gap-3\">\n          <Button variant=\"ghost\" size=\"icon\" onClick={() => navigateTo('mcp')}>\n            <ArrowLeft size={20} />\n          </Button>\n          <div className=\"p-2 rounded-lg bg-action-primary-bg/10\">\n            {isMCPServerHealthy(server.status) ? (\n              <PlugZap className=\"h-6 w-6 text-status-success-text\" />\n            ) : (\n              <Plug className=\"h-6 w-6 text-text-secondary\" />\n            )}\n          </div>\n          <div>\n            <div className=\"flex items-center gap-2\">\n              <span>{server.name}</span>\n              <StatusBadge status={server.status} />\n            </div>\n            <p className=\"text-sm font-normal text-text-secondary\">\n              {mcpServerDescription(server)}\n            </p>\n          </div>\n        </div>\n      }\n      actions={\n        <div className=\"flex gap-2\">\n          <Button\n            variant=\"outline\"\n            leftIcon={<RefreshCw size={16} />}\n            onClick={handleTestConnection}\n            isLoading={testResult.loading}\n          >\n            Test\n          </Button>\n          {isEditing ? (\n            <>\n              <Button variant=\"outline\" onClick={() => setIsEditing(false)}>\n                Cancel\n              </Button>\n              <Button\n                leftIcon={<Save size={16} />}\n                onClick={handleUpdate}\n                isLoading={updateResult.loading}\n              >\n                Save\n              </Button>\n            </>\n          ) : (\n            <>\n              <Button variant=\"outline\" leftIcon={<Edit size={16} />} onClick={startEditing}>\n                Edit\n              </Button>\n              {showDeleteConfirm ? (\n                <div className=\"flex gap-2\">\n                  <Button variant=\"outline\" size=\"sm\" onClick={() => setShowDeleteConfirm(false)}>\n                    Cancel\n                  </Button>\n                  <Button\n                    variant=\"destructive\"\n                    size=\"sm\"\n                    onClick={() => {\n                      nativeImpact('medium');\n                      void handleDelete();\n                    }}\n                    isLoading={deleteResult.loading}\n                  >\n                    Confirm\n                  </Button>\n                </div>\n              ) : (\n                <Button\n                  variant=\"destructive\"\n                  leftIcon={<Trash2 size={16} />}\n                  onClick={() => setShowDeleteConfirm(true)}\n                >\n                  Delete\n                </Button>\n              )}\n            </>\n          )}\n        </div>\n      }\n    >\n      <div className=\"space-y-6\">\n        <PagePurpose icon={<Server size={18} />}>\n          This is one connected MCP server and everything it exposes to your agents — its health,\n          the tools and resources it provides, and its connection settings. Check that it is healthy\n          and that the right tools are available, then your agents can call them (subject to your\n          tool policies) to take real actions.\n        </PagePurpose>\n\n        {/* Health Status */}\n        <div className=\"grid grid-cols-2 md:grid-cols-4 gap-4\">\n          <GlassCard treatment=\"glass\" glow className=\"p-6 text-center\">\n            <div className=\"p-3 rounded-full bg-action-primary-bg/10 w-fit mx-auto mb-2\">\n              {getHealthIcon(server.status)}\n            </div>\n            <p className=\"text-lg font-bold capitalize text-text-primary\">\n              {server.status.toLowerCase()}\n            </p>\n            <p className=\"text-sm text-text-secondary\">Health Status</p>\n          </GlassCard>\n          <Card>\n            <CardContent className=\"pt-6 text-center\">\n              <p className=\"text-3xl font-bold text-text-primary\">{tools.length}</p>\n              <p className=\"text-sm text-text-secondary\">Tools Available</p>\n            </CardContent>\n          </Card>\n          <Card>\n            <CardContent className=\"pt-6 text-center\">\n              <p className=\"text-3xl font-bold text-text-primary\">{resources.length}</p>\n              <p className=\"text-sm text-text-secondary\">Resources</p>\n            </CardContent>\n          </Card>\n          <Card>\n            <CardContent className=\"pt-6 text-center\">\n              <p className=\"text-3xl font-bold text-text-primary\">\n                {server.lastConnectedAt ? formatRelativeTime(server.lastConnectedAt) : 'Never'}\n              </p>\n              <p className=\"text-sm text-text-secondary\">Last Connected</p>\n            </CardContent>\n          </Card>\n        </div>\n\n        {/* Connection Details */}\n        <Card>\n          <CardHeader>\n            <CardTitle className=\"flex items-center gap-2\">\n              <Server size={18} />\n              Connection Details\n            </CardTitle>\n          </CardHeader>\n          <CardContent>\n            <div className=\"grid grid-cols-2 md:grid-cols-4 gap-6\">\n              <div>\n                <p className=\"text-sm text-text-secondary\">Transport</p>\n                <Badge variant=\"outline\" className=\"capitalize mt-1\">\n                  {server.type.toLowerCase().replace('_', ' ')}\n                </Badge>\n              </div>\n              <div>\n                <p className=\"text-sm text-text-secondary\">Base URL</p>\n                <p className=\"font-medium text-sm truncate\">\n                  {mcpServerEndpoint(server) ?? MISSING_VALUE}\n                </p>\n              </div>\n              <div>\n                <p className=\"text-sm text-text-secondary\">Auth Method</p>\n                <Badge variant=\"outline\" className=\"capitalize mt-1\">\n                  {(configString(server.config, 'authMethod') ?? 'NONE')\n                    .toLowerCase()\n                    .replace('_', ' ')}\n                </Badge>\n              </div>\n              <div>\n                <p className=\"text-sm text-text-secondary\">Last Tested</p>\n                <p className=\"font-medium\">\n                  {server.lastErrorAt ? formatRelativeTime(server.lastErrorAt) : 'Never'}\n                </p>\n              </div>\n            </div>\n            {server.errorMessage && (\n              <div className=\"mt-4 p-3 bg-status-error-bg-subtle rounded-lg text-sm text-status-error-text\">\n                <strong>Error:</strong> {server.errorMessage}\n              </div>\n            )}\n          </CardContent>\n        </Card>\n\n        {/* Tools Catalog */}\n        <div className=\"grid grid-cols-12 gap-6\">\n          <div className=\"col-span-5\">\n            <Card className=\"h-full\">\n              <CardHeader>\n                <CardTitle className=\"flex items-center gap-2\">\n                  <Wrench size={18} />\n                  Tools ({tools.length})\n                </CardTitle>\n                <CardDescription>Available tools from this MCP server</CardDescription>\n              </CardHeader>\n              <CardContent className=\"p-0\">\n                {tools.length > 0 ? (\n                  <div className=\"divide-y divide-border-subtle max-h-96 overflow-auto\">\n                    {tools.map((tool: MCPToolRecord) => (\n                      <button\n                        key={tool.name}\n                        type=\"button\"\n                        className={`w-full text-left p-4 hover:bg-accent transition-colors ${\n                          selectedTool?.name === tool.name ? 'bg-accent' : ''\n                        }`}\n                        onClick={() => setSelectedToolName(tool.name)}\n                      >\n                        <p className=\"font-medium\">{tool.name}</p>\n                        <p className=\"text-sm text-text-secondary line-clamp-1\">\n                          {tool.description}\n                        </p>\n                      </button>\n                    ))}\n                  </div>\n                ) : (\n                  <div className=\"p-8 text-center text-text-secondary\">\n                    <Wrench className=\"h-8 w-8 mx-auto mb-2 opacity-50\" />\n                    <p>No tools available</p>\n                  </div>\n                )}\n              </CardContent>\n            </Card>\n          </div>\n\n          <div className=\"col-span-7\">\n            {selectedTool ? (\n              <Card className=\"h-full\">\n                <CardHeader>\n                  <CardTitle>{selectedTool.name}</CardTitle>\n                  <CardDescription>{selectedTool.description}</CardDescription>\n                </CardHeader>\n                <CardContent className=\"space-y-4\">\n                  {/* Input Schema */}\n                  <div>\n                    <p className=\"text-sm font-medium mb-2\">Input Schema</p>\n                    <div className=\"p-3 bg-bg-sunken rounded-lg font-mono text-xs overflow-auto max-h-96\">\n                      <pre>{JSON.stringify(selectedTool.inputSchema, null, 2)}</pre>\n                    </div>\n                  </div>\n                </CardContent>\n              </Card>\n            ) : (\n              <Card className=\"h-full\">\n                <CardContent className=\"h-full flex items-center justify-center\">\n                  <EmptyState\n                    illustration=\"onboarding\"\n                    title=\"Select a tool\"\n                    description=\"Choose a tool from the list to view its details\"\n                  />\n                </CardContent>\n              </Card>\n            )}\n          </div>\n        </div>\n\n        {/* Resources */}\n        {resources.length > 0 && (\n          <Card>\n            <CardHeader>\n              <CardTitle>Resources</CardTitle>\n              <CardDescription>Available resources exposed by this server</CardDescription>\n            </CardHeader>\n            <CardContent>\n              <div className=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4\">\n                {resources.map(\n                  (resource: {\n                    uri: string;\n                    name: string;\n                    description?: string | null;\n                    mimeType?: string | null;\n                  }) => (\n                    <div\n                      key={resource.uri}\n                      className=\"p-4 border border-border-subtle rounded-lg hover:bg-accent/50 transition-colors\"\n                    >\n                      <div className=\"flex items-start justify-between\">\n                        <div>\n                          <p className=\"font-medium\">{resource.name}</p>\n                          <p className=\"text-sm text-text-secondary\">{resource.description}</p>\n                        </div>\n                        <ExternalLink size={14} className=\"text-text-secondary\" />\n                      </div>\n                      <div className=\"mt-2 flex items-center gap-2\">\n                        <Badge variant=\"outline\" className=\"text-xs font-mono\">\n                          {resource.mimeType || 'unknown'}\n                        </Badge>\n                        <span className=\"text-xs text-text-secondary truncate\">{resource.uri}</span>\n                      </div>\n                    </div>\n                  )\n                )}\n              </div>\n            </CardContent>\n          </Card>\n        )}\n\n        {/* Metadata */}\n        <Card>\n          <CardHeader>\n            <CardTitle className=\"flex items-center gap-2\">\n              <Settings size={18} />\n              Metadata\n            </CardTitle>\n          </CardHeader>\n          <CardContent>\n            <div className=\"grid grid-cols-2 md:grid-cols-4 gap-6 text-sm\">\n              <div>\n                <p className=\"text-text-secondary\">Created</p>\n                <p className=\"font-medium\">{formatRelativeTime(server.createdAt)}</p>\n              </div>\n              <div>\n                <p className=\"text-text-secondary\">Updated</p>\n                <p className=\"font-medium\">{formatRelativeTime(server.updatedAt)}</p>\n              </div>\n              <div>\n                <p className=\"text-text-secondary\">Last Connected</p>\n                <p className=\"font-medium\">\n                  {server.lastConnectedAt ? formatRelativeTime(server.lastConnectedAt) : 'Never'}\n                </p>\n              </div>\n              <div>\n                <p className=\"text-text-secondary\">Credentials</p>\n                <Badge variant={server.credentialsHash ? 'success' : 'secondary'}>\n                  {server.credentialsHash ? 'Configured' : 'None'}\n                </Badge>\n              </div>\n            </div>\n          </CardContent>\n        </Card>\n      </div>\n    </PageLayout>\n  );\n};\n"],"mappings":"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"}