@burdenoff/microfe-subscriberbot 2026.626.2 → 2026.629.1

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

@@ -0,0 +1,160 @@
+import { useSubscriberBot as e } from "../../context/SubscriberBotContext.js";
+import { PageLayout as t } from "../../components/PageLayout.js";
+import { formatEnumLabel as n, formatRelativeTime as r } from "../../utils/formatters.js";
+import { StatusBadge as i } from "../../components/StatusBadge.js";
+import { EmptyState as a } from "../../components/EmptyState.js";
+import { ErrorView as o, LoadingView as s, Section as c } from "../../components/StateViews.js";
+import { useAgent as l, useSetAgentStatus as u } from "../../hooks/useSubscriberBotApi.js";
+import { useState as d } from "react";
+import { ArrowLeft as f, Bot as p, ShieldCheck as m } from "lucide-react";
+import { useParams as h } from "react-router-dom";
+import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { GlassCard as v } from "@burdenoff/fe-libs/ui";
+//#region src/subscriberbot/pages/agents/AgentDetailPage.tsx
+var y = [
+	"DISABLED",
+	"SUGGEST_ONLY",
+	"AUTONOMOUS"
+];
+function b() {
+	let { id: b } = h(), { navigateTo: x } = e(), { data: S, isLoading: C, isError: w, refetch: T } = l(b), E = u(), [D, O] = d(null);
+	if (C) return /* @__PURE__ */ g(t, {
+		title: "Agent",
+		children: /* @__PURE__ */ g(s, { label: "Loading agent…" })
+	});
+	if (w) return /* @__PURE__ */ g(t, {
+		title: "Agent",
+		children: /* @__PURE__ */ g(o, {
+			message: "Could not load this agent.",
+			onRetry: () => void T()
+		})
+	});
+	if (!S) return /* @__PURE__ */ g(t, {
+		title: "Agent",
+		children: /* @__PURE__ */ g(a, {
+			illustration: "empty-data",
+			title: "Agent not found",
+			description: "It may have been removed, or you may not have access to it.",
+			action: /* @__PURE__ */ g("button", {
+				type: "button",
+				onClick: () => x("/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"
+			})
+		})
+	});
+	let k = S;
+	return /* @__PURE__ */ _(t, {
+		title: k.name,
+		description: `${n(k.kind)} agent`,
+		actions: /* @__PURE__ */ _("button", {
+			type: "button",
+			onClick: () => x("/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__ */ g(f, { className: "h-4 w-4" }), " Back"]
+		}),
+		children: [
+			/* @__PURE__ */ _("div", {
+				className: "flex flex-wrap items-center gap-3",
+				children: [
+					/* @__PURE__ */ g("span", {
+						className: "flex size-10 items-center justify-center rounded-lg bg-[var(--color-accent-soft)] text-text-primary",
+						children: /* @__PURE__ */ g(p, { className: "h-5 w-5" })
+					}),
+					/* @__PURE__ */ g(i, { status: k.status }),
+					/* @__PURE__ */ g("span", {
+						className: "text-sm text-text-secondary",
+						children: k.lastRunAt ? `Last run ${r(k.lastRunAt)}` : "Never run"
+					})
+				]
+			}),
+			k.description && /* @__PURE__ */ g("p", {
+				className: "mt-4 max-w-3xl text-sm text-text-secondary",
+				children: k.description
+			}),
+			D && /* @__PURE__ */ g("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: D
+			}),
+			/* @__PURE__ */ _("div", {
+				className: "mt-6 max-w-sm",
+				children: [
+					/* @__PURE__ */ g("label", {
+						htmlFor: "agent-posture",
+						className: "mb-1 block text-xs font-medium text-text-secondary",
+						children: "Operating posture"
+					}),
+					/* @__PURE__ */ g("select", {
+						id: "agent-posture",
+						value: k.status,
+						disabled: E.isPending,
+						onChange: (e) => {
+							O(null), E.mutate({
+								id: k.id,
+								status: e.target.value
+							}, { onError: (e) => O(e instanceof Error ? e.message : "Could not change posture.") });
+						},
+						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: y.map((e) => /* @__PURE__ */ g("option", {
+							value: e,
+							children: n(e)
+						}, e))
+					}),
+					/* @__PURE__ */ g("p", {
+						className: "mt-1.5 text-xs text-text-secondary",
+						children: "Disabled never acts; Suggest-only proposes; Autonomous acts within its policies."
+					})
+				]
+			}),
+			/* @__PURE__ */ g(c, {
+				title: "Policies",
+				description: "The autonomous rules that bound this agent",
+				children: !k.policies || k.policies.length === 0 ? /* @__PURE__ */ g(a, {
+					illustration: "empty-data",
+					title: "No policies",
+					description: "Policies define what this agent may do autonomously, and what it must alert on."
+				}) : /* @__PURE__ */ g("div", {
+					className: "grid grid-cols-1 gap-3 sm:grid-cols-2",
+					children: k.policies.map((e) => /* @__PURE__ */ _(v, {
+						treatment: "metric",
+						className: "p-4",
+						children: [
+							/* @__PURE__ */ _("div", {
+								className: "flex items-start justify-between gap-2",
+								children: [/* @__PURE__ */ g("p", {
+									className: "text-sm font-medium text-text-primary",
+									children: e.name
+								}), /* @__PURE__ */ g(i, { status: e.isEnabled ? "ACTIVE" : "DISABLED" })]
+							}),
+							/* @__PURE__ */ _("p", {
+								className: "mt-1 flex items-center gap-1.5 text-xs text-text-secondary",
+								children: [
+									/* @__PURE__ */ g(m, { className: "h-3.5 w-3.5" }),
+									" Action: ",
+									n(e.action)
+								]
+							}),
+							e.description && /* @__PURE__ */ g("p", {
+								className: "mt-2 text-xs text-text-secondary",
+								children: e.description
+							}),
+							/* @__PURE__ */ _("p", {
+								className: "mt-2 text-xs text-text-secondary",
+								children: [
+									"Triggered ",
+									e.triggerCount,
+									"×",
+									e.lastTriggeredAt ? ` · last ${r(e.lastTriggeredAt)}` : ""
+								]
+							})
+						]
+					}, e.id))
+				})
+			})
+		]
+	});
+}
+//#endregion
+export { b as AgentDetailPage };
+
+//# sourceMappingURL=AgentDetailPage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AgentDetailPage.js","names":[],"sources":["../../../../src/subscriberbot/pages/agents/AgentDetailPage.tsx"],"sourcesContent":["/**\n * Agent detail\n * @module subscriberbot/pages/agents\n *\n * A single AI agent: its kind, posture, last run, and the autonomous policies\n * that bound it. Reads `subAgent(id)`; changes posture via `subSetAgentStatus`.\n */\n\nimport { useState } from 'react';\nimport { useParams } from 'react-router-dom';\nimport { ArrowLeft, Bot, ShieldCheck } from 'lucide-react';\nimport { GlassCard } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../../components/PageLayout';\nimport { StatusBadge } from '../../components/StatusBadge';\nimport { EmptyState } from '../../components/EmptyState';\nimport { LoadingView, ErrorView, Section } from '../../components/StateViews';\nimport { useSubscriberBot } from '../../context/SubscriberBotContext';\nimport { useAgent, useSetAgentStatus } from '../../hooks/useSubscriberBotApi';\nimport { formatEnumLabel, formatRelativeTime } from '../../utils/formatters';\nimport type { SubAgentStatus } from '../../types';\n\nconst STATUS_OPTIONS: SubAgentStatus[] = ['DISABLED', 'SUGGEST_ONLY', 'AUTONOMOUS'];\n\nexport function AgentDetailPage() {\n  const { id } = useParams<{ id: string }>();\n  const { navigateTo } = useSubscriberBot();\n  const { data: agent, isLoading, isError, refetch } = useAgent(id);\n  const setAgentStatus = useSetAgentStatus();\n  const [actionError, setActionError] = useState<string | null>(null);\n\n  if (isLoading) {\n    return (\n      <PageLayout title=\"Agent\">\n        <LoadingView label=\"Loading agent…\" />\n      </PageLayout>\n    );\n  }\n\n  if (isError) {\n    return (\n      <PageLayout title=\"Agent\">\n        <ErrorView message=\"Could not load this agent.\" onRetry={() => void refetch()} />\n      </PageLayout>\n    );\n  }\n\n  if (!agent) {\n    return (\n      <PageLayout title=\"Agent\">\n        <EmptyState\n          illustration=\"empty-data\"\n          title=\"Agent not found\"\n          description=\"It may have been removed, or you may not have access to it.\"\n          action={\n            <button\n              type=\"button\"\n              onClick={() => navigateTo('/agents')}\n              className=\"rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:opacity-90\"\n            >\n              Back to agents\n            </button>\n          }\n        />\n      </PageLayout>\n    );\n  }\n\n  const a = agent;\n\n  return (\n    <PageLayout\n      title={a.name}\n      description={`${formatEnumLabel(a.kind)} agent`}\n      actions={\n        <button\n          type=\"button\"\n          onClick={() => navigateTo('/agents')}\n          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\"\n        >\n          <ArrowLeft className=\"h-4 w-4\" /> Back\n        </button>\n      }\n    >\n      <div className=\"flex flex-wrap items-center gap-3\">\n        <span className=\"flex size-10 items-center justify-center rounded-lg bg-[var(--color-accent-soft)] text-text-primary\">\n          <Bot className=\"h-5 w-5\" />\n        </span>\n        <StatusBadge status={a.status} />\n        <span className=\"text-sm text-text-secondary\">\n          {a.lastRunAt ? `Last run ${formatRelativeTime(a.lastRunAt)}` : 'Never run'}\n        </span>\n      </div>\n\n      {a.description && (\n        <p className=\"mt-4 max-w-3xl text-sm text-text-secondary\">{a.description}</p>\n      )}\n\n      {actionError && (\n        <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\">\n          {actionError}\n        </div>\n      )}\n\n      {/* Posture control */}\n      <div className=\"mt-6 max-w-sm\">\n        <label\n          htmlFor=\"agent-posture\"\n          className=\"mb-1 block text-xs font-medium text-text-secondary\"\n        >\n          Operating posture\n        </label>\n        <select\n          id=\"agent-posture\"\n          value={a.status}\n          disabled={setAgentStatus.isPending}\n          onChange={(e) => {\n            setActionError(null);\n            setAgentStatus.mutate(\n              { id: a.id, status: e.target.value as SubAgentStatus },\n              {\n                onError: (err) =>\n                  setActionError(err instanceof Error ? err.message : 'Could not change posture.'),\n              }\n            );\n          }}\n          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\"\n        >\n          {STATUS_OPTIONS.map((s) => (\n            <option key={s} value={s}>\n              {formatEnumLabel(s)}\n            </option>\n          ))}\n        </select>\n        <p className=\"mt-1.5 text-xs text-text-secondary\">\n          Disabled never acts; Suggest-only proposes; Autonomous acts within its policies.\n        </p>\n      </div>\n\n      {/* Policies */}\n      <Section title=\"Policies\" description=\"The autonomous rules that bound this agent\">\n        {!a.policies || a.policies.length === 0 ? (\n          <EmptyState\n            illustration=\"empty-data\"\n            title=\"No policies\"\n            description=\"Policies define what this agent may do autonomously, and what it must alert on.\"\n          />\n        ) : (\n          <div className=\"grid grid-cols-1 gap-3 sm:grid-cols-2\">\n            {a.policies.map((policy) => (\n              <GlassCard key={policy.id} treatment=\"metric\" className=\"p-4\">\n                <div className=\"flex items-start justify-between gap-2\">\n                  <p className=\"text-sm font-medium text-text-primary\">{policy.name}</p>\n                  <StatusBadge status={policy.isEnabled ? 'ACTIVE' : 'DISABLED'} />\n                </div>\n                <p className=\"mt-1 flex items-center gap-1.5 text-xs text-text-secondary\">\n                  <ShieldCheck className=\"h-3.5 w-3.5\" /> Action: {formatEnumLabel(policy.action)}\n                </p>\n                {policy.description && (\n                  <p className=\"mt-2 text-xs text-text-secondary\">{policy.description}</p>\n                )}\n                <p className=\"mt-2 text-xs text-text-secondary\">\n                  Triggered {policy.triggerCount}×\n                  {policy.lastTriggeredAt\n                    ? ` · last ${formatRelativeTime(policy.lastTriggeredAt)}`\n                    : ''}\n                </p>\n              </GlassCard>\n            ))}\n          </div>\n        )}\n      </Section>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,140 @@
+import { useSubscriberBot as e } from "../../context/SubscriberBotContext.js";
+import { PageLayout as t } from "../../components/PageLayout.js";
+import { useCreateAgent as n } from "../../hooks/useSubscriberBotApi.js";
+import { useState as r } from "react";
+import { ArrowLeft as i } from "lucide-react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { PagePurpose as s } from "@burdenoff/fe-libs/ui";
+//#region src/subscriberbot/pages/agents/AgentNewPage.tsx
+var c = [
+	"DISCOVERY",
+	"RENEWAL",
+	"COST",
+	"NEWSLETTER",
+	"VENDOR",
+	"COMPLIANCE",
+	"NEGOTIATION",
+	"MIGRATION",
+	"CONCIERGE"
+], l = [
+	"SUGGEST_ONLY",
+	"DISABLED",
+	"AUTONOMOUS"
+], u = "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)]", d = "mb-1 block text-xs font-medium text-text-secondary";
+function f() {
+	let { navigateTo: f } = e(), p = n(), [m, h] = r(""), [g, _] = r("DISCOVERY"), [v, y] = r("SUGGEST_ONLY"), [b, x] = r(""), [S, C] = r(null);
+	return /* @__PURE__ */ o(t, {
+		title: "New agent",
+		description: "Create an AI agent for your recurring portfolio",
+		actions: /* @__PURE__ */ o("button", {
+			type: "button",
+			onClick: () => f("/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__ */ a(i, { className: "h-4 w-4" }), " Back"]
+		}),
+		children: [/* @__PURE__ */ a(s, {
+			className: "mb-6",
+			children: "Each agent owns a slice of the recurring-relationship problem. Pick a kind, give it a name, and choose how much autonomy it starts with — you can adjust its posture and policies later."
+		}), /* @__PURE__ */ o("form", {
+			onSubmit: (e) => {
+				if (e.preventDefault(), C(null), !m.trim()) {
+					C("An agent name is required.");
+					return;
+				}
+				let t = {
+					name: m.trim(),
+					kind: g,
+					status: v,
+					...b.trim() ? { description: b.trim() } : {}
+				};
+				p.mutate(t, {
+					onSuccess: (e) => f(`/agents/${e.id}`),
+					onError: (e) => C(e instanceof Error ? e.message : "Could not create agent.")
+				});
+			},
+			className: "max-w-2xl space-y-5",
+			children: [
+				S && /* @__PURE__ */ a("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: S
+				}),
+				/* @__PURE__ */ o("div", { children: [/* @__PURE__ */ o("label", {
+					htmlFor: "agent-name",
+					className: d,
+					children: ["Name ", /* @__PURE__ */ a("span", {
+						className: "text-status-error-text",
+						children: "*"
+					})]
+				}), /* @__PURE__ */ a("input", {
+					id: "agent-name",
+					type: "text",
+					value: m,
+					onChange: (e) => h(e.target.value),
+					placeholder: "e.g. Renewal Watchdog",
+					className: u,
+					required: !0
+				})] }),
+				/* @__PURE__ */ o("div", {
+					className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
+					children: [/* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a("label", {
+						htmlFor: "agent-kind",
+						className: d,
+						children: "Kind"
+					}), /* @__PURE__ */ a("select", {
+						id: "agent-kind",
+						value: g,
+						onChange: (e) => _(e.target.value),
+						className: u,
+						children: c.map((e) => /* @__PURE__ */ a("option", {
+							value: e,
+							children: e.replace(/_/g, " ")
+						}, e))
+					})] }), /* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a("label", {
+						htmlFor: "agent-status",
+						className: d,
+						children: "Starting posture"
+					}), /* @__PURE__ */ a("select", {
+						id: "agent-status",
+						value: v,
+						onChange: (e) => y(e.target.value),
+						className: u,
+						children: l.map((e) => /* @__PURE__ */ a("option", {
+							value: e,
+							children: e.replace(/_/g, " ")
+						}, e))
+					})] })]
+				}),
+				/* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a("label", {
+					htmlFor: "agent-desc",
+					className: d,
+					children: "Description"
+				}), /* @__PURE__ */ a("textarea", {
+					id: "agent-desc",
+					value: b,
+					onChange: (e) => x(e.target.value),
+					rows: 3,
+					placeholder: "What should this agent watch for and do?",
+					className: u
+				})] }),
+				/* @__PURE__ */ o("div", {
+					className: "flex gap-3",
+					children: [/* @__PURE__ */ a("button", {
+						type: "submit",
+						disabled: p.isPending,
+						className: "rounded-lg bg-action-primary-bg px-5 py-2.5 text-sm font-medium text-action-primary-text hover:opacity-90 disabled:opacity-50",
+						children: p.isPending ? "Creating…" : "Create agent"
+					}), /* @__PURE__ */ a("button", {
+						type: "button",
+						onClick: () => f("/agents"),
+						className: "rounded-lg border border-border-subtle px-5 py-2.5 text-sm font-medium text-text-primary hover:bg-bg-sunken",
+						children: "Cancel"
+					})]
+				})
+			]
+		})]
+	});
+}
+//#endregion
+export { f as AgentNewPage };
+
+//# sourceMappingURL=AgentNewPage.js.map

package/dist/subscriberbot/pages/agents/AgentNewPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AgentNewPage.js","names":[],"sources":["../../../../src/subscriberbot/pages/agents/AgentNewPage.tsx"],"sourcesContent":["/**\n * Create agent\n * @module subscriberbot/pages/agents\n *\n * Spin up a new AI agent. Writes `subCreateAgent`.\n */\n\nimport { useState } from 'react';\nimport { ArrowLeft } from 'lucide-react';\nimport { PagePurpose } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../../components/PageLayout';\nimport { useSubscriberBot } from '../../context/SubscriberBotContext';\nimport { useCreateAgent } from '../../hooks/useSubscriberBotApi';\nimport type { SubAgentKind, SubAgentStatus, SubCreateAgentInput } from '../../types';\n\nconst KINDS: SubAgentKind[] = [\n  'DISCOVERY',\n  'RENEWAL',\n  'COST',\n  'NEWSLETTER',\n  'VENDOR',\n  'COMPLIANCE',\n  'NEGOTIATION',\n  'MIGRATION',\n  'CONCIERGE',\n];\n\nconst STATUSES: SubAgentStatus[] = ['SUGGEST_ONLY', 'DISABLED', 'AUTONOMOUS'];\n\nconst inputCls =\n  '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)]';\nconst labelCls = 'mb-1 block text-xs font-medium text-text-secondary';\n\nexport function AgentNewPage() {\n  const { navigateTo } = useSubscriberBot();\n  const create = useCreateAgent();\n\n  const [name, setName] = useState('');\n  const [kind, setKind] = useState<SubAgentKind>('DISCOVERY');\n  const [status, setStatus] = useState<SubAgentStatus>('SUGGEST_ONLY');\n  const [description, setDescription] = useState('');\n  const [formError, setFormError] = useState<string | null>(null);\n\n  const handleSubmit = (e: React.FormEvent) => {\n    e.preventDefault();\n    setFormError(null);\n    if (!name.trim()) {\n      setFormError('An agent name is required.');\n      return;\n    }\n    const input: SubCreateAgentInput = {\n      name: name.trim(),\n      kind,\n      status,\n      ...(description.trim() ? { description: description.trim() } : {}),\n    };\n    create.mutate(input, {\n      onSuccess: (agent) => navigateTo(`/agents/${agent.id}`),\n      onError: (err) =>\n        setFormError(err instanceof Error ? err.message : 'Could not create agent.'),\n    });\n  };\n\n  return (\n    <PageLayout\n      title=\"New agent\"\n      description=\"Create an AI agent for your recurring portfolio\"\n      actions={\n        <button\n          type=\"button\"\n          onClick={() => navigateTo('/agents')}\n          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\"\n        >\n          <ArrowLeft className=\"h-4 w-4\" /> Back\n        </button>\n      }\n    >\n      <PagePurpose className=\"mb-6\">\n        Each agent owns a slice of the recurring-relationship problem. Pick a kind, give it a name,\n        and choose how much autonomy it starts with — you can adjust its posture and policies later.\n      </PagePurpose>\n\n      <form onSubmit={handleSubmit} className=\"max-w-2xl space-y-5\">\n        {formError && (\n          <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\">\n            {formError}\n          </div>\n        )}\n\n        <div>\n          <label htmlFor=\"agent-name\" className={labelCls}>\n            Name <span className=\"text-status-error-text\">*</span>\n          </label>\n          <input\n            id=\"agent-name\"\n            type=\"text\"\n            value={name}\n            onChange={(e) => setName(e.target.value)}\n            placeholder=\"e.g. Renewal Watchdog\"\n            className={inputCls}\n            required\n          />\n        </div>\n\n        <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n          <div>\n            <label htmlFor=\"agent-kind\" className={labelCls}>\n              Kind\n            </label>\n            <select\n              id=\"agent-kind\"\n              value={kind}\n              onChange={(e) => setKind(e.target.value as SubAgentKind)}\n              className={inputCls}\n            >\n              {KINDS.map((k) => (\n                <option key={k} value={k}>\n                  {k.replace(/_/g, ' ')}\n                </option>\n              ))}\n            </select>\n          </div>\n          <div>\n            <label htmlFor=\"agent-status\" className={labelCls}>\n              Starting posture\n            </label>\n            <select\n              id=\"agent-status\"\n              value={status}\n              onChange={(e) => setStatus(e.target.value as SubAgentStatus)}\n              className={inputCls}\n            >\n              {STATUSES.map((s) => (\n                <option key={s} value={s}>\n                  {s.replace(/_/g, ' ')}\n                </option>\n              ))}\n            </select>\n          </div>\n        </div>\n\n        <div>\n          <label htmlFor=\"agent-desc\" className={labelCls}>\n            Description\n          </label>\n          <textarea\n            id=\"agent-desc\"\n            value={description}\n            onChange={(e) => setDescription(e.target.value)}\n            rows={3}\n            placeholder=\"What should this agent watch for and do?\"\n            className={inputCls}\n          />\n        </div>\n\n        <div className=\"flex gap-3\">\n          <button\n            type=\"submit\"\n            disabled={create.isPending}\n            className=\"rounded-lg bg-action-primary-bg px-5 py-2.5 text-sm font-medium text-action-primary-text hover:opacity-90 disabled:opacity-50\"\n          >\n            {create.isPending ? 'Creating…' : 'Create agent'}\n          </button>\n          <button\n            type=\"button\"\n            onClick={() => navigateTo('/agents')}\n            className=\"rounded-lg border border-border-subtle px-5 py-2.5 text-sm font-medium text-text-primary hover:bg-bg-sunken\"\n          >\n            Cancel\n          </button>\n        </div>\n      </form>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,178 @@
+import { useSubscriberBot as e } from "../../context/SubscriberBotContext.js";
+import { PageLayout as t } from "../../components/PageLayout.js";
+import { formatEnumLabel as n, formatRelativeTime as r } from "../../utils/formatters.js";
+import { StatusBadge as i } from "../../components/StatusBadge.js";
+import { EmptyState as a } from "../../components/EmptyState.js";
+import { ErrorView as o, LoadingView as s } from "../../components/StateViews.js";
+import { useAgents as c, useSetAgentStatus as l } from "../../hooks/useSubscriberBotApi.js";
+import { useState as u } from "react";
+import { Bot as d, Plus as f } from "lucide-react";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+import { PagePurpose as h } from "@burdenoff/fe-libs/ui";
+//#region src/subscriberbot/pages/agents/AgentsListPage.tsx
+var g = [
+	{
+		value: "",
+		label: "All kinds"
+	},
+	{
+		value: "DISCOVERY",
+		label: "Discovery"
+	},
+	{
+		value: "RENEWAL",
+		label: "Renewal"
+	},
+	{
+		value: "COST",
+		label: "Cost"
+	},
+	{
+		value: "NEWSLETTER",
+		label: "Newsletter"
+	},
+	{
+		value: "VENDOR",
+		label: "Vendor"
+	},
+	{
+		value: "COMPLIANCE",
+		label: "Compliance"
+	},
+	{
+		value: "NEGOTIATION",
+		label: "Negotiation"
+	},
+	{
+		value: "MIGRATION",
+		label: "Migration"
+	},
+	{
+		value: "CONCIERGE",
+		label: "Concierge"
+	}
+], _ = [
+	"DISABLED",
+	"SUGGEST_ONLY",
+	"AUTONOMOUS"
+];
+function v() {
+	let { navigateTo: v } = e(), [y, b] = u(""), [x, S] = u(""), { data: C, isLoading: w, isError: T, refetch: E } = c({
+		kind: y || void 0,
+		status: x || void 0
+	}), D = l(), O = C ?? [];
+	return /* @__PURE__ */ m(t, {
+		title: "AI Agents",
+		description: "Specialized agents that automate your recurring portfolio",
+		actions: /* @__PURE__ */ m("button", {
+			type: "button",
+			onClick: () => v("/agents/new"),
+			className: "inline-flex items-center gap-2 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:opacity-90",
+			children: [/* @__PURE__ */ p(f, { className: "h-4 w-4" }), " New agent"]
+		}),
+		children: [
+			/* @__PURE__ */ p(h, {
+				className: "mb-4",
+				children: "Agents propose; your policies decide what they may do autonomously. Set each agent's posture — Disabled, Suggest-only, or Autonomous — and open one to review its policies."
+			}),
+			/* @__PURE__ */ m("div", {
+				className: "flex flex-wrap items-center gap-3",
+				children: [/* @__PURE__ */ p("select", {
+					value: y,
+					onChange: (e) => b(e.target.value),
+					className: "rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-xs text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
+					children: g.map((e) => /* @__PURE__ */ p("option", {
+						value: e.value,
+						children: e.label
+					}, e.value))
+				}), /* @__PURE__ */ m("select", {
+					value: x,
+					onChange: (e) => S(e.target.value),
+					className: "rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-xs text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
+					children: [/* @__PURE__ */ p("option", {
+						value: "",
+						children: "Any posture"
+					}), _.map((e) => /* @__PURE__ */ p("option", {
+						value: e,
+						children: n(e)
+					}, e))]
+				})]
+			}),
+			w ? /* @__PURE__ */ p(s, { label: "Loading agents…" }) : T ? /* @__PURE__ */ p(o, {
+				message: "Could not load agents.",
+				onRetry: () => void E()
+			}) : O.length === 0 ? /* @__PURE__ */ p("div", {
+				className: "mt-6",
+				children: /* @__PURE__ */ p(a, {
+					illustration: "empty-data",
+					icon: /* @__PURE__ */ p(d, { className: "h-12 w-12" }),
+					title: "No agents yet",
+					description: "Create your first AI agent to start automating discovery, renewals, or cost optimization.",
+					action: /* @__PURE__ */ p("button", {
+						type: "button",
+						onClick: () => v("/agents/new"),
+						className: "rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:opacity-90",
+						children: "New agent"
+					})
+				})
+			}) : /* @__PURE__ */ p("div", {
+				className: "mt-6 grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3",
+				children: O.map((e) => /* @__PURE__ */ m("div", {
+					className: "flex flex-col rounded-lg border border-border-subtle bg-bg-surface p-4",
+					children: [/* @__PURE__ */ m("button", {
+						type: "button",
+						onClick: () => v(`/agents/${e.id}`),
+						className: "text-left",
+						children: [
+							/* @__PURE__ */ m("div", {
+								className: "flex items-start justify-between gap-2",
+								children: [/* @__PURE__ */ p("span", {
+									className: "flex size-9 items-center justify-center rounded-lg bg-[var(--color-accent-soft)] text-text-primary",
+									children: /* @__PURE__ */ p(d, { className: "h-4 w-4" })
+								}), /* @__PURE__ */ p(i, { status: e.status })]
+							}),
+							/* @__PURE__ */ p("p", {
+								className: "mt-3 truncate text-sm font-semibold text-text-primary",
+								children: e.name
+							}),
+							/* @__PURE__ */ m("p", {
+								className: "text-xs text-text-secondary",
+								children: [n(e.kind), " agent"]
+							}),
+							e.description && /* @__PURE__ */ p("p", {
+								className: "mt-2 line-clamp-2 text-xs text-text-secondary",
+								children: e.description
+							}),
+							/* @__PURE__ */ p("p", {
+								className: "mt-2 text-xs text-text-secondary",
+								children: e.lastRunAt ? `Last run ${r(e.lastRunAt)}` : "Never run"
+							})
+						]
+					}), /* @__PURE__ */ m("div", {
+						className: "mt-3 border-t border-border-subtle pt-3",
+						children: [/* @__PURE__ */ p("label", {
+							className: "mb-1 block text-[10px] font-medium uppercase tracking-wide text-text-secondary",
+							children: "Posture"
+						}), /* @__PURE__ */ p("select", {
+							value: e.status,
+							disabled: D.isPending,
+							onChange: (t) => D.mutate({
+								id: e.id,
+								status: t.target.value
+							}),
+							className: "w-full rounded-lg border border-border-subtle bg-bg-surface px-2 py-1.5 text-xs text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)] disabled:opacity-50",
+							children: _.map((e) => /* @__PURE__ */ p("option", {
+								value: e,
+								children: n(e)
+							}, e))
+						})]
+					})]
+				}, e.id))
+			})
+		]
+	});
+}
+//#endregion
+export { v as AgentsListPage };
+
+//# sourceMappingURL=AgentsListPage.js.map

package/dist/subscriberbot/pages/agents/AgentsListPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AgentsListPage.js","names":[],"sources":["../../../../src/subscriberbot/pages/agents/AgentsListPage.tsx"],"sourcesContent":["/**\n * AI Agents list\n * @module subscriberbot/pages/agents\n *\n * The AI Agents Framework — specialized agents (Discovery, Renewal, Cost,\n * Newsletter, Vendor, Compliance, Negotiation, Migration, Concierge) that each\n * own a slice of the recurring-relationship problem. Filter by kind / posture.\n * Reads `subListAgents`; sets posture inline via `subSetAgentStatus`.\n */\n\nimport { useState } from 'react';\nimport { Plus, Bot } from 'lucide-react';\nimport { PagePurpose } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../../components/PageLayout';\nimport { StatusBadge } from '../../components/StatusBadge';\nimport { EmptyState } from '../../components/EmptyState';\nimport { LoadingView, ErrorView } from '../../components/StateViews';\nimport { useSubscriberBot } from '../../context/SubscriberBotContext';\nimport { useAgents, useSetAgentStatus } from '../../hooks/useSubscriberBotApi';\nimport { formatEnumLabel, formatRelativeTime } from '../../utils/formatters';\nimport type { SubAgentKind, SubAgentStatus } from '../../types';\n\nconst KIND_OPTIONS: Array<{ value: '' | SubAgentKind; label: string }> = [\n  { value: '', label: 'All kinds' },\n  { value: 'DISCOVERY', label: 'Discovery' },\n  { value: 'RENEWAL', label: 'Renewal' },\n  { value: 'COST', label: 'Cost' },\n  { value: 'NEWSLETTER', label: 'Newsletter' },\n  { value: 'VENDOR', label: 'Vendor' },\n  { value: 'COMPLIANCE', label: 'Compliance' },\n  { value: 'NEGOTIATION', label: 'Negotiation' },\n  { value: 'MIGRATION', label: 'Migration' },\n  { value: 'CONCIERGE', label: 'Concierge' },\n];\n\nconst STATUS_OPTIONS: SubAgentStatus[] = ['DISABLED', 'SUGGEST_ONLY', 'AUTONOMOUS'];\n\nexport function AgentsListPage() {\n  const { navigateTo } = useSubscriberBot();\n  const [kind, setKind] = useState<'' | SubAgentKind>('');\n  const [status, setStatus] = useState<'' | SubAgentStatus>('');\n\n  const { data, isLoading, isError, refetch } = useAgents({\n    kind: kind || undefined,\n    status: status || undefined,\n  });\n  const setAgentStatus = useSetAgentStatus();\n\n  const agents = data ?? [];\n\n  return (\n    <PageLayout\n      title=\"AI Agents\"\n      description=\"Specialized agents that automate your recurring portfolio\"\n      actions={\n        <button\n          type=\"button\"\n          onClick={() => navigateTo('/agents/new')}\n          className=\"inline-flex items-center gap-2 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:opacity-90\"\n        >\n          <Plus className=\"h-4 w-4\" /> New agent\n        </button>\n      }\n    >\n      <PagePurpose className=\"mb-4\">\n        Agents propose; your policies decide what they may do autonomously. Set each agent's posture\n        — Disabled, Suggest-only, or Autonomous — and open one to review its policies.\n      </PagePurpose>\n\n      <div className=\"flex flex-wrap items-center gap-3\">\n        <select\n          value={kind}\n          onChange={(e) => setKind(e.target.value as '' | SubAgentKind)}\n          className=\"rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-xs text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n        >\n          {KIND_OPTIONS.map((o) => (\n            <option key={o.value} value={o.value}>\n              {o.label}\n            </option>\n          ))}\n        </select>\n        <select\n          value={status}\n          onChange={(e) => setStatus(e.target.value as '' | SubAgentStatus)}\n          className=\"rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-xs text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n        >\n          <option value=\"\">Any posture</option>\n          {STATUS_OPTIONS.map((s) => (\n            <option key={s} value={s}>\n              {formatEnumLabel(s)}\n            </option>\n          ))}\n        </select>\n      </div>\n\n      {isLoading ? (\n        <LoadingView label=\"Loading agents…\" />\n      ) : isError ? (\n        <ErrorView message=\"Could not load agents.\" onRetry={() => void refetch()} />\n      ) : agents.length === 0 ? (\n        <div className=\"mt-6\">\n          <EmptyState\n            illustration=\"empty-data\"\n            icon={<Bot className=\"h-12 w-12\" />}\n            title=\"No agents yet\"\n            description=\"Create your first AI agent to start automating discovery, renewals, or cost optimization.\"\n            action={\n              <button\n                type=\"button\"\n                onClick={() => navigateTo('/agents/new')}\n                className=\"rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:opacity-90\"\n              >\n                New agent\n              </button>\n            }\n          />\n        </div>\n      ) : (\n        <div className=\"mt-6 grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n          {agents.map((a) => (\n            <div\n              key={a.id}\n              className=\"flex flex-col rounded-lg border border-border-subtle bg-bg-surface p-4\"\n            >\n              <button\n                type=\"button\"\n                onClick={() => navigateTo(`/agents/${a.id}`)}\n                className=\"text-left\"\n              >\n                <div className=\"flex items-start justify-between gap-2\">\n                  <span className=\"flex size-9 items-center justify-center rounded-lg bg-[var(--color-accent-soft)] text-text-primary\">\n                    <Bot className=\"h-4 w-4\" />\n                  </span>\n                  <StatusBadge status={a.status} />\n                </div>\n                <p className=\"mt-3 truncate text-sm font-semibold text-text-primary\">{a.name}</p>\n                <p className=\"text-xs text-text-secondary\">{formatEnumLabel(a.kind)} agent</p>\n                {a.description && (\n                  <p className=\"mt-2 line-clamp-2 text-xs text-text-secondary\">{a.description}</p>\n                )}\n                <p className=\"mt-2 text-xs text-text-secondary\">\n                  {a.lastRunAt ? `Last run ${formatRelativeTime(a.lastRunAt)}` : 'Never run'}\n                </p>\n              </button>\n              <div className=\"mt-3 border-t border-border-subtle pt-3\">\n                <label className=\"mb-1 block text-[10px] font-medium uppercase tracking-wide text-text-secondary\">\n                  Posture\n                </label>\n                <select\n                  value={a.status}\n                  disabled={setAgentStatus.isPending}\n                  onChange={(e) =>\n                    setAgentStatus.mutate({ id: a.id, status: e.target.value as SubAgentStatus })\n                  }\n                  className=\"w-full rounded-lg border border-border-subtle bg-bg-surface px-2 py-1.5 text-xs text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)] disabled:opacity-50\"\n                >\n                  {STATUS_OPTIONS.map((s) => (\n                    <option key={s} value={s}>\n                      {formatEnumLabel(s)}\n                    </option>\n                  ))}\n                </select>\n              </div>\n            </div>\n          ))}\n        </div>\n      )}\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}