@burdenoff/microfe-botmanor 2026.1108.1 → 2026.1109.2

package/dist/botlit/pages/AgentDetailPage.js

@@ -1,43 +1,43 @@
 import { useTr as e } from "../../shared/hooks/useTr.js";
-import { useBotlit as t } from "../providers/BotlitProvider.js";
-import { useAgent as n, useDeleteAgent as r, useUpdateAgent as i } from "../hooks/useAgents.js";
-import { cn as a } from "../utils/cn.js";
-import { formatRelativeTime as o } from "../utils/formatters.js";
-import { BOTMANOR_PERMISSIONS as s } from "../permissions/botmanorPermissions.js";
-import { BotmanorPermissionGate as c, useBotmanorCan as l } from "../permissions/useBotmanorPermissions.js";
-import { PageLayout as u } from "../components/PageLayout.js";
-import { Button as d } from "../components/Button.js";
+import { PageLayout as t } from "../components/PageLayout.js";
+import { Card as n, CardContent as r, CardDescription as i, CardHeader as a, CardTitle as o } from "../components/Card.js";
+import { Button as s } from "../components/Button.js";
+import { Badge as c, StatusBadge as l } from "../components/Badge.js";
+import { BOTMANOR_PERMISSIONS as u } from "../permissions/botmanorPermissions.js";
+import { BotmanorPermissionGate as d, useBotmanorCan as f } from "../permissions/useBotmanorPermissions.js";
+import { EmptyState as p } from "../components/EmptyState.js";
+import { VersionHistoryPanel as m } from "../components/VersionHistoryPanel.js";
+import { AgentApprovalPanel as h } from "../components/AgentApprovalPanel.js";
+import { useAgentApprovalSettings as g } from "../hooks/useAgentApprovals.js";
+import { AssistantRuntimeSetupPanel as ee } from "../components/AssistantRuntimeSetupPanel.js";
+import { AssistantChannelPanel as te } from "../components/AssistantChannelPanel.js";
+import { AssistantWebsitePanel as ne } from "../components/AssistantWebsitePanel.js";
+import { AiOperationsPanel as re } from "../components/AiOperationsPanel.js";
+import { useAgent as _, useDeleteAgent as v, useUpdateAgent as y } from "../hooks/useAgents.js";
+import { useBotlit as ie } from "../providers/BotlitProvider.js";
+import { formatRelativeTime as b } from "../utils/formatters.js";
+import { cn as x } from "../utils/cn.js";
 import "../permissions/index.js";
-import { Card as f, CardContent as p, CardDescription as m, CardHeader as h, CardTitle as g } from "../components/Card.js";
-import { Badge as _, StatusBadge as v } from "../components/Badge.js";
-import { EmptyState as ee } from "../components/EmptyState.js";
-import { useAgentApprovalSettings as te } from "../hooks/useAgentApprovals.js";
-import { AgentApprovalPanel as y } from "../components/AgentApprovalPanel.js";
-import { VersionHistoryPanel as b } from "../components/VersionHistoryPanel.js";
-import { AssistantRuntimeSetupPanel as ne } from "../components/AssistantRuntimeSetupPanel.js";
-import { AssistantChannelPanel as re } from "../components/AssistantChannelPanel.js";
-import { AssistantWebsitePanel as x } from "../components/AssistantWebsitePanel.js";
-import { AiOperationsPanel as ie } from "../components/AiOperationsPanel.js";
 import { useState as ae } from "react";
 import { GlassCard as oe, NextSteps as se, PagePurpose as ce } from "@burdenoff/fe-libs/ui";
 import { Fragment as le, jsx as S, jsxs as C } from "react/jsx-runtime";
 import { useParams as ue } from "react-router";
 import { ArrowLeft as de, BarChart3 as fe, BookOpen as w, Brain as T, Edit as pe, FileText as E, History as me, MessageSquare as he, Play as D, Settings as O, Share2 as k, Shield as A, ShieldCheck as j, Trash2 as M, Wrench as N } from "lucide-react";
 import { toast as P } from "sonner";
-//#region src/botlit/pages/AgentDetailPage.tsx
+// src/botlit/pages/AgentDetailPage.tsx
 var F = () => {
-	let F = e(), { agentId: I } = ue(), { navigateTo: L } = t(), R = l(), { data: z, loading: ge, refetch: B } = n(I), [V, H] = i(), [_e, ve] = r(), [U, W] = ae("overview"), ye = te();
-	if (ge) return /* @__PURE__ */ S(u, {
+	let F = e(), { agentId: I } = ue(), { navigateTo: L } = ie(), R = f(), { data: z, loading: ge, refetch: B } = _(I), [V, H] = y(), [_e, ve] = v(), [U, W] = ae("overview"), ye = g();
+	if (ge) return /* @__PURE__ */ S(t, {
 		title: F("botlit.common.loading", "Loading..."),
 		children: /* @__PURE__ */ S("div", { className: "h-96 bg-bg-sunken motion-safe:animate-vc-shimmer rounded-lg" })
 	});
-	if (!z) return /* @__PURE__ */ S(u, {
+	if (!z) return /* @__PURE__ */ S(t, {
 		title: F("botlit.agentDetail.notFound.title", "Agent Not Found"),
-		children: /* @__PURE__ */ S(ee, {
+		children: /* @__PURE__ */ S(p, {
 			illustration: "empty-agents",
 			title: F("botlit.agentDetail.notFound.title", "Agent Not Found"),
 			description: F("botlit.agentDetail.notFound.description", "The agent you're looking for doesn't exist."),
-			action: /* @__PURE__ */ S(d, {
+			action: /* @__PURE__ */ S(s, {
 				onClick: () => L("agents"),
 				children: F("botlit.agentDetail.notFound.backAction", "Back to Agents")
 			})
@@ -95,11 +95,11 @@ var F = () => {
 			icon: /* @__PURE__ */ S(me, { size: 16 })
 		}
 	];
-	return /* @__PURE__ */ S(u, {
+	return /* @__PURE__ */ S(t, {
 		title: /* @__PURE__ */ C("div", {
 			className: "flex items-center gap-3",
 			children: [
-				/* @__PURE__ */ S(d, {
+				/* @__PURE__ */ S(s, {
 					variant: "ghost",
 					size: "icon",
 					onClick: () => L("agents"),
@@ -113,8 +113,8 @@ var F = () => {
 					className: "flex items-center gap-2",
 					children: [
 						/* @__PURE__ */ S("span", { children: z.name }),
-						/* @__PURE__ */ S(v, { status: z.status }),
-						/* @__PURE__ */ S(_, {
+						/* @__PURE__ */ S(l, { status: z.status }),
+						/* @__PURE__ */ S(c, {
 							variant: "outline",
 							children: z.slug
 						})
@@ -128,9 +128,9 @@ var F = () => {
 		actions: /* @__PURE__ */ C("div", {
 			className: "flex gap-2",
 			children: [
-				ye.data?.requireActivationApproval && (z.status === "DRAFT" || z.status === "ARCHIVED") && !z.currentVersionId ? /* @__PURE__ */ S(c, {
-					permission: s.AGENT_UPDATE,
-					children: /* @__PURE__ */ S(d, {
+				ye.data?.requireActivationApproval && (z.status === "DRAFT" || z.status === "ARCHIVED") && !z.currentVersionId ? /* @__PURE__ */ S(d, {
+					permission: u.AGENT_UPDATE,
+					children: /* @__PURE__ */ S(s, {
 						variant: "default",
 						onClick: () => {
 							W("overview"), requestAnimationFrame(() => document.querySelector("[data-testid=\"agent-approval-panel\"]")?.scrollIntoView({
@@ -140,9 +140,9 @@ var F = () => {
 						},
 						children: F("botlit.agentApproval.requestAction", "Request activation")
 					})
-				}) : z.status === "DRAFT" || z.status === "ARCHIVED" ? /* @__PURE__ */ S(c, {
-					permission: s.AGENT_UPDATE,
-					children: /* @__PURE__ */ S(d, {
+				}) : z.status === "DRAFT" || z.status === "ARCHIVED" ? /* @__PURE__ */ S(d, {
+					permission: u.AGENT_UPDATE,
+					children: /* @__PURE__ */ S(s, {
 						variant: "default",
 						isLoading: H.loading,
 						onClick: async () => {
@@ -158,9 +158,9 @@ var F = () => {
 						},
 						children: F("botlit.agentDetail.actions.activate", "Activate")
 					})
-				}) : /* @__PURE__ */ S(c, {
-					permission: s.AGENT_UPDATE,
-					children: /* @__PURE__ */ S(d, {
+				}) : /* @__PURE__ */ S(d, {
+					permission: u.AGENT_UPDATE,
+					children: /* @__PURE__ */ S(s, {
 						variant: "outline",
 						isLoading: H.loading,
 						onClick: async () => {
@@ -177,26 +177,26 @@ var F = () => {
 						children: F("botlit.agentDetail.actions.deactivate", "Deactivate")
 					})
 				}),
-				/* @__PURE__ */ S(c, {
-					permission: s.AGENT_UPDATE,
-					children: /* @__PURE__ */ S(d, {
+				/* @__PURE__ */ S(d, {
+					permission: u.AGENT_UPDATE,
+					children: /* @__PURE__ */ S(s, {
 						variant: "outline",
 						leftIcon: /* @__PURE__ */ S(pe, { size: 16 }),
 						onClick: () => L(`agents/${I}/edit`),
 						children: F("botlit.agentDetail.actions.editAgent", "Edit Agent")
 					})
 				}),
-				/* @__PURE__ */ S(c, {
-					permission: s.AGENT_EXECUTE,
-					children: /* @__PURE__ */ S(d, {
+				/* @__PURE__ */ S(d, {
+					permission: u.AGENT_EXECUTE,
+					children: /* @__PURE__ */ S(s, {
 						leftIcon: /* @__PURE__ */ S(D, { size: 16 }),
 						onClick: () => L(`chat/${I}`),
 						children: F("botlit.agentDetail.actions.testAgent", "Test Agent")
 					})
 				}),
-				/* @__PURE__ */ S(c, {
-					permission: s.AGENT_DELETE,
-					children: /* @__PURE__ */ S(d, {
+				/* @__PURE__ */ S(d, {
+					permission: u.AGENT_DELETE,
+					children: /* @__PURE__ */ S(s, {
 						variant: "destructive",
 						leftIcon: /* @__PURE__ */ S(M, { size: 16 }),
 						isLoading: ve.loading,
@@ -218,15 +218,15 @@ var F = () => {
 				U === "assistant" && I && /* @__PURE__ */ C("div", {
 					className: "space-y-5",
 					children: [
-						R(s.AGENT_UPDATE) && /* @__PURE__ */ S(ne, {
+						R(u.AGENT_UPDATE) && /* @__PURE__ */ S(ee, {
 							agentId: I,
 							onConfigured: () => void B()
 						}),
-						R(s.AGENT_PUBLISH) && /* @__PURE__ */ C(le, { children: [/* @__PURE__ */ S(x, {
+						R(u.AGENT_PUBLISH) && /* @__PURE__ */ C(le, { children: [/* @__PURE__ */ S(ne, {
 							agentId: I,
 							knowledgeBaseIds: J
-						}), /* @__PURE__ */ S(re, { agentId: I })] }),
-						!R(s.AGENT_UPDATE) && !R(s.AGENT_PUBLISH) && /* @__PURE__ */ S("p", {
+						}), /* @__PURE__ */ S(te, { agentId: I })] }),
+						!R(u.AGENT_UPDATE) && !R(u.AGENT_PUBLISH) && /* @__PURE__ */ S("p", {
 							role: "status",
 							className: "text-sm text-text-secondary",
 							children: F("botlit.agentDetail.assistant.readOnly", "Assistant setup and publishing are available to members who can edit or publish agents in this workspace.")
@@ -241,7 +241,7 @@ var F = () => {
 					className: "flex gap-1 border-b border-border-subtle overflow-x-auto",
 					children: Se.map((e) => /* @__PURE__ */ C("button", {
 						onClick: () => W(e.id),
-						className: a("flex items-center gap-2 px-4 py-2 text-sm font-medium border-b-2 transition-colors whitespace-nowrap", U === e.id ? "border-primary text-primary" : "border-transparent text-text-secondary hover:text-text-primary"),
+						className: x("flex items-center gap-2 px-4 py-2 text-sm font-medium border-b-2 transition-colors whitespace-nowrap", U === e.id ? "border-primary text-primary" : "border-transparent text-text-secondary hover:text-text-primary"),
 						children: [e.icon, e.label]
 					}, e.id))
 				}),
@@ -282,7 +282,7 @@ var F = () => {
 								}
 							]
 						}),
-						I && /* @__PURE__ */ S(y, {
+						I && /* @__PURE__ */ S(h, {
 							agentId: I,
 							agentStatus: z.status,
 							onChanged: () => void B()
@@ -290,26 +290,26 @@ var F = () => {
 						/* @__PURE__ */ C("div", {
 							className: "grid grid-cols-1 lg:grid-cols-3 gap-6",
 							children: [
-								/* @__PURE__ */ C(f, {
+								/* @__PURE__ */ C(n, {
 									className: "lg:col-span-1",
-									children: [/* @__PURE__ */ S(h, { children: /* @__PURE__ */ S(g, { children: "Details" }) }), /* @__PURE__ */ C(p, {
+									children: [/* @__PURE__ */ S(a, { children: /* @__PURE__ */ S(o, { children: "Details" }) }), /* @__PURE__ */ C(r, {
 										className: "space-y-4",
 										children: [
 											/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("p", {
 												className: "text-sm text-text-secondary",
 												children: "Status"
-											}), /* @__PURE__ */ S(v, { status: z.status })] }),
+											}), /* @__PURE__ */ S(l, { status: z.status })] }),
 											/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("p", {
 												className: "text-sm text-text-secondary",
 												children: "Type"
-											}), /* @__PURE__ */ S(_, {
+											}), /* @__PURE__ */ S(c, {
 												variant: "outline",
 												children: z.type
 											})] }),
 											/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("p", {
 												className: "text-sm text-text-secondary",
 												children: "Visibility"
-											}), /* @__PURE__ */ S(_, {
+											}), /* @__PURE__ */ S(c, {
 												variant: "outline",
 												children: z.visibility
 											})] }),
@@ -353,14 +353,14 @@ var F = () => {
 												children: "Created"
 											}), /* @__PURE__ */ S("p", {
 												className: "font-medium",
-												children: o(z.createdAt)
+												children: b(z.createdAt)
 											})] }),
 											/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("p", {
 												className: "text-sm text-text-secondary",
 												children: "Updated"
 											}), /* @__PURE__ */ S("p", {
 												className: "font-medium",
-												children: o(z.updatedAt)
+												children: b(z.updatedAt)
 											})] })
 										]
 									})]
@@ -379,7 +379,7 @@ var F = () => {
 											children: [/* @__PURE__ */ S("p", {
 												className: "font-medium",
 												children: e
-											}), /* @__PURE__ */ S(_, {
+											}), /* @__PURE__ */ S(c, {
 												variant: "success",
 												children: F("botlit.agentDetail.capabilities.enabled", "Enabled")
 											})]
@@ -389,11 +389,11 @@ var F = () => {
 										children: F("botlit.agentDetail.capabilities.empty", "No capabilities configured")
 									}) })]
 								}),
-								Z.length > 0 && /* @__PURE__ */ C(f, {
+								Z.length > 0 && /* @__PURE__ */ C(n, {
 									className: "lg:col-span-3",
-									children: [/* @__PURE__ */ S(h, { children: /* @__PURE__ */ S(g, { children: F("botlit.agentDetail.tags.title", "Tags") }) }), /* @__PURE__ */ S(p, { children: /* @__PURE__ */ S("div", {
+									children: [/* @__PURE__ */ S(a, { children: /* @__PURE__ */ S(o, { children: F("botlit.agentDetail.tags.title", "Tags") }) }), /* @__PURE__ */ S(r, { children: /* @__PURE__ */ S("div", {
 										className: "flex flex-wrap gap-2",
-										children: Z.map((e) => /* @__PURE__ */ S(_, {
+										children: Z.map((e) => /* @__PURE__ */ S(c, {
 											variant: "outline",
 											children: e
 										}, e))
@@ -405,10 +405,10 @@ var F = () => {
 				}),
 				U === "prompt" && /* @__PURE__ */ S("div", {
 					className: "space-y-6",
-					children: /* @__PURE__ */ C(f, { children: [/* @__PURE__ */ C(h, { children: [/* @__PURE__ */ C(g, {
+					children: /* @__PURE__ */ C(n, { children: [/* @__PURE__ */ C(a, { children: [/* @__PURE__ */ C(o, {
 						className: "flex items-center gap-2",
 						children: [/* @__PURE__ */ S(E, { size: 18 }), F("botlit.agentDetail.prompt.title", "System Prompt")]
-					}), /* @__PURE__ */ S(m, { children: F("botlit.agentDetail.prompt.description", "The system prompt that defines this agent's behavior") })] }), /* @__PURE__ */ S(p, {
+					}), /* @__PURE__ */ S(i, { children: F("botlit.agentDetail.prompt.description", "The system prompt that defines this agent's behavior") })] }), /* @__PURE__ */ S(r, {
 						className: "space-y-4",
 						children: G ? /* @__PURE__ */ S("pre", {
 							className: "p-4 bg-bg-sunken rounded-lg text-sm whitespace-pre-wrap font-mono",
@@ -421,10 +421,10 @@ var F = () => {
 				}),
 				U === "llm" && /* @__PURE__ */ C("div", {
 					className: "grid grid-cols-1 lg:grid-cols-2 gap-6",
-					children: [/* @__PURE__ */ C(f, { children: [/* @__PURE__ */ S(h, { children: /* @__PURE__ */ C(g, {
+					children: [/* @__PURE__ */ C(n, { children: [/* @__PURE__ */ S(a, { children: /* @__PURE__ */ C(o, {
 						className: "flex items-center gap-2",
 						children: [/* @__PURE__ */ S(T, { size: 18 }), F("botlit.agentDetail.llm.title", "Model Configuration")]
-					}) }), /* @__PURE__ */ C(p, {
+					}) }), /* @__PURE__ */ C(r, {
 						className: "space-y-4",
 						children: [
 							/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("p", {
@@ -449,10 +449,10 @@ var F = () => {
 								children: xe ?? "Default"
 							})] })
 						]
-					})] }), /* @__PURE__ */ C(f, { children: [/* @__PURE__ */ S(h, { children: /* @__PURE__ */ C(g, {
+					})] }), /* @__PURE__ */ C(n, { children: [/* @__PURE__ */ S(a, { children: /* @__PURE__ */ C(o, {
 						className: "flex items-center gap-2",
 						children: [/* @__PURE__ */ S(he, { size: 18 }), F("botlit.agentDetail.executionLimits.title", "Execution Limits")]
-					}) }), /* @__PURE__ */ C(p, {
+					}) }), /* @__PURE__ */ C(r, {
 						className: "space-y-4",
 						children: [
 							/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("p", {
@@ -474,17 +474,17 @@ var F = () => {
 								children: "Last Executed"
 							}), /* @__PURE__ */ S("p", {
 								className: "font-medium",
-								children: o(z.lastExecutedAt)
+								children: b(z.lastExecutedAt)
 							})] })
 						]
 					})] })]
 				}),
 				U === "tools" && /* @__PURE__ */ C("div", {
 					className: "space-y-6",
-					children: [/* @__PURE__ */ C(f, { children: [/* @__PURE__ */ C(h, { children: [/* @__PURE__ */ C(g, {
+					children: [/* @__PURE__ */ C(n, { children: [/* @__PURE__ */ C(a, { children: [/* @__PURE__ */ C(o, {
 						className: "flex items-center gap-2",
 						children: [/* @__PURE__ */ S(N, { size: 18 }), "MCP Server Connections"]
-					}), /* @__PURE__ */ S(m, { children: "Connected MCP servers providing tools" })] }), /* @__PURE__ */ S(p, { children: q.length > 0 ? /* @__PURE__ */ S("div", {
+					}), /* @__PURE__ */ S(i, { children: "Connected MCP servers providing tools" })] }), /* @__PURE__ */ S(r, { children: q.length > 0 ? /* @__PURE__ */ S("div", {
 						className: "grid grid-cols-1 md:grid-cols-2 gap-4",
 						children: q.map((e) => /* @__PURE__ */ C("div", {
 							className: "flex items-center gap-3 p-4 border border-border-subtle rounded-lg",
@@ -505,10 +505,10 @@ var F = () => {
 					}) : /* @__PURE__ */ S("p", {
 						className: "text-text-secondary",
 						children: "No MCP servers connected"
-					}) })] }), Y.length > 0 && /* @__PURE__ */ C(f, { children: [/* @__PURE__ */ S(h, { children: /* @__PURE__ */ C(g, {
+					}) })] }), Y.length > 0 && /* @__PURE__ */ C(n, { children: [/* @__PURE__ */ S(a, { children: /* @__PURE__ */ C(o, {
 						className: "flex items-center gap-2",
 						children: [/* @__PURE__ */ S(O, { size: 18 }), "Workflows"]
-					}) }), /* @__PURE__ */ S(p, { children: /* @__PURE__ */ S("div", {
+					}) }), /* @__PURE__ */ S(r, { children: /* @__PURE__ */ S("div", {
 						className: "grid grid-cols-1 md:grid-cols-2 gap-4",
 						children: Y.map((e) => /* @__PURE__ */ S("div", {
 							className: "p-4 border border-border-subtle rounded-lg",
@@ -519,10 +519,10 @@ var F = () => {
 						}, e))
 					}) })] })]
 				}),
-				U === "knowledge" && /* @__PURE__ */ C(f, { children: [/* @__PURE__ */ C(h, { children: [/* @__PURE__ */ C(g, {
+				U === "knowledge" && /* @__PURE__ */ C(n, { children: [/* @__PURE__ */ C(a, { children: [/* @__PURE__ */ C(o, {
 					className: "flex items-center gap-2",
 					children: [/* @__PURE__ */ S(w, { size: 18 }), "Knowledge Bases"]
-				}), /* @__PURE__ */ S(m, { children: "Connected knowledge bases for RAG" })] }), /* @__PURE__ */ S(p, { children: J.length > 0 ? /* @__PURE__ */ S("div", {
+				}), /* @__PURE__ */ S(i, { children: "Connected knowledge bases for RAG" })] }), /* @__PURE__ */ S(r, { children: J.length > 0 ? /* @__PURE__ */ S("div", {
 					className: "space-y-4",
 					children: J.map((e, t) => /* @__PURE__ */ C("div", {
 						className: "p-4 border border-border-subtle rounded-lg space-y-2",
@@ -531,7 +531,7 @@ var F = () => {
 							children: [/* @__PURE__ */ S("p", {
 								className: "font-medium",
 								children: "Knowledge Base"
-							}), /* @__PURE__ */ C(_, {
+							}), /* @__PURE__ */ C(c, {
 								variant: "outline",
 								children: ["#", t + 1]
 							})]
@@ -544,10 +544,10 @@ var F = () => {
 					className: "text-text-secondary",
 					children: "No knowledge bases connected"
 				}) })] }),
-				U === "guardrails" && /* @__PURE__ */ C(f, { children: [/* @__PURE__ */ C(h, { children: [/* @__PURE__ */ C(g, {
+				U === "guardrails" && /* @__PURE__ */ C(n, { children: [/* @__PURE__ */ C(a, { children: [/* @__PURE__ */ C(o, {
 					className: "flex items-center gap-2",
 					children: [/* @__PURE__ */ S(A, { size: 18 }), "Guardrails & Policies"]
-				}), /* @__PURE__ */ S(m, { children: "Security and policy configurations" })] }), /* @__PURE__ */ S(p, { children: $ ? /* @__PURE__ */ S("div", {
+				}), /* @__PURE__ */ S(i, { children: "Security and policy configurations" })] }), /* @__PURE__ */ S(r, { children: $ ? /* @__PURE__ */ S("div", {
 					className: "grid grid-cols-1 md:grid-cols-2 gap-4",
 					children: Object.entries($).filter(([e, t]) => t).map(([e, t]) => /* @__PURE__ */ C("div", {
 						className: "p-4 border border-border-subtle rounded-lg",
@@ -563,21 +563,21 @@ var F = () => {
 					className: "text-text-secondary",
 					children: "No policy bindings configured"
 				}) })] }),
-				U === "aiOperations" && I && /* @__PURE__ */ S(ie, {
+				U === "aiOperations" && I && /* @__PURE__ */ S(re, {
 					filter: {
 						subjectType: "AGENT",
 						subjectId: I
 					},
 					description: F("botlit.agentDetail.aiOperationsDescription", "What the supervisor flagged for this agent — drift, evidence and the recommended action.")
 				}),
-				U === "a2a" && /* @__PURE__ */ C(f, { children: [/* @__PURE__ */ C(h, { children: [/* @__PURE__ */ C(g, {
+				U === "a2a" && /* @__PURE__ */ C(n, { children: [/* @__PURE__ */ C(a, { children: [/* @__PURE__ */ C(o, {
 					className: "flex items-center gap-2",
 					children: [/* @__PURE__ */ S(k, { size: 18 }), "A2A Configuration"]
-				}), /* @__PURE__ */ S(m, { children: "Agent-to-Agent communication settings" })] }), /* @__PURE__ */ S(p, { children: /* @__PURE__ */ S("p", {
+				}), /* @__PURE__ */ S(i, { children: "Agent-to-Agent communication settings" })] }), /* @__PURE__ */ S(r, { children: /* @__PURE__ */ S("p", {
 					className: "text-text-secondary",
 					children: "A2A is not enabled for this agent"
 				}) })] }),
-				U === "versions" && I && /* @__PURE__ */ S(b, {
+				U === "versions" && I && /* @__PURE__ */ S(m, {
 					agentId: I,
 					draftVersionId: z.draftVersionId,
 					currentVersionId: z.currentVersionId,
@@ -587,7 +587,6 @@ var F = () => {
 		})
 	});
 };
-//#endregion
 export { F as AgentDetailPage };
 
 //# sourceMappingURL=AgentDetailPage.js.map