npm - @burdenoff/microfe-subscriberbot - Versions diffs - 2026.801.1 → 2026.829.1 - Mend

@burdenoff/microfe-subscriberbot 2026.801.1 → 2026.829.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (67) hide show

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

@@ -8,253 +8,237 @@ import { ErrorView as s, LoadingView as c } from "../../components/StateViews.js
 import { Donut as l, Legend as u } from "../../components/viz.js";
 import "../../components/index.js";
 import { useAgents as d, useSetAgentStatus as f } from "../../hooks/useSubscriberBotApi.js";
-import { useState as p } from "react";
-import { ArrowLeftRight as m, Bot as h, Building2 as g, Clock as _, ConciergeBell as v, DollarSign as y, Handshake as b, Mail as x, Plus as S, RefreshCw as C, Search as w, ShieldCheck as T, Sparkles as E, Zap as D } from "lucide-react";
-import { Fragment as O, jsx as k, jsxs as A } from "react/jsx-runtime";
-import { GlassCard as j, PagePurpose as M } from "@burdenoff/fe-libs/ui";
+import { useTr as p } from "../../hooks/useTr.js";
+import { useState as m } from "react";
+import { ArrowLeftRight as h, Bot as g, Building2 as _, Clock as v, ConciergeBell as y, DollarSign as b, Handshake as x, Mail as S, Plus as C, RefreshCw as w, Search as T, ShieldCheck as E, Sparkles as D, Zap as O } from "lucide-react";
+import { Fragment as k, jsx as A, jsxs as j } from "react/jsx-runtime";
+import { GlassCard as M, PagePurpose as N } from "@burdenoff/fe-libs/ui";
 //#region src/subscriberbot/pages/agents/AgentsListPage.tsx
-var N = [
-	{
-		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"
-	}
-], P = [
+var P = {
+	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"
+}, F = [
 	"DISABLED",
 	"SUGGEST_ONLY",
 	"AUTONOMOUS"
-], F = {
-	DISCOVERY: w,
-	RENEWAL: C,
-	COST: y,
-	NEWSLETTER: x,
-	VENDOR: g,
-	COMPLIANCE: T,
-	NEGOTIATION: b,
-	MIGRATION: m,
-	CONCIERGE: v
-}, I = {
+], I = {
+	DISCOVERY: T,
+	RENEWAL: w,
+	COST: b,
+	NEWSLETTER: S,
+	VENDOR: _,
+	COMPLIANCE: E,
+	NEGOTIATION: x,
+	MIGRATION: h,
+	CONCIERGE: y
+}, L = {
 	AUTONOMOUS: "var(--color-status-success-text)",
 	SUGGEST_ONLY: "var(--color-accent-indigo)",
 	DISABLED: "var(--color-text-secondary)"
-}, L = 1440 * 60 * 1e3;
-function R() {
-	let { navigateTo: m } = e(), [g, v] = p(""), [y, b] = p(""), { data: x, isLoading: C, isError: w, refetch: T } = d({
-		kind: g || void 0,
-		status: y || void 0
-	}), R = f(), z = x ?? [], B = {
+}, R = 1440 * 60 * 1e3;
+function z() {
+	let h = p(), { navigateTo: _ } = e(), [y, b] = m(""), [x, S] = m(""), w = [{
+		value: "",
+		label: h("agents.filters.allKinds", "All kinds")
+	}, ...Object.entries(P).map(([e, t]) => ({
+		value: e,
+		label: h(t, r(e))
+	}))], { data: T, isLoading: E, isError: z, refetch: B } = d({
+		kind: y || void 0,
+		status: x || void 0
+	}), V = f(), H = T ?? [], U = {
 		AUTONOMOUS: 0,
 		SUGGEST_ONLY: 0,
 		DISABLED: 0
-	}, V = 0, H = Date.now();
-	for (let e of z) B[e.status] += 1, e.lastRunAt && H - new Date(e.lastRunAt).getTime() <= 7 * L && (V += 1);
-	let U = P.map((e) => ({
-		label: r(e),
-		value: B[e],
-		color: I[e]
+	}, W = 0, G = Date.now();
+	for (let e of H) U[e.status] += 1, e.lastRunAt && G - new Date(e.lastRunAt).getTime() <= 7 * R && (W += 1);
+	let K = F.map((e) => ({
+		label: h(`agents.postures.${e.toLowerCase()}`, r(e)),
+		value: U[e],
+		color: L[e]
 	})).filter((e) => e.value > 0);
-	return /* @__PURE__ */ A(t, {
-		title: "AI Agents",
-		description: "Specialized agents that automate your recurring portfolio",
-		actions: /* @__PURE__ */ A("button", {
+	return /* @__PURE__ */ j(t, {
+		title: h("agents.title", "AI Agents"),
+		description: h("agents.description", "Specialized agents that automate your recurring portfolio"),
+		actions: /* @__PURE__ */ j("button", {
 			type: "button",
-			onClick: () => m("/agents/new"),
+			onClick: () => _("/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__ */ k(S, { className: "h-4 w-4" }), " New agent"]
+			children: [
+				/* @__PURE__ */ A(C, { className: "h-4 w-4" }),
+				" ",
+				h("agents.newAgent", "New agent")
+			]
 		}),
 		children: [
-			/* @__PURE__ */ k(M, {
+			/* @__PURE__ */ A(N, {
 				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."
+				children: h("agents.purpose", "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__ */ A("div", {
+			/* @__PURE__ */ j("div", {
 				className: "flex flex-wrap items-center gap-3",
-				children: [/* @__PURE__ */ k("select", {
-					"aria-label": "Filter by kind",
-					value: g,
-					onChange: (e) => v(e.target.value),
+				children: [/* @__PURE__ */ A("select", {
+					"aria-label": h("agents.filters.kindLabel", "Filter by kind"),
+					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: N.map((e) => /* @__PURE__ */ k("option", {
+					children: w.map((e) => /* @__PURE__ */ A("option", {
 						value: e.value,
 						children: e.label
 					}, e.value))
-				}), /* @__PURE__ */ A("select", {
-					"aria-label": "Filter by posture",
-					value: y,
-					onChange: (e) => b(e.target.value),
+				}), /* @__PURE__ */ j("select", {
+					"aria-label": h("agents.filters.postureLabel", "Filter by posture"),
+					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__ */ k("option", {
+					children: [/* @__PURE__ */ A("option", {
 						value: "",
-						children: "Any posture"
-					}), P.map((e) => /* @__PURE__ */ k("option", {
+						children: h("agents.filters.anyPosture", "Any posture")
+					}), F.map((e) => /* @__PURE__ */ A("option", {
 						value: e,
-						children: r(e)
+						children: h(`agents.postures.${e.toLowerCase()}`, r(e))
 					}, e))]
 				})]
 			}),
-			C ? /* @__PURE__ */ k(c, { label: "Loading agents…" }) : w ? /* @__PURE__ */ k(s, {
-				message: "Could not load agents.",
-				onRetry: () => void T()
-			}) : z.length === 0 ? /* @__PURE__ */ k("div", {
+			E ? /* @__PURE__ */ A(c, { label: h("agents.loading", "Loading agents…") }) : z ? /* @__PURE__ */ A(s, {
+				message: h("agents.error", "Could not load agents."),
+				onRetry: () => void B()
+			}) : H.length === 0 ? /* @__PURE__ */ A("div", {
 				className: "mt-6",
-				children: /* @__PURE__ */ k(o, {
+				children: /* @__PURE__ */ A(o, {
 					illustration: "empty-data",
-					icon: /* @__PURE__ */ k(h, { 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__ */ k("button", {
+					icon: /* @__PURE__ */ A(g, { className: "h-12 w-12" }),
+					title: h("agents.emptyTitle", "No agents yet"),
+					description: h("agents.emptyDescription", "Create your first AI agent to start automating discovery, renewals, or cost optimization."),
+					action: /* @__PURE__ */ A("button", {
 						type: "button",
-						onClick: () => m("/agents/new"),
+						onClick: () => _("/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"
+						children: h("agents.newAgent", "New agent")
 					})
 				})
-			}) : /* @__PURE__ */ A(O, { children: [/* @__PURE__ */ A("div", {
+			}) : /* @__PURE__ */ j(k, { children: [/* @__PURE__ */ j("div", {
 				className: "mt-6 grid grid-cols-1 gap-4 lg:grid-cols-3",
-				children: [/* @__PURE__ */ A(j, {
+				children: [/* @__PURE__ */ j(M, {
 					treatment: "insight",
 					className: "p-5 lg:col-span-1",
 					children: [
-						/* @__PURE__ */ k("p", {
+						/* @__PURE__ */ A("p", {
 							className: "text-sm font-semibold text-text-primary",
-							children: "Fleet posture"
+							children: h("agents.fleet.title", "Fleet posture")
 						}),
-						/* @__PURE__ */ k("p", {
+						/* @__PURE__ */ A("p", {
 							className: "mt-0.5 text-xs text-text-secondary",
-							children: "How your agents are allowed to act"
+							children: h("agents.fleet.description", "How your agents are allowed to act")
 						}),
-						/* @__PURE__ */ A("div", {
+						/* @__PURE__ */ j("div", {
 							className: "mt-4 flex items-center gap-5",
-							children: [/* @__PURE__ */ k(l, {
-								data: U,
+							children: [/* @__PURE__ */ A(l, {
+								data: K,
 								size: 132,
 								thickness: 16,
-								centerLabel: String(z.length),
-								centerSub: z.length === 1 ? "agent" : "agents"
-							}), /* @__PURE__ */ k(u, {
+								centerLabel: String(H.length),
+								centerSub: H.length === 1 ? h("agents.fleet.agentSingular", "agent") : h("agents.fleet.agentPlural", "agents")
+							}), /* @__PURE__ */ A(u, {
 								className: "flex-1",
-								data: U
+								data: K
 							})]
 						})
 					]
-				}), /* @__PURE__ */ A("div", {
+				}), /* @__PURE__ */ j("div", {
 					className: "grid grid-cols-2 gap-4 lg:col-span-2",
 					children: [
-						/* @__PURE__ */ k(n, {
-							icon: /* @__PURE__ */ k(h, { className: "h-5 w-5" }),
-							value: z.length,
-							label: "Total agents"
+						/* @__PURE__ */ A(n, {
+							icon: /* @__PURE__ */ A(g, { className: "h-5 w-5" }),
+							value: H.length,
+							label: h("agents.fleet.totalAgents", "Total agents")
 						}),
-						/* @__PURE__ */ k(n, {
-							icon: /* @__PURE__ */ k(D, { className: "h-5 w-5" }),
-							value: B.AUTONOMOUS,
-							label: "Autonomous"
+						/* @__PURE__ */ A(n, {
+							icon: /* @__PURE__ */ A(O, { className: "h-5 w-5" }),
+							value: U.AUTONOMOUS,
+							label: h("agents.postures.autonomous", "Autonomous")
 						}),
-						/* @__PURE__ */ k(n, {
-							icon: /* @__PURE__ */ k(E, { className: "h-5 w-5" }),
-							value: B.SUGGEST_ONLY,
-							label: "Suggest-only"
+						/* @__PURE__ */ A(n, {
+							icon: /* @__PURE__ */ A(D, { className: "h-5 w-5" }),
+							value: U.SUGGEST_ONLY,
+							label: h("agents.postures.suggestOnly", "Suggest-only")
 						}),
-						/* @__PURE__ */ k(n, {
-							icon: /* @__PURE__ */ k(_, { className: "h-5 w-5" }),
-							value: V,
-							label: "Ran in last 7 days"
+						/* @__PURE__ */ A(n, {
+							icon: /* @__PURE__ */ A(v, { className: "h-5 w-5" }),
+							value: W,
+							label: h("agents.fleet.ranLast7Days", "Ran in last 7 days")
 						})
 					]
 				})]
-			}), /* @__PURE__ */ k("div", {
+			}), /* @__PURE__ */ A("div", {
 				className: "mt-6 grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3",
-				children: z.map((e) => {
-					let t = F[e.kind] ?? h;
-					return /* @__PURE__ */ A(j, {
+				children: H.map((e) => {
+					let t = I[e.kind] ?? g;
+					return /* @__PURE__ */ j(M, {
 						treatment: "metric",
 						glow: e.status === "AUTONOMOUS",
 						className: "flex flex-col p-5",
-						children: [/* @__PURE__ */ A("button", {
+						children: [/* @__PURE__ */ j("button", {
 							type: "button",
-							onClick: () => m(`/agents/${e.id}`),
+							onClick: () => _(`/agents/${e.id}`),
 							className: "rounded-lg text-left focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]",
-							"aria-label": `Open ${e.name}`,
+							"aria-label": h("agents.card.openAria", "Open {{name}}", { name: e.name }),
 							children: [
-								/* @__PURE__ */ A("div", {
+								/* @__PURE__ */ j("div", {
 									className: "flex items-start justify-between gap-2",
-									children: [/* @__PURE__ */ k("span", {
+									children: [/* @__PURE__ */ A("span", {
 										className: "flex size-10 items-center justify-center rounded-xl bg-[var(--color-accent-soft)] text-text-primary",
-										children: /* @__PURE__ */ k(t, { className: "h-5 w-5" })
-									}), /* @__PURE__ */ k(a, { status: e.status })]
+										children: /* @__PURE__ */ A(t, { className: "h-5 w-5" })
+									}), /* @__PURE__ */ A(a, { status: e.status })]
 								}),
-								/* @__PURE__ */ k("p", {
+								/* @__PURE__ */ A("p", {
 									className: "mt-3 truncate text-sm font-semibold text-text-primary",
 									children: e.name
 								}),
-								/* @__PURE__ */ A("p", {
+								/* @__PURE__ */ j("p", {
 									className: "text-xs text-text-secondary",
-									children: [r(e.kind), " agent"]
+									children: [
+										h(P[e.kind], r(e.kind)),
+										" ",
+										h("agents.card.kindSuffix", "agent")
+									]
 								}),
-								/* @__PURE__ */ k("p", {
+								/* @__PURE__ */ A("p", {
 									className: "mt-2 line-clamp-2 min-h-[2rem] text-xs text-text-secondary",
-									children: e.description || "No description provided."
+									children: e.description || h("agents.card.noDescription", "No description provided.")
 								}),
-								/* @__PURE__ */ A("p", {
+								/* @__PURE__ */ j("p", {
 									className: "mt-3 flex items-center gap-1.5 text-xs text-text-secondary",
-									children: [/* @__PURE__ */ k(_, {
+									children: [/* @__PURE__ */ A(v, {
 										className: "h-3.5 w-3.5",
 										"aria-hidden": !0
-									}), e.lastRunAt ? `Last run ${i(e.lastRunAt)}` : "Never run"]
+									}), e.lastRunAt ? h("agents.card.lastRun", "Last run {{when}}", { when: i(e.lastRunAt) }) : h("agents.card.neverRun", "Never run")]
 								})
 							]
-						}), /* @__PURE__ */ A("div", {
+						}), /* @__PURE__ */ j("div", {
 							className: "mt-4 border-t border-border-subtle pt-3",
-							children: [/* @__PURE__ */ k("label", {
+							children: [/* @__PURE__ */ A("label", {
 								className: "mb-1 block text-[10px] font-medium uppercase tracking-wide text-text-secondary",
-								children: "Posture"
-							}), /* @__PURE__ */ k("select", {
-								"aria-label": `Posture for ${e.name}`,
+								children: h("agents.card.posture", "Posture")
+							}), /* @__PURE__ */ A("select", {
+								"aria-label": h("agents.card.postureAria", "Posture for {{name}}", { name: e.name }),
 								value: e.status,
-								disabled: R.isPending,
-								onChange: (t) => R.mutate({
+								disabled: V.isPending,
+								onChange: (t) => V.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: P.map((e) => /* @__PURE__ */ k("option", {
+								children: F.map((e) => /* @__PURE__ */ A("option", {
 									value: e,
-									children: r(e)
+									children: h(`agents.postures.${e.toLowerCase()}`, r(e))
 								}, e))
 							})]
 						})]
@@ -265,6 +249,6 @@ function R() {
 	});
 }
 //#endregion
-export { R as AgentsListPage };
+export { z as AgentsListPage };
 //# sourceMappingURL=AgentsListPage.js.map

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

	@@ -1 +1 @@
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 {\n Plus,\n Bot,\n Search,\n RefreshCw,\n DollarSign,\n Mail,\n Building2,\n ShieldCheck,\n Handshake,\n ArrowLeftRight,\n ConciergeBell,\n Clock,\n Zap,\n Sparkles,\n type LucideIcon,\n} from 'lucide-react';\nimport { PagePurpose, GlassCard } from '@burdenoff/fe-libs/ui';\nimport {\n PageLayout,\n StatusBadge,\n EmptyState,\n MetricsCard,\n Donut,\n Legend,\n LoadingView,\n ErrorView,\n type Segment,\n} from '../../components';\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\n/* Kind → glyph. Purely presentational; falls back to the generic Bot mark. /\nconst KIND_ICON: Record<SubAgentKind, LucideIcon> = {\n DISCOVERY: Search,\n RENEWAL: RefreshCw,\n COST: DollarSign,\n NEWSLETTER: Mail,\n VENDOR: Building2,\n COMPLIANCE: ShieldCheck,\n NEGOTIATION: Handshake,\n MIGRATION: ArrowLeftRight,\n CONCIERGE: ConciergeBell,\n};\n\n/* Posture → semantic chart colour (tokens only) for the fleet donut. /\nconst POSTURE_COLOR: Record<SubAgentStatus, string> = {\n AUTONOMOUS: 'var(--color-status-success-text)',\n SUGGEST_ONLY: 'var(--color-accent-indigo)',\n DISABLED: 'var(--color-text-secondary)',\n};\n\nconst DAY_MS = 24 60 * 60 * 1000;\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 // --- Real, computed fleet aggregates (never hardcoded) --------------------\n const postureCounts: Record<SubAgentStatus, number> = {\n AUTONOMOUS: 0,\n SUGGEST_ONLY: 0,\n DISABLED: 0,\n };\n let recentlyRun = 0;\n const now = Date.now();\n for (const a of agents) {\n postureCounts[a.status] += 1;\n if (a.lastRunAt && now - new Date(a.lastRunAt).getTime() <= 7 * DAY_MS) recentlyRun += 1;\n }\n const postureData: Segment[] = STATUS_OPTIONS.map((s) => ({\n label: formatEnumLabel(s),\n value: postureCounts[s],\n color: POSTURE_COLOR[s],\n })).filter((d) => d.value > 0);\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 aria-label=\"Filter by kind\"\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 aria-label=\"Filter by posture\"\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 <>\n {/* --- Fleet overview: posture mix + live counts (computed) ------ /}\n <div className=\"mt-6 grid grid-cols-1 gap-4 lg:grid-cols-3\">\n <GlassCard treatment=\"insight\" className=\"p-5 lg:col-span-1\">\n <p className=\"text-sm font-semibold text-text-primary\">Fleet posture</p>\n <p className=\"mt-0.5 text-xs text-text-secondary\">\n How your agents are allowed to act\n </p>\n <div className=\"mt-4 flex items-center gap-5\">\n <Donut\n data={postureData}\n size={132}\n thickness={16}\n centerLabel={String(agents.length)}\n centerSub={agents.length === 1 ? 'agent' : 'agents'}\n />\n <Legend className=\"flex-1\" data={postureData} />\n </div>\n </GlassCard>\n\n <div className=\"grid grid-cols-2 gap-4 lg:col-span-2\">\n <MetricsCard\n icon={<Bot className=\"h-5 w-5\" />}\n value={agents.length}\n label=\"Total agents\"\n />\n <MetricsCard\n icon={<Zap className=\"h-5 w-5\" />}\n value={postureCounts.AUTONOMOUS}\n label=\"Autonomous\"\n />\n <MetricsCard\n icon={<Sparkles className=\"h-5 w-5\" />}\n value={postureCounts.SUGGEST_ONLY}\n label=\"Suggest-only\"\n />\n <MetricsCard\n icon={<Clock className=\"h-5 w-5\" />}\n value={recentlyRun}\n label=\"Ran in last 7 days\"\n />\n </div>\n </div>\n\n {/ --- Agent cards ------------------------------------------------ */}\n <div className=\"mt-6 grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n {agents.map((a) => {\n const Icon = KIND_ICON[a.kind] ?? Bot;\n return (\n <GlassCard\n key={a.id}\n treatment=\"metric\"\n glow={a.status === 'AUTONOMOUS'}\n className=\"flex flex-col p-5\"\n >\n <button\n type=\"button\"\n onClick={() => navigateTo(`/agents/${a.id}`)}\n className=\"rounded-lg text-left focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]\"\n aria-label={`Open ${a.name}`}\n >\n <div className=\"flex items-start justify-between gap-2\">\n <span className=\"flex size-10 items-center justify-center rounded-xl bg-[var(--color-accent-soft)] text-text-primary\">\n <Icon className=\"h-5 w-5\" />\n </span>\n <StatusBadge status={a.status} />\n </div>\n <p className=\"mt-3 truncate text-sm font-semibold text-text-primary\">\n {a.name}\n </p>\n <p className=\"text-xs text-text-secondary\">{formatEnumLabel(a.kind)} agent</p>\n <p className=\"mt-2 line-clamp-2 min-h-[2rem] text-xs text-text-secondary\">\n {a.description \|\| 'No description provided.'}\n </p>\n <p className=\"mt-3 flex items-center gap-1.5 text-xs text-text-secondary\">\n <Clock className=\"h-3.5 w-3.5\" aria-hidden />\n {a.lastRunAt ? `Last run ${formatRelativeTime(a.lastRunAt)}` : 'Never run'}\n </p>\n </button>\n <div className=\"mt-4 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 aria-label={`Posture for ${a.name}`}\n value={a.status}\n disabled={setAgentStatus.isPending}\n onChange={(e) =>\n setAgentStatus.mutate({\n id: a.id,\n status: e.target.value as SubAgentStatus,\n })\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 </GlassCard>\n );\n })}\n </div>\n </>\n )}\n </PageLayout>\n );\n}\n"],"mappings":"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"}
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 {\n Plus,\n Bot,\n Search,\n RefreshCw,\n DollarSign,\n Mail,\n Building2,\n ShieldCheck,\n Handshake,\n ArrowLeftRight,\n ConciergeBell,\n Clock,\n Zap,\n Sparkles,\n type LucideIcon,\n} from 'lucide-react';\nimport { PagePurpose, GlassCard } from '@burdenoff/fe-libs/ui';\nimport {\n PageLayout,\n StatusBadge,\n EmptyState,\n MetricsCard,\n Donut,\n Legend,\n LoadingView,\n ErrorView,\n type Segment,\n} from '../../components';\nimport { useSubscriberBot } from '../../context/SubscriberBotContext';\nimport { useAgents, useSetAgentStatus } from '../../hooks/useSubscriberBotApi';\nimport { useTr } from '../../hooks/useTr';\nimport { formatEnumLabel, formatRelativeTime } from '../../utils/formatters';\nimport type { SubAgentKind, SubAgentStatus } from '../../types';\n\nconst KIND_KEY: Record<SubAgentKind, string> = {\n DISCOVERY: 'agents.kinds.discovery',\n RENEWAL: 'agents.kinds.renewal',\n COST: 'agents.kinds.cost',\n NEWSLETTER: 'agents.kinds.newsletter',\n VENDOR: 'agents.kinds.vendor',\n COMPLIANCE: 'agents.kinds.compliance',\n NEGOTIATION: 'agents.kinds.negotiation',\n MIGRATION: 'agents.kinds.migration',\n CONCIERGE: 'agents.kinds.concierge',\n};\n\nconst STATUS_OPTIONS: SubAgentStatus[] = ['DISABLED', 'SUGGEST_ONLY', 'AUTONOMOUS'];\n\n/* Kind → glyph. Purely presentational; falls back to the generic Bot mark. /\nconst KIND_ICON: Record<SubAgentKind, LucideIcon> = {\n DISCOVERY: Search,\n RENEWAL: RefreshCw,\n COST: DollarSign,\n NEWSLETTER: Mail,\n VENDOR: Building2,\n COMPLIANCE: ShieldCheck,\n NEGOTIATION: Handshake,\n MIGRATION: ArrowLeftRight,\n CONCIERGE: ConciergeBell,\n};\n\n/* Posture → semantic chart colour (tokens only) for the fleet donut. /\nconst POSTURE_COLOR: Record<SubAgentStatus, string> = {\n AUTONOMOUS: 'var(--color-status-success-text)',\n SUGGEST_ONLY: 'var(--color-accent-indigo)',\n DISABLED: 'var(--color-text-secondary)',\n};\n\nconst DAY_MS = 24 60 * 60 * 1000;\n\nexport function AgentsListPage() {\n const tr = useTr();\n const { navigateTo } = useSubscriberBot();\n const [kind, setKind] = useState<'' \| SubAgentKind>('');\n const [status, setStatus] = useState<'' \| SubAgentStatus>('');\n\n const kindOptions: Array<{ value: '' \| SubAgentKind; label: string }> = [\n { value: '', label: tr('agents.filters.allKinds', 'All kinds') },\n ...Object.entries(KIND_KEY).map(([value, key]) => ({\n value: value as SubAgentKind,\n label: tr(key, formatEnumLabel(value as SubAgentKind)),\n })),\n ];\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 // --- Real, computed fleet aggregates (never hardcoded) --------------------\n const postureCounts: Record<SubAgentStatus, number> = {\n AUTONOMOUS: 0,\n SUGGEST_ONLY: 0,\n DISABLED: 0,\n };\n let recentlyRun = 0;\n const now = Date.now();\n for (const a of agents) {\n postureCounts[a.status] += 1;\n if (a.lastRunAt && now - new Date(a.lastRunAt).getTime() <= 7 * DAY_MS) recentlyRun += 1;\n }\n const postureData: Segment[] = STATUS_OPTIONS.map((s) => ({\n label: tr(`agents.postures.${s.toLowerCase()}`, formatEnumLabel(s)),\n value: postureCounts[s],\n color: POSTURE_COLOR[s],\n })).filter((d) => d.value > 0);\n\n return (\n <PageLayout\n title={tr('agents.title', 'AI Agents')}\n description={tr(\n 'agents.description',\n 'Specialized agents that automate your recurring portfolio'\n )}\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\" /> {tr('agents.newAgent', 'New agent')}\n </button>\n }\n >\n <PagePurpose className=\"mb-4\">\n {tr(\n 'agents.purpose',\n \"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.\"\n )}\n </PagePurpose>\n\n <div className=\"flex flex-wrap items-center gap-3\">\n <select\n aria-label={tr('agents.filters.kindLabel', 'Filter by kind')}\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 {kindOptions.map((o) => (\n <option key={o.value} value={o.value}>\n {o.label}\n </option>\n ))}\n </select>\n <select\n aria-label={tr('agents.filters.postureLabel', 'Filter by posture')}\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=\"\">{tr('agents.filters.anyPosture', 'Any posture')}</option>\n {STATUS_OPTIONS.map((s) => (\n <option key={s} value={s}>\n {tr(`agents.postures.${s.toLowerCase()}`, formatEnumLabel(s))}\n </option>\n ))}\n </select>\n </div>\n\n {isLoading ? (\n <LoadingView label={tr('agents.loading', 'Loading agents…')} />\n ) : isError ? (\n <ErrorView\n message={tr('agents.error', 'Could not load agents.')}\n onRetry={() => void refetch()}\n />\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={tr('agents.emptyTitle', 'No agents yet')}\n description={tr(\n 'agents.emptyDescription',\n 'Create your first AI agent to start automating discovery, renewals, or cost optimization.'\n )}\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 {tr('agents.newAgent', 'New agent')}\n </button>\n }\n />\n </div>\n ) : (\n <>\n {/* --- Fleet overview: posture mix + live counts (computed) ------ /}\n <div className=\"mt-6 grid grid-cols-1 gap-4 lg:grid-cols-3\">\n <GlassCard treatment=\"insight\" className=\"p-5 lg:col-span-1\">\n <p className=\"text-sm font-semibold text-text-primary\">\n {tr('agents.fleet.title', 'Fleet posture')}\n </p>\n <p className=\"mt-0.5 text-xs text-text-secondary\">\n {tr('agents.fleet.description', 'How your agents are allowed to act')}\n </p>\n <div className=\"mt-4 flex items-center gap-5\">\n <Donut\n data={postureData}\n size={132}\n thickness={16}\n centerLabel={String(agents.length)}\n centerSub={\n agents.length === 1\n ? tr('agents.fleet.agentSingular', 'agent')\n : tr('agents.fleet.agentPlural', 'agents')\n }\n />\n <Legend className=\"flex-1\" data={postureData} />\n </div>\n </GlassCard>\n\n <div className=\"grid grid-cols-2 gap-4 lg:col-span-2\">\n <MetricsCard\n icon={<Bot className=\"h-5 w-5\" />}\n value={agents.length}\n label={tr('agents.fleet.totalAgents', 'Total agents')}\n />\n <MetricsCard\n icon={<Zap className=\"h-5 w-5\" />}\n value={postureCounts.AUTONOMOUS}\n label={tr('agents.postures.autonomous', 'Autonomous')}\n />\n <MetricsCard\n icon={<Sparkles className=\"h-5 w-5\" />}\n value={postureCounts.SUGGEST_ONLY}\n label={tr('agents.postures.suggestOnly', 'Suggest-only')}\n />\n <MetricsCard\n icon={<Clock className=\"h-5 w-5\" />}\n value={recentlyRun}\n label={tr('agents.fleet.ranLast7Days', 'Ran in last 7 days')}\n />\n </div>\n </div>\n\n {/ --- Agent cards ------------------------------------------------ */}\n <div className=\"mt-6 grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n {agents.map((a) => {\n const Icon = KIND_ICON[a.kind] ?? Bot;\n return (\n <GlassCard\n key={a.id}\n treatment=\"metric\"\n glow={a.status === 'AUTONOMOUS'}\n className=\"flex flex-col p-5\"\n >\n <button\n type=\"button\"\n onClick={() => navigateTo(`/agents/${a.id}`)}\n className=\"rounded-lg text-left focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]\"\n aria-label={tr('agents.card.openAria', 'Open {{name}}', { name: a.name })}\n >\n <div className=\"flex items-start justify-between gap-2\">\n <span className=\"flex size-10 items-center justify-center rounded-xl bg-[var(--color-accent-soft)] text-text-primary\">\n <Icon className=\"h-5 w-5\" />\n </span>\n <StatusBadge status={a.status} />\n </div>\n <p className=\"mt-3 truncate text-sm font-semibold text-text-primary\">\n {a.name}\n </p>\n <p className=\"text-xs text-text-secondary\">\n {tr(KIND_KEY[a.kind], formatEnumLabel(a.kind))}{' '}\n {tr('agents.card.kindSuffix', 'agent')}\n </p>\n <p className=\"mt-2 line-clamp-2 min-h-[2rem] text-xs text-text-secondary\">\n {a.description \|\| tr('agents.card.noDescription', 'No description provided.')}\n </p>\n <p className=\"mt-3 flex items-center gap-1.5 text-xs text-text-secondary\">\n <Clock className=\"h-3.5 w-3.5\" aria-hidden />\n {a.lastRunAt\n ? tr('agents.card.lastRun', 'Last run {{when}}', {\n when: formatRelativeTime(a.lastRunAt),\n })\n : tr('agents.card.neverRun', 'Never run')}\n </p>\n </button>\n <div className=\"mt-4 border-t border-border-subtle pt-3\">\n <label className=\"mb-1 block text-[10px] font-medium uppercase tracking-wide text-text-secondary\">\n {tr('agents.card.posture', 'Posture')}\n </label>\n <select\n aria-label={tr('agents.card.postureAria', 'Posture for {{name}}', {\n name: a.name,\n })}\n value={a.status}\n disabled={setAgentStatus.isPending}\n onChange={(e) =>\n setAgentStatus.mutate({\n id: a.id,\n status: e.target.value as SubAgentStatus,\n })\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 {tr(`agents.postures.${s.toLowerCase()}`, formatEnumLabel(s))}\n </option>\n ))}\n </select>\n </div>\n </GlassCard>\n );\n })}\n </div>\n </>\n )}\n </PageLayout>\n );\n}\n"],"mappings":"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"}

package/dist/subscriberbot/pages/providers/ProviderDetailPage.d.ts CHANGED Viewed

@@ -3,8 +3,10 @@
  * @module subscriberbot/pages/providers
  *
  * A provider profile from the registry: category, status, region, scores,
- * tags and its published plans. Reads `subProvider(id)`; writes
- * `subUpdateProvider`, `subArchiveProvider`, `subCreatePlan`.
+ * tags and its published plans. Reads `subProvider(id)` and
+ * `subListBenchmarkDataPoints` (the observed price points behind the "Price
+ * history" card); writes `subUpdateProvider`, `subArchiveProvider`,
+ * `subCreatePlan`.
  */
 export declare function ProviderDetailPage(): import("react").JSX.Element;
 //# sourceMappingURL=ProviderDetailPage.d.ts.map

package/dist/subscriberbot/pages/providers/ProviderDetailPage.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ProviderDetailPage.d.ts","sourceRoot":"","sources":["../../../../src/subscriberbot/pages/providers/ProviderDetailPage.tsx"],"names":[],"mappings":"AAAA~~;;;;;;;GAOG~~;~~AAkkBH~~,wBAAgB,kBAAkB,~~gCAiUjC~~"}
1	+ {"version":3,"file":"ProviderDetailPage.d.ts","sourceRoot":"","sources":["../../../../src/subscriberbot/pages/providers/ProviderDetailPage.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAoxBH,wBAAgB,kBAAkB,gCAsWjC"}