@burdenoff/microfe-botmanor 2026.1106.1 → 2026.1109.1

package/dist/botlit/components/AgentApprovalPanel.js

@@ -1,38 +1,38 @@
 import { useTr as e } from "../../shared/hooks/useTr.js";
-import { useBotlit as t } from "../providers/BotlitProvider.js";
-import { formatRelativeTime as n } from "../utils/formatters.js";
-import { BOTMANOR_PERMISSIONS as r } from "../permissions/botmanorPermissions.js";
-import { BotmanorPermissionGate as i } from "../permissions/useBotmanorPermissions.js";
-import { Button as a } from "./Button.js";
+import { Card as t, CardContent as n, CardDescription as r, CardHeader as i, CardTitle as a } from "./Card.js";
+import { Button as o } from "./Button.js";
+import { BOTMANOR_PERMISSIONS as s } from "../permissions/botmanorPermissions.js";
+import { BotmanorPermissionGate as c } from "../permissions/useBotmanorPermissions.js";
+import { Badge as l } from "./Badge.js";
+import { useAgentApprovalActions as u, useAgentApprovalRequests as d, useAgentApprovalSettings as f } from "../hooks/useAgentApprovals.js";
+import { useBotlit as p } from "../providers/BotlitProvider.js";
+import { formatRelativeTime as m } from "../utils/formatters.js";
 import "../permissions/index.js";
-import { Card as o, CardContent as s, CardDescription as c, CardHeader as l, CardTitle as u } from "./Card.js";
-import { Badge as d } from "./Badge.js";
-import { useAgentApprovalActions as f, useAgentApprovalRequests as p, useAgentApprovalSettings as m } from "../hooks/useAgentApprovals.js";
 import { useState as h } from "react";
 import { Dialog as g, DialogContent as _, DialogDescription as v, DialogFooter as y, DialogHeader as b, DialogTitle as x, Textarea as S } from "@burdenoff/fe-libs/ui";
 import { Fragment as C, jsx as w, jsxs as T } from "react/jsx-runtime";
 import { AlertTriangle as E, CheckCircle2 as D, Send as O, ShieldCheck as k, XCircle as A } from "lucide-react";
 import { toast as j } from "sonner";
-//#region src/botlit/components/AgentApprovalPanel.tsx
+// src/botlit/components/AgentApprovalPanel.tsx
 function M(e) {
 	return e === "PENDING" ? "warning" : e === "APPROVED" ? "success" : e === "REJECTED" ? "destructive" : "outline";
 }
 var N = ({ kind: t, loading: n, onClose: r, onConfirm: i }) => {
-	let o = e(), [s, c] = h(""), l = t === "reject", u = {
+	let a = e(), [s, c] = h(""), l = t === "reject", u = {
 		request: {
-			title: o("botlit.agentApproval.dialog.request.title", "Request activation"),
-			description: o("botlit.agentApproval.dialog.request.description", "A reviewer will check the agent's current prompt, model, tools and limits before it goes live. Changing the agent afterwards makes this request stale."),
-			confirm: o("botlit.agentApproval.dialog.request.confirm", "Submit for review")
+			title: a("botlit.agentApproval.dialog.request.title", "Request activation"),
+			description: a("botlit.agentApproval.dialog.request.description", "A reviewer will check the agent's current prompt, model, tools and limits before it goes live. Changing the agent afterwards makes this request stale."),
+			confirm: a("botlit.agentApproval.dialog.request.confirm", "Submit for review")
 		},
 		approve: {
-			title: o("botlit.agentApproval.dialog.approve.title", "Approve and go live"),
-			description: o("botlit.agentApproval.dialog.approve.description", "Approving publishes the agent's draft and makes it ACTIVE immediately."),
-			confirm: o("botlit.agentApproval.dialog.approve.confirm", "Approve")
+			title: a("botlit.agentApproval.dialog.approve.title", "Approve and go live"),
+			description: a("botlit.agentApproval.dialog.approve.description", "Approving publishes the agent's draft and makes it ACTIVE immediately."),
+			confirm: a("botlit.agentApproval.dialog.approve.confirm", "Approve")
 		},
 		reject: {
-			title: o("botlit.agentApproval.dialog.reject.title", "Reject activation"),
-			description: o("botlit.agentApproval.dialog.reject.description", "Tell the requester what needs to change. The agent stays as it is."),
-			confirm: o("botlit.agentApproval.dialog.reject.confirm", "Reject")
+			title: a("botlit.agentApproval.dialog.reject.title", "Reject activation"),
+			description: a("botlit.agentApproval.dialog.reject.description", "Tell the requester what needs to change. The agent stays as it is."),
+			confirm: a("botlit.agentApproval.dialog.reject.confirm", "Reject")
 		}
 	}, d = t ? u[t] : null;
 	return /* @__PURE__ */ w(g, {
@@ -43,20 +43,20 @@ var N = ({ kind: t, loading: n, onClose: r, onConfirm: i }) => {
 		children: /* @__PURE__ */ T(_, { children: [
 			/* @__PURE__ */ T(b, { children: [/* @__PURE__ */ w(x, { children: d?.title }), /* @__PURE__ */ w(v, { children: d?.description })] }),
 			/* @__PURE__ */ w(S, {
-				"aria-label": t === "request" ? o("botlit.agentApproval.dialog.noteLabel", "Note for the reviewer") : o("botlit.agentApproval.dialog.reasonLabel", "Reason"),
+				"aria-label": t === "request" ? a("botlit.agentApproval.dialog.noteLabel", "Note for the reviewer") : a("botlit.agentApproval.dialog.reasonLabel", "Reason"),
 				value: s,
 				maxLength: 2e3,
 				onChange: (e) => c(e.target.value),
-				placeholder: t === "request" ? o("botlit.agentApproval.dialog.notePlaceholder", "What changed and why (optional)") : l ? o("botlit.agentApproval.dialog.reasonRequiredPlaceholder", "Reason (required)") : o("botlit.agentApproval.dialog.reasonPlaceholder", "Reason (optional)"),
+				placeholder: t === "request" ? a("botlit.agentApproval.dialog.notePlaceholder", "What changed and why (optional)") : l ? a("botlit.agentApproval.dialog.reasonRequiredPlaceholder", "Reason (required)") : a("botlit.agentApproval.dialog.reasonPlaceholder", "Reason (optional)"),
 				rows: 4
 			}),
-			/* @__PURE__ */ T(y, { children: [/* @__PURE__ */ w(a, {
+			/* @__PURE__ */ T(y, { children: [/* @__PURE__ */ w(o, {
 				variant: "outline",
 				onClick: () => {
 					c(""), r();
 				},
-				children: o("botlit.common.cancel", "Cancel")
-			}), /* @__PURE__ */ w(a, {
+				children: a("botlit.common.cancel", "Cancel")
+			}), /* @__PURE__ */ w(o, {
 				variant: t === "reject" ? "destructive" : "default",
 				isLoading: n,
 				disabled: l && s.trim().length === 0,
@@ -68,7 +68,7 @@ var N = ({ kind: t, loading: n, onClose: r, onConfirm: i }) => {
 		] })
 	});
 }, P = ({ agentId: g, agentStatus: _, onChanged: v }) => {
-	let y = e(), { currentUser: b } = t(), x = m(), S = p({ agentId: g }), { run: P, pending: F } = f(), [I, L] = h(null), R = x.data?.requireActivationApproval === !0, z = S.data.find((e) => e.status === "PENDING") ?? null, B = S.data.filter((e) => e.status !== "PENDING").slice(0, 10), V = z !== null && z.requestedById === b?.id, H = (e) => e && e === b?.id ? y("botlit.agentApproval.you", "you") : e ?? "—", U = async (e) => {
+	let y = e(), { currentUser: b } = p(), x = f(), S = d({ agentId: g }), { run: P, pending: F } = u(), [I, L] = h(null), R = x.data?.requireActivationApproval === !0, z = S.data.find((e) => e.status === "PENDING") ?? null, B = S.data.filter((e) => e.status !== "PENDING").slice(0, 10), V = z !== null && z.requestedById === b?.id, H = (e) => e && e === b?.id ? y("botlit.agentApproval.you", "you") : e ?? "—", U = async (e) => {
 		if (I) try {
 			I.kind === "request" ? (await P({
 				kind: "request",
@@ -96,31 +96,31 @@ var N = ({ kind: t, loading: n, onClose: r, onConfirm: i }) => {
 			j.error(e instanceof Error ? e.message : y("botlit.agentApproval.toast.error", "Approval action failed"));
 		}
 	};
-	return /* @__PURE__ */ T(o, {
+	return /* @__PURE__ */ T(t, {
 		"data-testid": "agent-approval-panel",
 		children: [
-			/* @__PURE__ */ T(l, {
+			/* @__PURE__ */ T(i, {
 				className: "flex flex-row items-start justify-between gap-4",
-				children: [/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ T(u, {
+				children: [/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ T(a, {
 					className: "flex items-center gap-2",
 					children: [
 						/* @__PURE__ */ w(k, { size: 18 }),
 						y("botlit.agentApproval.title", "Activation approval"),
-						/* @__PURE__ */ w(d, {
+						/* @__PURE__ */ w(l, {
 							variant: R ? "warning" : "outline",
 							children: R ? y("botlit.agentApproval.required", "Required in this workspace") : y("botlit.agentApproval.optional", "Optional")
 						})
 					]
-				}), /* @__PURE__ */ w(c, { children: R ? y("botlit.agentApproval.descriptionRequired", "This workspace requires a reviewer to approve an agent before it goes live or before a new version is published.") : y("botlit.agentApproval.descriptionOptional", "You can ask a reviewer to check this agent before it goes live. A workspace admin can make review mandatory on the Approvals page.") })] }), !z && _ !== "ARCHIVED" && /* @__PURE__ */ w(i, {
-					permission: r.AGENT_UPDATE,
-					children: /* @__PURE__ */ w(a, {
+				}), /* @__PURE__ */ w(r, { children: R ? y("botlit.agentApproval.descriptionRequired", "This workspace requires a reviewer to approve an agent before it goes live or before a new version is published.") : y("botlit.agentApproval.descriptionOptional", "You can ask a reviewer to check this agent before it goes live. A workspace admin can make review mandatory on the Approvals page.") })] }), !z && _ !== "ARCHIVED" && /* @__PURE__ */ w(c, {
+					permission: s.AGENT_UPDATE,
+					children: /* @__PURE__ */ w(o, {
 						leftIcon: /* @__PURE__ */ w(O, { size: 16 }),
 						onClick: () => L({ kind: "request" }),
 						children: y("botlit.agentApproval.requestAction", "Request activation")
 					})
 				})]
 			}),
-			/* @__PURE__ */ T(s, {
+			/* @__PURE__ */ T(n, {
 				className: "space-y-4",
 				children: [
 					S.loading && S.data.length === 0 ? /* @__PURE__ */ w("div", { className: "h-20 bg-bg-sunken motion-safe:animate-vc-shimmer rounded-lg" }) : null,
@@ -130,7 +130,7 @@ var N = ({ kind: t, loading: n, onClose: r, onConfirm: i }) => {
 						children: [
 							/* @__PURE__ */ T("div", {
 								className: "flex items-center gap-2 flex-wrap",
-								children: [/* @__PURE__ */ w(d, {
+								children: [/* @__PURE__ */ w(l, {
 									variant: "warning",
 									children: z.status
 								}), /* @__PURE__ */ T("span", {
@@ -140,7 +140,7 @@ var N = ({ kind: t, loading: n, onClose: r, onConfirm: i }) => {
 										" ",
 										H(z.requestedById),
 										" ",
-										n(z.createdAt)
+										m(z.createdAt)
 									]
 								})]
 							}),
@@ -154,25 +154,25 @@ var N = ({ kind: t, loading: n, onClose: r, onConfirm: i }) => {
 							}),
 							/* @__PURE__ */ w("div", {
 								className: "flex gap-2 flex-wrap",
-								children: V ? /* @__PURE__ */ T(C, { children: [/* @__PURE__ */ w(i, {
-									permission: r.AGENT_UPDATE,
-									children: /* @__PURE__ */ w(a, {
+								children: V ? /* @__PURE__ */ T(C, { children: [/* @__PURE__ */ w(c, {
+									permission: s.AGENT_UPDATE,
+									children: /* @__PURE__ */ w(o, {
 										variant: "outline",
 										size: "sm",
 										isLoading: F === "cancel",
 										onClick: () => void W(z),
 										children: y("botlit.agentApproval.cancelAction", "Cancel request")
 									})
-								}), z.isStale && /* @__PURE__ */ w(i, {
-									permission: r.AGENT_UPDATE,
-									children: /* @__PURE__ */ w(a, {
+								}), z.isStale && /* @__PURE__ */ w(c, {
+									permission: s.AGENT_UPDATE,
+									children: /* @__PURE__ */ w(o, {
 										size: "sm",
 										onClick: () => L({ kind: "request" }),
 										children: y("botlit.agentApproval.resubmitAction", "Submit new request")
 									})
-								})] }) : /* @__PURE__ */ T(C, { children: [/* @__PURE__ */ w(i, {
-									permission: r.AGENT_APPROVE,
-									children: /* @__PURE__ */ w(a, {
+								})] }) : /* @__PURE__ */ T(C, { children: [/* @__PURE__ */ w(c, {
+									permission: s.AGENT_APPROVE,
+									children: /* @__PURE__ */ w(o, {
 										size: "sm",
 										leftIcon: /* @__PURE__ */ w(D, { size: 14 }),
 										disabled: z.isStale,
@@ -182,9 +182,9 @@ var N = ({ kind: t, loading: n, onClose: r, onConfirm: i }) => {
 										}),
 										children: y("botlit.agentApproval.approveAction", "Approve")
 									})
-								}), /* @__PURE__ */ w(i, {
-									permission: r.AGENT_APPROVE,
-									children: /* @__PURE__ */ w(a, {
+								}), /* @__PURE__ */ w(c, {
+									permission: s.AGENT_APPROVE,
+									children: /* @__PURE__ */ w(o, {
 										size: "sm",
 										variant: "destructive",
 										leftIcon: /* @__PURE__ */ w(A, { size: 14 }),
@@ -210,7 +210,7 @@ var N = ({ kind: t, loading: n, onClose: r, onConfirm: i }) => {
 								className: "p-3 border border-border-subtle rounded-lg text-sm space-y-1",
 								children: [/* @__PURE__ */ T("div", {
 									className: "flex items-center gap-2 flex-wrap",
-									children: [/* @__PURE__ */ w(d, {
+									children: [/* @__PURE__ */ w(l, {
 										variant: M(e.status),
 										children: e.status
 									}), /* @__PURE__ */ T("span", {
@@ -220,7 +220,7 @@ var N = ({ kind: t, loading: n, onClose: r, onConfirm: i }) => {
 											" ",
 											H(e.reviewerId),
 											" ",
-											e.decidedAt ? n(e.decidedAt) : ""
+											e.decidedAt ? m(e.decidedAt) : ""
 										]
 									})]
 								}), e.decisionReason && /* @__PURE__ */ w("p", {
@@ -245,7 +245,6 @@ var N = ({ kind: t, loading: n, onClose: r, onConfirm: i }) => {
 		]
 	});
 };
-//#endregion
 export { P as AgentApprovalPanel, N as ApprovalDecisionDialog, M as approvalStatusVariant };
 
 //# sourceMappingURL=AgentApprovalPanel.js.map

package/dist/botlit/components/AgentApprovalPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"AgentApprovalPanel.js","names":[],"sources":["../../../src/botlit/components/AgentApprovalPanel.tsx"],"sourcesContent":["/**\n * Agent Activation Approval Panel (BOFF-9682)\n * @module botlit/components\n *\n * Reviewer gate on the agent detail page. Builders request activation (the\n * request pins the agent's current config); reviewers with\n * `botmanor-agent:approve` approve it, which publishes the draft and takes the\n * agent live, or reject it with a reason. The requester cannot decide their\n * own request, and a request whose agent changed afterwards is flagged stale\n * and cannot be approved.\n */\n\nimport { useState, type FC } from 'react';\nimport { AlertTriangle, CheckCircle2, ShieldCheck, Send, XCircle } from 'lucide-react';\nimport { toast } from 'sonner';\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n  Textarea,\n} from '@burdenoff/fe-libs/ui';\nimport { useTr } from '../../shared/hooks/useTr';\nimport { Card, CardContent, CardDescription, CardHeader, CardTitle } from './Card';\nimport { Button } from './Button';\nimport { Badge } from './Badge';\nimport {\n  useAgentApprovalActions,\n  useAgentApprovalRequests,\n  useAgentApprovalSettings,\n  type AgentApprovalRequestRecord,\n  type AgentApprovalStatus,\n} from '../hooks/useAgentApprovals';\nimport { useBotlit } from '../providers/BotlitProvider';\nimport { formatRelativeTime } from '../utils/formatters';\nimport { BOTMANOR_PERMISSIONS, BotmanorPermissionGate } from '../permissions';\n\nexport function approvalStatusVariant(\n  status: AgentApprovalStatus\n): 'warning' | 'success' | 'destructive' | 'outline' {\n  if (status === 'PENDING') return 'warning';\n  if (status === 'APPROVED') return 'success';\n  if (status === 'REJECTED') return 'destructive';\n  return 'outline';\n}\n\ntype DecisionKind = 'request' | 'approve' | 'reject';\n\ninterface DecisionDialogProps {\n  kind: DecisionKind | null;\n  loading: boolean;\n  onClose: () => void;\n  onConfirm: (text: string) => Promise<void>;\n}\n\n/** Note / reason dialog shared by the detail panel and the approvals page. */\nexport const ApprovalDecisionDialog: FC<DecisionDialogProps> = ({\n  kind,\n  loading,\n  onClose,\n  onConfirm,\n}) => {\n  const t = useTr();\n  const [text, setText] = useState('');\n  const reasonRequired = kind === 'reject';\n\n  const copy: Record<DecisionKind, { title: string; description: string; confirm: string }> = {\n    request: {\n      title: t('botlit.agentApproval.dialog.request.title', 'Request activation'),\n      description: t(\n        'botlit.agentApproval.dialog.request.description',\n        \"A reviewer will check the agent's current prompt, model, tools and limits before it goes live. Changing the agent afterwards makes this request stale.\"\n      ),\n      confirm: t('botlit.agentApproval.dialog.request.confirm', 'Submit for review'),\n    },\n    approve: {\n      title: t('botlit.agentApproval.dialog.approve.title', 'Approve and go live'),\n      description: t(\n        'botlit.agentApproval.dialog.approve.description',\n        \"Approving publishes the agent's draft and makes it ACTIVE immediately.\"\n      ),\n      confirm: t('botlit.agentApproval.dialog.approve.confirm', 'Approve'),\n    },\n    reject: {\n      title: t('botlit.agentApproval.dialog.reject.title', 'Reject activation'),\n      description: t(\n        'botlit.agentApproval.dialog.reject.description',\n        'Tell the requester what needs to change. The agent stays as it is.'\n      ),\n      confirm: t('botlit.agentApproval.dialog.reject.confirm', 'Reject'),\n    },\n  };\n  const current = kind ? copy[kind] : null;\n\n  return (\n    <Dialog\n      open={kind !== null}\n      onOpenChange={(open) => {\n        if (!open) {\n          setText('');\n          onClose();\n        }\n      }}\n    >\n      <DialogContent>\n        <DialogHeader>\n          <DialogTitle>{current?.title}</DialogTitle>\n          <DialogDescription>{current?.description}</DialogDescription>\n        </DialogHeader>\n        <Textarea\n          aria-label={\n            kind === 'request'\n              ? t('botlit.agentApproval.dialog.noteLabel', 'Note for the reviewer')\n              : t('botlit.agentApproval.dialog.reasonLabel', 'Reason')\n          }\n          value={text}\n          maxLength={2000}\n          onChange={(event) => setText(event.target.value)}\n          placeholder={\n            kind === 'request'\n              ? t('botlit.agentApproval.dialog.notePlaceholder', 'What changed and why (optional)')\n              : reasonRequired\n                ? t('botlit.agentApproval.dialog.reasonRequiredPlaceholder', 'Reason (required)')\n                : t('botlit.agentApproval.dialog.reasonPlaceholder', 'Reason (optional)')\n          }\n          rows={4}\n        />\n        <DialogFooter>\n          <Button\n            variant=\"outline\"\n            onClick={() => {\n              setText('');\n              onClose();\n            }}\n          >\n            {t('botlit.common.cancel', 'Cancel')}\n          </Button>\n          <Button\n            variant={kind === 'reject' ? 'destructive' : 'default'}\n            isLoading={loading}\n            disabled={reasonRequired && text.trim().length === 0}\n            onClick={async () => {\n              await onConfirm(text);\n              setText('');\n            }}\n          >\n            {current?.confirm}\n          </Button>\n        </DialogFooter>\n      </DialogContent>\n    </Dialog>\n  );\n};\n\ninterface AgentApprovalPanelProps {\n  agentId: string;\n  agentStatus: string;\n  /** Called after a decision that changes the agent so the page can refetch it. */\n  onChanged?: () => void;\n}\n\nexport const AgentApprovalPanel: FC<AgentApprovalPanelProps> = ({\n  agentId,\n  agentStatus,\n  onChanged,\n}) => {\n  const t = useTr();\n  const { currentUser } = useBotlit();\n  const settings = useAgentApprovalSettings();\n  const requests = useAgentApprovalRequests({ agentId });\n  const { run, pending } = useAgentApprovalActions();\n  const [dialog, setDialog] = useState<{\n    kind: DecisionKind;\n    request?: AgentApprovalRequestRecord;\n  } | null>(null);\n\n  const required = settings.data?.requireActivationApproval === true;\n  const open = requests.data.find((request) => request.status === 'PENDING') ?? null;\n  const history = requests.data.filter((request) => request.status !== 'PENDING').slice(0, 10);\n  const isRequester = open !== null && open.requestedById === currentUser?.id;\n\n  const who = (id?: string | null): string =>\n    id && id === currentUser?.id ? t('botlit.agentApproval.you', 'you') : (id ?? '—');\n\n  const confirm = async (text: string): Promise<void> => {\n    if (!dialog) return;\n    try {\n      if (dialog.kind === 'request') {\n        await run({ kind: 'request', agentId, note: text });\n        toast.success(t('botlit.agentApproval.toast.requested', 'Activation requested'));\n      } else if (dialog.kind === 'approve' && dialog.request) {\n        await run({ kind: 'approve', id: dialog.request.id, reason: text });\n        toast.success(t('botlit.agentApproval.toast.approved', 'Approved — the agent is live'));\n        onChanged?.();\n      } else if (dialog.kind === 'reject' && dialog.request) {\n        await run({ kind: 'reject', id: dialog.request.id, reason: text });\n        toast.success(t('botlit.agentApproval.toast.rejected', 'Activation rejected'));\n      }\n      setDialog(null);\n      await requests.refetch();\n    } catch (err: unknown) {\n      toast.error(\n        err instanceof Error\n          ? err.message\n          : t('botlit.agentApproval.toast.error', 'Approval action failed')\n      );\n    }\n  };\n\n  const cancel = async (request: AgentApprovalRequestRecord): Promise<void> => {\n    try {\n      await run({ kind: 'cancel', id: request.id });\n      toast.success(t('botlit.agentApproval.toast.cancelled', 'Request cancelled'));\n      await requests.refetch();\n    } catch (err: unknown) {\n      toast.error(\n        err instanceof Error\n          ? err.message\n          : t('botlit.agentApproval.toast.error', 'Approval action failed')\n      );\n    }\n  };\n\n  return (\n    <Card data-testid=\"agent-approval-panel\">\n      <CardHeader className=\"flex flex-row items-start justify-between gap-4\">\n        <div>\n          <CardTitle className=\"flex items-center gap-2\">\n            <ShieldCheck size={18} />\n            {t('botlit.agentApproval.title', 'Activation approval')}\n            <Badge variant={required ? 'warning' : 'outline'}>\n              {required\n                ? t('botlit.agentApproval.required', 'Required in this workspace')\n                : t('botlit.agentApproval.optional', 'Optional')}\n            </Badge>\n          </CardTitle>\n          <CardDescription>\n            {required\n              ? t(\n                  'botlit.agentApproval.descriptionRequired',\n                  'This workspace requires a reviewer to approve an agent before it goes live or before a new version is published.'\n                )\n              : t(\n                  'botlit.agentApproval.descriptionOptional',\n                  'You can ask a reviewer to check this agent before it goes live. A workspace admin can make review mandatory on the Approvals page.'\n                )}\n          </CardDescription>\n        </div>\n        {!open && agentStatus !== 'ARCHIVED' && (\n          <BotmanorPermissionGate permission={BOTMANOR_PERMISSIONS.AGENT_UPDATE}>\n            <Button leftIcon={<Send size={16} />} onClick={() => setDialog({ kind: 'request' })}>\n              {t('botlit.agentApproval.requestAction', 'Request activation')}\n            </Button>\n          </BotmanorPermissionGate>\n        )}\n      </CardHeader>\n      <CardContent className=\"space-y-4\">\n        {requests.loading && requests.data.length === 0 ? (\n          <div className=\"h-20 bg-bg-sunken motion-safe:animate-vc-shimmer rounded-lg\" />\n        ) : null}\n\n        {open && (\n          <div\n            className=\"p-4 border border-status-warning-border bg-bg-sunken rounded-lg space-y-2\"\n            data-testid=\"agent-approval-pending\"\n          >\n            <div className=\"flex items-center gap-2 flex-wrap\">\n              <Badge variant=\"warning\">{open.status}</Badge>\n              <span className=\"text-sm text-text-secondary\">\n                {t('botlit.agentApproval.requestedBy', 'Requested by')} {who(open.requestedById)}{' '}\n                {formatRelativeTime(open.createdAt)}\n              </span>\n            </div>\n            {open.requestNote && <p className=\"text-sm break-words\">{open.requestNote}</p>}\n            {open.isStale && (\n              <p className=\"flex items-center gap-2 text-sm text-status-warning-text\">\n                <AlertTriangle size={14} />\n                {t(\n                  'botlit.agentApproval.stale',\n                  'The agent changed after this request. Submit a new request so the reviewer sees the current configuration.'\n                )}\n              </p>\n            )}\n            <div className=\"flex gap-2 flex-wrap\">\n              {isRequester ? (\n                <>\n                  <BotmanorPermissionGate permission={BOTMANOR_PERMISSIONS.AGENT_UPDATE}>\n                    <Button\n                      variant=\"outline\"\n                      size=\"sm\"\n                      isLoading={pending === 'cancel'}\n                      onClick={() => void cancel(open)}\n                    >\n                      {t('botlit.agentApproval.cancelAction', 'Cancel request')}\n                    </Button>\n                  </BotmanorPermissionGate>\n                  {open.isStale && (\n                    <BotmanorPermissionGate permission={BOTMANOR_PERMISSIONS.AGENT_UPDATE}>\n                      <Button size=\"sm\" onClick={() => setDialog({ kind: 'request' })}>\n                        {t('botlit.agentApproval.resubmitAction', 'Submit new request')}\n                      </Button>\n                    </BotmanorPermissionGate>\n                  )}\n                </>\n              ) : (\n                <>\n                  <BotmanorPermissionGate permission={BOTMANOR_PERMISSIONS.AGENT_APPROVE}>\n                    <Button\n                      size=\"sm\"\n                      leftIcon={<CheckCircle2 size={14} />}\n                      disabled={open.isStale}\n                      onClick={() => setDialog({ kind: 'approve', request: open })}\n                    >\n                      {t('botlit.agentApproval.approveAction', 'Approve')}\n                    </Button>\n                  </BotmanorPermissionGate>\n                  <BotmanorPermissionGate permission={BOTMANOR_PERMISSIONS.AGENT_APPROVE}>\n                    <Button\n                      size=\"sm\"\n                      variant=\"destructive\"\n                      leftIcon={<XCircle size={14} />}\n                      onClick={() => setDialog({ kind: 'reject', request: open })}\n                    >\n                      {t('botlit.agentApproval.rejectAction', 'Reject')}\n                    </Button>\n                  </BotmanorPermissionGate>\n                </>\n              )}\n            </div>\n          </div>\n        )}\n\n        {history.length > 0 && (\n          <div className=\"space-y-2\">\n            <p className=\"text-sm font-medium\">\n              {t('botlit.agentApproval.history', 'Decision history')}\n            </p>\n            <ul className=\"space-y-2\" data-testid=\"agent-approval-history\">\n              {history.map((request) => (\n                <li\n                  key={request.id}\n                  className=\"p-3 border border-border-subtle rounded-lg text-sm space-y-1\"\n                >\n                  <div className=\"flex items-center gap-2 flex-wrap\">\n                    <Badge variant={approvalStatusVariant(request.status)}>{request.status}</Badge>\n                    <span className=\"text-text-secondary\">\n                      {t('botlit.agentApproval.decidedBy', 'by')} {who(request.reviewerId)}{' '}\n                      {request.decidedAt ? formatRelativeTime(request.decidedAt) : ''}\n                    </span>\n                  </div>\n                  {request.decisionReason && (\n                    <p className=\"break-words\">{request.decisionReason}</p>\n                  )}\n                </li>\n              ))}\n            </ul>\n          </div>\n        )}\n\n        {!open && history.length === 0 && !requests.loading && (\n          <p className=\"text-sm text-text-secondary\">\n            {t('botlit.agentApproval.empty', 'No activation requests for this agent yet.')}\n          </p>\n        )}\n      </CardContent>\n\n      <ApprovalDecisionDialog\n        kind={dialog?.kind ?? null}\n        loading={pending !== null}\n        onClose={() => setDialog(null)}\n        onConfirm={confirm}\n      />\n    </Card>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"AgentApprovalPanel.js","names":["_Fragment","approvalStatusVariant","status","ApprovalDecisionDialog","t","useTr","text","setText","useState","reasonRequired","kind","copy","current","Dialog","open","onClose","DialogContent","DialogHeader","DialogTitle","DialogDescription","Textarea","event","DialogFooter","Button","loading","onConfirm","AgentApprovalPanel","useBotlit","settings","useAgentApprovalSettings","requests","useAgentApprovalRequests","useAgentApprovalActions","dialog","setDialog","required","request","history","isRequester","currentUser","who","id","confirm","run","toast","onChanged","err","cancel","Card","CardHeader","CardTitle","ShieldCheck","Badge","CardDescription","agentStatus","BotmanorPermissionGate","BOTMANOR_PERMISSIONS","Send","CardContent","formatRelativeTime","AlertTriangle","Fragment","pending","CheckCircle2","XCircle"],"sources":["../../../src/botlit/components/AgentApprovalPanel.tsx"],"sourcesContent":["/**\n * Agent Activation Approval Panel (BOFF-9682)\n * @module botlit/components\n *\n * Reviewer gate on the agent detail page. Builders request activation (the\n * request pins the agent's current config); reviewers with\n * `botmanor-agent:approve` approve it, which publishes the draft and takes the\n * agent live, or reject it with a reason. The requester cannot decide their\n * own request, and a request whose agent changed afterwards is flagged stale\n * and cannot be approved.\n */\n\nimport { useState, type FC } from 'react';\nimport { AlertTriangle, CheckCircle2, ShieldCheck, Send, XCircle } from 'lucide-react';\nimport { toast } from 'sonner';\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n  Textarea,\n} from '@burdenoff/fe-libs/ui';\nimport { useTr } from '../../shared/hooks/useTr';\nimport { Card, CardContent, CardDescription, CardHeader, CardTitle } from './Card';\nimport { Button } from './Button';\nimport { Badge } from './Badge';\nimport {\n  useAgentApprovalActions,\n  useAgentApprovalRequests,\n  useAgentApprovalSettings,\n  type AgentApprovalRequestRecord,\n  type AgentApprovalStatus,\n} from '../hooks/useAgentApprovals';\nimport { useBotlit } from '../providers/BotlitProvider';\nimport { formatRelativeTime } from '../utils/formatters';\nimport { BOTMANOR_PERMISSIONS, BotmanorPermissionGate } from '../permissions';\n\nexport function approvalStatusVariant(\n  status: AgentApprovalStatus\n): 'warning' | 'success' | 'destructive' | 'outline' {\n  if (status === 'PENDING') return 'warning';\n  if (status === 'APPROVED') return 'success';\n  if (status === 'REJECTED') return 'destructive';\n  return 'outline';\n}\n\ntype DecisionKind = 'request' | 'approve' | 'reject';\n\ninterface DecisionDialogProps {\n  kind: DecisionKind | null;\n  loading: boolean;\n  onClose: () => void;\n  onConfirm: (text: string) => Promise<void>;\n}\n\n/** Note / reason dialog shared by the detail panel and the approvals page. */\nexport const ApprovalDecisionDialog: FC<DecisionDialogProps> = ({\n  kind,\n  loading,\n  onClose,\n  onConfirm,\n}) => {\n  const t = useTr();\n  const [text, setText] = useState('');\n  const reasonRequired = kind === 'reject';\n\n  const copy: Record<DecisionKind, { title: string; description: string; confirm: string }> = {\n    request: {\n      title: t('botlit.agentApproval.dialog.request.title', 'Request activation'),\n      description: t(\n        'botlit.agentApproval.dialog.request.description',\n        \"A reviewer will check the agent's current prompt, model, tools and limits before it goes live. Changing the agent afterwards makes this request stale.\"\n      ),\n      confirm: t('botlit.agentApproval.dialog.request.confirm', 'Submit for review'),\n    },\n    approve: {\n      title: t('botlit.agentApproval.dialog.approve.title', 'Approve and go live'),\n      description: t(\n        'botlit.agentApproval.dialog.approve.description',\n        \"Approving publishes the agent's draft and makes it ACTIVE immediately.\"\n      ),\n      confirm: t('botlit.agentApproval.dialog.approve.confirm', 'Approve'),\n    },\n    reject: {\n      title: t('botlit.agentApproval.dialog.reject.title', 'Reject activation'),\n      description: t(\n        'botlit.agentApproval.dialog.reject.description',\n        'Tell the requester what needs to change. The agent stays as it is.'\n      ),\n      confirm: t('botlit.agentApproval.dialog.reject.confirm', 'Reject'),\n    },\n  };\n  const current = kind ? copy[kind] : null;\n\n  return (\n    <Dialog\n      open={kind !== null}\n      onOpenChange={(open) => {\n        if (!open) {\n          setText('');\n          onClose();\n        }\n      }}\n    >\n      <DialogContent>\n        <DialogHeader>\n          <DialogTitle>{current?.title}</DialogTitle>\n          <DialogDescription>{current?.description}</DialogDescription>\n        </DialogHeader>\n        <Textarea\n          aria-label={\n            kind === 'request'\n              ? t('botlit.agentApproval.dialog.noteLabel', 'Note for the reviewer')\n              : t('botlit.agentApproval.dialog.reasonLabel', 'Reason')\n          }\n          value={text}\n          maxLength={2000}\n          onChange={(event) => setText(event.target.value)}\n          placeholder={\n            kind === 'request'\n              ? t('botlit.agentApproval.dialog.notePlaceholder', 'What changed and why (optional)')\n              : reasonRequired\n                ? t('botlit.agentApproval.dialog.reasonRequiredPlaceholder', 'Reason (required)')\n                : t('botlit.agentApproval.dialog.reasonPlaceholder', 'Reason (optional)')\n          }\n          rows={4}\n        />\n        <DialogFooter>\n          <Button\n            variant=\"outline\"\n            onClick={() => {\n              setText('');\n              onClose();\n            }}\n          >\n            {t('botlit.common.cancel', 'Cancel')}\n          </Button>\n          <Button\n            variant={kind === 'reject' ? 'destructive' : 'default'}\n            isLoading={loading}\n            disabled={reasonRequired && text.trim().length === 0}\n            onClick={async () => {\n              await onConfirm(text);\n              setText('');\n            }}\n          >\n            {current?.confirm}\n          </Button>\n        </DialogFooter>\n      </DialogContent>\n    </Dialog>\n  );\n};\n\ninterface AgentApprovalPanelProps {\n  agentId: string;\n  agentStatus: string;\n  /** Called after a decision that changes the agent so the page can refetch it. */\n  onChanged?: () => void;\n}\n\nexport const AgentApprovalPanel: FC<AgentApprovalPanelProps> = ({\n  agentId,\n  agentStatus,\n  onChanged,\n}) => {\n  const t = useTr();\n  const { currentUser } = useBotlit();\n  const settings = useAgentApprovalSettings();\n  const requests = useAgentApprovalRequests({ agentId });\n  const { run, pending } = useAgentApprovalActions();\n  const [dialog, setDialog] = useState<{\n    kind: DecisionKind;\n    request?: AgentApprovalRequestRecord;\n  } | null>(null);\n\n  const required = settings.data?.requireActivationApproval === true;\n  const open = requests.data.find((request) => request.status === 'PENDING') ?? null;\n  const history = requests.data.filter((request) => request.status !== 'PENDING').slice(0, 10);\n  const isRequester = open !== null && open.requestedById === currentUser?.id;\n\n  const who = (id?: string | null): string =>\n    id && id === currentUser?.id ? t('botlit.agentApproval.you', 'you') : (id ?? '—');\n\n  const confirm = async (text: string): Promise<void> => {\n    if (!dialog) return;\n    try {\n      if (dialog.kind === 'request') {\n        await run({ kind: 'request', agentId, note: text });\n        toast.success(t('botlit.agentApproval.toast.requested', 'Activation requested'));\n      } else if (dialog.kind === 'approve' && dialog.request) {\n        await run({ kind: 'approve', id: dialog.request.id, reason: text });\n        toast.success(t('botlit.agentApproval.toast.approved', 'Approved — the agent is live'));\n        onChanged?.();\n      } else if (dialog.kind === 'reject' && dialog.request) {\n        await run({ kind: 'reject', id: dialog.request.id, reason: text });\n        toast.success(t('botlit.agentApproval.toast.rejected', 'Activation rejected'));\n      }\n      setDialog(null);\n      await requests.refetch();\n    } catch (err: unknown) {\n      toast.error(\n        err instanceof Error\n          ? err.message\n          : t('botlit.agentApproval.toast.error', 'Approval action failed')\n      );\n    }\n  };\n\n  const cancel = async (request: AgentApprovalRequestRecord): Promise<void> => {\n    try {\n      await run({ kind: 'cancel', id: request.id });\n      toast.success(t('botlit.agentApproval.toast.cancelled', 'Request cancelled'));\n      await requests.refetch();\n    } catch (err: unknown) {\n      toast.error(\n        err instanceof Error\n          ? err.message\n          : t('botlit.agentApproval.toast.error', 'Approval action failed')\n      );\n    }\n  };\n\n  return (\n    <Card data-testid=\"agent-approval-panel\">\n      <CardHeader className=\"flex flex-row items-start justify-between gap-4\">\n        <div>\n          <CardTitle className=\"flex items-center gap-2\">\n            <ShieldCheck size={18} />\n            {t('botlit.agentApproval.title', 'Activation approval')}\n            <Badge variant={required ? 'warning' : 'outline'}>\n              {required\n                ? t('botlit.agentApproval.required', 'Required in this workspace')\n                : t('botlit.agentApproval.optional', 'Optional')}\n            </Badge>\n          </CardTitle>\n          <CardDescription>\n            {required\n              ? t(\n                  'botlit.agentApproval.descriptionRequired',\n                  'This workspace requires a reviewer to approve an agent before it goes live or before a new version is published.'\n                )\n              : t(\n                  'botlit.agentApproval.descriptionOptional',\n                  'You can ask a reviewer to check this agent before it goes live. A workspace admin can make review mandatory on the Approvals page.'\n                )}\n          </CardDescription>\n        </div>\n        {!open && agentStatus !== 'ARCHIVED' && (\n          <BotmanorPermissionGate permission={BOTMANOR_PERMISSIONS.AGENT_UPDATE}>\n            <Button leftIcon={<Send size={16} />} onClick={() => setDialog({ kind: 'request' })}>\n              {t('botlit.agentApproval.requestAction', 'Request activation')}\n            </Button>\n          </BotmanorPermissionGate>\n        )}\n      </CardHeader>\n      <CardContent className=\"space-y-4\">\n        {requests.loading && requests.data.length === 0 ? (\n          <div className=\"h-20 bg-bg-sunken motion-safe:animate-vc-shimmer rounded-lg\" />\n        ) : null}\n\n        {open && (\n          <div\n            className=\"p-4 border border-status-warning-border bg-bg-sunken rounded-lg space-y-2\"\n            data-testid=\"agent-approval-pending\"\n          >\n            <div className=\"flex items-center gap-2 flex-wrap\">\n              <Badge variant=\"warning\">{open.status}</Badge>\n              <span className=\"text-sm text-text-secondary\">\n                {t('botlit.agentApproval.requestedBy', 'Requested by')} {who(open.requestedById)}{' '}\n                {formatRelativeTime(open.createdAt)}\n              </span>\n            </div>\n            {open.requestNote && <p className=\"text-sm break-words\">{open.requestNote}</p>}\n            {open.isStale && (\n              <p className=\"flex items-center gap-2 text-sm text-status-warning-text\">\n                <AlertTriangle size={14} />\n                {t(\n                  'botlit.agentApproval.stale',\n                  'The agent changed after this request. Submit a new request so the reviewer sees the current configuration.'\n                )}\n              </p>\n            )}\n            <div className=\"flex gap-2 flex-wrap\">\n              {isRequester ? (\n                <>\n                  <BotmanorPermissionGate permission={BOTMANOR_PERMISSIONS.AGENT_UPDATE}>\n                    <Button\n                      variant=\"outline\"\n                      size=\"sm\"\n                      isLoading={pending === 'cancel'}\n                      onClick={() => void cancel(open)}\n                    >\n                      {t('botlit.agentApproval.cancelAction', 'Cancel request')}\n                    </Button>\n                  </BotmanorPermissionGate>\n                  {open.isStale && (\n                    <BotmanorPermissionGate permission={BOTMANOR_PERMISSIONS.AGENT_UPDATE}>\n                      <Button size=\"sm\" onClick={() => setDialog({ kind: 'request' })}>\n                        {t('botlit.agentApproval.resubmitAction', 'Submit new request')}\n                      </Button>\n                    </BotmanorPermissionGate>\n                  )}\n                </>\n              ) : (\n                <>\n                  <BotmanorPermissionGate permission={BOTMANOR_PERMISSIONS.AGENT_APPROVE}>\n                    <Button\n                      size=\"sm\"\n                      leftIcon={<CheckCircle2 size={14} />}\n                      disabled={open.isStale}\n                      onClick={() => setDialog({ kind: 'approve', request: open })}\n                    >\n                      {t('botlit.agentApproval.approveAction', 'Approve')}\n                    </Button>\n                  </BotmanorPermissionGate>\n                  <BotmanorPermissionGate permission={BOTMANOR_PERMISSIONS.AGENT_APPROVE}>\n                    <Button\n                      size=\"sm\"\n                      variant=\"destructive\"\n                      leftIcon={<XCircle size={14} />}\n                      onClick={() => setDialog({ kind: 'reject', request: open })}\n                    >\n                      {t('botlit.agentApproval.rejectAction', 'Reject')}\n                    </Button>\n                  </BotmanorPermissionGate>\n                </>\n              )}\n            </div>\n          </div>\n        )}\n\n        {history.length > 0 && (\n          <div className=\"space-y-2\">\n            <p className=\"text-sm font-medium\">\n              {t('botlit.agentApproval.history', 'Decision history')}\n            </p>\n            <ul className=\"space-y-2\" data-testid=\"agent-approval-history\">\n              {history.map((request) => (\n                <li\n                  key={request.id}\n                  className=\"p-3 border border-border-subtle rounded-lg text-sm space-y-1\"\n                >\n                  <div className=\"flex items-center gap-2 flex-wrap\">\n                    <Badge variant={approvalStatusVariant(request.status)}>{request.status}</Badge>\n                    <span className=\"text-text-secondary\">\n                      {t('botlit.agentApproval.decidedBy', 'by')} {who(request.reviewerId)}{' '}\n                      {request.decidedAt ? formatRelativeTime(request.decidedAt) : ''}\n                    </span>\n                  </div>\n                  {request.decisionReason && (\n                    <p className=\"break-words\">{request.decisionReason}</p>\n                  )}\n                </li>\n              ))}\n            </ul>\n          </div>\n        )}\n\n        {!open && history.length === 0 && !requests.loading && (\n          <p className=\"text-sm text-text-secondary\">\n            {t('botlit.agentApproval.empty', 'No activation requests for this agent yet.')}\n          </p>\n        )}\n      </CardContent>\n\n      <ApprovalDecisionDialog\n        kind={dialog?.kind ?? null}\n        loading={pending !== null}\n        onClose={() => setDialog(null)}\n        onConfirm={confirm}\n      />\n    </Card>\n  );\n};\n"],"mappings":"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"}

package/dist/botlit/components/AiOperationsPanel.d.ts

@@ -0,0 +1,14 @@
+import { FC } from 'react';
+import { AiPredictionsFilter } from '../hooks/useAiOperations';
+export interface AiOperationsPanelProps {
+    /** Narrow the feed to one subject (agent detail / bot detail slices). */
+    filter?: AiPredictionsFilter;
+    title?: string;
+    description?: string;
+    className?: string;
+}
+/**
+ * The decision-card feed. Pure presentation over `useAiPredictions` — the
+ * owning page composes it with config and run controls.
+ */
+export declare const AiOperationsPanel: FC<AiOperationsPanelProps>;

package/dist/botlit/components/AiOperationsPanel.js

@@ -0,0 +1,253 @@
+import { PauseBotmanorAgentForSupervisorDocument as e, RebuildKnowledgeBaseIndexForSupervisorDocument as t } from "../../generated/wspace-operations.js";
+import { AiPredictionStatus as n } from "../../generated/wspace-types.js";
+import { useTr as r } from "../../shared/hooks/useTr.js";
+import { cn as i } from "../utils/cn.js";
+import { formatRelativeTime as a } from "../utils/formatters.js";
+import { Badge as o } from "./Badge.js";
+import { Button as s } from "./Button.js";
+import { Card as c } from "./Card.js";
+import { EmptyState as l } from "./EmptyState.js";
+import { ErrorState as u } from "./ErrorState.js";
+import { useWorkspaceClient as d } from "../hooks/internal/workspaceGateway.js";
+import { predictionSeverity as f, predictionSubjectName as p, useAiPredictions as m, useSetAiPredictionStatus as h } from "../hooks/useAiOperations.js";
+import { useCallback as g, useMemo as _, useState as v } from "react";
+import { AlertDialog as y, AlertDialogAction as b, AlertDialogCancel as x, AlertDialogContent as S, AlertDialogDescription as C, AlertDialogFooter as w, AlertDialogHeader as T, AlertDialogTitle as E } from "@burdenoff/fe-libs/ui";
+import { jsx as D, jsxs as O } from "react/jsx-runtime";
+import { useNavigate as k } from "react-router";
+import { Check as A, ShieldAlert as j, X as M } from "lucide-react";
+// src/botlit/components/AiOperationsPanel.tsx
+var N = {
+	CRITICAL: "destructive",
+	WARNING: "warning",
+	INFO: "secondary"
+}, P = {
+	CRITICAL: "botlit.aiOperations.severity.critical",
+	WARNING: "botlit.aiOperations.severity.warning",
+	INFO: "botlit.aiOperations.severity.info"
+}, F = {
+	failure_rate_regression: "botlit.aiOperations.type.failureRateRegression",
+	grounding_decay: "botlit.aiOperations.type.groundingDecay",
+	cost_anomaly: "botlit.aiOperations.type.costAnomaly",
+	latency_drift: "botlit.aiOperations.type.latencyDrift",
+	stalled_index: "botlit.aiOperations.type.stalledIndex",
+	idle_agent: "botlit.aiOperations.type.idleAgent",
+	stale_knowledge: "botlit.aiOperations.type.staleKnowledge"
+};
+function I(e, t) {
+	switch (e.predictionType) {
+		case "stalled_index": return e.subjectType !== "KNOWLEDGE_BASE" || !e.subjectId ? null : {
+			kind: "rebuild-index",
+			confirmTitle: t("botlit.aiOperations.confirm.rebuildTitle", "Rebuild the knowledge base index?"),
+			confirmBody: t("botlit.aiOperations.confirm.rebuildBody", "This rebuilds the index for this knowledge base so agents can retrieve from it again. The finding is marked accepted afterwards.")
+		};
+		case "failure_rate_regression":
+		case "idle_agent": return e.subjectType !== "AGENT" || !e.subjectId ? null : {
+			kind: "pause-agent",
+			confirmTitle: t("botlit.aiOperations.confirm.pauseTitle", "Pause this agent?"),
+			confirmBody: t("botlit.aiOperations.confirm.pauseBody", "The agent stops answering until a workspace member reactivates it. The finding is marked accepted afterwards.")
+		};
+		default: return null;
+	}
+}
+function L(e) {
+	if (!e.subjectId) return null;
+	switch (e.subjectType) {
+		case "AGENT": return `/agents/${e.subjectId}`;
+		case "APP": return `/bots/${e.subjectId}`;
+		case "KNOWLEDGE_BASE": return `/knowledge/${e.subjectId}`;
+		default: return null;
+	}
+}
+function R(e) {
+	let t = e.features ?? {}, n = [], r = (e, t) => {
+		typeof t == "number" ? n.push([e, Number.isInteger(t) ? String(t) : t.toFixed(4)]) : typeof t == "string" && t.length > 0 && t.length < 80 && n.push([e, t]);
+	};
+	for (let [e, n] of Object.entries(t).slice(0, 6)) e.endsWith("At") || e === "knowledgeBaseIds" || e === "agentIds" || r(e, n);
+	return n.slice(0, 4);
+}
+var z = ({ record: e, busy: t, onAccept: n, onDismiss: l }) => {
+	let u = r(), d = k(), m = f(e), h = p(e), g = e.status === "GENERATED" ? I(e, u) : null, _ = L(e), v = R(e), y = e.status === "GENERATED";
+	return /* @__PURE__ */ O(c, {
+		className: i("p-5", m === "CRITICAL" && "glow"),
+		"data-testid": "ai-operations-card",
+		children: [
+			/* @__PURE__ */ O("div", {
+				className: "flex items-start justify-between gap-3",
+				children: [/* @__PURE__ */ O("div", {
+					className: "flex items-center gap-2 flex-wrap",
+					children: [
+						/* @__PURE__ */ D(o, {
+							variant: N[m] ?? "secondary",
+							children: u(P[m] ?? P.INFO, m.toLowerCase())
+						}),
+						/* @__PURE__ */ D(o, {
+							variant: "outline",
+							children: u(F[e.predictionType] ?? "botlit.aiOperations.type.unknown", e.predictionType.replace(/_/g, " "))
+						}),
+						/* @__PURE__ */ D("span", {
+							className: "text-sm text-text-secondary",
+							children: u("botlit.aiOperations.onSubject", "on {{name}}", { name: h })
+						})
+					]
+				}), /* @__PURE__ */ D("span", {
+					className: "text-xs text-text-tertiary whitespace-nowrap",
+					children: a(e.generatedAt)
+				})]
+			}),
+			/* @__PURE__ */ D("p", {
+				className: "mt-3 text-sm text-text-primary",
+				children: e.recommendation
+			}),
+			v.length > 0 && /* @__PURE__ */ D("dl", {
+				className: "mt-3 grid grid-cols-2 gap-x-4 gap-y-1 sm:grid-cols-4",
+				children: v.map(([e, t]) => /* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("dt", {
+					className: "text-xs text-text-tertiary",
+					children: e
+				}), /* @__PURE__ */ D("dd", {
+					className: "text-sm text-text-secondary",
+					children: t
+				})] }, e))
+			}),
+			y && /* @__PURE__ */ O("div", {
+				className: "mt-4 flex items-center gap-2",
+				children: [g ? /* @__PURE__ */ O(s, {
+					size: "sm",
+					onClick: () => n(e),
+					disabled: t,
+					children: [/* @__PURE__ */ D(A, { className: "h-4 w-4" }), u("botlit.aiOperations.actions.accept", "Accept")]
+				}) : _ && /* @__PURE__ */ O(s, {
+					size: "sm",
+					variant: "outline",
+					onClick: () => d(_),
+					disabled: t,
+					children: [/* @__PURE__ */ D(A, { className: "h-4 w-4" }), u("botlit.aiOperations.actions.reviewSubject", "Review subject")]
+				}), /* @__PURE__ */ O(s, {
+					size: "sm",
+					variant: "outline",
+					onClick: () => l(e),
+					disabled: t,
+					children: [/* @__PURE__ */ D(M, { className: "h-4 w-4" }), u("botlit.aiOperations.actions.dismiss", "Dismiss")]
+				})]
+			}),
+			!y && /* @__PURE__ */ D("div", {
+				className: "mt-4",
+				children: /* @__PURE__ */ D(o, {
+					variant: e.status === "ACCEPTED" ? "success" : "outline",
+					children: e.status
+				})
+			})
+		]
+	});
+}, B = ({ filter: i, title: a, description: o, className: s }) => {
+	let f = r(), p = d(), { data: k, loading: A, error: M, refetch: N } = m(i), [P, F] = h(), [L, R] = v(null), [B, V] = v(null), H = F.loading, U = g(async (e) => {
+		V(null);
+		try {
+			await P({
+				id: e.id,
+				status: n.Dismissed
+			}), await N();
+		} catch (e) {
+			V(e instanceof Error ? e.message : String(e));
+		}
+	}, [P, N]), W = g(async () => {
+		let r = L;
+		if (!r) return;
+		R(null), V(null);
+		let i = I(r, f);
+		try {
+			i?.kind === "rebuild-index" && r.subjectId ? await p.mutate({
+				mutation: t,
+				variables: { knowledgeBaseId: r.subjectId }
+			}) : i?.kind === "pause-agent" && r.subjectId && await p.mutate({
+				mutation: e,
+				variables: {
+					id: r.subjectId,
+					input: { status: "PAUSED" }
+				}
+			}), await P({
+				id: r.id,
+				status: n.Accepted
+			}), await N();
+		} catch (e) {
+			V(e instanceof Error ? e.message : String(e));
+		}
+	}, [
+		L,
+		p,
+		P,
+		N,
+		f
+	]), G = L ? I(L, f) : null, K = _(() => M ? /* @__PURE__ */ D(u, {
+		resource: f("botlit.aiOperations.errorTitle", "AI operations findings"),
+		error: M,
+		onRetry: () => void N()
+	}) : A && k.length === 0 ? /* @__PURE__ */ D("div", {
+		className: "space-y-3",
+		"aria-busy": "true",
+		children: [
+			0,
+			1,
+			2
+		].map((e) => /* @__PURE__ */ D(c, {
+			className: "p-5 h-28 animate-pulse bg-bg-subtle",
+			children: /* @__PURE__ */ D("span", {
+				className: "sr-only",
+				children: f("botlit.aiOperations.loading", "Loading findings")
+			})
+		}, e))
+	}) : k.length === 0 ? /* @__PURE__ */ D(l, {
+		icon: /* @__PURE__ */ D(j, { className: "h-8 w-8" }),
+		title: f("botlit.aiOperations.emptyTitle", "No findings"),
+		description: f("botlit.aiOperations.emptyDescription", "The supervisor has not flagged anything. Enable the scheduled review to keep it that way.")
+	}) : /* @__PURE__ */ D("div", {
+		className: "space-y-3",
+		"data-testid": "ai-operations-feed",
+		children: k.map((e) => /* @__PURE__ */ D(z, {
+			record: e,
+			busy: H,
+			onAccept: (e) => R(e),
+			onDismiss: (e) => void U(e)
+		}, e.id))
+	}), [
+		M,
+		A,
+		k,
+		H,
+		U,
+		N,
+		f
+	]);
+	return /* @__PURE__ */ O("section", {
+		className: s,
+		"data-testid": "ai-operations-panel",
+		children: [
+			(a || o) && /* @__PURE__ */ O("header", {
+				className: "mb-4",
+				children: [a && /* @__PURE__ */ D("h2", {
+					className: "text-lg font-semibold text-text-primary",
+					children: a
+				}), o && /* @__PURE__ */ D("p", {
+					className: "text-sm text-text-secondary",
+					children: o
+				})]
+			}),
+			B && /* @__PURE__ */ D("p", {
+				className: "mb-3 text-sm text-status-error-text",
+				role: "alert",
+				children: B
+			}),
+			K,
+			/* @__PURE__ */ D(y, {
+				open: L != null,
+				onOpenChange: (e) => !e && R(null),
+				children: /* @__PURE__ */ O(S, { children: [/* @__PURE__ */ O(T, { children: [/* @__PURE__ */ D(E, { children: G?.confirmTitle }), /* @__PURE__ */ D(C, { children: G?.confirmBody })] }), /* @__PURE__ */ O(w, { children: [/* @__PURE__ */ D(x, { children: f("botlit.aiOperations.actions.cancel", "Cancel") }), /* @__PURE__ */ D(b, {
+					onClick: () => void W(),
+					children: f("botlit.aiOperations.actions.confirmAccept", "Confirm")
+				})] })] })
+			})
+		]
+	});
+};
+export { B as AiOperationsPanel };
+
+//# sourceMappingURL=AiOperationsPanel.js.map