@burdenoff/microfe-botmanor 2026.1027.2 → 2026.1028.1

package/dist/botlit/pages/MCPServerDetailPage.js

@@ -1,19 +1,22 @@
 import { useBotlit as e } from "../providers/BotlitProvider.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 s, useTestMCPConnection as c, useUpdateMCPServer as te, useUpdateMCPTool as ne } from "../hooks/useMCPServers.js";
-import { formatRelativeTime as l } from "../utils/formatters.js";
-import { PageLayout as u } from "../components/PageLayout.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 { Button as g } from "../components/Button.js";
-import { Badge as _, StatusBadge as re } from "../components/Badge.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 w } from "../components/Input.js";
+import { FormField as S, Input as C, Textarea as se } from "../components/Input.js";
 import "../hooks/index.js";
-import { useMemo as ie, useState as T } from "react";
-import { GlassCard as ae, PagePurpose as oe } from "@burdenoff/fe-libs/ui";
-import { Fragment as E, jsx as D, jsxs as O } from "react/jsx-runtime";
-import { useParams as se } from "react-router";
-import { AlertTriangle as ce, ArrowLeft as le, CheckCircle as ue, Clock as de, Edit as fe, ExternalLink as pe, 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 { 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
 function z(e, t) {
@@ -21,16 +24,16 @@ function z(e, t) {
 	return typeof n == "string" && n !== "" ? n : void 0;
 }
 var B = ({ isNew: B }) => {
-	let { serverId: V } = se(), { navigateTo: H } = e(), { data: U, loading: me, refetch: W } = o(B ? void 0 : V), { data: G } = s(B ? void 0 : V), { data: K } = a(B ? void 0 : V), [he, ge] = ee(), [_e, ve] = te(), [ye, be] = i(), [xe, Se] = c(), [Ce, we] = ne(), [Te, q] = T(!1), [Ee, J] = T(!1), [Y, X] = T({
+	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({
 		name: "",
 		description: "",
 		transport: "HTTP_JSON",
 		baseUrl: "",
 		authMethod: "NONE",
 		secretRefId: ""
-	}), [Z, De] = T(null), Q = ie(() => G.find((e) => e.name === Z) ?? null, [G, Z]), Oe = async () => {
+	}), [Z, je] = w(null), Q = ce(() => G.find((e) => e.name === Z) ?? null, [G, Z]), Me = async () => {
 		if (!(!Y.name || !Y.baseUrl)) try {
-			let e = await he({
+			let e = await ye({
 				name: Y.name,
 				type: Y.transport,
 				config: {
@@ -44,15 +47,15 @@ var B = ({ isNew: B }) => {
 		} catch (e) {
 			R.error(e instanceof Error ? e.message : "Failed to connect MCP server");
 		}
-	}, ke = async () => {
+	}, Ne = async () => {
 		if (V) try {
-			await xe(V) ? R.success("MCP server is reachable") : R.error("MCP server did not respond"), W();
+			await Te(V) ? R.success("MCP server is reachable") : R.error("MCP server did not respond"), W();
 		} catch (e) {
 			R.error(e instanceof Error ? e.message : "Failed to test MCP connection");
 		}
-	}, Ae = async () => {
+	}, Pe = async () => {
 		if (!(!V || !Y.name)) try {
-			await _e({
+			await xe({
 				serverId: V,
 				input: {
 					name: Y.name,
@@ -67,13 +70,13 @@ var B = ({ isNew: B }) => {
 		} catch (e) {
 			R.error(e instanceof Error ? e.message : "Failed to update MCP server");
 		}
-	}, je = async () => {
+	}, Fe = async () => {
 		if (V) try {
-			await ye(V), v() && b("success"), R.success("MCP server disconnected"), H("mcp");
+			await Ce(V), v() && b("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");
 		}
-	}, Me = () => {
+	}, Ie = () => {
 		U && (X({
 			name: U.name,
 			description: n(U) ?? "",
@@ -88,9 +91,9 @@ var B = ({ isNew: B }) => {
 			case "MEDIUM": return "warning";
 			default: return "success";
 		}
-	}, Ne = async (e, t) => {
+	}, Le = async (e, t) => {
 		try {
-			await Ce({
+			await De({
 				toolId: e,
 				input: { riskLevel: t }
 			}), R.success("Tool risk level updated");
@@ -98,32 +101,32 @@ var B = ({ isNew: B }) => {
 			R.error(e instanceof Error ? e.message : "Failed to update tool risk level");
 		}
 	};
-	return B ? /* @__PURE__ */ D(u, {
+	return B ? /* @__PURE__ */ E(l, {
 		title: "Add MCP Server",
 		description: "Connect a new Model Context Protocol server",
-		actions: /* @__PURE__ */ O("div", {
+		actions: /* @__PURE__ */ D("div", {
 			className: "flex gap-2",
-			children: [/* @__PURE__ */ D(g, {
+			children: [/* @__PURE__ */ E(u, {
 				variant: "outline",
 				onClick: () => H("mcp"),
 				children: "Cancel"
-			}), /* @__PURE__ */ D(g, {
-				leftIcon: /* @__PURE__ */ D(M, { size: 16 }),
-				onClick: Oe,
-				isLoading: ge.loading,
+			}), /* @__PURE__ */ E(u, {
+				leftIcon: /* @__PURE__ */ E(M, { size: 16 }),
+				onClick: Me,
+				isLoading: be.loading,
 				disabled: !Y.name || !Y.baseUrl,
 				children: "Connect"
 			})]
 		}),
-		children: /* @__PURE__ */ D("div", {
+		children: /* @__PURE__ */ E("div", {
 			className: "max-w-2xl space-y-6",
-			children: /* @__PURE__ */ O(d, { children: [/* @__PURE__ */ D(m, { children: /* @__PURE__ */ D(h, { children: "Server Configuration" }) }), /* @__PURE__ */ O(f, {
+			children: /* @__PURE__ */ D(d, { children: [/* @__PURE__ */ E(m, { children: /* @__PURE__ */ E(h, { children: "Server Configuration" }) }), /* @__PURE__ */ D(f, {
 				className: "space-y-4",
 				children: [
-					/* @__PURE__ */ D(S, {
+					/* @__PURE__ */ E(S, {
 						label: "Server Name",
 						required: !0,
-						children: /* @__PURE__ */ D(C, {
+						children: /* @__PURE__ */ E(C, {
 							placeholder: "e.g., GitHub MCP Server",
 							value: Y.name,
 							onChange: (e) => X({
@@ -132,9 +135,9 @@ var B = ({ isNew: B }) => {
 							})
 						})
 					}),
-					/* @__PURE__ */ D(S, {
+					/* @__PURE__ */ E(S, {
 						label: "Description",
-						children: /* @__PURE__ */ D(w, {
+						children: /* @__PURE__ */ E(se, {
 							placeholder: "What capabilities does this server provide?",
 							value: Y.description,
 							onChange: (e) => X({
@@ -144,12 +147,12 @@ var B = ({ isNew: B }) => {
 							rows: 3
 						})
 					}),
-					/* @__PURE__ */ O("div", {
+					/* @__PURE__ */ D("div", {
 						className: "grid grid-cols-2 gap-4",
-						children: [/* @__PURE__ */ D(S, {
+						children: [/* @__PURE__ */ E(S, {
 							label: "Transport",
 							required: !0,
-							children: /* @__PURE__ */ O("select", {
+							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: Y.transport,
 								onChange: (e) => X({
@@ -157,27 +160,27 @@ var B = ({ isNew: B }) => {
 									transport: e.target.value
 								}),
 								children: [
-									/* @__PURE__ */ D("option", {
+									/* @__PURE__ */ E("option", {
 										value: "HTTP_JSON",
 										children: "HTTP JSON"
 									}),
-									/* @__PURE__ */ D("option", {
+									/* @__PURE__ */ E("option", {
 										value: "JSON_RPC",
 										children: "JSON RPC"
 									}),
-									/* @__PURE__ */ D("option", {
+									/* @__PURE__ */ E("option", {
 										value: "SSE",
 										children: "Server-Sent Events"
 									}),
-									/* @__PURE__ */ D("option", {
+									/* @__PURE__ */ E("option", {
 										value: "CUSTOM",
 										children: "Custom"
 									})
 								]
 							})
-						}), /* @__PURE__ */ D(S, {
+						}), /* @__PURE__ */ E(S, {
 							label: "Auth Method",
-							children: /* @__PURE__ */ O("select", {
+							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: Y.authMethod,
 								onChange: (e) => X({
@@ -185,19 +188,19 @@ var B = ({ isNew: B }) => {
 									authMethod: e.target.value
 								}),
 								children: [
-									/* @__PURE__ */ D("option", {
+									/* @__PURE__ */ E("option", {
 										value: "NONE",
 										children: "None"
 									}),
-									/* @__PURE__ */ D("option", {
+									/* @__PURE__ */ E("option", {
 										value: "API_KEY",
 										children: "API Key"
 									}),
-									/* @__PURE__ */ D("option", {
+									/* @__PURE__ */ E("option", {
 										value: "OAUTH",
 										children: "OAuth"
 									}),
-									/* @__PURE__ */ D("option", {
+									/* @__PURE__ */ E("option", {
 										value: "CUSTOM_HEADER",
 										children: "Custom Header"
 									})
@@ -205,10 +208,10 @@ var B = ({ isNew: B }) => {
 							})
 						})]
 					}),
-					/* @__PURE__ */ D(S, {
+					/* @__PURE__ */ E(S, {
 						label: "Base URL",
 						required: !0,
-						children: /* @__PURE__ */ D(C, {
+						children: /* @__PURE__ */ E(C, {
 							placeholder: "e.g., https://mcp.example.com",
 							value: Y.baseUrl,
 							onChange: (e) => X({
@@ -217,9 +220,9 @@ var B = ({ isNew: B }) => {
 							})
 						})
 					}),
-					Y.authMethod !== "NONE" && /* @__PURE__ */ D(S, {
+					Y.authMethod !== "NONE" && /* @__PURE__ */ E(S, {
 						label: "Secret Reference ID",
-						children: /* @__PURE__ */ D(C, {
+						children: /* @__PURE__ */ E(C, {
 							placeholder: "e.g., secret-mcp-github",
 							value: Y.secretRefId,
 							onChange: (e) => X({
@@ -231,288 +234,297 @@ var B = ({ isNew: B }) => {
 				]
 			})] })
 		})
-	}) : me ? /* @__PURE__ */ D(u, {
+	}) : ve ? /* @__PURE__ */ E(l, {
 		title: "Loading...",
-		children: /* @__PURE__ */ D("div", { className: "h-96 bg-bg-sunken motion-safe:animate-vc-shimmer rounded-lg" })
-	}) : U ? /* @__PURE__ */ D(u, {
-		title: /* @__PURE__ */ O("div", {
+		children: /* @__PURE__ */ E("div", { className: "h-96 bg-bg-sunken motion-safe:animate-vc-shimmer rounded-lg" })
+	}) : U ? /* @__PURE__ */ E(l, {
+		title: /* @__PURE__ */ D("div", {
 			className: "flex items-center gap-3",
 			children: [
-				/* @__PURE__ */ D(g, {
+				/* @__PURE__ */ E(u, {
 					variant: "ghost",
 					size: "icon",
 					onClick: () => H("mcp"),
-					children: /* @__PURE__ */ D(le, { size: 20 })
+					children: /* @__PURE__ */ E(pe, { size: 20 })
 				}),
-				/* @__PURE__ */ D("div", {
+				/* @__PURE__ */ E("div", {
 					className: "p-2 rounded-lg bg-action-primary-bg/10",
-					children: t(U.status) ? /* @__PURE__ */ D(A, { className: "h-6 w-6 text-status-success-text" }) : /* @__PURE__ */ D(k, { className: "h-6 w-6 text-text-secondary" })
+					children: t(U.status) ? /* @__PURE__ */ E(A, { className: "h-6 w-6 text-status-success-text" }) : /* @__PURE__ */ E(k, { className: "h-6 w-6 text-text-secondary" })
 				}),
-				/* @__PURE__ */ O("div", { children: [/* @__PURE__ */ O("div", {
+				/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ D("div", {
 					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ D("span", { children: U.name }), /* @__PURE__ */ D(re, { status: U.status })]
-				}), /* @__PURE__ */ D("p", {
+					children: [/* @__PURE__ */ E("span", { children: U.name }), /* @__PURE__ */ E(_, { status: U.status })]
+				}), /* @__PURE__ */ E("p", {
 					className: "text-sm font-normal text-text-secondary",
 					children: n(U)
 				})] })
 			]
 		}),
-		actions: /* @__PURE__ */ O("div", {
+		actions: /* @__PURE__ */ D("div", {
 			className: "flex gap-2",
-			children: [/* @__PURE__ */ D(g, {
-				variant: "outline",
-				leftIcon: /* @__PURE__ */ D(j, { size: 16 }),
-				onClick: ke,
-				isLoading: Se.loading,
-				children: "Test"
-			}), Te ? /* @__PURE__ */ O(E, { children: [/* @__PURE__ */ D(g, {
+			children: [/* @__PURE__ */ E(s, {
+				permission: o.MCP_TEST,
+				children: /* @__PURE__ */ E(u, {
+					variant: "outline",
+					leftIcon: /* @__PURE__ */ E(j, { size: 16 }),
+					onClick: Ne,
+					isLoading: Ee.loading,
+					children: "Test"
+				})
+			}), ke ? /* @__PURE__ */ D(T, { children: [/* @__PURE__ */ E(u, {
 				variant: "outline",
 				onClick: () => q(!1),
 				children: "Cancel"
-			}), /* @__PURE__ */ D(g, {
-				leftIcon: /* @__PURE__ */ D(M, { size: 16 }),
-				onClick: Ae,
-				isLoading: ve.loading,
+			}), /* @__PURE__ */ E(u, {
+				leftIcon: /* @__PURE__ */ E(M, { size: 16 }),
+				onClick: Pe,
+				isLoading: Se.loading,
 				children: "Save"
-			})] }) : /* @__PURE__ */ O(E, { children: [/* @__PURE__ */ D(g, {
-				variant: "outline",
-				leftIcon: /* @__PURE__ */ D(fe, { size: 16 }),
-				onClick: Me,
-				children: "Edit"
-			}), Ee ? /* @__PURE__ */ O("div", {
+			})] }) : /* @__PURE__ */ D(T, { children: [/* @__PURE__ */ E(s, {
+				permission: o.MCP_UPDATE,
+				children: /* @__PURE__ */ E(u, {
+					variant: "outline",
+					leftIcon: /* @__PURE__ */ E(ge, { size: 16 }),
+					onClick: Ie,
+					children: "Edit"
+				})
+			}), Ae ? /* @__PURE__ */ D("div", {
 				className: "flex gap-2",
-				children: [/* @__PURE__ */ D(g, {
+				children: [/* @__PURE__ */ E(u, {
 					variant: "outline",
 					size: "sm",
 					onClick: () => J(!1),
 					children: "Cancel"
-				}), /* @__PURE__ */ D(g, {
+				}), /* @__PURE__ */ E(u, {
 					variant: "destructive",
 					size: "sm",
 					onClick: () => {
-						y("medium"), je();
+						y("medium"), Fe();
 					},
-					isLoading: be.loading,
+					isLoading: we.loading,
 					children: "Confirm"
 				})]
-			}) : /* @__PURE__ */ D(g, {
-				variant: "destructive",
-				leftIcon: /* @__PURE__ */ D(F, { size: 16 }),
-				onClick: () => J(!0),
-				children: "Delete"
+			}) : /* @__PURE__ */ E(s, {
+				permission: o.MCP_DELETE,
+				children: /* @__PURE__ */ E(u, {
+					variant: "destructive",
+					leftIcon: /* @__PURE__ */ E(F, { size: 16 }),
+					onClick: () => J(!0),
+					children: "Delete"
+				})
 			})] })]
 		}),
-		children: /* @__PURE__ */ O("div", {
+		children: /* @__PURE__ */ D("div", {
 			className: "space-y-6",
 			children: [
-				/* @__PURE__ */ D(oe, {
-					icon: /* @__PURE__ */ D(N, { size: 18 }),
+				/* @__PURE__ */ E(ue, {
+					icon: /* @__PURE__ */ E(N, { 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__ */ O("div", {
+				/* @__PURE__ */ D("div", {
 					className: "grid grid-cols-2 md:grid-cols-4 gap-4",
 					children: [
-						/* @__PURE__ */ O(ae, {
+						/* @__PURE__ */ D(le, {
 							treatment: "glass",
 							glow: !0,
 							className: "p-6 text-center",
 							children: [
-								/* @__PURE__ */ D("div", {
+								/* @__PURE__ */ E("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__ */ D(ue, { className: "h-5 w-5 text-status-success-text" });
-											case "CONNECTING": return /* @__PURE__ */ D(ce, { className: "h-5 w-5 text-status-warning-text" });
+											case "CONNECTED": return /* @__PURE__ */ E(me, { className: "h-5 w-5 text-status-success-text" });
+											case "CONNECTING": return /* @__PURE__ */ E(fe, { className: "h-5 w-5 text-status-warning-text" });
 											case "ERROR":
-											case "DISCONNECTED": return /* @__PURE__ */ D(L, { className: "h-5 w-5 text-status-error-text" });
-											default: return /* @__PURE__ */ D(de, { className: "h-5 w-5 text-text-secondary" });
+											case "DISCONNECTED": return /* @__PURE__ */ E(L, { className: "h-5 w-5 text-status-error-text" });
+											default: return /* @__PURE__ */ E(he, { className: "h-5 w-5 text-text-secondary" });
 										}
 									})(U.status)
 								}),
-								/* @__PURE__ */ D("p", {
+								/* @__PURE__ */ E("p", {
 									className: "text-lg font-bold capitalize text-text-primary",
 									children: U.status.toLowerCase()
 								}),
-								/* @__PURE__ */ D("p", {
+								/* @__PURE__ */ E("p", {
 									className: "text-sm text-text-secondary",
 									children: "Health Status"
 								})
 							]
 						}),
-						/* @__PURE__ */ D(d, { children: /* @__PURE__ */ O(f, {
+						/* @__PURE__ */ E(d, { children: /* @__PURE__ */ D(f, {
 							className: "pt-6 text-center",
-							children: [/* @__PURE__ */ D("p", {
+							children: [/* @__PURE__ */ E("p", {
 								className: "text-3xl font-bold text-text-primary",
 								children: G.length
-							}), /* @__PURE__ */ D("p", {
+							}), /* @__PURE__ */ E("p", {
 								className: "text-sm text-text-secondary",
 								children: "Tools Available"
 							})]
 						}) }),
-						/* @__PURE__ */ D(d, { children: /* @__PURE__ */ O(f, {
+						/* @__PURE__ */ E(d, { children: /* @__PURE__ */ D(f, {
 							className: "pt-6 text-center",
-							children: [/* @__PURE__ */ D("p", {
+							children: [/* @__PURE__ */ E("p", {
 								className: "text-3xl font-bold text-text-primary",
 								children: K.length
-							}), /* @__PURE__ */ D("p", {
+							}), /* @__PURE__ */ E("p", {
 								className: "text-sm text-text-secondary",
 								children: "Resources"
 							})]
 						}) }),
-						/* @__PURE__ */ D(d, { children: /* @__PURE__ */ O(f, {
+						/* @__PURE__ */ E(d, { children: /* @__PURE__ */ D(f, {
 							className: "pt-6 text-center",
-							children: [/* @__PURE__ */ D("p", {
+							children: [/* @__PURE__ */ E("p", {
 								className: "text-3xl font-bold text-text-primary",
-								children: U.lastConnectedAt ? l(U.lastConnectedAt) : "Never"
-							}), /* @__PURE__ */ D("p", {
+								children: U.lastConnectedAt ? a(U.lastConnectedAt) : "Never"
+							}), /* @__PURE__ */ E("p", {
 								className: "text-sm text-text-secondary",
 								children: "Last Connected"
 							})]
 						}) })
 					]
 				}),
-				/* @__PURE__ */ O(d, { children: [/* @__PURE__ */ D(m, { children: /* @__PURE__ */ O(h, {
+				/* @__PURE__ */ D(d, { children: [/* @__PURE__ */ E(m, { children: /* @__PURE__ */ D(h, {
 					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ D(N, { size: 18 }), "Connection Details"]
-				}) }), /* @__PURE__ */ O(f, { children: [/* @__PURE__ */ O("div", {
+					children: [/* @__PURE__ */ E(N, { size: 18 }), "Connection Details"]
+				}) }), /* @__PURE__ */ D(f, { children: [/* @__PURE__ */ D("div", {
 					className: "grid grid-cols-2 md:grid-cols-4 gap-6",
 					children: [
-						/* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("p", {
+						/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("p", {
 							className: "text-sm text-text-secondary",
 							children: "Transport"
-						}), /* @__PURE__ */ D(_, {
+						}), /* @__PURE__ */ E(g, {
 							variant: "outline",
 							className: "capitalize mt-1",
 							children: U.type.toLowerCase().replace("_", " ")
 						})] }),
-						/* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("p", {
+						/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("p", {
 							className: "text-sm text-text-secondary",
 							children: "Base URL"
-						}), /* @__PURE__ */ D("p", {
+						}), /* @__PURE__ */ E("p", {
 							className: "font-medium text-sm truncate",
 							children: r(U) ?? "—"
 						})] }),
-						/* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("p", {
+						/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("p", {
 							className: "text-sm text-text-secondary",
 							children: "Auth Method"
-						}), /* @__PURE__ */ D(_, {
+						}), /* @__PURE__ */ E(g, {
 							variant: "outline",
 							className: "capitalize mt-1",
 							children: (z(U.config, "authMethod") ?? "NONE").toLowerCase().replace("_", " ")
 						})] }),
-						/* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("p", {
+						/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("p", {
 							className: "text-sm text-text-secondary",
 							children: "Last Tested"
-						}), /* @__PURE__ */ D("p", {
+						}), /* @__PURE__ */ E("p", {
 							className: "font-medium",
-							children: U.lastErrorAt ? l(U.lastErrorAt) : "Never"
+							children: U.lastErrorAt ? a(U.lastErrorAt) : "Never"
 						})] })
 					]
-				}), U.errorMessage && /* @__PURE__ */ O("div", {
+				}), U.errorMessage && /* @__PURE__ */ D("div", {
 					className: "mt-4 p-3 bg-status-error-bg-subtle rounded-lg text-sm text-status-error-text",
 					children: [
-						/* @__PURE__ */ D("strong", { children: "Error:" }),
+						/* @__PURE__ */ E("strong", { children: "Error:" }),
 						" ",
 						U.errorMessage
 					]
 				})] })] }),
-				/* @__PURE__ */ O("div", {
+				/* @__PURE__ */ D("div", {
 					className: "grid grid-cols-12 gap-6",
-					children: [/* @__PURE__ */ D("div", {
+					children: [/* @__PURE__ */ E("div", {
 						className: "col-span-5",
-						children: /* @__PURE__ */ O(d, {
+						children: /* @__PURE__ */ D(d, {
 							className: "h-full",
-							children: [/* @__PURE__ */ O(m, { children: [/* @__PURE__ */ O(h, {
+							children: [/* @__PURE__ */ D(m, { children: [/* @__PURE__ */ D(h, {
 								className: "flex items-center gap-2",
 								children: [
-									/* @__PURE__ */ D(I, { size: 18 }),
+									/* @__PURE__ */ E(I, { size: 18 }),
 									"Tools (",
 									G.length,
 									")"
 								]
-							}), /* @__PURE__ */ D(p, { children: "Available tools from this MCP server" })] }), /* @__PURE__ */ D(f, {
+							}), /* @__PURE__ */ E(p, { children: "Available tools from this MCP server" })] }), /* @__PURE__ */ E(f, {
 								className: "p-0",
-								children: G.length > 0 ? /* @__PURE__ */ D("div", {
+								children: G.length > 0 ? /* @__PURE__ */ E("div", {
 									className: "divide-y divide-border-subtle max-h-96 overflow-auto",
-									children: G.map((e) => /* @__PURE__ */ O("button", {
+									children: G.map((e) => /* @__PURE__ */ D("button", {
 										type: "button",
 										className: `w-full text-left p-4 hover:bg-accent transition-colors ${Q?.id === e.id ? "bg-accent" : ""}`,
-										onClick: () => De(e.name),
-										children: [/* @__PURE__ */ O("div", {
+										onClick: () => je(e.name),
+										children: [/* @__PURE__ */ D("div", {
 											className: "flex items-center justify-between gap-2",
-											children: [/* @__PURE__ */ D("p", {
+											children: [/* @__PURE__ */ E("p", {
 												className: "font-medium truncate",
 												children: e.name
-											}), /* @__PURE__ */ D(_, {
+											}), /* @__PURE__ */ E(g, {
 												variant: $(e.riskLevel),
 												className: "shrink-0",
 												children: e.riskLevel
 											})]
-										}), /* @__PURE__ */ D("p", {
+										}), /* @__PURE__ */ E("p", {
 											className: "text-sm text-text-secondary line-clamp-1",
 											children: e.description
 										})]
 									}, e.id))
-								}) : /* @__PURE__ */ O("div", {
+								}) : /* @__PURE__ */ D("div", {
 									className: "p-8 text-center text-text-secondary",
-									children: [/* @__PURE__ */ D(I, { className: "h-8 w-8 mx-auto mb-2 opacity-50" }), /* @__PURE__ */ D("p", { children: "No tools available" })]
+									children: [/* @__PURE__ */ E(I, { className: "h-8 w-8 mx-auto mb-2 opacity-50" }), /* @__PURE__ */ E("p", { children: "No tools available" })]
 								})
 							})]
 						})
-					}), /* @__PURE__ */ D("div", {
+					}), /* @__PURE__ */ E("div", {
 						className: "col-span-7",
-						children: Q ? /* @__PURE__ */ O(d, {
+						children: Q ? /* @__PURE__ */ D(d, {
 							className: "h-full",
-							children: [/* @__PURE__ */ D(m, { children: /* @__PURE__ */ O("div", {
+							children: [/* @__PURE__ */ E(m, { children: /* @__PURE__ */ D("div", {
 								className: "flex items-start justify-between gap-4",
-								children: [/* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D(h, { children: Q.name }), /* @__PURE__ */ D(p, { children: Q.description })] }), /* @__PURE__ */ D(_, {
+								children: [/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E(h, { children: Q.name }), /* @__PURE__ */ E(p, { children: Q.description })] }), /* @__PURE__ */ E(g, {
 									variant: $(Q.riskLevel),
 									children: Q.riskLevel
 								})]
-							}) }), /* @__PURE__ */ O(f, {
+							}) }), /* @__PURE__ */ D(f, {
 								className: "space-y-4",
-								children: [/* @__PURE__ */ O("div", { children: [
-									/* @__PURE__ */ D("p", {
+								children: [/* @__PURE__ */ D("div", { children: [
+									/* @__PURE__ */ E("p", {
 										className: "text-sm font-medium mb-2",
 										children: "Risk Level"
 									}),
-									/* @__PURE__ */ O("select", {
+									/* @__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: we.loading,
-										onChange: (e) => void Ne(Q.id, e.target.value),
+										disabled: Oe.loading || !_e(o.MCP_UPDATE),
+										onChange: (e) => void Le(Q.id, e.target.value),
 										children: [
-											/* @__PURE__ */ D("option", {
+											/* @__PURE__ */ E("option", {
 												value: "LOW",
 												children: "Low — safe read/notify actions"
 											}),
-											/* @__PURE__ */ D("option", {
+											/* @__PURE__ */ E("option", {
 												value: "MEDIUM",
 												children: "Medium — state-changing actions"
 											}),
-											/* @__PURE__ */ D("option", {
+											/* @__PURE__ */ E("option", {
 												value: "HIGH",
 												children: "High — destructive or sensitive actions"
 											})
 										]
 									}),
-									/* @__PURE__ */ D("p", {
+									/* @__PURE__ */ E("p", {
 										className: "text-xs text-text-secondary mt-1",
 										children: "Agents can only invoke tools up to the maximum risk level allowed by your workspace tool policies."
 									})
-								] }), /* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("p", {
+								] }), /* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("p", {
 									className: "text-sm font-medium mb-2",
 									children: "Input Schema"
-								}), /* @__PURE__ */ D("div", {
+								}), /* @__PURE__ */ E("div", {
 									className: "p-3 bg-bg-sunken rounded-lg font-mono text-xs overflow-auto max-h-96",
-									children: /* @__PURE__ */ D("pre", { children: JSON.stringify(Q.inputSchema, null, 2) })
+									children: /* @__PURE__ */ E("pre", { children: JSON.stringify(Q.inputSchema, null, 2) })
 								})] })]
 							})]
-						}) : /* @__PURE__ */ D(d, {
+						}) : /* @__PURE__ */ E(d, {
 							className: "h-full",
-							children: /* @__PURE__ */ D(f, {
+							children: /* @__PURE__ */ E(f, {
 								className: "h-full flex items-center justify-center",
-								children: /* @__PURE__ */ D(x, {
+								children: /* @__PURE__ */ E(x, {
 									illustration: "onboarding",
 									title: "Select a tool",
 									description: "Choose a tool from the list to view its details"
@@ -521,66 +533,66 @@ var B = ({ isNew: B }) => {
 						})
 					})]
 				}),
-				K.length > 0 && /* @__PURE__ */ O(d, { children: [/* @__PURE__ */ O(m, { children: [/* @__PURE__ */ D(h, { children: "Resources" }), /* @__PURE__ */ D(p, { children: "Available resources exposed by this server" })] }), /* @__PURE__ */ D(f, { children: /* @__PURE__ */ D("div", {
+				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", {
 					className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4",
-					children: K.map((e) => /* @__PURE__ */ O("div", {
+					children: K.map((e) => /* @__PURE__ */ D("div", {
 						className: "p-4 border border-border-subtle rounded-lg hover:bg-accent/50 transition-colors",
-						children: [/* @__PURE__ */ O("div", {
+						children: [/* @__PURE__ */ D("div", {
 							className: "flex items-start justify-between",
-							children: [/* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("p", {
+							children: [/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("p", {
 								className: "font-medium",
 								children: e.name
-							}), /* @__PURE__ */ D("p", {
+							}), /* @__PURE__ */ E("p", {
 								className: "text-sm text-text-secondary",
 								children: e.description
-							})] }), /* @__PURE__ */ D(pe, {
+							})] }), /* @__PURE__ */ E(O, {
 								size: 14,
 								className: "text-text-secondary"
 							})]
-						}), /* @__PURE__ */ O("div", {
+						}), /* @__PURE__ */ D("div", {
 							className: "mt-2 flex items-center gap-2",
-							children: [/* @__PURE__ */ D(_, {
+							children: [/* @__PURE__ */ E(g, {
 								variant: "outline",
 								className: "text-xs font-mono",
 								children: e.mimeType || "unknown"
-							}), /* @__PURE__ */ D("span", {
+							}), /* @__PURE__ */ E("span", {
 								className: "text-xs text-text-secondary truncate",
 								children: e.uri
 							})]
 						})]
 					}, e.uri))
 				}) })] }),
-				/* @__PURE__ */ O(d, { children: [/* @__PURE__ */ D(m, { children: /* @__PURE__ */ O(h, {
+				/* @__PURE__ */ D(d, { children: [/* @__PURE__ */ E(m, { children: /* @__PURE__ */ D(h, {
 					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ D(P, { size: 18 }), "Metadata"]
-				}) }), /* @__PURE__ */ D(f, { children: /* @__PURE__ */ O("div", {
+					children: [/* @__PURE__ */ E(P, { size: 18 }), "Metadata"]
+				}) }), /* @__PURE__ */ E(f, { children: /* @__PURE__ */ D("div", {
 					className: "grid grid-cols-2 md:grid-cols-4 gap-6 text-sm",
 					children: [
-						/* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("p", {
+						/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("p", {
 							className: "text-text-secondary",
 							children: "Created"
-						}), /* @__PURE__ */ D("p", {
+						}), /* @__PURE__ */ E("p", {
 							className: "font-medium",
-							children: l(U.createdAt)
+							children: a(U.createdAt)
 						})] }),
-						/* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("p", {
+						/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("p", {
 							className: "text-text-secondary",
 							children: "Updated"
-						}), /* @__PURE__ */ D("p", {
+						}), /* @__PURE__ */ E("p", {
 							className: "font-medium",
-							children: l(U.updatedAt)
+							children: a(U.updatedAt)
 						})] }),
-						/* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("p", {
+						/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("p", {
 							className: "text-text-secondary",
 							children: "Last Connected"
-						}), /* @__PURE__ */ D("p", {
+						}), /* @__PURE__ */ E("p", {
 							className: "font-medium",
-							children: U.lastConnectedAt ? l(U.lastConnectedAt) : "Never"
+							children: U.lastConnectedAt ? a(U.lastConnectedAt) : "Never"
 						})] }),
-						/* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("p", {
+						/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("p", {
 							className: "text-text-secondary",
 							children: "Credentials"
-						}), /* @__PURE__ */ D(_, {
+						}), /* @__PURE__ */ E(g, {
 							variant: U.credentialsHash ? "success" : "secondary",
 							children: U.credentialsHash ? "Configured" : "None"
 						})] })
@@ -588,13 +600,13 @@ var B = ({ isNew: B }) => {
 				}) })] })
 			]
 		})
-	}) : /* @__PURE__ */ D(u, {
+	}) : /* @__PURE__ */ E(l, {
 		title: "Server Not Found",
-		children: /* @__PURE__ */ D(x, {
+		children: /* @__PURE__ */ E(x, {
 			illustration: "empty-generic",
 			title: "Server Not Found",
 			description: "This MCP server doesn't exist.",
-			action: /* @__PURE__ */ D(g, {
+			action: /* @__PURE__ */ E(u, {
 				onClick: () => H("mcp"),
 				children: "Back to MCP Servers"
 			})