@burdenoff/microfe-botmanor 2026.1110.1 → 2026.1110.3

package/dist/botlit/pages/AgentDetailPage.js

@@ -1,399 +1,405 @@
 import { useTr as e } from "../../shared/hooks/useTr.js";
 import { PageLayout as t } from "../components/PageLayout.js";
+import { HandoffConfigPanel as ee } from "../components/HandoffConfigPanel.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 { BOTMANOR_PERMISSIONS as c } from "../permissions/botmanorPermissions.js";
+import { BotmanorPermissionGate as l, useBotmanorCan as te } from "../permissions/useBotmanorPermissions.js";
+import { Badge as u, StatusBadge as d } from "../components/Badge.js";
+import { EmptyState as ne } from "../components/EmptyState.js";
+import { VersionHistoryPanel as re } from "../components/VersionHistoryPanel.js";
+import { AgentApprovalPanel as ie } from "../components/AgentApprovalPanel.js";
+import { useAgentApprovalSettings as ae } from "../hooks/useAgentApprovals.js";
+import { AssistantRuntimeSetupPanel as f } from "../components/AssistantRuntimeSetupPanel.js";
+import { AssistantChannelPanel as p } from "../components/AssistantChannelPanel.js";
+import { AssistantWebsitePanel as m } from "../components/AssistantWebsitePanel.js";
+import { AiOperationsPanel as h } from "../components/AiOperationsPanel.js";
+import { useAgent as g, useDeleteAgent as _, useUpdateAgent as v } from "../hooks/useAgents.js";
+import { useBotlit as y } from "../providers/BotlitProvider.js";
 import { formatRelativeTime as b } from "../utils/formatters.js";
-import { cn as x } from "../utils/cn.js";
+import { cn as oe } from "../utils/cn.js";
 import "../permissions/index.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";
+import { useState as se } from "react";
+import { GlassCard as ce, NextSteps as le, PagePurpose as ue } from "@burdenoff/fe-libs/ui";
+import { Fragment as de, jsx as x, jsxs as S } from "react/jsx-runtime";
+import { useParams as fe } from "react-router";
+import { ArrowLeft as pe, BarChart3 as me, BookOpen as C, Brain as w, Edit as he, FileText as T, Headset as ge, History as _e, MessageSquare as ve, Play as E, Settings as D, Share2 as O, Shield as k, ShieldCheck as A, Trash2 as j, Wrench as M } from "lucide-react";
+import { toast as N } from "sonner";
 // src/botlit/pages/AgentDetailPage.tsx
-var F = () => {
-	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" })
+var P = () => {
+	let P = e(), { agentId: F } = fe(), { navigateTo: I } = y(), L = te(), { data: R, loading: ye, refetch: z } = g(F), [B, V] = v(), [be, xe] = _(), [H, U] = se("overview"), Se = ae();
+	if (ye) return /* @__PURE__ */ x(t, {
+		title: P("botlit.common.loading", "Loading..."),
+		children: /* @__PURE__ */ x("div", { className: "h-96 bg-bg-sunken motion-safe:animate-vc-shimmer rounded-lg" })
 	});
-	if (!z) return /* @__PURE__ */ S(t, {
-		title: F("botlit.agentDetail.notFound.title", "Agent Not Found"),
-		children: /* @__PURE__ */ S(p, {
+	if (!R) return /* @__PURE__ */ x(t, {
+		title: P("botlit.agentDetail.notFound.title", "Agent Not Found"),
+		children: /* @__PURE__ */ x(ne, {
 			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(s, {
-				onClick: () => L("agents"),
-				children: F("botlit.agentDetail.notFound.backAction", "Back to Agents")
+			title: P("botlit.agentDetail.notFound.title", "Agent Not Found"),
+			description: P("botlit.agentDetail.notFound.description", "The agent you're looking for doesn't exist."),
+			action: /* @__PURE__ */ x(s, {
+				onClick: () => I("agents"),
+				children: P("botlit.agentDetail.notFound.backAction", "Back to Agents")
 			})
 		})
 	});
-	let G = z.systemPrompt || "", K = z.llmModelId || "", be = z.temperature, xe = z.maxTokens, q = z.mcpConnectionIds ?? [], J = z.knowledgeBaseIds ?? [], Y = z.workflowIds ?? [], X = z.capabilities ?? [], Z = z.tagIds ?? [], Q = z.maxConcurrentExecutions || 10, $ = z.metadata ?? null, Se = [
+	let W = R.systemPrompt || "", G = R.llmModelId || "", Ce = R.temperature, K = R.maxTokens, q = R.mcpConnectionIds ?? [], J = R.knowledgeBaseIds ?? [], Y = R.workflowIds ?? [], X = R.capabilities ?? [], Z = R.tagIds ?? [], Q = R.maxConcurrentExecutions || 10, $ = R.metadata ?? null, we = [
 		{
 			id: "assistant",
 			label: "Assistant setup",
-			icon: /* @__PURE__ */ S(O, { size: 16 })
+			icon: /* @__PURE__ */ x(D, { size: 16 })
 		},
 		{
 			id: "overview",
-			label: F("botlit.agentDetail.tabs.overview", "Overview"),
-			icon: /* @__PURE__ */ S(fe, { size: 16 })
+			label: P("botlit.agentDetail.tabs.overview", "Overview"),
+			icon: /* @__PURE__ */ x(me, { size: 16 })
 		},
 		{
 			id: "prompt",
-			label: F("botlit.agentDetail.tabs.prompt", "Prompt"),
-			icon: /* @__PURE__ */ S(E, { size: 16 })
+			label: P("botlit.agentDetail.tabs.prompt", "Prompt"),
+			icon: /* @__PURE__ */ x(T, { size: 16 })
 		},
 		{
 			id: "llm",
-			label: F("botlit.agentDetail.tabs.llmConfig", "LLM Config"),
-			icon: /* @__PURE__ */ S(T, { size: 16 })
+			label: P("botlit.agentDetail.tabs.llmConfig", "LLM Config"),
+			icon: /* @__PURE__ */ x(w, { size: 16 })
 		},
 		{
 			id: "tools",
-			label: F("botlit.agentDetail.tabs.tools", "Tools"),
-			icon: /* @__PURE__ */ S(N, { size: 16 })
+			label: P("botlit.agentDetail.tabs.tools", "Tools"),
+			icon: /* @__PURE__ */ x(M, { size: 16 })
 		},
 		{
 			id: "knowledge",
-			label: F("botlit.agentDetail.tabs.knowledge", "Knowledge"),
-			icon: /* @__PURE__ */ S(w, { size: 16 })
+			label: P("botlit.agentDetail.tabs.knowledge", "Knowledge"),
+			icon: /* @__PURE__ */ x(C, { size: 16 })
 		},
 		{
 			id: "guardrails",
-			label: F("botlit.agentDetail.tabs.guardrails", "Guardrails"),
-			icon: /* @__PURE__ */ S(A, { size: 16 })
+			label: P("botlit.agentDetail.tabs.guardrails", "Guardrails"),
+			icon: /* @__PURE__ */ x(k, { size: 16 })
+		},
+		{
+			id: "handoff",
+			label: P("botlit.agentDetail.tabs.handoff", "Handoff"),
+			icon: /* @__PURE__ */ x(ge, { size: 16 })
 		},
 		{
 			id: "aiOperations",
-			label: F("botlit.agentDetail.tabs.aiOperations", "AI Operations"),
-			icon: /* @__PURE__ */ S(j, { size: 16 })
+			label: P("botlit.agentDetail.tabs.aiOperations", "AI Operations"),
+			icon: /* @__PURE__ */ x(A, { size: 16 })
 		},
 		{
 			id: "a2a",
-			label: F("botlit.agentDetail.tabs.a2a", "A2A"),
-			icon: /* @__PURE__ */ S(k, { size: 16 })
+			label: P("botlit.agentDetail.tabs.a2a", "A2A"),
+			icon: /* @__PURE__ */ x(O, { size: 16 })
 		},
 		{
 			id: "versions",
-			label: F("botlit.agentDetail.tabs.versions", "Versions"),
-			icon: /* @__PURE__ */ S(me, { size: 16 })
+			label: P("botlit.agentDetail.tabs.versions", "Versions"),
+			icon: /* @__PURE__ */ x(_e, { size: 16 })
 		}
 	];
-	return /* @__PURE__ */ S(t, {
-		title: /* @__PURE__ */ C("div", {
+	return /* @__PURE__ */ x(t, {
+		title: /* @__PURE__ */ S("div", {
 			className: "flex items-center gap-3",
 			children: [
-				/* @__PURE__ */ S(s, {
+				/* @__PURE__ */ x(s, {
 					variant: "ghost",
 					size: "icon",
-					onClick: () => L("agents"),
-					children: /* @__PURE__ */ S(de, { size: 20 })
+					onClick: () => I("agents"),
+					children: /* @__PURE__ */ x(pe, { size: 20 })
 				}),
-				/* @__PURE__ */ S("span", {
+				/* @__PURE__ */ x("span", {
 					className: "text-3xl",
 					children: "🤖"
 				}),
-				/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ C("div", {
+				/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ S("div", {
 					className: "flex items-center gap-2",
 					children: [
-						/* @__PURE__ */ S("span", { children: z.name }),
-						/* @__PURE__ */ S(l, { status: z.status }),
-						/* @__PURE__ */ S(c, {
+						/* @__PURE__ */ x("span", { children: R.name }),
+						/* @__PURE__ */ x(d, { status: R.status }),
+						/* @__PURE__ */ x(u, {
 							variant: "outline",
-							children: z.slug
+							children: R.slug
 						})
 					]
-				}), /* @__PURE__ */ S("p", {
+				}), /* @__PURE__ */ x("p", {
 					className: "text-sm font-normal text-text-secondary",
-					children: z.description
+					children: R.description
 				})] })
 			]
 		}),
-		actions: /* @__PURE__ */ C("div", {
+		actions: /* @__PURE__ */ S("div", {
 			className: "flex gap-2",
 			children: [
-				ye.data?.requireActivationApproval && (z.status === "DRAFT" || z.status === "ARCHIVED") && !z.currentVersionId ? /* @__PURE__ */ S(d, {
-					permission: u.AGENT_UPDATE,
-					children: /* @__PURE__ */ S(s, {
+				Se.data?.requireActivationApproval && (R.status === "DRAFT" || R.status === "ARCHIVED") && !R.currentVersionId ? /* @__PURE__ */ x(l, {
+					permission: c.AGENT_UPDATE,
+					children: /* @__PURE__ */ x(s, {
 						variant: "default",
 						onClick: () => {
-							W("overview"), requestAnimationFrame(() => document.querySelector("[data-testid=\"agent-approval-panel\"]")?.scrollIntoView({
+							U("overview"), requestAnimationFrame(() => document.querySelector("[data-testid=\"agent-approval-panel\"]")?.scrollIntoView({
 								behavior: "smooth",
 								block: "start"
 							}));
 						},
-						children: F("botlit.agentApproval.requestAction", "Request activation")
+						children: P("botlit.agentApproval.requestAction", "Request activation")
 					})
-				}) : z.status === "DRAFT" || z.status === "ARCHIVED" ? /* @__PURE__ */ S(d, {
-					permission: u.AGENT_UPDATE,
-					children: /* @__PURE__ */ S(s, {
+				}) : R.status === "DRAFT" || R.status === "ARCHIVED" ? /* @__PURE__ */ x(l, {
+					permission: c.AGENT_UPDATE,
+					children: /* @__PURE__ */ x(s, {
 						variant: "default",
-						isLoading: H.loading,
+						isLoading: V.loading,
 						onClick: async () => {
 							try {
-								if (!I) return;
-								await V({
-									agentId: I,
+								if (!F) return;
+								await B({
+									agentId: F,
 									input: { status: "ACTIVE" }
-								}), await B(), P.success(`${F("botlit.agentDetail.activate.successPrefix", "Agent")} "${z.name}" ${F("botlit.agentDetail.activate.successSuffix", "activated")}`);
+								}), await z(), N.success(`${P("botlit.agentDetail.activate.successPrefix", "Agent")} "${R.name}" ${P("botlit.agentDetail.activate.successSuffix", "activated")}`);
 							} catch (e) {
-								P.error(e instanceof Error ? e.message : F("botlit.agentDetail.activate.error", "Failed to activate agent"));
+								N.error(e instanceof Error ? e.message : P("botlit.agentDetail.activate.error", "Failed to activate agent"));
 							}
 						},
-						children: F("botlit.agentDetail.actions.activate", "Activate")
+						children: P("botlit.agentDetail.actions.activate", "Activate")
 					})
-				}) : /* @__PURE__ */ S(d, {
-					permission: u.AGENT_UPDATE,
-					children: /* @__PURE__ */ S(s, {
+				}) : /* @__PURE__ */ x(l, {
+					permission: c.AGENT_UPDATE,
+					children: /* @__PURE__ */ x(s, {
 						variant: "outline",
-						isLoading: H.loading,
+						isLoading: V.loading,
 						onClick: async () => {
 							try {
-								if (!I) return;
-								await V({
-									agentId: I,
+								if (!F) return;
+								await B({
+									agentId: F,
 									input: { status: "DRAFT" }
-								}), await B(), P.success(`${F("botlit.agentDetail.deactivate.successPrefix", "Agent")} "${z.name}" ${F("botlit.agentDetail.deactivate.successSuffix", "deactivated")}`);
+								}), await z(), N.success(`${P("botlit.agentDetail.deactivate.successPrefix", "Agent")} "${R.name}" ${P("botlit.agentDetail.deactivate.successSuffix", "deactivated")}`);
 							} catch (e) {
-								P.error(e instanceof Error ? e.message : F("botlit.agentDetail.deactivate.error", "Failed to deactivate agent"));
+								N.error(e instanceof Error ? e.message : P("botlit.agentDetail.deactivate.error", "Failed to deactivate agent"));
 							}
 						},
-						children: F("botlit.agentDetail.actions.deactivate", "Deactivate")
+						children: P("botlit.agentDetail.actions.deactivate", "Deactivate")
 					})
 				}),
-				/* @__PURE__ */ S(d, {
-					permission: u.AGENT_UPDATE,
-					children: /* @__PURE__ */ S(s, {
+				/* @__PURE__ */ x(l, {
+					permission: c.AGENT_UPDATE,
+					children: /* @__PURE__ */ x(s, {
 						variant: "outline",
-						leftIcon: /* @__PURE__ */ S(pe, { size: 16 }),
-						onClick: () => L(`agents/${I}/edit`),
-						children: F("botlit.agentDetail.actions.editAgent", "Edit Agent")
+						leftIcon: /* @__PURE__ */ x(he, { size: 16 }),
+						onClick: () => I(`agents/${F}/edit`),
+						children: P("botlit.agentDetail.actions.editAgent", "Edit Agent")
 					})
 				}),
-				/* @__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__ */ x(l, {
+					permission: c.AGENT_EXECUTE,
+					children: /* @__PURE__ */ x(s, {
+						leftIcon: /* @__PURE__ */ x(E, { size: 16 }),
+						onClick: () => I(`chat/${F}`),
+						children: P("botlit.agentDetail.actions.testAgent", "Test Agent")
 					})
 				}),
-				/* @__PURE__ */ S(d, {
-					permission: u.AGENT_DELETE,
-					children: /* @__PURE__ */ S(s, {
+				/* @__PURE__ */ x(l, {
+					permission: c.AGENT_DELETE,
+					children: /* @__PURE__ */ x(s, {
 						variant: "destructive",
-						leftIcon: /* @__PURE__ */ S(M, { size: 16 }),
-						isLoading: ve.loading,
+						leftIcon: /* @__PURE__ */ x(j, { size: 16 }),
+						isLoading: xe.loading,
 						onClick: async () => {
-							if (I && confirm(`${F("botlit.agentDetail.delete.confirmPrefix", "Are you sure you want to delete")} "${z.name}"? ${F("botlit.agentDetail.delete.confirmSuffix", "This action cannot be undone.")}`)) try {
-								await _e(I), P.success(`${F("botlit.agentDetail.delete.successPrefix", "Agent")} "${z.name}" ${F("botlit.agentDetail.delete.successSuffix", "deleted successfully")}`), L("agents");
+							if (F && confirm(`${P("botlit.agentDetail.delete.confirmPrefix", "Are you sure you want to delete")} "${R.name}"? ${P("botlit.agentDetail.delete.confirmSuffix", "This action cannot be undone.")}`)) try {
+								await be(F), N.success(`${P("botlit.agentDetail.delete.successPrefix", "Agent")} "${R.name}" ${P("botlit.agentDetail.delete.successSuffix", "deleted successfully")}`), I("agents");
 							} catch (e) {
-								P.error(e instanceof Error ? e.message : F("botlit.agentDetail.delete.error", "Failed to delete agent"));
+								N.error(e instanceof Error ? e.message : P("botlit.agentDetail.delete.error", "Failed to delete agent"));
 							}
 						},
-						children: F("botlit.common.delete", "Delete")
+						children: P("botlit.common.delete", "Delete")
 					})
 				})
 			]
 		}),
-		children: /* @__PURE__ */ C("div", {
+		children: /* @__PURE__ */ S("div", {
 			className: "space-y-6",
 			children: [
-				U === "assistant" && I && /* @__PURE__ */ C("div", {
+				H === "assistant" && F && /* @__PURE__ */ S("div", {
 					className: "space-y-5",
 					children: [
-						R(u.AGENT_UPDATE) && /* @__PURE__ */ S(ee, {
-							agentId: I,
-							onConfigured: () => void B()
+						L(c.AGENT_UPDATE) && /* @__PURE__ */ x(f, {
+							agentId: F,
+							onConfigured: () => void z()
 						}),
-						R(u.AGENT_PUBLISH) && /* @__PURE__ */ C(le, { children: [/* @__PURE__ */ S(ne, {
-							agentId: I,
+						L(c.AGENT_PUBLISH) && /* @__PURE__ */ S(de, { children: [/* @__PURE__ */ x(m, {
+							agentId: F,
 							knowledgeBaseIds: J
-						}), /* @__PURE__ */ S(te, { agentId: I })] }),
-						!R(u.AGENT_UPDATE) && !R(u.AGENT_PUBLISH) && /* @__PURE__ */ S("p", {
+						}), /* @__PURE__ */ x(p, { agentId: F })] }),
+						!L(c.AGENT_UPDATE) && !L(c.AGENT_PUBLISH) && /* @__PURE__ */ x("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.")
+							children: P("botlit.agentDetail.assistant.readOnly", "Assistant setup and publishing are available to members who can edit or publish agents in this workspace.")
 						})
 					]
 				}),
-				/* @__PURE__ */ S(ce, {
-					icon: /* @__PURE__ */ S(T, { size: 18 }),
-					children: F("botlit.agentDetail.purpose", "This is the full configuration for a single agent — its prompt, model settings, the tools and knowledge it can use, its guardrails and how it talks to other agents. Use the tabs to inspect or change any part, and test the agent in chat to confirm it behaves the way you expect before going live.")
+				/* @__PURE__ */ x(ue, {
+					icon: /* @__PURE__ */ x(w, { size: 18 }),
+					children: P("botlit.agentDetail.purpose", "This is the full configuration for a single agent — its prompt, model settings, the tools and knowledge it can use, its guardrails and how it talks to other agents. Use the tabs to inspect or change any part, and test the agent in chat to confirm it behaves the way you expect before going live.")
 				}),
-				/* @__PURE__ */ S("div", {
+				/* @__PURE__ */ x("div", {
 					className: "flex gap-1 border-b border-border-subtle overflow-x-auto",
-					children: Se.map((e) => /* @__PURE__ */ C("button", {
-						onClick: () => W(e.id),
-						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: we.map((e) => /* @__PURE__ */ S("button", {
+						onClick: () => U(e.id),
+						className: oe("flex items-center gap-2 px-4 py-2 text-sm font-medium border-b-2 transition-colors whitespace-nowrap", H === e.id ? "border-primary text-primary" : "border-transparent text-text-secondary hover:text-text-primary"),
 						children: [e.icon, e.label]
 					}, e.id))
 				}),
-				U === "overview" && /* @__PURE__ */ C("div", {
+				H === "overview" && /* @__PURE__ */ S("div", {
 					className: "space-y-6",
 					children: [
-						/* @__PURE__ */ S(se, {
-							storageKey: `botlit-agent-${I}`,
+						/* @__PURE__ */ x(le, {
+							storageKey: `botlit-agent-${F}`,
 							steps: [
 								{
 									id: "test",
-									label: F("botlit.agentDetail.nextSteps.test", "Test the agent in chat"),
-									description: F("botlit.agentDetail.nextSteps.testDesc", "Send it a few real prompts to see how it responds."),
-									icon: /* @__PURE__ */ S(D, { size: 16 }),
-									onClick: () => L(`chat/${I}`)
+									label: P("botlit.agentDetail.nextSteps.test", "Test the agent in chat"),
+									description: P("botlit.agentDetail.nextSteps.testDesc", "Send it a few real prompts to see how it responds."),
+									icon: /* @__PURE__ */ x(E, { size: 16 }),
+									onClick: () => I(`chat/${F}`)
 								},
 								{
 									id: "prompt",
-									label: F("botlit.agentDetail.nextSteps.prompt", "Refine the system prompt"),
-									description: F("botlit.agentDetail.nextSteps.promptDesc", "Tune its instructions and behaviour."),
-									icon: /* @__PURE__ */ S(E, { size: 16 }),
-									onClick: () => W("prompt")
+									label: P("botlit.agentDetail.nextSteps.prompt", "Refine the system prompt"),
+									description: P("botlit.agentDetail.nextSteps.promptDesc", "Tune its instructions and behaviour."),
+									icon: /* @__PURE__ */ x(T, { size: 16 }),
+									onClick: () => U("prompt")
 								},
 								{
 									id: "tools",
-									label: F("botlit.agentDetail.nextSteps.tools", "Connect tools & knowledge"),
-									description: F("botlit.agentDetail.nextSteps.toolsDesc", "Give it MCP tools and knowledge bases to work with."),
-									icon: /* @__PURE__ */ S(N, { size: 16 }),
-									onClick: () => W("tools")
+									label: P("botlit.agentDetail.nextSteps.tools", "Connect tools & knowledge"),
+									description: P("botlit.agentDetail.nextSteps.toolsDesc", "Give it MCP tools and knowledge bases to work with."),
+									icon: /* @__PURE__ */ x(M, { size: 16 }),
+									onClick: () => U("tools")
 								},
 								{
 									id: "activate",
-									label: F("botlit.agentDetail.nextSteps.activate", "Activate and attach to a bot"),
-									description: F("botlit.agentDetail.nextSteps.activateDesc", "Put it live so a bot can route conversations to it."),
-									icon: /* @__PURE__ */ S(k, { size: 16 }),
-									onClick: () => L(`agents/${I}/edit`),
-									done: z.status === "ACTIVE"
+									label: P("botlit.agentDetail.nextSteps.activate", "Activate and attach to a bot"),
+									description: P("botlit.agentDetail.nextSteps.activateDesc", "Put it live so a bot can route conversations to it."),
+									icon: /* @__PURE__ */ x(O, { size: 16 }),
+									onClick: () => I(`agents/${F}/edit`),
+									done: R.status === "ACTIVE"
 								}
 							]
 						}),
-						I && /* @__PURE__ */ S(h, {
-							agentId: I,
-							agentStatus: z.status,
-							onChanged: () => void B()
+						F && /* @__PURE__ */ x(ie, {
+							agentId: F,
+							agentStatus: R.status,
+							onChanged: () => void z()
 						}),
-						/* @__PURE__ */ C("div", {
+						/* @__PURE__ */ S("div", {
 							className: "grid grid-cols-1 lg:grid-cols-3 gap-6",
 							children: [
-								/* @__PURE__ */ C(n, {
+								/* @__PURE__ */ S(n, {
 									className: "lg:col-span-1",
-									children: [/* @__PURE__ */ S(a, { children: /* @__PURE__ */ S(o, { children: "Details" }) }), /* @__PURE__ */ C(r, {
+									children: [/* @__PURE__ */ x(a, { children: /* @__PURE__ */ x(o, { children: "Details" }) }), /* @__PURE__ */ S(r, {
 										className: "space-y-4",
 										children: [
-											/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("p", {
+											/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
 												className: "text-sm text-text-secondary",
 												children: "Status"
-											}), /* @__PURE__ */ S(l, { status: z.status })] }),
-											/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("p", {
+											}), /* @__PURE__ */ x(d, { status: R.status })] }),
+											/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
 												className: "text-sm text-text-secondary",
 												children: "Type"
-											}), /* @__PURE__ */ S(c, {
+											}), /* @__PURE__ */ x(u, {
 												variant: "outline",
-												children: z.type
+												children: R.type
 											})] }),
-											/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("p", {
+											/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
 												className: "text-sm text-text-secondary",
 												children: "Visibility"
-											}), /* @__PURE__ */ S(c, {
+											}), /* @__PURE__ */ x(u, {
 												variant: "outline",
-												children: z.visibility
+												children: R.visibility
 											})] }),
-											/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("p", {
+											/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
 												className: "text-sm text-text-secondary",
 												children: "LLM Model"
-											}), /* @__PURE__ */ S("p", {
+											}), /* @__PURE__ */ x("p", {
 												className: "font-medium font-mono text-sm",
-												children: K || "Not configured"
+												children: G || "Not configured"
 											})] }),
-											/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("p", {
+											/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
 												className: "text-sm text-text-secondary",
 												children: "MCP Connections"
-											}), /* @__PURE__ */ C("p", {
+											}), /* @__PURE__ */ S("p", {
 												className: "font-medium",
 												children: [q.length, " servers"]
 											})] }),
-											/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("p", {
+											/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
 												className: "text-sm text-text-secondary",
 												children: "Knowledge Bases"
-											}), /* @__PURE__ */ C("p", {
+											}), /* @__PURE__ */ S("p", {
 												className: "font-medium",
 												children: [J.length, " KBs"]
 											})] }),
-											/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("p", {
+											/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
 												className: "text-sm text-text-secondary",
 												children: "Max Concurrent"
-											}), /* @__PURE__ */ S("p", {
+											}), /* @__PURE__ */ x("p", {
 												className: "font-medium",
 												children: Q
 											})] }),
-											/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("p", {
+											/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
 												className: "text-sm text-text-secondary",
 												children: "Executions"
-											}), /* @__PURE__ */ S("p", {
+											}), /* @__PURE__ */ x("p", {
 												className: "font-medium",
-												children: z.executionCount ?? 0
+												children: R.executionCount ?? 0
 											})] }),
-											/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("p", {
+											/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
 												className: "text-sm text-text-secondary",
 												children: "Created"
-											}), /* @__PURE__ */ S("p", {
+											}), /* @__PURE__ */ x("p", {
 												className: "font-medium",
-												children: b(z.createdAt)
+												children: b(R.createdAt)
 											})] }),
-											/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("p", {
+											/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
 												className: "text-sm text-text-secondary",
 												children: "Updated"
-											}), /* @__PURE__ */ S("p", {
+											}), /* @__PURE__ */ x("p", {
 												className: "font-medium",
-												children: b(z.updatedAt)
+												children: b(R.updatedAt)
 											})] })
 										]
 									})]
 								}),
-								/* @__PURE__ */ C(oe, {
+								/* @__PURE__ */ S(ce, {
 									treatment: "glass",
 									glow: !0,
 									className: "lg:col-span-2 p-6",
-									children: [/* @__PURE__ */ S("h3", {
+									children: [/* @__PURE__ */ x("h3", {
 										className: "mb-4 text-lg font-semibold tracking-tight text-text-primary",
-										children: F("botlit.agentDetail.capabilities.title", "Capabilities")
-									}), /* @__PURE__ */ S("div", { children: X.length > 0 ? /* @__PURE__ */ S("div", {
+										children: P("botlit.agentDetail.capabilities.title", "Capabilities")
+									}), /* @__PURE__ */ x("div", { children: X.length > 0 ? /* @__PURE__ */ x("div", {
 										className: "grid grid-cols-2 md:grid-cols-3 gap-4",
-										children: X.map((e) => /* @__PURE__ */ C("div", {
+										children: X.map((e) => /* @__PURE__ */ S("div", {
 											className: "p-3 rounded-lg border border-status-success-border bg-status-success-bg-subtle",
-											children: [/* @__PURE__ */ S("p", {
+											children: [/* @__PURE__ */ x("p", {
 												className: "font-medium",
 												children: e
-											}), /* @__PURE__ */ S(c, {
+											}), /* @__PURE__ */ x(u, {
 												variant: "success",
-												children: F("botlit.agentDetail.capabilities.enabled", "Enabled")
+												children: P("botlit.agentDetail.capabilities.enabled", "Enabled")
 											})]
 										}, e))
-									}) : /* @__PURE__ */ S("p", {
+									}) : /* @__PURE__ */ x("p", {
 										className: "text-text-secondary",
-										children: F("botlit.agentDetail.capabilities.empty", "No capabilities configured")
+										children: P("botlit.agentDetail.capabilities.empty", "No capabilities configured")
 									}) })]
 								}),
-								Z.length > 0 && /* @__PURE__ */ C(n, {
+								Z.length > 0 && /* @__PURE__ */ S(n, {
 									className: "lg:col-span-3",
-									children: [/* @__PURE__ */ S(a, { children: /* @__PURE__ */ S(o, { children: F("botlit.agentDetail.tags.title", "Tags") }) }), /* @__PURE__ */ S(r, { children: /* @__PURE__ */ S("div", {
+									children: [/* @__PURE__ */ x(a, { children: /* @__PURE__ */ x(o, { children: P("botlit.agentDetail.tags.title", "Tags") }) }), /* @__PURE__ */ x(r, { children: /* @__PURE__ */ x("div", {
 										className: "flex flex-wrap gap-2",
-										children: Z.map((e) => /* @__PURE__ */ S(c, {
+										children: Z.map((e) => /* @__PURE__ */ x(u, {
 											variant: "outline",
 											children: e
 										}, e))
@@ -403,190 +409,194 @@ var F = () => {
 						})
 					]
 				}),
-				U === "prompt" && /* @__PURE__ */ S("div", {
+				H === "prompt" && /* @__PURE__ */ x("div", {
 					className: "space-y-6",
-					children: /* @__PURE__ */ C(n, { children: [/* @__PURE__ */ C(a, { children: [/* @__PURE__ */ C(o, {
+					children: /* @__PURE__ */ S(n, { children: [/* @__PURE__ */ S(a, { children: [/* @__PURE__ */ S(o, {
 						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ S(E, { size: 18 }), F("botlit.agentDetail.prompt.title", "System Prompt")]
-					}), /* @__PURE__ */ S(i, { children: F("botlit.agentDetail.prompt.description", "The system prompt that defines this agent's behavior") })] }), /* @__PURE__ */ S(r, {
+						children: [/* @__PURE__ */ x(T, { size: 18 }), P("botlit.agentDetail.prompt.title", "System Prompt")]
+					}), /* @__PURE__ */ x(i, { children: P("botlit.agentDetail.prompt.description", "The system prompt that defines this agent's behavior") })] }), /* @__PURE__ */ x(r, {
 						className: "space-y-4",
-						children: G ? /* @__PURE__ */ S("pre", {
+						children: W ? /* @__PURE__ */ x("pre", {
 							className: "p-4 bg-bg-sunken rounded-lg text-sm whitespace-pre-wrap font-mono",
-							children: G
-						}) : /* @__PURE__ */ S("p", {
+							children: W
+						}) : /* @__PURE__ */ x("p", {
 							className: "text-text-secondary",
-							children: F("botlit.agentDetail.prompt.empty", "No system prompt configured")
+							children: P("botlit.agentDetail.prompt.empty", "No system prompt configured")
 						})
 					})] })
 				}),
-				U === "llm" && /* @__PURE__ */ C("div", {
+				H === "llm" && /* @__PURE__ */ S("div", {
 					className: "grid grid-cols-1 lg:grid-cols-2 gap-6",
-					children: [/* @__PURE__ */ C(n, { children: [/* @__PURE__ */ S(a, { children: /* @__PURE__ */ C(o, {
+					children: [/* @__PURE__ */ S(n, { children: [/* @__PURE__ */ x(a, { children: /* @__PURE__ */ S(o, {
 						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ S(T, { size: 18 }), F("botlit.agentDetail.llm.title", "Model Configuration")]
-					}) }), /* @__PURE__ */ C(r, {
+						children: [/* @__PURE__ */ x(w, { size: 18 }), P("botlit.agentDetail.llm.title", "Model Configuration")]
+					}) }), /* @__PURE__ */ S(r, {
 						className: "space-y-4",
 						children: [
-							/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("p", {
+							/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
 								className: "text-sm text-text-secondary",
 								children: "LLM Model ID"
-							}), /* @__PURE__ */ S("p", {
+							}), /* @__PURE__ */ x("p", {
 								className: "font-medium font-mono",
-								children: K || "Not configured"
+								children: G || "Not configured"
 							})] }),
-							/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("p", {
+							/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
 								className: "text-sm text-text-secondary",
 								children: "Temperature"
-							}), /* @__PURE__ */ S("p", {
+							}), /* @__PURE__ */ x("p", {
 								className: "font-medium",
-								children: be ?? "Default"
+								children: Ce ?? "Default"
 							})] }),
-							/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("p", {
+							/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
 								className: "text-sm text-text-secondary",
 								children: "Max Tokens"
-							}), /* @__PURE__ */ S("p", {
+							}), /* @__PURE__ */ x("p", {
 								className: "font-medium",
-								children: xe ?? "Default"
+								children: K ?? "Default"
 							})] })
 						]
-					})] }), /* @__PURE__ */ C(n, { children: [/* @__PURE__ */ S(a, { children: /* @__PURE__ */ C(o, {
+					})] }), /* @__PURE__ */ S(n, { children: [/* @__PURE__ */ x(a, { children: /* @__PURE__ */ S(o, {
 						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ S(he, { size: 18 }), F("botlit.agentDetail.executionLimits.title", "Execution Limits")]
-					}) }), /* @__PURE__ */ C(r, {
+						children: [/* @__PURE__ */ x(ve, { size: 18 }), P("botlit.agentDetail.executionLimits.title", "Execution Limits")]
+					}) }), /* @__PURE__ */ S(r, {
 						className: "space-y-4",
 						children: [
-							/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("p", {
+							/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
 								className: "text-sm text-text-secondary",
 								children: "Max Concurrent Executions"
-							}), /* @__PURE__ */ S("p", {
+							}), /* @__PURE__ */ x("p", {
 								className: "font-medium",
 								children: Q
 							})] }),
-							/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("p", {
+							/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
 								className: "text-sm text-text-secondary",
 								children: "Total Executions"
-							}), /* @__PURE__ */ S("p", {
+							}), /* @__PURE__ */ x("p", {
 								className: "font-medium",
-								children: z.executionCount ?? 0
+								children: R.executionCount ?? 0
 							})] }),
-							z.lastExecutedAt && /* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("p", {
+							R.lastExecutedAt && /* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
 								className: "text-sm text-text-secondary",
 								children: "Last Executed"
-							}), /* @__PURE__ */ S("p", {
+							}), /* @__PURE__ */ x("p", {
 								className: "font-medium",
-								children: b(z.lastExecutedAt)
+								children: b(R.lastExecutedAt)
 							})] })
 						]
 					})] })]
 				}),
-				U === "tools" && /* @__PURE__ */ C("div", {
+				H === "tools" && /* @__PURE__ */ S("div", {
 					className: "space-y-6",
-					children: [/* @__PURE__ */ C(n, { children: [/* @__PURE__ */ C(a, { children: [/* @__PURE__ */ C(o, {
+					children: [/* @__PURE__ */ S(n, { children: [/* @__PURE__ */ S(a, { children: [/* @__PURE__ */ S(o, {
 						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ S(N, { size: 18 }), "MCP Server Connections"]
-					}), /* @__PURE__ */ S(i, { children: "Connected MCP servers providing tools" })] }), /* @__PURE__ */ S(r, { children: q.length > 0 ? /* @__PURE__ */ S("div", {
+						children: [/* @__PURE__ */ x(M, { size: 18 }), "MCP Server Connections"]
+					}), /* @__PURE__ */ x(i, { children: "Connected MCP servers providing tools" })] }), /* @__PURE__ */ x(r, { children: q.length > 0 ? /* @__PURE__ */ x("div", {
 						className: "grid grid-cols-1 md:grid-cols-2 gap-4",
-						children: q.map((e) => /* @__PURE__ */ C("div", {
+						children: q.map((e) => /* @__PURE__ */ S("div", {
 							className: "flex items-center gap-3 p-4 border border-border-subtle rounded-lg",
-							children: [/* @__PURE__ */ S("div", {
+							children: [/* @__PURE__ */ x("div", {
 								className: "p-2 bg-action-primary-bg/10 rounded-lg",
-								children: /* @__PURE__ */ S(N, {
+								children: /* @__PURE__ */ x(M, {
 									size: 18,
 									className: "text-primary"
 								})
-							}), /* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("p", {
+							}), /* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
 								className: "font-medium",
 								children: "MCP Server"
-							}), /* @__PURE__ */ S("p", {
+							}), /* @__PURE__ */ x("p", {
 								className: "text-sm text-text-secondary font-mono",
 								children: e
 							})] })]
 						}, e))
-					}) : /* @__PURE__ */ S("p", {
+					}) : /* @__PURE__ */ x("p", {
 						className: "text-text-secondary",
 						children: "No MCP servers connected"
-					}) })] }), Y.length > 0 && /* @__PURE__ */ C(n, { children: [/* @__PURE__ */ S(a, { children: /* @__PURE__ */ C(o, {
+					}) })] }), Y.length > 0 && /* @__PURE__ */ S(n, { children: [/* @__PURE__ */ x(a, { children: /* @__PURE__ */ S(o, {
 						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ S(O, { size: 18 }), "Workflows"]
-					}) }), /* @__PURE__ */ S(r, { children: /* @__PURE__ */ S("div", {
+						children: [/* @__PURE__ */ x(D, { size: 18 }), "Workflows"]
+					}) }), /* @__PURE__ */ x(r, { children: /* @__PURE__ */ x("div", {
 						className: "grid grid-cols-1 md:grid-cols-2 gap-4",
-						children: Y.map((e) => /* @__PURE__ */ S("div", {
+						children: Y.map((e) => /* @__PURE__ */ x("div", {
 							className: "p-4 border border-border-subtle rounded-lg",
-							children: /* @__PURE__ */ S("p", {
+							children: /* @__PURE__ */ x("p", {
 								className: "font-mono text-sm",
 								children: e
 							})
 						}, e))
 					}) })] })]
 				}),
-				U === "knowledge" && /* @__PURE__ */ C(n, { children: [/* @__PURE__ */ C(a, { children: [/* @__PURE__ */ C(o, {
+				H === "knowledge" && /* @__PURE__ */ S(n, { children: [/* @__PURE__ */ S(a, { children: [/* @__PURE__ */ S(o, {
 					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ S(w, { size: 18 }), "Knowledge Bases"]
-				}), /* @__PURE__ */ S(i, { children: "Connected knowledge bases for RAG" })] }), /* @__PURE__ */ S(r, { children: J.length > 0 ? /* @__PURE__ */ S("div", {
+					children: [/* @__PURE__ */ x(C, { size: 18 }), "Knowledge Bases"]
+				}), /* @__PURE__ */ x(i, { children: "Connected knowledge bases for RAG" })] }), /* @__PURE__ */ x(r, { children: J.length > 0 ? /* @__PURE__ */ x("div", {
 					className: "space-y-4",
-					children: J.map((e, t) => /* @__PURE__ */ C("div", {
+					children: J.map((e, t) => /* @__PURE__ */ S("div", {
 						className: "p-4 border border-border-subtle rounded-lg space-y-2",
-						children: [/* @__PURE__ */ C("div", {
+						children: [/* @__PURE__ */ S("div", {
 							className: "flex items-center justify-between",
-							children: [/* @__PURE__ */ S("p", {
+							children: [/* @__PURE__ */ x("p", {
 								className: "font-medium",
 								children: "Knowledge Base"
-							}), /* @__PURE__ */ C(c, {
+							}), /* @__PURE__ */ S(u, {
 								variant: "outline",
 								children: ["#", t + 1]
 							})]
-						}), /* @__PURE__ */ S("p", {
+						}), /* @__PURE__ */ x("p", {
 							className: "font-mono text-sm",
 							children: e
 						})]
 					}, t))
-				}) : /* @__PURE__ */ S("p", {
+				}) : /* @__PURE__ */ x("p", {
 					className: "text-text-secondary",
 					children: "No knowledge bases connected"
 				}) })] }),
-				U === "guardrails" && /* @__PURE__ */ C(n, { children: [/* @__PURE__ */ C(a, { children: [/* @__PURE__ */ C(o, {
+				H === "handoff" && F && /* @__PURE__ */ x("div", {
+					className: "mx-auto w-full max-w-3xl",
+					children: /* @__PURE__ */ x(ee, { agentId: F })
+				}),
+				H === "guardrails" && /* @__PURE__ */ S(n, { children: [/* @__PURE__ */ S(a, { children: [/* @__PURE__ */ S(o, {
 					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ S(A, { size: 18 }), "Guardrails & Policies"]
-				}), /* @__PURE__ */ S(i, { children: "Security and policy configurations" })] }), /* @__PURE__ */ S(r, { children: $ ? /* @__PURE__ */ S("div", {
+					children: [/* @__PURE__ */ x(k, { size: 18 }), "Guardrails & Policies"]
+				}), /* @__PURE__ */ x(i, { children: "Security and policy configurations" })] }), /* @__PURE__ */ x(r, { children: $ ? /* @__PURE__ */ x("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", {
+					children: Object.entries($).filter(([e, t]) => t).map(([e, t]) => /* @__PURE__ */ S("div", {
 						className: "p-4 border border-border-subtle rounded-lg",
-						children: [/* @__PURE__ */ S("p", {
+						children: [/* @__PURE__ */ x("p", {
 							className: "text-sm text-text-secondary capitalize",
 							children: e.replace("Id", "").replace(/([A-Z])/g, " $1").trim()
-						}), /* @__PURE__ */ S("p", {
+						}), /* @__PURE__ */ x("p", {
 							className: "font-mono text-sm",
 							children: String(t)
 						})]
 					}, e))
-				}) : /* @__PURE__ */ S("p", {
+				}) : /* @__PURE__ */ x("p", {
 					className: "text-text-secondary",
 					children: "No policy bindings configured"
 				}) })] }),
-				U === "aiOperations" && I && /* @__PURE__ */ S(re, {
+				H === "aiOperations" && F && /* @__PURE__ */ x(h, {
 					filter: {
 						subjectType: "AGENT",
-						subjectId: I
+						subjectId: F
 					},
-					description: F("botlit.agentDetail.aiOperationsDescription", "What the supervisor flagged for this agent — drift, evidence and the recommended action.")
+					description: P("botlit.agentDetail.aiOperationsDescription", "What the supervisor flagged for this agent — drift, evidence and the recommended action.")
 				}),
-				U === "a2a" && /* @__PURE__ */ C(n, { children: [/* @__PURE__ */ C(a, { children: [/* @__PURE__ */ C(o, {
+				H === "a2a" && /* @__PURE__ */ S(n, { children: [/* @__PURE__ */ S(a, { children: [/* @__PURE__ */ S(o, {
 					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ S(k, { size: 18 }), "A2A Configuration"]
-				}), /* @__PURE__ */ S(i, { children: "Agent-to-Agent communication settings" })] }), /* @__PURE__ */ S(r, { children: /* @__PURE__ */ S("p", {
+					children: [/* @__PURE__ */ x(O, { size: 18 }), "A2A Configuration"]
+				}), /* @__PURE__ */ x(i, { children: "Agent-to-Agent communication settings" })] }), /* @__PURE__ */ x(r, { children: /* @__PURE__ */ x("p", {
 					className: "text-text-secondary",
 					children: "A2A is not enabled for this agent"
 				}) })] }),
-				U === "versions" && I && /* @__PURE__ */ S(m, {
-					agentId: I,
-					draftVersionId: z.draftVersionId,
-					currentVersionId: z.currentVersionId,
-					onChanged: () => void B()
+				H === "versions" && F && /* @__PURE__ */ x(re, {
+					agentId: F,
+					draftVersionId: R.draftVersionId,
+					currentVersionId: R.currentVersionId,
+					onChanged: () => void z()
 				})
 			]
 		})
 	});
 };
-export { F as AgentDetailPage };
+export { P as AgentDetailPage };
 
 //# sourceMappingURL=AgentDetailPage.js.map