@burdenoff/microfe-subscriberbot 2026.1023.1 → 2026.1029.1

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

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