@burdenoff/microfe-botmanor 2026.819.1 → 2026.925.1

package/dist/botlit/pages/MCPServerDetailPage.js

@@ -1,179 +1,203 @@
 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 { 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 { 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 { Badge as _, StatusBadge as re } 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";
+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 { toast as R } from "sonner";
 //#region src/botlit/pages/MCPServerDetailPage.tsx
-function B(e, t) {
+function z(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({
+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({
 		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,
+	}), [Z, De] = T(null), Q = ie(() => G.find((e) => e.name === Z) ?? null, [G, Z]), Oe = async () => {
+		if (!(!Y.name || !Y.baseUrl)) try {
+			let e = await he({
+				name: Y.name,
+				type: Y.transport,
 				config: {
-					url: X.baseUrl,
-					description: X.description,
-					authMethod: X.authMethod,
-					secretRefId: X.secretRefId || void 0
+					url: Y.baseUrl,
+					description: Y.description,
+					authMethod: Y.authMethod,
+					secretRefId: Y.secretRefId || void 0
 				}
 			});
-			z.success(`Connected "${e.name}"`), U(`mcp/${e.id}`);
+			R.success(`Connected "${e.name}"`), H(`mcp/${e.id}`);
 		} catch (e) {
-			z.error(e instanceof Error ? e.message : "Failed to connect MCP server");
+			R.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();
+	}, ke = async () => {
+		if (V) try {
+			await xe(V) ? R.success("MCP server is reachable") : R.error("MCP server did not respond"), W();
 		} catch (e) {
-			z.error(e instanceof Error ? e.message : "Failed to test MCP connection");
+			R.error(e instanceof Error ? e.message : "Failed to test MCP connection");
 		}
-	}, Ee = async () => {
-		if (!(!H || !X.name)) try {
-			await he({
-				serverId: H,
+	}, Ae = async () => {
+		if (!(!V || !Y.name)) try {
+			await _e({
+				serverId: V,
 				input: {
-					name: X.name,
+					name: Y.name,
 					config: {
-						url: X.baseUrl,
-						description: X.description,
-						authMethod: X.authMethod,
-						secretRefId: X.secretRefId || void 0
+						url: Y.baseUrl,
+						description: Y.description,
+						authMethod: Y.authMethod,
+						secretRefId: Y.secretRefId || void 0
 					}
 				}
-			}), z.success("MCP server updated"), G(), J(!1);
+			}), R.success("MCP server updated"), W(), q(!1);
 		} catch (e) {
-			z.error(e instanceof Error ? e.message : "Failed to update MCP server");
+			R.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");
+	}, je = async () => {
+		if (V) try {
+			await ye(V), v() && b("success"), R.success("MCP server disconnected"), H("mcp");
 		} catch (e) {
-			v() && b("error"), z.error(e instanceof Error ? e.message : "Failed to disconnect MCP server");
+			v() && b("error"), R.error(e instanceof Error ? e.message : "Failed to disconnect MCP server");
+		}
+	}, Me = () => {
+		U && (X({
+			name: U.name,
+			description: n(U) ?? "",
+			transport: U.type,
+			baseUrl: r(U) ?? "",
+			authMethod: z(U.config, "authMethod") ?? "NONE",
+			secretRefId: z(U.config, "secretRefId") ?? ""
+		}), q(!0));
+	}, $ = (e) => {
+		switch (e) {
+			case "HIGH": return "destructive";
+			case "MEDIUM": return "warning";
+			default: return "success";
+		}
+	}, Ne = async (e, t) => {
+		try {
+			await Ce({
+				toolId: e,
+				input: { riskLevel: t }
+			}), R.success("Tool risk level updated");
+		} catch (e) {
+			R.error(e instanceof Error ? e.message : "Failed to update tool risk level");
 		}
 	};
-	return V ? /* @__PURE__ */ O(u, {
+	return B ? /* @__PURE__ */ D(u, {
 		title: "Add MCP Server",
 		description: "Connect a new Model Context Protocol server",
-		actions: /* @__PURE__ */ k("div", {
+		actions: /* @__PURE__ */ O("div", {
 			className: "flex gap-2",
-			children: [/* @__PURE__ */ O(g, {
+			children: [/* @__PURE__ */ D(g, {
 				variant: "outline",
-				onClick: () => U("mcp"),
+				onClick: () => H("mcp"),
 				children: "Cancel"
-			}), /* @__PURE__ */ O(g, {
-				leftIcon: /* @__PURE__ */ O(N, { size: 16 }),
-				onClick: we,
-				isLoading: me.loading,
-				disabled: !X.name || !X.baseUrl,
+			}), /* @__PURE__ */ D(g, {
+				leftIcon: /* @__PURE__ */ D(M, { size: 16 }),
+				onClick: Oe,
+				isLoading: ge.loading,
+				disabled: !Y.name || !Y.baseUrl,
 				children: "Connect"
 			})]
 		}),
-		children: /* @__PURE__ */ O("div", {
+		children: /* @__PURE__ */ D("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, {
+			children: /* @__PURE__ */ O(d, { children: [/* @__PURE__ */ D(m, { children: /* @__PURE__ */ D(h, { children: "Server Configuration" }) }), /* @__PURE__ */ O(f, {
 				className: "space-y-4",
 				children: [
-					/* @__PURE__ */ O(S, {
+					/* @__PURE__ */ D(S, {
 						label: "Server Name",
 						required: !0,
-						children: /* @__PURE__ */ O(C, {
+						children: /* @__PURE__ */ D(C, {
 							placeholder: "e.g., GitHub MCP Server",
-							value: X.name,
-							onChange: (e) => Z({
-								...X,
+							value: Y.name,
+							onChange: (e) => X({
+								...Y,
 								name: e.target.value
 							})
 						})
 					}),
-					/* @__PURE__ */ O(S, {
+					/* @__PURE__ */ D(S, {
 						label: "Description",
-						children: /* @__PURE__ */ O(w, {
+						children: /* @__PURE__ */ D(w, {
 							placeholder: "What capabilities does this server provide?",
-							value: X.description,
-							onChange: (e) => Z({
-								...X,
+							value: Y.description,
+							onChange: (e) => X({
+								...Y,
 								description: e.target.value
 							}),
 							rows: 3
 						})
 					}),
-					/* @__PURE__ */ k("div", {
+					/* @__PURE__ */ O("div", {
 						className: "grid grid-cols-2 gap-4",
-						children: [/* @__PURE__ */ O(S, {
+						children: [/* @__PURE__ */ D(S, {
 							label: "Transport",
 							required: !0,
-							children: /* @__PURE__ */ k("select", {
+							children: /* @__PURE__ */ O("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,
+								value: Y.transport,
+								onChange: (e) => X({
+									...Y,
 									transport: e.target.value
 								}),
 								children: [
-									/* @__PURE__ */ O("option", {
+									/* @__PURE__ */ D("option", {
 										value: "HTTP_JSON",
 										children: "HTTP JSON"
 									}),
-									/* @__PURE__ */ O("option", {
+									/* @__PURE__ */ D("option", {
 										value: "JSON_RPC",
 										children: "JSON RPC"
 									}),
-									/* @__PURE__ */ O("option", {
+									/* @__PURE__ */ D("option", {
 										value: "SSE",
 										children: "Server-Sent Events"
 									}),
-									/* @__PURE__ */ O("option", {
+									/* @__PURE__ */ D("option", {
 										value: "CUSTOM",
 										children: "Custom"
 									})
 								]
 							})
-						}), /* @__PURE__ */ O(S, {
+						}), /* @__PURE__ */ D(S, {
 							label: "Auth Method",
-							children: /* @__PURE__ */ k("select", {
+							children: /* @__PURE__ */ O("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,
+								value: Y.authMethod,
+								onChange: (e) => X({
+									...Y,
 									authMethod: e.target.value
 								}),
 								children: [
-									/* @__PURE__ */ O("option", {
+									/* @__PURE__ */ D("option", {
 										value: "NONE",
 										children: "None"
 									}),
-									/* @__PURE__ */ O("option", {
+									/* @__PURE__ */ D("option", {
 										value: "API_KEY",
 										children: "API Key"
 									}),
-									/* @__PURE__ */ O("option", {
+									/* @__PURE__ */ D("option", {
 										value: "OAUTH",
 										children: "OAuth"
 									}),
-									/* @__PURE__ */ O("option", {
+									/* @__PURE__ */ D("option", {
 										value: "CUSTOM_HEADER",
 										children: "Custom Header"
 									})
@@ -181,25 +205,25 @@ var V = ({ isNew: V }) => {
 							})
 						})]
 					}),
-					/* @__PURE__ */ O(S, {
+					/* @__PURE__ */ D(S, {
 						label: "Base URL",
 						required: !0,
-						children: /* @__PURE__ */ O(C, {
+						children: /* @__PURE__ */ D(C, {
 							placeholder: "e.g., https://mcp.example.com",
-							value: X.baseUrl,
-							onChange: (e) => Z({
-								...X,
+							value: Y.baseUrl,
+							onChange: (e) => X({
+								...Y,
 								baseUrl: e.target.value
 							})
 						})
 					}),
-					X.authMethod !== "NONE" && /* @__PURE__ */ O(S, {
+					Y.authMethod !== "NONE" && /* @__PURE__ */ D(S, {
 						label: "Secret Reference ID",
-						children: /* @__PURE__ */ O(C, {
+						children: /* @__PURE__ */ D(C, {
 							placeholder: "e.g., secret-mcp-github",
-							value: X.secretRefId,
-							onChange: (e) => Z({
-								...X,
+							value: Y.secretRefId,
+							onChange: (e) => X({
+								...Y,
 								secretRefId: e.target.value
 							})
 						})
@@ -207,255 +231,288 @@ var V = ({ isNew: V }) => {
 				]
 			})] })
 		})
-	}) : fe ? /* @__PURE__ */ O(u, {
+	}) : me ? /* @__PURE__ */ D(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", {
+		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", {
 			className: "flex items-center gap-3",
 			children: [
-				/* @__PURE__ */ O(g, {
+				/* @__PURE__ */ D(g, {
 					variant: "ghost",
 					size: "icon",
-					onClick: () => U("mcp"),
-					children: /* @__PURE__ */ O(se, { size: 20 })
+					onClick: () => H("mcp"),
+					children: /* @__PURE__ */ D(le, { size: 20 })
 				}),
-				/* @__PURE__ */ O("div", {
+				/* @__PURE__ */ D("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" })
+					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" })
 				}),
-				/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ k("div", {
+				/* @__PURE__ */ O("div", { children: [/* @__PURE__ */ O("div", {
 					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ O("span", { children: W.name }), /* @__PURE__ */ O(ne, { status: W.status })]
-				}), /* @__PURE__ */ O("p", {
+					children: [/* @__PURE__ */ D("span", { children: U.name }), /* @__PURE__ */ D(re, { status: U.status })]
+				}), /* @__PURE__ */ D("p", {
 					className: "text-sm font-normal text-text-secondary",
-					children: n(W)
+					children: n(U)
 				})] })
 			]
 		}),
-		actions: /* @__PURE__ */ k("div", {
+		actions: /* @__PURE__ */ O("div", {
 			className: "flex gap-2",
-			children: [/* @__PURE__ */ O(g, {
+			children: [/* @__PURE__ */ D(g, {
 				variant: "outline",
-				leftIcon: /* @__PURE__ */ O(M, { size: 16 }),
-				onClick: Te,
-				isLoading: be.loading,
+				leftIcon: /* @__PURE__ */ D(j, { size: 16 }),
+				onClick: ke,
+				isLoading: Se.loading,
 				children: "Test"
-			}), xe ? /* @__PURE__ */ k(D, { children: [/* @__PURE__ */ O(g, {
+			}), Te ? /* @__PURE__ */ O(E, { children: [/* @__PURE__ */ D(g, {
 				variant: "outline",
-				onClick: () => J(!1),
+				onClick: () => q(!1),
 				children: "Cancel"
-			}), /* @__PURE__ */ O(g, {
-				leftIcon: /* @__PURE__ */ O(N, { size: 16 }),
-				onClick: Ee,
-				isLoading: ge.loading,
+			}), /* @__PURE__ */ D(g, {
+				leftIcon: /* @__PURE__ */ D(M, { size: 16 }),
+				onClick: Ae,
+				isLoading: ve.loading,
 				children: "Save"
-			})] }) : /* @__PURE__ */ k(D, { children: [/* @__PURE__ */ O(g, {
+			})] }) : /* @__PURE__ */ O(E, { children: [/* @__PURE__ */ D(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));
-				},
+				leftIcon: /* @__PURE__ */ D(fe, { size: 16 }),
+				onClick: Me,
 				children: "Edit"
-			}), Se ? /* @__PURE__ */ k("div", {
+			}), Ee ? /* @__PURE__ */ O("div", {
 				className: "flex gap-2",
-				children: [/* @__PURE__ */ O(g, {
+				children: [/* @__PURE__ */ D(g, {
 					variant: "outline",
 					size: "sm",
-					onClick: () => Y(!1),
+					onClick: () => J(!1),
 					children: "Cancel"
-				}), /* @__PURE__ */ O(g, {
+				}), /* @__PURE__ */ D(g, {
 					variant: "destructive",
 					size: "sm",
 					onClick: () => {
-						y("medium"), De();
+						y("medium"), je();
 					},
-					isLoading: ve.loading,
+					isLoading: be.loading,
 					children: "Confirm"
 				})]
-			}) : /* @__PURE__ */ O(g, {
+			}) : /* @__PURE__ */ D(g, {
 				variant: "destructive",
-				leftIcon: /* @__PURE__ */ O(I, { size: 16 }),
-				onClick: () => Y(!0),
+				leftIcon: /* @__PURE__ */ D(F, { size: 16 }),
+				onClick: () => J(!0),
 				children: "Delete"
 			})] })]
 		}),
-		children: /* @__PURE__ */ k("div", {
+		children: /* @__PURE__ */ O("div", {
 			className: "space-y-6",
 			children: [
-				/* @__PURE__ */ O(ie, {
-					icon: /* @__PURE__ */ O(P, { size: 18 }),
+				/* @__PURE__ */ D(oe, {
+					icon: /* @__PURE__ */ D(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__ */ k("div", {
+				/* @__PURE__ */ O("div", {
 					className: "grid grid-cols-2 md:grid-cols-4 gap-4",
 					children: [
-						/* @__PURE__ */ k(re, {
+						/* @__PURE__ */ O(ae, {
 							treatment: "glass",
 							glow: !0,
 							className: "p-6 text-center",
 							children: [
-								/* @__PURE__ */ O("div", {
+								/* @__PURE__ */ D("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 "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 "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" });
+											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" });
 										}
-									})(W.status)
+									})(U.status)
 								}),
-								/* @__PURE__ */ O("p", {
+								/* @__PURE__ */ D("p", {
 									className: "text-lg font-bold capitalize text-text-primary",
-									children: W.status.toLowerCase()
+									children: U.status.toLowerCase()
 								}),
-								/* @__PURE__ */ O("p", {
+								/* @__PURE__ */ D("p", {
 									className: "text-sm text-text-secondary",
 									children: "Health Status"
 								})
 							]
 						}),
-						/* @__PURE__ */ O(d, { children: /* @__PURE__ */ k(f, {
+						/* @__PURE__ */ D(d, { children: /* @__PURE__ */ O(f, {
 							className: "pt-6 text-center",
-							children: [/* @__PURE__ */ O("p", {
+							children: [/* @__PURE__ */ D("p", {
 								className: "text-3xl font-bold text-text-primary",
-								children: K.length
-							}), /* @__PURE__ */ O("p", {
+								children: G.length
+							}), /* @__PURE__ */ D("p", {
 								className: "text-sm text-text-secondary",
 								children: "Tools Available"
 							})]
 						}) }),
-						/* @__PURE__ */ O(d, { children: /* @__PURE__ */ k(f, {
+						/* @__PURE__ */ D(d, { children: /* @__PURE__ */ O(f, {
 							className: "pt-6 text-center",
-							children: [/* @__PURE__ */ O("p", {
+							children: [/* @__PURE__ */ D("p", {
 								className: "text-3xl font-bold text-text-primary",
-								children: q.length
-							}), /* @__PURE__ */ O("p", {
+								children: K.length
+							}), /* @__PURE__ */ D("p", {
 								className: "text-sm text-text-secondary",
 								children: "Resources"
 							})]
 						}) }),
-						/* @__PURE__ */ O(d, { children: /* @__PURE__ */ k(f, {
+						/* @__PURE__ */ D(d, { children: /* @__PURE__ */ O(f, {
 							className: "pt-6 text-center",
-							children: [/* @__PURE__ */ O("p", {
+							children: [/* @__PURE__ */ D("p", {
 								className: "text-3xl font-bold text-text-primary",
-								children: W.lastConnectedAt ? l(W.lastConnectedAt) : "Never"
-							}), /* @__PURE__ */ O("p", {
+								children: U.lastConnectedAt ? l(U.lastConnectedAt) : "Never"
+							}), /* @__PURE__ */ D("p", {
 								className: "text-sm text-text-secondary",
 								children: "Last Connected"
 							})]
 						}) })
 					]
 				}),
-				/* @__PURE__ */ k(d, { children: [/* @__PURE__ */ O(m, { children: /* @__PURE__ */ k(h, {
+				/* @__PURE__ */ O(d, { children: [/* @__PURE__ */ D(m, { children: /* @__PURE__ */ O(h, {
 					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ O(P, { size: 18 }), "Connection Details"]
-				}) }), /* @__PURE__ */ k(f, { children: [/* @__PURE__ */ k("div", {
+					children: [/* @__PURE__ */ D(N, { size: 18 }), "Connection Details"]
+				}) }), /* @__PURE__ */ O(f, { children: [/* @__PURE__ */ O("div", {
 					className: "grid grid-cols-2 md:grid-cols-4 gap-6",
 					children: [
-						/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("p", {
+						/* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("p", {
 							className: "text-sm text-text-secondary",
 							children: "Transport"
-						}), /* @__PURE__ */ O(_, {
+						}), /* @__PURE__ */ D(_, {
 							variant: "outline",
 							className: "capitalize mt-1",
-							children: W.type.toLowerCase().replace("_", " ")
+							children: U.type.toLowerCase().replace("_", " ")
 						})] }),
-						/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("p", {
+						/* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("p", {
 							className: "text-sm text-text-secondary",
 							children: "Base URL"
-						}), /* @__PURE__ */ O("p", {
+						}), /* @__PURE__ */ D("p", {
 							className: "font-medium text-sm truncate",
-							children: r(W) ?? "—"
+							children: r(U) ?? "—"
 						})] }),
-						/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("p", {
+						/* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("p", {
 							className: "text-sm text-text-secondary",
 							children: "Auth Method"
-						}), /* @__PURE__ */ O(_, {
+						}), /* @__PURE__ */ D(_, {
 							variant: "outline",
 							className: "capitalize mt-1",
-							children: (B(W.config, "authMethod") ?? "NONE").toLowerCase().replace("_", " ")
+							children: (z(U.config, "authMethod") ?? "NONE").toLowerCase().replace("_", " ")
 						})] }),
-						/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("p", {
+						/* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("p", {
 							className: "text-sm text-text-secondary",
 							children: "Last Tested"
-						}), /* @__PURE__ */ O("p", {
+						}), /* @__PURE__ */ D("p", {
 							className: "font-medium",
-							children: W.lastErrorAt ? l(W.lastErrorAt) : "Never"
+							children: U.lastErrorAt ? l(U.lastErrorAt) : "Never"
 						})] })
 					]
-				}), W.errorMessage && /* @__PURE__ */ k("div", {
+				}), U.errorMessage && /* @__PURE__ */ O("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:" }),
+						/* @__PURE__ */ D("strong", { children: "Error:" }),
 						" ",
-						W.errorMessage
+						U.errorMessage
 					]
 				})] })] }),
-				/* @__PURE__ */ k("div", {
+				/* @__PURE__ */ O("div", {
 					className: "grid grid-cols-12 gap-6",
-					children: [/* @__PURE__ */ O("div", {
+					children: [/* @__PURE__ */ D("div", {
 						className: "col-span-5",
-						children: /* @__PURE__ */ k(d, {
+						children: /* @__PURE__ */ O(d, {
 							className: "h-full",
-							children: [/* @__PURE__ */ k(m, { children: [/* @__PURE__ */ k(h, {
+							children: [/* @__PURE__ */ O(m, { children: [/* @__PURE__ */ O(h, {
 								className: "flex items-center gap-2",
 								children: [
-									/* @__PURE__ */ O(L, { size: 18 }),
+									/* @__PURE__ */ D(I, { size: 18 }),
 									"Tools (",
-									K.length,
+									G.length,
 									")"
 								]
-							}), /* @__PURE__ */ O(p, { children: "Available tools from this MCP server" })] }), /* @__PURE__ */ O(f, {
+							}), /* @__PURE__ */ D(p, { children: "Available tools from this MCP server" })] }), /* @__PURE__ */ D(f, {
 								className: "p-0",
-								children: K.length > 0 ? /* @__PURE__ */ O("div", {
+								children: G.length > 0 ? /* @__PURE__ */ D("div", {
 									className: "divide-y divide-border-subtle max-h-96 overflow-auto",
-									children: K.map((e) => /* @__PURE__ */ k("button", {
+									children: G.map((e) => /* @__PURE__ */ O("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: `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", {
+											className: "flex items-center justify-between gap-2",
+											children: [/* @__PURE__ */ D("p", {
+												className: "font-medium truncate",
+												children: e.name
+											}), /* @__PURE__ */ D(_, {
+												variant: $(e.riskLevel),
+												className: "shrink-0",
+												children: e.riskLevel
+											})]
+										}), /* @__PURE__ */ D("p", {
 											className: "text-sm text-text-secondary line-clamp-1",
 											children: e.description
 										})]
-									}, e.name))
-								}) : /* @__PURE__ */ k("div", {
+									}, e.id))
+								}) : /* @__PURE__ */ O("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" })]
+									children: [/* @__PURE__ */ D(I, { className: "h-8 w-8 mx-auto mb-2 opacity-50" }), /* @__PURE__ */ D("p", { children: "No tools available" })]
 								})
 							})]
 						})
-					}), /* @__PURE__ */ O("div", {
+					}), /* @__PURE__ */ D("div", {
 						className: "col-span-7",
-						children: $ ? /* @__PURE__ */ k(d, {
+						children: Q ? /* @__PURE__ */ O(d, {
 							className: "h-full",
-							children: [/* @__PURE__ */ k(m, { children: [/* @__PURE__ */ O(h, { children: $.name }), /* @__PURE__ */ O(p, { children: $.description })] }), /* @__PURE__ */ O(f, {
+							children: [/* @__PURE__ */ D(m, { children: /* @__PURE__ */ O("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(_, {
+									variant: $(Q.riskLevel),
+									children: Q.riskLevel
+								})]
+							}) }), /* @__PURE__ */ O(f, {
 								className: "space-y-4",
-								children: /* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("p", {
+								children: [/* @__PURE__ */ O("div", { children: [
+									/* @__PURE__ */ D("p", {
+										className: "text-sm font-medium mb-2",
+										children: "Risk Level"
+									}),
+									/* @__PURE__ */ O("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),
+										children: [
+											/* @__PURE__ */ D("option", {
+												value: "LOW",
+												children: "Low — safe read/notify actions"
+											}),
+											/* @__PURE__ */ D("option", {
+												value: "MEDIUM",
+												children: "Medium — state-changing actions"
+											}),
+											/* @__PURE__ */ D("option", {
+												value: "HIGH",
+												children: "High — destructive or sensitive actions"
+											})
+										]
+									}),
+									/* @__PURE__ */ D("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", {
 									className: "text-sm font-medium mb-2",
 									children: "Input Schema"
-								}), /* @__PURE__ */ O("div", {
+								}), /* @__PURE__ */ D("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) })
-								})] })
+									children: /* @__PURE__ */ D("pre", { children: JSON.stringify(Q.inputSchema, null, 2) })
+								})] })]
 							})]
-						}) : /* @__PURE__ */ O(d, {
+						}) : /* @__PURE__ */ D(d, {
 							className: "h-full",
-							children: /* @__PURE__ */ O(f, {
+							children: /* @__PURE__ */ D(f, {
 								className: "h-full flex items-center justify-center",
-								children: /* @__PURE__ */ O(x, {
+								children: /* @__PURE__ */ D(x, {
 									illustration: "onboarding",
 									title: "Select a tool",
 									description: "Choose a tool from the list to view its details"
@@ -464,87 +521,87 @@ var V = ({ isNew: V }) => {
 						})
 					})]
 				}),
-				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", {
+				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", {
 					className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4",
-					children: q.map((e) => /* @__PURE__ */ k("div", {
+					children: K.map((e) => /* @__PURE__ */ O("div", {
 						className: "p-4 border border-border-subtle rounded-lg hover:bg-accent/50 transition-colors",
-						children: [/* @__PURE__ */ k("div", {
+						children: [/* @__PURE__ */ O("div", {
 							className: "flex items-start justify-between",
-							children: [/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("p", {
+							children: [/* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("p", {
 								className: "font-medium",
 								children: e.name
-							}), /* @__PURE__ */ O("p", {
+							}), /* @__PURE__ */ D("p", {
 								className: "text-sm text-text-secondary",
 								children: e.description
-							})] }), /* @__PURE__ */ O(de, {
+							})] }), /* @__PURE__ */ D(pe, {
 								size: 14,
 								className: "text-text-secondary"
 							})]
-						}), /* @__PURE__ */ k("div", {
+						}), /* @__PURE__ */ O("div", {
 							className: "mt-2 flex items-center gap-2",
-							children: [/* @__PURE__ */ O(_, {
+							children: [/* @__PURE__ */ D(_, {
 								variant: "outline",
 								className: "text-xs font-mono",
 								children: e.mimeType || "unknown"
-							}), /* @__PURE__ */ O("span", {
+							}), /* @__PURE__ */ D("span", {
 								className: "text-xs text-text-secondary truncate",
 								children: e.uri
 							})]
 						})]
 					}, e.uri))
 				}) })] }),
-				/* @__PURE__ */ k(d, { children: [/* @__PURE__ */ O(m, { children: /* @__PURE__ */ k(h, {
+				/* @__PURE__ */ O(d, { children: [/* @__PURE__ */ D(m, { children: /* @__PURE__ */ O(h, {
 					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ O(F, { size: 18 }), "Metadata"]
-				}) }), /* @__PURE__ */ O(f, { children: /* @__PURE__ */ k("div", {
+					children: [/* @__PURE__ */ D(P, { size: 18 }), "Metadata"]
+				}) }), /* @__PURE__ */ D(f, { children: /* @__PURE__ */ O("div", {
 					className: "grid grid-cols-2 md:grid-cols-4 gap-6 text-sm",
 					children: [
-						/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("p", {
+						/* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("p", {
 							className: "text-text-secondary",
 							children: "Created"
-						}), /* @__PURE__ */ O("p", {
+						}), /* @__PURE__ */ D("p", {
 							className: "font-medium",
-							children: l(W.createdAt)
+							children: l(U.createdAt)
 						})] }),
-						/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("p", {
+						/* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("p", {
 							className: "text-text-secondary",
 							children: "Updated"
-						}), /* @__PURE__ */ O("p", {
+						}), /* @__PURE__ */ D("p", {
 							className: "font-medium",
-							children: l(W.updatedAt)
+							children: l(U.updatedAt)
 						})] }),
-						/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("p", {
+						/* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("p", {
 							className: "text-text-secondary",
 							children: "Last Connected"
-						}), /* @__PURE__ */ O("p", {
+						}), /* @__PURE__ */ D("p", {
 							className: "font-medium",
-							children: W.lastConnectedAt ? l(W.lastConnectedAt) : "Never"
+							children: U.lastConnectedAt ? l(U.lastConnectedAt) : "Never"
 						})] }),
-						/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("p", {
+						/* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("p", {
 							className: "text-text-secondary",
 							children: "Credentials"
-						}), /* @__PURE__ */ O(_, {
-							variant: W.credentialsHash ? "success" : "secondary",
-							children: W.credentialsHash ? "Configured" : "None"
+						}), /* @__PURE__ */ D(_, {
+							variant: U.credentialsHash ? "success" : "secondary",
+							children: U.credentialsHash ? "Configured" : "None"
 						})] })
 					]
 				}) })] })
 			]
 		})
-	}) : /* @__PURE__ */ O(u, {
+	}) : /* @__PURE__ */ D(u, {
 		title: "Server Not Found",
-		children: /* @__PURE__ */ O(x, {
+		children: /* @__PURE__ */ D(x, {
 			illustration: "empty-generic",
 			title: "Server Not Found",
 			description: "This MCP server doesn't exist.",
-			action: /* @__PURE__ */ O(g, {
-				onClick: () => U("mcp"),
+			action: /* @__PURE__ */ D(g, {
+				onClick: () => H("mcp"),
 				children: "Back to MCP Servers"
 			})
 		})
 	});
 };
 //#endregion
-export { V as MCPServerDetailPage };
+export { B as MCPServerDetailPage };
 
 //# sourceMappingURL=MCPServerDetailPage.js.map