@burdenoff/microfe-botmanor 2026.1108.1 → 2026.1109.2

package/dist/botlit/pages/MCPServerDetailPage.js

@@ -1,30 +1,30 @@
 import { useBotlit as e } from "../providers/BotlitProvider.js";
-import { isMCPServerHealthy as t, mcpServerDescription as n, mcpServerEndpoint as r, useCreateMCPServer as ee, useDeleteMCPServer as te, useMCPResources as ne, useMCPServer as i, useMCPTools as re, useTestMCPConnection as ie, useUpdateMCPServer as ae, useUpdateMCPTool as oe } from "../hooks/useMCPServers.js";
-import { formatRelativeTime as a } from "../utils/formatters.js";
-import { BOTMANOR_PERMISSIONS as o } from "../permissions/botmanorPermissions.js";
-import { BotmanorPermissionGate as s, useBotmanorCan as c } from "../permissions/useBotmanorPermissions.js";
-import { PageLayout as l } from "../components/PageLayout.js";
-import { Button as u } from "../components/Button.js";
-import "../permissions/index.js";
-import { Card as d, CardContent as f, CardDescription as p, CardHeader as m, CardTitle as h } from "../components/Card.js";
-import { Badge as g, StatusBadge as _ } 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 se } from "../components/Input.js";
+import { isMCPServerHealthy as t, mcpServerDescription as n, mcpServerEndpoint as r, useCreateMCPServer as ee, useDeleteMCPServer as i, useMCPResources as a, useMCPServer as o, useMCPTools as te, useTestMCPConnection as ne, useUpdateMCPServer as re, useUpdateMCPTool as ie } from "../hooks/useMCPServers.js";
+import { isNative as s, nativeImpact as ae, nativeNotify as c } from "../../utils/nativeBridge.js";
+import { BOTMANOR_PERMISSIONS as l } from "../permissions/botmanorPermissions.js";
+import { BotmanorPermissionGate as u, useBotmanorCan as oe } from "../permissions/useBotmanorPermissions.js";
+import { PageLayout as d } from "../components/PageLayout.js";
+import { Card as f, CardContent as p, CardDescription as m, CardHeader as h, CardTitle as g } from "../components/Card.js";
+import { Button as _ } from "../components/Button.js";
+import { FormField as v, Input as y, Textarea as b } from "../components/Input.js";
+import { Badge as x, StatusBadge as se } from "../components/Badge.js";
+import { EmptyState as S } from "../components/EmptyState.js";
 import "../hooks/index.js";
+import { formatRelativeTime as C } from "../utils/formatters.js";
+import "../permissions/index.js";
 import { useMemo as ce, useState as w } from "react";
 import { GlassCard as le, PagePurpose as ue } from "@burdenoff/fe-libs/ui";
 import { Fragment as T, jsx as E, jsxs as D } from "react/jsx-runtime";
 import { useParams as de } from "react-router";
 import { AlertTriangle as fe, ArrowLeft as pe, CheckCircle as me, Clock as he, Edit as ge, ExternalLink as O, Plug as k, PlugZap as A, RefreshCw as j, Save as M, Server as N, Settings as P, Trash2 as F, Wrench as I, XCircle as L } from "lucide-react";
 import { toast as R } from "sonner";
-//#region src/botlit/pages/MCPServerDetailPage.tsx
+// src/botlit/pages/MCPServerDetailPage.tsx
 function z(e, t) {
 	let n = e?.[t];
 	return typeof n == "string" && n !== "" ? n : void 0;
 }
 var B = ({ isNew: B }) => {
-	let { serverId: V } = de(), { navigateTo: H } = e(), _e = c(), { data: U, loading: ve, refetch: W } = i(B ? void 0 : V), { data: G } = re(B ? void 0 : V), { data: K } = ne(B ? void 0 : V), [ye, be] = ee(), [xe, Se] = ae(), [Ce, we] = te(), [Te, Ee] = ie(), [De, Oe] = oe(), [ke, q] = w(!1), [Ae, J] = w(!1), [Y, X] = w({
+	let { serverId: V } = de(), { navigateTo: H } = e(), _e = oe(), { data: U, loading: ve, refetch: W } = o(B ? void 0 : V), { data: G } = te(B ? void 0 : V), { data: K } = a(B ? void 0 : V), [ye, be] = ee(), [xe, Se] = re(), [Ce, we] = i(), [Te, Ee] = ne(), [De, Oe] = ie(), [ke, q] = w(!1), [Ae, J] = w(!1), [Y, X] = w({
 		name: "",
 		description: "",
 		transport: "HTTP_JSON",
@@ -32,7 +32,7 @@ var B = ({ isNew: B }) => {
 		authMethod: "NONE",
 		secretRefId: ""
 	}), [Z, je] = w(null), Q = ce(() => G.find((e) => e.name === Z) ?? null, [G, Z]), Me = async () => {
-		if (!(!Y.name || !Y.baseUrl)) try {
+		if (Y.name && Y.baseUrl) try {
 			let e = await ye({
 				name: Y.name,
 				type: Y.transport,
@@ -54,7 +54,7 @@ var B = ({ isNew: B }) => {
 			R.error(e instanceof Error ? e.message : "Failed to test MCP connection");
 		}
 	}, Pe = async () => {
-		if (!(!V || !Y.name)) try {
+		if (V && Y.name) try {
 			await xe({
 				serverId: V,
 				input: {
@@ -72,9 +72,9 @@ var B = ({ isNew: B }) => {
 		}
 	}, Fe = async () => {
 		if (V) try {
-			await Ce(V), v() && b("success"), R.success("MCP server disconnected"), H("mcp");
+			await Ce(V), s() && c("success"), R.success("MCP server disconnected"), H("mcp");
 		} catch (e) {
-			v() && b("error"), R.error(e instanceof Error ? e.message : "Failed to disconnect MCP server");
+			s() && c("error"), R.error(e instanceof Error ? e.message : "Failed to disconnect MCP server");
 		}
 	}, Ie = () => {
 		U && (X({
@@ -101,16 +101,16 @@ var B = ({ isNew: B }) => {
 			R.error(e instanceof Error ? e.message : "Failed to update tool risk level");
 		}
 	};
-	return B ? /* @__PURE__ */ E(l, {
+	return B ? /* @__PURE__ */ E(d, {
 		title: "Add MCP Server",
 		description: "Connect a new Model Context Protocol server",
 		actions: /* @__PURE__ */ D("div", {
 			className: "flex gap-2",
-			children: [/* @__PURE__ */ E(u, {
+			children: [/* @__PURE__ */ E(_, {
 				variant: "outline",
 				onClick: () => H("mcp"),
 				children: "Cancel"
-			}), /* @__PURE__ */ E(u, {
+			}), /* @__PURE__ */ E(_, {
 				leftIcon: /* @__PURE__ */ E(M, { size: 16 }),
 				onClick: Me,
 				isLoading: be.loading,
@@ -120,13 +120,13 @@ var B = ({ isNew: B }) => {
 		}),
 		children: /* @__PURE__ */ E("div", {
 			className: "max-w-2xl space-y-6",
-			children: /* @__PURE__ */ D(d, { children: [/* @__PURE__ */ E(m, { children: /* @__PURE__ */ E(h, { children: "Server Configuration" }) }), /* @__PURE__ */ D(f, {
+			children: /* @__PURE__ */ D(f, { children: [/* @__PURE__ */ E(h, { children: /* @__PURE__ */ E(g, { children: "Server Configuration" }) }), /* @__PURE__ */ D(p, {
 				className: "space-y-4",
 				children: [
-					/* @__PURE__ */ E(S, {
+					/* @__PURE__ */ E(v, {
 						label: "Server Name",
 						required: !0,
-						children: /* @__PURE__ */ E(C, {
+						children: /* @__PURE__ */ E(y, {
 							placeholder: "e.g., GitHub MCP Server",
 							value: Y.name,
 							onChange: (e) => X({
@@ -135,9 +135,9 @@ var B = ({ isNew: B }) => {
 							})
 						})
 					}),
-					/* @__PURE__ */ E(S, {
+					/* @__PURE__ */ E(v, {
 						label: "Description",
-						children: /* @__PURE__ */ E(se, {
+						children: /* @__PURE__ */ E(b, {
 							placeholder: "What capabilities does this server provide?",
 							value: Y.description,
 							onChange: (e) => X({
@@ -149,7 +149,7 @@ var B = ({ isNew: B }) => {
 					}),
 					/* @__PURE__ */ D("div", {
 						className: "grid grid-cols-2 gap-4",
-						children: [/* @__PURE__ */ E(S, {
+						children: [/* @__PURE__ */ E(v, {
 							label: "Transport",
 							required: !0,
 							children: /* @__PURE__ */ D("select", {
@@ -178,7 +178,7 @@ var B = ({ isNew: B }) => {
 									})
 								]
 							})
-						}), /* @__PURE__ */ E(S, {
+						}), /* @__PURE__ */ E(v, {
 							label: "Auth Method",
 							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",
@@ -208,10 +208,10 @@ var B = ({ isNew: B }) => {
 							})
 						})]
 					}),
-					/* @__PURE__ */ E(S, {
+					/* @__PURE__ */ E(v, {
 						label: "Base URL",
 						required: !0,
-						children: /* @__PURE__ */ E(C, {
+						children: /* @__PURE__ */ E(y, {
 							placeholder: "e.g., https://mcp.example.com",
 							value: Y.baseUrl,
 							onChange: (e) => X({
@@ -220,9 +220,9 @@ var B = ({ isNew: B }) => {
 							})
 						})
 					}),
-					Y.authMethod !== "NONE" && /* @__PURE__ */ E(S, {
+					Y.authMethod !== "NONE" && /* @__PURE__ */ E(v, {
 						label: "Secret Reference ID",
-						children: /* @__PURE__ */ E(C, {
+						children: /* @__PURE__ */ E(y, {
 							placeholder: "e.g., secret-mcp-github",
 							value: Y.secretRefId,
 							onChange: (e) => X({
@@ -234,14 +234,14 @@ var B = ({ isNew: B }) => {
 				]
 			})] })
 		})
-	}) : ve ? /* @__PURE__ */ E(l, {
+	}) : ve ? /* @__PURE__ */ E(d, {
 		title: "Loading...",
 		children: /* @__PURE__ */ E("div", { className: "h-96 bg-bg-sunken motion-safe:animate-vc-shimmer rounded-lg" })
-	}) : U ? /* @__PURE__ */ E(l, {
+	}) : U ? /* @__PURE__ */ E(d, {
 		title: /* @__PURE__ */ D("div", {
 			className: "flex items-center gap-3",
 			children: [
-				/* @__PURE__ */ E(u, {
+				/* @__PURE__ */ E(_, {
 					variant: "ghost",
 					size: "icon",
 					onClick: () => H("mcp"),
@@ -253,7 +253,7 @@ var B = ({ isNew: B }) => {
 				}),
 				/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ D("div", {
 					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ E("span", { children: U.name }), /* @__PURE__ */ E(_, { status: U.status })]
+					children: [/* @__PURE__ */ E("span", { children: U.name }), /* @__PURE__ */ E(se, { status: U.status })]
 				}), /* @__PURE__ */ E("p", {
 					className: "text-sm font-normal text-text-secondary",
 					children: n(U)
@@ -262,27 +262,27 @@ var B = ({ isNew: B }) => {
 		}),
 		actions: /* @__PURE__ */ D("div", {
 			className: "flex gap-2",
-			children: [/* @__PURE__ */ E(s, {
-				permission: o.MCP_TEST,
-				children: /* @__PURE__ */ E(u, {
+			children: [/* @__PURE__ */ E(u, {
+				permission: l.MCP_TEST,
+				children: /* @__PURE__ */ E(_, {
 					variant: "outline",
 					leftIcon: /* @__PURE__ */ E(j, { size: 16 }),
 					onClick: Ne,
 					isLoading: Ee.loading,
 					children: "Test"
 				})
-			}), ke ? /* @__PURE__ */ D(T, { children: [/* @__PURE__ */ E(u, {
+			}), ke ? /* @__PURE__ */ D(T, { children: [/* @__PURE__ */ E(_, {
 				variant: "outline",
 				onClick: () => q(!1),
 				children: "Cancel"
-			}), /* @__PURE__ */ E(u, {
+			}), /* @__PURE__ */ E(_, {
 				leftIcon: /* @__PURE__ */ E(M, { size: 16 }),
 				onClick: Pe,
 				isLoading: Se.loading,
 				children: "Save"
-			})] }) : /* @__PURE__ */ D(T, { children: [/* @__PURE__ */ E(s, {
-				permission: o.MCP_UPDATE,
-				children: /* @__PURE__ */ E(u, {
+			})] }) : /* @__PURE__ */ D(T, { children: [/* @__PURE__ */ E(u, {
+				permission: l.MCP_UPDATE,
+				children: /* @__PURE__ */ E(_, {
 					variant: "outline",
 					leftIcon: /* @__PURE__ */ E(ge, { size: 16 }),
 					onClick: Ie,
@@ -290,23 +290,23 @@ var B = ({ isNew: B }) => {
 				})
 			}), Ae ? /* @__PURE__ */ D("div", {
 				className: "flex gap-2",
-				children: [/* @__PURE__ */ E(u, {
+				children: [/* @__PURE__ */ E(_, {
 					variant: "outline",
 					size: "sm",
 					onClick: () => J(!1),
 					children: "Cancel"
-				}), /* @__PURE__ */ E(u, {
+				}), /* @__PURE__ */ E(_, {
 					variant: "destructive",
 					size: "sm",
 					onClick: () => {
-						y("medium"), Fe();
+						ae("medium"), Fe();
 					},
 					isLoading: we.loading,
 					children: "Confirm"
 				})]
-			}) : /* @__PURE__ */ E(s, {
-				permission: o.MCP_DELETE,
-				children: /* @__PURE__ */ E(u, {
+			}) : /* @__PURE__ */ E(u, {
+				permission: l.MCP_DELETE,
+				children: /* @__PURE__ */ E(_, {
 					variant: "destructive",
 					leftIcon: /* @__PURE__ */ E(F, { size: 16 }),
 					onClick: () => J(!0),
@@ -351,7 +351,7 @@ var B = ({ isNew: B }) => {
 								})
 							]
 						}),
-						/* @__PURE__ */ E(d, { children: /* @__PURE__ */ D(f, {
+						/* @__PURE__ */ E(f, { children: /* @__PURE__ */ D(p, {
 							className: "pt-6 text-center",
 							children: [/* @__PURE__ */ E("p", {
 								className: "text-3xl font-bold text-text-primary",
@@ -361,7 +361,7 @@ var B = ({ isNew: B }) => {
 								children: "Tools Available"
 							})]
 						}) }),
-						/* @__PURE__ */ E(d, { children: /* @__PURE__ */ D(f, {
+						/* @__PURE__ */ E(f, { children: /* @__PURE__ */ D(p, {
 							className: "pt-6 text-center",
 							children: [/* @__PURE__ */ E("p", {
 								className: "text-3xl font-bold text-text-primary",
@@ -371,11 +371,11 @@ var B = ({ isNew: B }) => {
 								children: "Resources"
 							})]
 						}) }),
-						/* @__PURE__ */ E(d, { children: /* @__PURE__ */ D(f, {
+						/* @__PURE__ */ E(f, { children: /* @__PURE__ */ D(p, {
 							className: "pt-6 text-center",
 							children: [/* @__PURE__ */ E("p", {
 								className: "text-3xl font-bold text-text-primary",
-								children: U.lastConnectedAt ? a(U.lastConnectedAt) : "Never"
+								children: U.lastConnectedAt ? C(U.lastConnectedAt) : "Never"
 							}), /* @__PURE__ */ E("p", {
 								className: "text-sm text-text-secondary",
 								children: "Last Connected"
@@ -383,16 +383,16 @@ var B = ({ isNew: B }) => {
 						}) })
 					]
 				}),
-				/* @__PURE__ */ D(d, { children: [/* @__PURE__ */ E(m, { children: /* @__PURE__ */ D(h, {
+				/* @__PURE__ */ D(f, { children: [/* @__PURE__ */ E(h, { children: /* @__PURE__ */ D(g, {
 					className: "flex items-center gap-2",
 					children: [/* @__PURE__ */ E(N, { size: 18 }), "Connection Details"]
-				}) }), /* @__PURE__ */ D(f, { children: [/* @__PURE__ */ D("div", {
+				}) }), /* @__PURE__ */ D(p, { children: [/* @__PURE__ */ D("div", {
 					className: "grid grid-cols-2 md:grid-cols-4 gap-6",
 					children: [
 						/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("p", {
 							className: "text-sm text-text-secondary",
 							children: "Transport"
-						}), /* @__PURE__ */ E(g, {
+						}), /* @__PURE__ */ E(x, {
 							variant: "outline",
 							className: "capitalize mt-1",
 							children: U.type.toLowerCase().replace("_", " ")
@@ -407,7 +407,7 @@ var B = ({ isNew: B }) => {
 						/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("p", {
 							className: "text-sm text-text-secondary",
 							children: "Auth Method"
-						}), /* @__PURE__ */ E(g, {
+						}), /* @__PURE__ */ E(x, {
 							variant: "outline",
 							className: "capitalize mt-1",
 							children: (z(U.config, "authMethod") ?? "NONE").toLowerCase().replace("_", " ")
@@ -417,7 +417,7 @@ var B = ({ isNew: B }) => {
 							children: "Last Tested"
 						}), /* @__PURE__ */ E("p", {
 							className: "font-medium",
-							children: U.lastErrorAt ? a(U.lastErrorAt) : "Never"
+							children: U.lastErrorAt ? C(U.lastErrorAt) : "Never"
 						})] })
 					]
 				}), U.errorMessage && /* @__PURE__ */ D("div", {
@@ -432,9 +432,9 @@ var B = ({ isNew: B }) => {
 					className: "grid grid-cols-12 gap-6",
 					children: [/* @__PURE__ */ E("div", {
 						className: "col-span-5",
-						children: /* @__PURE__ */ D(d, {
+						children: /* @__PURE__ */ D(f, {
 							className: "h-full",
-							children: [/* @__PURE__ */ D(m, { children: [/* @__PURE__ */ D(h, {
+							children: [/* @__PURE__ */ D(h, { children: [/* @__PURE__ */ D(g, {
 								className: "flex items-center gap-2",
 								children: [
 									/* @__PURE__ */ E(I, { size: 18 }),
@@ -442,7 +442,7 @@ var B = ({ isNew: B }) => {
 									G.length,
 									")"
 								]
-							}), /* @__PURE__ */ E(p, { children: "Available tools from this MCP server" })] }), /* @__PURE__ */ E(f, {
+							}), /* @__PURE__ */ E(m, { children: "Available tools from this MCP server" })] }), /* @__PURE__ */ E(p, {
 								className: "p-0",
 								children: G.length > 0 ? /* @__PURE__ */ E("div", {
 									className: "divide-y divide-border-subtle max-h-96 overflow-auto",
@@ -455,7 +455,7 @@ var B = ({ isNew: B }) => {
 											children: [/* @__PURE__ */ E("p", {
 												className: "font-medium truncate",
 												children: e.name
-											}), /* @__PURE__ */ E(g, {
+											}), /* @__PURE__ */ E(x, {
 												variant: $(e.riskLevel),
 												className: "shrink-0",
 												children: e.riskLevel
@@ -473,15 +473,15 @@ var B = ({ isNew: B }) => {
 						})
 					}), /* @__PURE__ */ E("div", {
 						className: "col-span-7",
-						children: Q ? /* @__PURE__ */ D(d, {
+						children: Q ? /* @__PURE__ */ D(f, {
 							className: "h-full",
-							children: [/* @__PURE__ */ E(m, { children: /* @__PURE__ */ D("div", {
+							children: [/* @__PURE__ */ E(h, { children: /* @__PURE__ */ D("div", {
 								className: "flex items-start justify-between gap-4",
-								children: [/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E(h, { children: Q.name }), /* @__PURE__ */ E(p, { children: Q.description })] }), /* @__PURE__ */ E(g, {
+								children: [/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E(g, { children: Q.name }), /* @__PURE__ */ E(m, { children: Q.description })] }), /* @__PURE__ */ E(x, {
 									variant: $(Q.riskLevel),
 									children: Q.riskLevel
 								})]
-							}) }), /* @__PURE__ */ D(f, {
+							}) }), /* @__PURE__ */ D(p, {
 								className: "space-y-4",
 								children: [/* @__PURE__ */ D("div", { children: [
 									/* @__PURE__ */ E("p", {
@@ -491,7 +491,7 @@ var B = ({ isNew: B }) => {
 									/* @__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: Q.riskLevel,
-										disabled: Oe.loading || !_e(o.MCP_UPDATE),
+										disabled: Oe.loading || !_e(l.MCP_UPDATE),
 										onChange: (e) => void Le(Q.id, e.target.value),
 										children: [
 											/* @__PURE__ */ E("option", {
@@ -520,11 +520,11 @@ var B = ({ isNew: B }) => {
 									children: /* @__PURE__ */ E("pre", { children: JSON.stringify(Q.inputSchema, null, 2) })
 								})] })]
 							})]
-						}) : /* @__PURE__ */ E(d, {
+						}) : /* @__PURE__ */ E(f, {
 							className: "h-full",
-							children: /* @__PURE__ */ E(f, {
+							children: /* @__PURE__ */ E(p, {
 								className: "h-full flex items-center justify-center",
-								children: /* @__PURE__ */ E(x, {
+								children: /* @__PURE__ */ E(S, {
 									illustration: "onboarding",
 									title: "Select a tool",
 									description: "Choose a tool from the list to view its details"
@@ -533,7 +533,7 @@ var B = ({ isNew: B }) => {
 						})
 					})]
 				}),
-				K.length > 0 && /* @__PURE__ */ D(d, { children: [/* @__PURE__ */ D(m, { children: [/* @__PURE__ */ E(h, { children: "Resources" }), /* @__PURE__ */ E(p, { children: "Available resources exposed by this server" })] }), /* @__PURE__ */ E(f, { children: /* @__PURE__ */ E("div", {
+				K.length > 0 && /* @__PURE__ */ D(f, { children: [/* @__PURE__ */ D(h, { children: [/* @__PURE__ */ E(g, { children: "Resources" }), /* @__PURE__ */ E(m, { children: "Available resources exposed by this server" })] }), /* @__PURE__ */ E(p, { children: /* @__PURE__ */ E("div", {
 					className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4",
 					children: K.map((e) => /* @__PURE__ */ D("div", {
 						className: "p-4 border border-border-subtle rounded-lg hover:bg-accent/50 transition-colors",
@@ -551,7 +551,7 @@ var B = ({ isNew: B }) => {
 							})]
 						}), /* @__PURE__ */ D("div", {
 							className: "mt-2 flex items-center gap-2",
-							children: [/* @__PURE__ */ E(g, {
+							children: [/* @__PURE__ */ E(x, {
 								variant: "outline",
 								className: "text-xs font-mono",
 								children: e.mimeType || "unknown"
@@ -562,10 +562,10 @@ var B = ({ isNew: B }) => {
 						})]
 					}, e.uri))
 				}) })] }),
-				/* @__PURE__ */ D(d, { children: [/* @__PURE__ */ E(m, { children: /* @__PURE__ */ D(h, {
+				/* @__PURE__ */ D(f, { children: [/* @__PURE__ */ E(h, { children: /* @__PURE__ */ D(g, {
 					className: "flex items-center gap-2",
 					children: [/* @__PURE__ */ E(P, { size: 18 }), "Metadata"]
-				}) }), /* @__PURE__ */ E(f, { children: /* @__PURE__ */ D("div", {
+				}) }), /* @__PURE__ */ E(p, { children: /* @__PURE__ */ D("div", {
 					className: "grid grid-cols-2 md:grid-cols-4 gap-6 text-sm",
 					children: [
 						/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("p", {
@@ -573,26 +573,26 @@ var B = ({ isNew: B }) => {
 							children: "Created"
 						}), /* @__PURE__ */ E("p", {
 							className: "font-medium",
-							children: a(U.createdAt)
+							children: C(U.createdAt)
 						})] }),
 						/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("p", {
 							className: "text-text-secondary",
 							children: "Updated"
 						}), /* @__PURE__ */ E("p", {
 							className: "font-medium",
-							children: a(U.updatedAt)
+							children: C(U.updatedAt)
 						})] }),
 						/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("p", {
 							className: "text-text-secondary",
 							children: "Last Connected"
 						}), /* @__PURE__ */ E("p", {
 							className: "font-medium",
-							children: U.lastConnectedAt ? a(U.lastConnectedAt) : "Never"
+							children: U.lastConnectedAt ? C(U.lastConnectedAt) : "Never"
 						})] }),
 						/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("p", {
 							className: "text-text-secondary",
 							children: "Credentials"
-						}), /* @__PURE__ */ E(g, {
+						}), /* @__PURE__ */ E(x, {
 							variant: U.credentialsHash ? "success" : "secondary",
 							children: U.credentialsHash ? "Configured" : "None"
 						})] })
@@ -600,20 +600,19 @@ var B = ({ isNew: B }) => {
 				}) })] })
 			]
 		})
-	}) : /* @__PURE__ */ E(l, {
+	}) : /* @__PURE__ */ E(d, {
 		title: "Server Not Found",
-		children: /* @__PURE__ */ E(x, {
+		children: /* @__PURE__ */ E(S, {
 			illustration: "empty-generic",
 			title: "Server Not Found",
 			description: "This MCP server doesn't exist.",
-			action: /* @__PURE__ */ E(u, {
+			action: /* @__PURE__ */ E(_, {
 				onClick: () => H("mcp"),
 				children: "Back to MCP Servers"
 			})
 		})
 	});
 };
-//#endregion
 export { B as MCPServerDetailPage };
 
 //# sourceMappingURL=MCPServerDetailPage.js.map