@burdenoff/microfe-subscriberbot 2026.801.1 → 2026.829.1

package/dist/subscriberbot/pages/agents/AgentDetailPage.js

@@ -1,25 +1,36 @@
 import { useSubscriberBot as e } from "../../context/SubscriberBotContext.js";
 import { PageLayout as t } from "../../components/PageLayout.js";
 import { MetricsCard as n } from "../../components/MetricsCard.js";
-import { formatEnumLabel as r, formatRelativeTime as i } from "../../utils/formatters.js";
-import { StatusBadge as a } from "../../components/StatusBadge.js";
-import { EmptyState as o } from "../../components/EmptyState.js";
-import { Modal as s } from "../../components/Modal.js";
-import { ErrorView as c, LoadingView as l, Section as u } from "../../components/StateViews.js";
-import { Timeline as d } from "../../components/viz.js";
+import { formatEnumLabel as r, formatNumber as i, formatRelativeTime as a } from "../../utils/formatters.js";
+import { StatusBadge as o } from "../../components/StatusBadge.js";
+import { EmptyState as s } from "../../components/EmptyState.js";
+import { Modal as c } from "../../components/Modal.js";
+import { ErrorView as l, LoadingView as u, Section as d } from "../../components/StateViews.js";
+import { Timeline as f } from "../../components/viz.js";
 import "../../components/index.js";
-import { useAgent as f, useCreatePolicy as p, useSetAgentStatus as m } from "../../hooks/useSubscriberBotApi.js";
-import { useState as h } from "react";
-import { ArrowLeft as g, ArrowLeftRight as _, Bot as v, Building2 as y, Clock as b, ConciergeBell as x, DollarSign as S, Handshake as C, History as w, ListChecks as T, Mail as E, Plus as D, RefreshCw as O, Search as k, ShieldCheck as A, Zap as j } from "lucide-react";
-import { useParams as M } from "react-router";
-import { jsx as N, jsxs as P } from "react/jsx-runtime";
-import { GlassCard as F } from "@burdenoff/fe-libs/ui";
+import { useAgent as p, useCreatePolicy as m, useSetAgentStatus as h } from "../../hooks/useSubscriberBotApi.js";
+import { useTr as g } from "../../hooks/useTr.js";
+import { useState as _ } from "react";
+import { ArrowLeft as v, ArrowLeftRight as y, Bot as b, Building2 as x, Clock as S, ConciergeBell as C, DollarSign as w, Handshake as T, History as E, ListChecks as D, Mail as O, Plus as k, RefreshCw as A, Search as j, ShieldCheck as M, SlidersHorizontal as N, Zap as P } from "lucide-react";
+import { useParams as F } from "react-router";
+import { jsx as I, jsxs as L } from "react/jsx-runtime";
+import { GlassCard as R } from "@burdenoff/fe-libs/ui";
 //#region src/subscriberbot/pages/agents/AgentDetailPage.tsx
-var I = [
+var z = [
 	"DISABLED",
 	"SUGGEST_ONLY",
 	"AUTONOMOUS"
-], L = [
+], B = {
+	DISCOVERY: "agents.kinds.discovery",
+	RENEWAL: "agents.kinds.renewal",
+	COST: "agents.kinds.cost",
+	NEWSLETTER: "agents.kinds.newsletter",
+	VENDOR: "agents.kinds.vendor",
+	COMPLIANCE: "agents.kinds.compliance",
+	NEGOTIATION: "agents.kinds.negotiation",
+	MIGRATION: "agents.kinds.migration",
+	CONCIERGE: "agents.kinds.concierge"
+}, V = [
 	"ALERT",
 	"CREATE_TASK",
 	"RENEW",
@@ -27,18 +38,18 @@ var I = [
 	"PAUSE",
 	"UPGRADE",
 	"DOWNGRADE"
-], R = {
-	DISCOVERY: k,
-	RENEWAL: O,
-	COST: S,
-	NEWSLETTER: E,
-	VENDOR: y,
-	COMPLIANCE: A,
-	NEGOTIATION: C,
-	MIGRATION: _,
-	CONCIERGE: x
+], H = {
+	DISCOVERY: j,
+	RENEWAL: A,
+	COST: w,
+	NEWSLETTER: O,
+	VENDOR: x,
+	COMPLIANCE: M,
+	NEGOTIATION: T,
+	MIGRATION: y,
+	CONCIERGE: C
 };
-function z(e) {
+function U(e) {
 	switch (e) {
 		case "RENEW":
 		case "UPGRADE": return "positive";
@@ -49,397 +60,454 @@ function z(e) {
 		default: return "default";
 	}
 }
-var B = "w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]", V = "mb-1 block text-xs font-medium text-text-secondary";
-function H({ enabled: e }) {
-	return /* @__PURE__ */ P("span", {
+var W = "w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]", G = "mb-1 block text-xs font-medium text-text-secondary";
+function K(e) {
+	let t = e.replace(/([a-z0-9])([A-Z])/g, "$1 $2").replace(/[_-]+/g, " ").trim();
+	return t.charAt(0).toUpperCase() + t.slice(1);
+}
+function q(e) {
+	return e == null ? "—" : typeof e == "string" ? e : typeof e == "number" ? i(e) : typeof e == "boolean" ? e ? "Yes" : "No" : Array.isArray(e) ? e.map(q).join(", ") : JSON.stringify(e);
+}
+function J(e) {
+	return !e || Array.isArray(e) ? [] : Object.entries(e).filter(([, e]) => e != null && e !== "").map(([e, t]) => ({
+		key: e,
+		value: q(t)
+	}));
+}
+function Y({ enabled: e }) {
+	let t = g();
+	return /* @__PURE__ */ L("span", {
 		className: e ? "inline-flex items-center gap-1.5 rounded-full bg-status-success-bg-subtle px-2.5 py-0.5 text-xs font-medium text-status-success-text" : "inline-flex items-center gap-1.5 rounded-full bg-bg-sunken px-2.5 py-0.5 text-xs font-medium text-text-secondary",
-		children: [/* @__PURE__ */ N("span", {
+		children: [/* @__PURE__ */ I("span", {
 			"aria-hidden": !0,
 			className: "size-1.5 rounded-full bg-current",
 			style: { opacity: e ? 1 : .6 }
-		}), e ? "Enabled" : "Disabled"]
+		}), e ? t("agents.detail.enabled", "Enabled") : t("agents.detail.disabled", "Disabled")]
 	});
 }
-function U({ agentId: e, onClose: t }) {
-	let n = p(), [r, i] = h(""), [a, o] = h("ALERT"), [c, l] = h(""), [u, d] = h(""), [f, m] = h(!0), [g, _] = h(null);
-	return /* @__PURE__ */ N(s, {
-		title: "Add policy",
+function X({ agentId: e, onClose: t }) {
+	let n = g(), i = m(), [a, o] = _(""), [s, l] = _("ALERT"), [u, d] = _(""), [f, p] = _(""), [h, v] = _(!0), [y, b] = _(null);
+	return /* @__PURE__ */ I(c, {
+		title: n("agents.policyModal.title", "Add policy"),
 		onClose: t,
 		maxWidthClassName: "max-w-xl",
-		children: /* @__PURE__ */ P("form", {
-			onSubmit: (i) => {
-				if (i.preventDefault(), _(null), !r.trim()) {
-					_("A policy name is required.");
+		children: /* @__PURE__ */ L("form", {
+			onSubmit: (r) => {
+				if (r.preventDefault(), b(null), !a.trim()) {
+					b(n("agents.policyModal.nameRequired", "A policy name is required."));
 					return;
 				}
 				let o;
-				if (u.trim()) try {
-					o = JSON.parse(u);
+				if (f.trim()) try {
+					o = JSON.parse(f);
 				} catch {
-					_("Condition must be valid JSON (e.g. {\"amountOver\": 100}).");
+					b(n("agents.policyModal.conditionInvalid", "Condition must be valid JSON (e.g. {\"amountOver\": 100})."));
 					return;
 				}
-				n.mutate({
+				i.mutate({
 					agentId: e,
-					name: r.trim(),
-					action: a,
-					isEnabled: f,
-					...c.trim() ? { description: c.trim() } : {},
+					name: a.trim(),
+					action: s,
+					isEnabled: h,
+					...u.trim() ? { description: u.trim() } : {},
 					...o ? { condition: o } : {}
 				}, {
 					onSuccess: () => t(),
-					onError: (e) => _(e instanceof Error ? e.message : "Could not add policy.")
+					onError: (e) => b(e instanceof Error ? e.message : n("agents.policyModal.error", "Could not add policy."))
 				});
 			},
 			className: "space-y-4",
 			children: [
-				g && /* @__PURE__ */ N("div", {
+				y && /* @__PURE__ */ I("div", {
 					className: "rounded-lg border border-status-error-text/30 bg-status-error-bg-subtle px-4 py-2 text-sm text-status-error-text",
-					children: g
+					children: y
 				}),
-				/* @__PURE__ */ P("div", { children: [/* @__PURE__ */ P("label", {
+				/* @__PURE__ */ L("div", { children: [/* @__PURE__ */ L("label", {
 					htmlFor: "policy-name",
-					className: V,
-					children: ["Name ", /* @__PURE__ */ N("span", {
-						className: "text-status-error-text",
-						children: "*"
-					})]
-				}), /* @__PURE__ */ N("input", {
+					className: G,
+					children: [
+						n("agents.policyModal.nameLabel", "Name"),
+						" ",
+						/* @__PURE__ */ I("span", {
+							className: "text-status-error-text",
+							children: "*"
+						})
+					]
+				}), /* @__PURE__ */ I("input", {
 					id: "policy-name",
 					type: "text",
-					value: r,
-					onChange: (e) => i(e.target.value),
-					placeholder: "e.g. Alert on price hike over 20%",
-					className: B,
+					value: a,
+					onChange: (e) => o(e.target.value),
+					placeholder: n("agents.policyModal.namePlaceholder", "e.g. Alert on price hike over 20%"),
+					className: W,
 					required: !0
 				})] }),
-				/* @__PURE__ */ P("div", { children: [/* @__PURE__ */ N("label", {
+				/* @__PURE__ */ L("div", { children: [/* @__PURE__ */ I("label", {
 					htmlFor: "policy-action",
-					className: V,
-					children: "Action"
-				}), /* @__PURE__ */ N("select", {
+					className: G,
+					children: n("agents.policyModal.actionLabel", "Action")
+				}), /* @__PURE__ */ I("select", {
 					id: "policy-action",
-					value: a,
-					onChange: (e) => o(e.target.value),
-					className: B,
-					children: L.map((e) => /* @__PURE__ */ N("option", {
+					value: s,
+					onChange: (e) => l(e.target.value),
+					className: W,
+					children: V.map((e) => /* @__PURE__ */ I("option", {
 						value: e,
-						children: e.replace(/_/g, " ")
+						children: r(e)
 					}, e))
 				})] }),
-				/* @__PURE__ */ P("div", { children: [/* @__PURE__ */ P("label", {
+				/* @__PURE__ */ L("div", { children: [/* @__PURE__ */ L("label", {
 					htmlFor: "policy-condition",
-					className: V,
-					children: ["Condition ", /* @__PURE__ */ N("span", {
-						className: "text-text-secondary",
-						children: "(optional JSON)"
-					})]
-				}), /* @__PURE__ */ N("textarea", {
+					className: G,
+					children: [
+						n("agents.policyModal.conditionLabel", "Condition"),
+						" ",
+						/* @__PURE__ */ L("span", {
+							className: "text-text-secondary",
+							children: [
+								"(",
+								n("agents.policyModal.conditionOptional", "optional JSON"),
+								")"
+							]
+						})
+					]
+				}), /* @__PURE__ */ I("textarea", {
 					id: "policy-condition",
-					value: u,
-					onChange: (e) => d(e.target.value),
+					value: f,
+					onChange: (e) => p(e.target.value),
 					rows: 3,
-					placeholder: "{ \"priceIncreasePct\": 20 }",
-					className: `${B} font-mono`
+					placeholder: n("agents.policyModal.conditionPlaceholder", "{ \"priceIncreasePct\": 20 }"),
+					className: `${W} font-mono`
 				})] }),
-				/* @__PURE__ */ P("div", { children: [/* @__PURE__ */ N("label", {
+				/* @__PURE__ */ L("div", { children: [/* @__PURE__ */ I("label", {
 					htmlFor: "policy-desc",
-					className: V,
-					children: "Description"
-				}), /* @__PURE__ */ N("textarea", {
+					className: G,
+					children: n("agents.policyModal.descriptionLabel", "Description")
+				}), /* @__PURE__ */ I("textarea", {
 					id: "policy-desc",
-					value: c,
-					onChange: (e) => l(e.target.value),
+					value: u,
+					onChange: (e) => d(e.target.value),
 					rows: 2,
-					className: B
+					className: W
 				})] }),
-				/* @__PURE__ */ P("label", {
+				/* @__PURE__ */ L("label", {
 					className: "flex items-center gap-2 text-sm text-text-primary",
-					children: [/* @__PURE__ */ N("input", {
+					children: [/* @__PURE__ */ I("input", {
 						type: "checkbox",
-						checked: f,
-						onChange: (e) => m(e.target.checked),
+						checked: h,
+						onChange: (e) => v(e.target.checked),
 						className: "size-4 rounded border-border-subtle"
-					}), "Enabled"]
+					}), n("agents.policyModal.enabled", "Enabled")]
 				}),
-				/* @__PURE__ */ P("div", {
+				/* @__PURE__ */ L("div", {
 					className: "flex justify-end gap-3",
-					children: [/* @__PURE__ */ N("button", {
+					children: [/* @__PURE__ */ I("button", {
 						type: "button",
 						onClick: t,
 						className: "rounded-lg border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken",
-						children: "Cancel"
-					}), /* @__PURE__ */ N("button", {
+						children: n("agents.policyModal.cancel", "Cancel")
+					}), /* @__PURE__ */ I("button", {
 						type: "submit",
-						disabled: n.isPending,
+						disabled: i.isPending,
 						className: "rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:opacity-90 disabled:opacity-50",
-						children: n.isPending ? "Adding…" : "Add policy"
+						children: i.isPending ? n("agents.policyModal.adding", "Adding…") : n("agents.policyModal.submit", "Add policy")
 					})]
 				})
 			]
 		})
 	});
 }
-function W({ policy: e }) {
-	return /* @__PURE__ */ P(F, {
+function Z({ policy: e }) {
+	let t = g(), n = J(e.condition);
+	return /* @__PURE__ */ L(R, {
 		treatment: "metric",
 		className: "flex flex-col p-4",
 		children: [
-			/* @__PURE__ */ P("div", {
+			/* @__PURE__ */ L("div", {
 				className: "flex items-start justify-between gap-2",
-				children: [/* @__PURE__ */ N("p", {
+				children: [/* @__PURE__ */ I("p", {
 					className: "text-sm font-semibold text-text-primary",
 					children: e.name
-				}), /* @__PURE__ */ N(H, { enabled: e.isEnabled })]
+				}), /* @__PURE__ */ I(Y, { enabled: e.isEnabled })]
 			}),
-			/* @__PURE__ */ P("div", {
+			/* @__PURE__ */ L("div", {
 				className: "mt-2 flex flex-wrap items-center gap-2",
-				children: [/* @__PURE__ */ P("span", {
+				children: [/* @__PURE__ */ L("span", {
 					className: "inline-flex items-center gap-1.5 rounded-md bg-[var(--color-accent-soft)] px-2 py-0.5 text-[11px] font-medium text-text-primary",
 					children: [
-						/* @__PURE__ */ N(A, {
+						/* @__PURE__ */ I(M, {
 							className: "h-3 w-3",
 							"aria-hidden": !0
 						}),
 						" ",
 						r(e.action)
 					]
-				}), /* @__PURE__ */ P("span", {
+				}), /* @__PURE__ */ I("span", {
 					className: "inline-flex items-center gap-1 rounded-md bg-bg-sunken px-2 py-0.5 text-[11px] font-medium text-text-secondary tabular-nums",
-					children: [
-						"Triggered ",
-						e.triggerCount,
-						"×"
-					]
+					children: t("agents.detail.triggered", "Triggered {{count}}×", { count: e.triggerCount })
 				})]
 			}),
-			e.description && /* @__PURE__ */ N("p", {
+			e.description && /* @__PURE__ */ I("p", {
 				className: "mt-2 line-clamp-2 text-xs text-text-secondary",
 				children: e.description
 			}),
-			/* @__PURE__ */ P("p", {
+			n.length > 0 && /* @__PURE__ */ L("div", {
+				className: "mt-3 border-t border-border-subtle pt-2.5",
+				children: [/* @__PURE__ */ L("p", {
+					className: "flex items-center gap-1.5 text-[10px] font-medium uppercase tracking-wide text-text-secondary",
+					children: [
+						/* @__PURE__ */ I(N, {
+							className: "h-3 w-3",
+							"aria-hidden": !0
+						}),
+						" ",
+						t("agents.detail.firesWhen", "Fires when")
+					]
+				}), /* @__PURE__ */ I("div", {
+					className: "mt-1.5 flex flex-wrap gap-1.5",
+					children: n.map((e) => /* @__PURE__ */ L("span", {
+						className: "inline-flex items-center gap-1.5 rounded-md border border-border-subtle bg-bg-sunken px-2 py-0.5 text-[11px] text-text-secondary",
+						children: [/* @__PURE__ */ I("span", {
+							className: "font-medium text-text-primary",
+							children: K(e.key)
+						}), /* @__PURE__ */ I("span", {
+							className: "font-mono tabular-nums",
+							children: e.value
+						})]
+					}, e.key))
+				})]
+			}),
+			/* @__PURE__ */ L("p", {
 				className: "mt-2 flex items-center gap-1.5 text-xs text-text-secondary",
-				children: [/* @__PURE__ */ N(b, {
+				children: [/* @__PURE__ */ I(S, {
 					className: "h-3.5 w-3.5",
 					"aria-hidden": !0
-				}), e.lastTriggeredAt ? `Last triggered ${i(e.lastTriggeredAt)}` : "Not yet triggered"]
+				}), e.lastTriggeredAt ? t("agents.detail.triggered", "Triggered {{count}}×", { count: e.triggerCount }) : t("agents.detail.notYetTriggered", "Not yet triggered")]
 			})
 		]
 	});
 }
-function G() {
-	let { id: s } = M(), { navigateTo: p } = e(), { data: _, isLoading: y, isError: x, refetch: S } = f(s), C = m(), [E, O] = h(null), [k, L] = h(!1);
-	if (y) return /* @__PURE__ */ N(t, {
-		title: "Agent",
-		children: /* @__PURE__ */ N(l, { label: "Loading agent…" })
+function Q() {
+	let i = g(), { id: c } = F(), { navigateTo: m } = e(), { data: y, isLoading: x, isError: C, refetch: w } = p(c), T = h(), [O, A] = _(null), [j, N] = _(!1);
+	if (x) return /* @__PURE__ */ I(t, {
+		title: i("agents.detail.loading", "Loading agent…"),
+		children: /* @__PURE__ */ I(u, { label: i("agents.detail.loading", "Loading agent…") })
 	});
-	if (x) return /* @__PURE__ */ N(t, {
-		title: "Agent",
-		children: /* @__PURE__ */ N(c, {
-			message: "Could not load this agent.",
-			onRetry: () => void S()
+	if (C) return /* @__PURE__ */ I(t, {
+		title: i("agents.title", "AI Agents"),
+		children: /* @__PURE__ */ I(l, {
+			message: i("agents.detail.error", "Could not load this agent."),
+			onRetry: () => void w()
 		})
 	});
-	if (!_) return /* @__PURE__ */ N(t, {
-		title: "Agent",
-		children: /* @__PURE__ */ N(o, {
+	if (!y) return /* @__PURE__ */ I(t, {
+		title: i("agents.title", "AI Agents"),
+		children: /* @__PURE__ */ I(s, {
 			illustration: "empty-data",
-			title: "Agent not found",
-			description: "It may have been removed, or you may not have access to it.",
-			action: /* @__PURE__ */ N("button", {
+			title: i("agents.detail.notFoundTitle", "Agent not found"),
+			description: i("agents.detail.notFoundDescription", "It may have been removed, or you may not have access to it."),
+			action: /* @__PURE__ */ I("button", {
 				type: "button",
-				onClick: () => p("/agents"),
+				onClick: () => m("/agents"),
 				className: "rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:opacity-90",
-				children: "Back to agents"
+				children: i("agents.detail.backToAgents", "Back to agents")
 			})
 		})
 	});
-	let B = _, V = R[B.kind] ?? v, H = B.policies ?? [], G = H.filter((e) => e.isEnabled).length, K = H.reduce((e, t) => e + (t.triggerCount || 0), 0), q = [];
-	B.lastRunAt && q.push({
-		ts: new Date(B.lastRunAt).getTime(),
+	let V = y, W = H[V.kind] ?? b, G = V.policies ?? [], K = G.filter((e) => e.isEnabled).length, q = G.reduce((e, t) => e + (t.triggerCount || 0), 0), J = [];
+	V.lastRunAt && J.push({
+		ts: new Date(V.lastRunAt).getTime(),
 		item: {
-			title: "Agent run",
-			sub: "Latest autonomous cycle",
-			meta: i(B.lastRunAt),
+			title: i("agents.detail.agentRun", "Agent run"),
+			sub: i("agents.detail.agentRunSub", "Latest autonomous cycle"),
+			meta: a(V.lastRunAt),
 			tone: "positive"
 		}
 	});
-	for (let e of H) e.lastTriggeredAt && q.push({
+	for (let e of G) e.lastTriggeredAt && J.push({
 		ts: new Date(e.lastTriggeredAt).getTime(),
 		item: {
 			title: e.name,
-			sub: `${r(e.action)} · fired ${e.triggerCount}×`,
-			meta: i(e.lastTriggeredAt),
-			tone: z(e.action)
+			sub: `${r(e.action)} · ${i("agents.detail.triggered", "Triggered {{count}}×", { count: e.triggerCount })}`,
+			meta: a(e.lastTriggeredAt),
+			tone: U(e.action)
 		}
 	});
-	q.sort((e, t) => t.ts - e.ts);
-	let J = q.map((e) => e.item);
-	return /* @__PURE__ */ P(t, {
-		title: B.name,
-		description: `${r(B.kind)} agent`,
-		actions: /* @__PURE__ */ P("button", {
+	J.sort((e, t) => t.ts - e.ts);
+	let Y = J.map((e) => e.item);
+	return /* @__PURE__ */ L(t, {
+		title: V.name,
+		description: `${i(B[V.kind] ?? "", r(V.kind))} ${i("agents.card.kindSuffix", "agent")}`,
+		actions: /* @__PURE__ */ L("button", {
 			type: "button",
-			onClick: () => p("/agents"),
+			onClick: () => m("/agents"),
 			className: "inline-flex items-center gap-2 rounded-lg border border-border-subtle px-3 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken",
-			children: [/* @__PURE__ */ N(g, { className: "h-4 w-4" }), " Back"]
+			children: [
+				/* @__PURE__ */ I(v, { className: "h-4 w-4" }),
+				" ",
+				i("agents.new.back", "Back")
+			]
 		}),
 		children: [
-			/* @__PURE__ */ N(F, {
+			/* @__PURE__ */ I(R, {
 				treatment: "glass",
-				glow: B.status === "AUTONOMOUS",
+				glow: V.status === "AUTONOMOUS",
 				className: "p-5",
-				children: /* @__PURE__ */ P("div", {
+				children: /* @__PURE__ */ L("div", {
 					className: "flex flex-col gap-4 sm:flex-row sm:items-start sm:justify-between",
-					children: [/* @__PURE__ */ P("div", {
+					children: [/* @__PURE__ */ L("div", {
 						className: "flex items-start gap-4",
-						children: [/* @__PURE__ */ N("span", {
+						children: [/* @__PURE__ */ I("span", {
 							className: "flex size-12 shrink-0 items-center justify-center rounded-xl bg-[var(--color-accent-soft)] text-text-primary",
-							children: /* @__PURE__ */ N(V, { className: "h-6 w-6" })
-						}), /* @__PURE__ */ P("div", {
+							children: /* @__PURE__ */ I(W, { className: "h-6 w-6" })
+						}), /* @__PURE__ */ L("div", {
 							className: "min-w-0",
 							children: [
-								/* @__PURE__ */ P("div", {
+								/* @__PURE__ */ L("div", {
 									className: "flex flex-wrap items-center gap-2",
-									children: [/* @__PURE__ */ N("p", {
+									children: [/* @__PURE__ */ I("p", {
 										className: "text-lg font-semibold text-text-primary",
-										children: B.name
-									}), /* @__PURE__ */ N(a, { status: B.status })]
+										children: V.name
+									}), /* @__PURE__ */ I(o, { status: V.status })]
 								}),
-								/* @__PURE__ */ P("p", {
+								/* @__PURE__ */ L("p", {
 									className: "mt-1 flex items-center gap-1.5 text-xs text-text-secondary",
-									children: [/* @__PURE__ */ N(b, {
+									children: [/* @__PURE__ */ I(S, {
 										className: "h-3.5 w-3.5",
 										"aria-hidden": !0
-									}), B.lastRunAt ? `Last run ${i(B.lastRunAt)}` : "Never run"]
+									}), V.lastRunAt ? i("agents.card.lastRun", "Last run {{when}}", { when: a(V.lastRunAt) }) : i("agents.card.neverRun", "Never run")]
 								}),
-								B.description && /* @__PURE__ */ N("p", {
+								V.description && /* @__PURE__ */ I("p", {
 									className: "mt-2 max-w-2xl text-sm text-text-secondary",
-									children: B.description
+									children: V.description
 								})
 							]
 						})]
-					}), /* @__PURE__ */ P("div", {
+					}), /* @__PURE__ */ L("div", {
 						className: "w-full sm:w-56 sm:shrink-0",
 						children: [
-							/* @__PURE__ */ N("label", {
+							/* @__PURE__ */ I("label", {
 								htmlFor: "agent-posture",
 								className: "mb-1 block text-xs font-medium text-text-secondary",
-								children: "Operating posture"
+								children: i("agents.detail.operatingPosture", "Operating posture")
 							}),
-							/* @__PURE__ */ N("select", {
+							/* @__PURE__ */ I("select", {
 								id: "agent-posture",
-								value: B.status,
-								disabled: C.isPending,
+								value: V.status,
+								disabled: T.isPending,
 								onChange: (e) => {
-									O(null), C.mutate({
-										id: B.id,
+									A(null), T.mutate({
+										id: V.id,
 										status: e.target.value
-									}, { onError: (e) => O(e instanceof Error ? e.message : "Could not change posture.") });
+									}, { onError: (e) => A(e instanceof Error ? e.message : i("agents.detail.error", "Could not load this agent.")) });
 								},
 								className: "w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)] disabled:opacity-50",
-								children: I.map((e) => /* @__PURE__ */ N("option", {
+								children: z.map((e) => /* @__PURE__ */ I("option", {
 									value: e,
-									children: r(e)
+									children: i(`agents.postures.${e.toLowerCase()}`, r(e))
 								}, e))
 							}),
-							/* @__PURE__ */ N("p", {
+							/* @__PURE__ */ I("p", {
 								className: "mt-1.5 text-[11px] leading-snug text-text-secondary",
-								children: "Disabled never acts · Suggest-only proposes · Autonomous acts within its policies."
+								children: i("agents.detail.postureHint", "Disabled never acts · Suggest-only proposes · Autonomous acts within its policies.")
 							})
 						]
 					})]
 				})
 			}),
-			E && /* @__PURE__ */ N("div", {
+			O && /* @__PURE__ */ I("div", {
 				className: "mt-4 rounded-lg border border-status-error-text/30 bg-status-error-bg-subtle px-4 py-2 text-sm text-status-error-text",
-				children: E
+				children: O
 			}),
-			/* @__PURE__ */ P("div", {
+			/* @__PURE__ */ L("div", {
 				className: "mt-6 grid grid-cols-1 gap-4 sm:grid-cols-3",
 				children: [
-					/* @__PURE__ */ N(n, {
-						icon: /* @__PURE__ */ N(T, { className: "h-5 w-5" }),
-						value: H.length,
-						label: "Policies"
-					}),
-					/* @__PURE__ */ N(n, {
-						icon: /* @__PURE__ */ N(A, { className: "h-5 w-5" }),
-						value: G,
-						label: "Enabled"
+					/* @__PURE__ */ I(n, {
+						icon: /* @__PURE__ */ I(D, { className: "h-5 w-5" }),
+						value: G.length,
+						label: i("agents.detail.policies", "Policies")
 					}),
-					/* @__PURE__ */ N(n, {
-						icon: /* @__PURE__ */ N(j, { className: "h-5 w-5" }),
+					/* @__PURE__ */ I(n, {
+						icon: /* @__PURE__ */ I(M, { className: "h-5 w-5" }),
 						value: K,
-						label: "Total triggers"
+						label: i("agents.detail.enabled", "Enabled")
+					}),
+					/* @__PURE__ */ I(n, {
+						icon: /* @__PURE__ */ I(P, { className: "h-5 w-5" }),
+						value: q,
+						label: i("agents.detail.totalTriggers", "Total triggers")
 					})
 				]
 			}),
-			/* @__PURE__ */ P("div", {
+			/* @__PURE__ */ L("div", {
 				className: "mt-8 grid grid-cols-1 gap-6 lg:grid-cols-3",
-				children: [/* @__PURE__ */ N("div", {
+				children: [/* @__PURE__ */ I("div", {
 					className: "lg:col-span-2",
-					children: /* @__PURE__ */ N(u, {
-						title: "Policies",
-						description: "The autonomous rules that bound this agent",
-						action: /* @__PURE__ */ P("button", {
+					children: /* @__PURE__ */ I(d, {
+						title: i("agents.detail.policies", "Policies"),
+						description: i("agents.detail.policiesDescription", "The autonomous rules that bound this agent"),
+						action: /* @__PURE__ */ L("button", {
 							type: "button",
-							onClick: () => L(!0),
+							onClick: () => N(!0),
 							className: "inline-flex items-center gap-1.5 rounded-lg border border-border-subtle px-3 py-1.5 text-xs font-medium text-text-primary hover:bg-bg-sunken",
-							children: [/* @__PURE__ */ N(D, { className: "h-3.5 w-3.5" }), " Add policy"]
+							children: [
+								/* @__PURE__ */ I(k, { className: "h-3.5 w-3.5" }),
+								" ",
+								i("agents.detail.addPolicy", "Add policy")
+							]
 						}),
-						children: H.length === 0 ? /* @__PURE__ */ N(o, {
+						children: G.length === 0 ? /* @__PURE__ */ I(s, {
 							illustration: "empty-data",
-							title: "No policies",
-							description: "Policies define what this agent may do autonomously, and what it must alert on.",
-							action: /* @__PURE__ */ N("button", {
+							title: i("agents.detail.noPoliciesTitle", "No policies"),
+							description: i("agents.detail.noPoliciesDescription", "Policies define what this agent may do autonomously, and what it must alert on."),
+							action: /* @__PURE__ */ I("button", {
 								type: "button",
-								onClick: () => L(!0),
+								onClick: () => N(!0),
 								className: "rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:opacity-90",
-								children: "Add policy"
+								children: i("agents.detail.addPolicy", "Add policy")
 							})
-						}) : /* @__PURE__ */ N("div", {
+						}) : /* @__PURE__ */ I("div", {
 							className: "grid grid-cols-1 gap-3 sm:grid-cols-2",
-							children: H.map((e) => /* @__PURE__ */ N(W, { policy: e }, e.id))
+							children: G.map((e) => /* @__PURE__ */ I(Z, { policy: e }, e.id))
 						})
 					})
-				}), /* @__PURE__ */ N("div", {
+				}), /* @__PURE__ */ I("div", {
 					className: "lg:col-span-1",
-					children: /* @__PURE__ */ N(u, {
-						title: "Run history",
-						description: "Recent agent activity",
-						children: /* @__PURE__ */ N(F, {
+					children: /* @__PURE__ */ I(d, {
+						title: i("agents.detail.runHistory", "Run history"),
+						description: i("agents.detail.runHistoryDescription", "Recent agent activity"),
+						children: /* @__PURE__ */ I(R, {
 							treatment: "metric",
 							className: "p-5",
-							children: J.length === 0 ? /* @__PURE__ */ P("div", {
+							children: Y.length === 0 ? /* @__PURE__ */ L("div", {
 								className: "flex flex-col items-center justify-center gap-2 py-6 text-center",
 								children: [
-									/* @__PURE__ */ N(w, {
+									/* @__PURE__ */ I(E, {
 										className: "h-8 w-8 text-text-secondary",
 										"aria-hidden": !0
 									}),
-									/* @__PURE__ */ N("p", {
+									/* @__PURE__ */ I("p", {
 										className: "text-sm font-medium text-text-primary",
-										children: "No runs yet"
+										children: i("agents.detail.noRunsTitle", "No runs yet")
 									}),
-									/* @__PURE__ */ N("p", {
+									/* @__PURE__ */ I("p", {
 										className: "text-xs text-text-secondary",
-										children: "Activity appears here once the agent runs or a policy fires."
+										children: i("agents.detail.noRunsDescription", "Activity appears here once the agent runs or a policy fires.")
 									})
 								]
-							}) : /* @__PURE__ */ N(d, { items: J })
+							}) : /* @__PURE__ */ I(f, { items: Y })
 						})
 					})
 				})]
 			}),
-			k && /* @__PURE__ */ N(U, {
-				agentId: B.id,
-				onClose: () => L(!1)
+			j && /* @__PURE__ */ I(X, {
+				agentId: V.id,
+				onClose: () => N(!1)
 			})
 		]
 	});
 }
 //#endregion
-export { G as AgentDetailPage };
+export { Q as AgentDetailPage };
 
 //# sourceMappingURL=AgentDetailPage.js.map