@burdenoff/microfe-subscriberbot 2026.1030.7 → 2026.1102.1

package/dist/subscriberbot/pages/negotiations/NegotiationNewPage.js

@@ -0,0 +1,375 @@
+import { useSubscriberBot as e } from "../../context/SubscriberBotContext.js";
+import { cn as t } from "../../utils/cn.js";
+import { PageLayout as n } from "../../components/PageLayout.js";
+import { formatEnumLabel as r } from "../../utils/formatters.js";
+import { useTr as i } from "../../hooks/useTr.js";
+import { useRelationships as a } from "../../hooks/useSubscriberBotApi.js";
+import { BILL_TYPES as o, BILL_TYPE_LABEL as s, TARGETS as ee, TARGET_LABEL as c } from "../../components/negotiations/labels.js";
+import "../../components/negotiations/index.js";
+import { useCreateNegotiation as l, useNegotiationTerms as u } from "../../hooks/useNegotiationApi.js";
+import { useEffect as te, useMemo as d, useRef as ne, useState as f } from "react";
+import { ArrowLeft as re, Handshake as p, Receipt as ie, Target as ae, UserRound as oe } from "lucide-react";
+import { useSearchParams as se } from "react-router";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+import { GlassCard as g, PagePurpose as ce } from "@burdenoff/fe-libs/ui";
+//#region src/subscriberbot/pages/negotiations/NegotiationNewPage.tsx
+var _ = [
+	"MONTHLY",
+	"YEARLY",
+	"QUARTERLY",
+	"WEEKLY"
+], v = "w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2.5 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]", y = "mb-1.5 block text-xs font-medium text-text-secondary";
+function b({ icon: e, title: t, description: n, children: r }) {
+	return /* @__PURE__ */ h(g, {
+		treatment: "metric",
+		className: "p-5 sm:p-6",
+		children: [/* @__PURE__ */ h("div", {
+			className: "flex items-start gap-3",
+			children: [/* @__PURE__ */ m("span", {
+				className: "mt-0.5 flex h-8 w-8 shrink-0 items-center justify-center rounded-lg bg-bg-sunken text-text-secondary",
+				children: e
+			}), /* @__PURE__ */ h("div", {
+				className: "min-w-0",
+				children: [/* @__PURE__ */ m("h2", {
+					className: "text-sm font-semibold text-text-primary",
+					children: t
+				}), /* @__PURE__ */ m("p", {
+					className: "mt-0.5 text-xs text-text-secondary",
+					children: n
+				})]
+			})]
+		}), /* @__PURE__ */ m("div", {
+			className: "mt-4",
+			children: r
+		})]
+	});
+}
+function x() {
+	let g = i(), { navigateTo: x } = e(), [S] = se(), C = l(), w = u(), T = a({ pagination: {
+		limit: 100,
+		offset: 0
+	} }), E = d(() => T.data?.items ?? [], [T.data]), [D, le] = f(S.get("relationshipId") ?? ""), [O, k] = f(""), [A, ue] = f("INTERNET"), [j, M] = f(""), [N, P] = f("USD"), [F, I] = f("MONTHLY"), [L, R] = f("LOWER_PRICE"), [z, B] = f(""), [V, H] = f(""), [U, de] = f(""), [W, fe] = f("SELF_SERVE"), [G, pe] = f(""), [K, me] = f(""), [q, he] = f(""), [J, Y] = f(null), X = E.find((e) => e.id === D), Z = ne(null);
+	te(() => {
+		!X || Z.current === X.id || (Z.current = X.id, k(X.label), X.amount > 0 && M(String(X.amount)), P(X.currency), _.includes(X.interval) && I(X.interval));
+	}, [X]);
+	let Q = w.data ? Math.round(w.data.managedFeeRate * 100) : null, ge = (e) => {
+		e.preventDefault(), Y(null);
+		let t = Number(j);
+		if (!O.trim()) {
+			Y(g("negotiations.form.providerRequired", "Who is the bill from?"));
+			return;
+		}
+		if (!j || !Number.isFinite(t) || t <= 0) {
+			Y(g("negotiations.form.amountRequired", "Enter what you pay today."));
+			return;
+		}
+		if (W === "MANAGED" && !G.trim()) {
+			Y(g("negotiations.form.holderRequired", "The negotiation desk needs the name on the provider account."));
+			return;
+		}
+		let n = {
+			providerName: O.trim(),
+			billType: A,
+			mode: W,
+			targetOutcome: L,
+			currentAmount: t,
+			currency: N.trim().toUpperCase() || "USD",
+			interval: F,
+			...D ? { relationshipId: D } : {},
+			...z ? { targetAmount: Number(z) } : {},
+			...V ? { tenureMonths: Number(V) } : {},
+			...U.trim() ? { competitorOffer: U.trim() } : {},
+			...G.trim() ? { accountHolderName: G.trim() } : {},
+			...K.trim() ? { accountNumber: K.trim() } : {},
+			...q.trim() ? { notes: q.trim() } : {}
+		};
+		C.mutate({ input: n }, {
+			onSuccess: (e) => x(`/negotiations/${e.id}`),
+			onError: (e) => Y(e instanceof Error ? e.message : g("negotiations.form.error", "Could not create the request."))
+		});
+	}, $ = (e, n, r) => /* @__PURE__ */ h("label", {
+		className: t("flex cursor-pointer flex-col gap-1 rounded-xl border p-4 text-left", W === e ? "border-action-primary-bg bg-[var(--color-accent-soft)]" : "border-border-subtle bg-bg-surface hover:bg-bg-sunken"),
+		children: [/* @__PURE__ */ h("span", {
+			className: "flex items-center gap-2 text-sm font-semibold text-text-primary",
+			children: [/* @__PURE__ */ m("input", {
+				type: "radio",
+				name: "mode",
+				value: e,
+				checked: W === e,
+				onChange: () => fe(e)
+			}), n]
+		}), /* @__PURE__ */ m("span", {
+			className: "text-xs text-text-secondary",
+			children: r
+		})]
+	});
+	return /* @__PURE__ */ h(n, {
+		title: g("negotiations.new.title", "Negotiate a bill"),
+		description: g("negotiations.new.description", "Tell us about the bill and how you want to handle it."),
+		actions: /* @__PURE__ */ h("button", {
+			type: "button",
+			onClick: () => x("/negotiations"),
+			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__ */ m(re, { className: "h-4 w-4" }),
+				" ",
+				g("negotiations.back", "Back")
+			]
+		}),
+		children: [/* @__PURE__ */ m(ce, {
+			className: "mb-6",
+			children: g("negotiations.new.purpose", "You will get a negotiation playbook for this bill right away. Nothing is sent to the provider until you submit the request.")
+		}), /* @__PURE__ */ h("form", {
+			onSubmit: ge,
+			className: "max-w-3xl space-y-5",
+			"data-testid": "negotiation-form",
+			children: [
+				J && /* @__PURE__ */ m("div", {
+					role: "alert",
+					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: J
+				}),
+				/* @__PURE__ */ m(b, {
+					icon: /* @__PURE__ */ m(ie, { className: "h-4 w-4" }),
+					title: g("negotiations.form.bill.title", "The bill"),
+					description: g("negotiations.form.bill.description", "Link a tracked subscription to prefill it, or describe the bill."),
+					children: /* @__PURE__ */ h("div", {
+						className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
+						children: [
+							/* @__PURE__ */ h("div", {
+								className: "sm:col-span-2",
+								children: [/* @__PURE__ */ m("label", {
+									htmlFor: "neg-relationship",
+									className: y,
+									children: g("negotiations.form.relationship", "Tracked subscription (optional)")
+								}), /* @__PURE__ */ h("select", {
+									id: "neg-relationship",
+									value: D,
+									onChange: (e) => le(e.target.value),
+									className: v,
+									children: [/* @__PURE__ */ m("option", {
+										value: "",
+										children: g("negotiations.form.noRelationship", "Not linked")
+									}), E.map((e) => /* @__PURE__ */ m("option", {
+										value: e.id,
+										children: e.label
+									}, e.id))]
+								})]
+							}),
+							/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ h("label", {
+								htmlFor: "neg-provider",
+								className: y,
+								children: [
+									g("negotiations.form.provider", "Provider"),
+									" ",
+									/* @__PURE__ */ m("span", {
+										className: "text-status-error-text",
+										children: "*"
+									})
+								]
+							}), /* @__PURE__ */ m("input", {
+								id: "neg-provider",
+								value: O,
+								onChange: (e) => k(e.target.value),
+								placeholder: g("negotiations.form.providerPlaceholder", "e.g. Comcast Xfinity"),
+								className: v
+							})] }),
+							/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("label", {
+								htmlFor: "neg-bill-type",
+								className: y,
+								children: g("negotiations.form.billType", "Type of bill")
+							}), /* @__PURE__ */ m("select", {
+								id: "neg-bill-type",
+								value: A,
+								onChange: (e) => ue(e.target.value),
+								className: v,
+								children: o.map((e) => /* @__PURE__ */ m("option", {
+									value: e,
+									children: g(s[e].key, s[e].fallback)
+								}, e))
+							})] }),
+							/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ h("label", {
+								htmlFor: "neg-amount",
+								className: y,
+								children: [
+									g("negotiations.form.amount", "What you pay today"),
+									" ",
+									/* @__PURE__ */ m("span", {
+										className: "text-status-error-text",
+										children: "*"
+									})
+								]
+							}), /* @__PURE__ */ m("input", {
+								id: "neg-amount",
+								type: "number",
+								min: "0",
+								step: "0.01",
+								value: j,
+								onChange: (e) => M(e.target.value),
+								className: v
+							})] }),
+							/* @__PURE__ */ h("div", {
+								className: "grid grid-cols-2 gap-3",
+								children: [/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("label", {
+									htmlFor: "neg-currency",
+									className: y,
+									children: g("negotiations.form.currency", "Currency")
+								}), /* @__PURE__ */ m("input", {
+									id: "neg-currency",
+									value: N,
+									maxLength: 3,
+									onChange: (e) => P(e.target.value),
+									className: v
+								})] }), /* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("label", {
+									htmlFor: "neg-interval",
+									className: y,
+									children: g("negotiations.form.interval", "Billed")
+								}), /* @__PURE__ */ m("select", {
+									id: "neg-interval",
+									value: F,
+									onChange: (e) => I(e.target.value),
+									className: v,
+									children: _.map((e) => /* @__PURE__ */ m("option", {
+										value: e,
+										children: r(e)
+									}, e))
+								})] })]
+							})
+						]
+					})
+				}),
+				/* @__PURE__ */ m(b, {
+					icon: /* @__PURE__ */ m(ae, { className: "h-4 w-4" }),
+					title: g("negotiations.form.goal.title", "Your goal and leverage"),
+					description: g("negotiations.form.goal.description", "Loyalty and a competing offer are the strongest arguments."),
+					children: /* @__PURE__ */ h("div", {
+						className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
+						children: [
+							/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("label", {
+								htmlFor: "neg-target",
+								className: y,
+								children: g("negotiations.form.target", "What you want")
+							}), /* @__PURE__ */ m("select", {
+								id: "neg-target",
+								value: L,
+								onChange: (e) => R(e.target.value),
+								className: v,
+								children: ee.map((e) => /* @__PURE__ */ m("option", {
+									value: e,
+									children: g(c[e].key, c[e].fallback)
+								}, e))
+							})] }),
+							/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("label", {
+								htmlFor: "neg-target-amount",
+								className: y,
+								children: g("negotiations.form.targetAmount", "Price you would be happy with")
+							}), /* @__PURE__ */ m("input", {
+								id: "neg-target-amount",
+								type: "number",
+								min: "0",
+								step: "0.01",
+								value: z,
+								onChange: (e) => B(e.target.value),
+								className: v
+							})] }),
+							/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("label", {
+								htmlFor: "neg-tenure",
+								className: y,
+								children: g("negotiations.form.tenure", "Months as a customer")
+							}), /* @__PURE__ */ m("input", {
+								id: "neg-tenure",
+								type: "number",
+								min: "0",
+								step: "1",
+								value: V,
+								onChange: (e) => H(e.target.value),
+								className: v
+							})] }),
+							/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("label", {
+								htmlFor: "neg-competitor",
+								className: y,
+								children: g("negotiations.form.competitor", "Competing offer you have seen")
+							}), /* @__PURE__ */ m("input", {
+								id: "neg-competitor",
+								value: U,
+								onChange: (e) => de(e.target.value),
+								placeholder: g("negotiations.form.competitorPlaceholder", "e.g. Acme Fiber 45/mo"),
+								className: v
+							})] })
+						]
+					})
+				}),
+				/* @__PURE__ */ m(b, {
+					icon: /* @__PURE__ */ m(p, { className: "h-4 w-4" }),
+					title: g("negotiations.form.mode.title", "Who negotiates"),
+					description: g("negotiations.form.mode.description", "You can switch until you submit the request."),
+					children: /* @__PURE__ */ h("div", {
+						className: "grid grid-cols-1 gap-3 sm:grid-cols-2",
+						"data-testid": "negotiation-mode",
+						children: [$("SELF_SERVE", g("negotiations.mode.selfServe", "I will call (free)"), g("negotiations.mode.selfServeBody", "Use the playbook and written request, then record what you got.")), $("MANAGED", g("negotiations.mode.managed", "Negotiate for me"), Q == null ? g("negotiations.mode.managedBodyNoFee", "The negotiation desk contacts the provider for you. You only pay a share of the savings.") : g("negotiations.mode.managedBody", "The negotiation desk contacts the provider for you. Fee: {{pct}}% of first-year savings, only if your bill goes down.", { pct: Q }))]
+					})
+				}),
+				W === "MANAGED" && /* @__PURE__ */ m(b, {
+					icon: /* @__PURE__ */ m(oe, { className: "h-4 w-4" }),
+					title: g("negotiations.form.account.title", "Provider account"),
+					description: g("negotiations.form.account.description", "So the desk can find your account. Only the last four characters of the account number are kept."),
+					children: /* @__PURE__ */ h("div", {
+						className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
+						children: [/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ h("label", {
+							htmlFor: "neg-holder",
+							className: y,
+							children: [
+								g("negotiations.form.holder", "Name on the account"),
+								" ",
+								/* @__PURE__ */ m("span", {
+									className: "text-status-error-text",
+									children: "*"
+								})
+							]
+						}), /* @__PURE__ */ m("input", {
+							id: "neg-holder",
+							value: G,
+							autoComplete: "name",
+							onChange: (e) => pe(e.target.value),
+							className: v
+						})] }), /* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("label", {
+							htmlFor: "neg-account",
+							className: y,
+							children: g("negotiations.form.account", "Account number")
+						}), /* @__PURE__ */ m("input", {
+							id: "neg-account",
+							value: K,
+							autoComplete: "off",
+							onChange: (e) => me(e.target.value),
+							className: v
+						})] })]
+					})
+				}),
+				/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("label", {
+					htmlFor: "neg-notes",
+					className: y,
+					children: g("negotiations.form.notes", "Anything else the negotiator should know")
+				}), /* @__PURE__ */ m("textarea", {
+					id: "neg-notes",
+					rows: 3,
+					value: q,
+					onChange: (e) => he(e.target.value),
+					className: v
+				})] }),
+				/* @__PURE__ */ m("div", {
+					className: "flex justify-end",
+					children: /* @__PURE__ */ m("button", {
+						type: "submit",
+						disabled: C.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: C.isPending ? g("negotiations.form.creating", "Creating…") : g("negotiations.form.create", "Create request")
+					})
+				})
+			]
+		})]
+	});
+}
+//#endregion
+export { x as NegotiationNewPage };
+
+//# sourceMappingURL=NegotiationNewPage.js.map

package/dist/subscriberbot/pages/negotiations/NegotiationNewPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NegotiationNewPage.js","names":[],"sources":["../../../../src/subscriberbot/pages/negotiations/NegotiationNewPage.tsx"],"sourcesContent":["/**\n * New bill negotiation request\n * @module subscriberbot/pages/negotiations\n *\n * `/subscriberbot/negotiations/new[?relationshipId=…]` — describe the bill and\n * pick a service mode. Creates a DRAFT through `subCreateNegotiation`; the\n * playbook is generated server-side and the customer submits from the detail\n * page (where the managed-desk authorisation is accepted).\n */\n\nimport { useEffect, useMemo, useRef, useState, type FormEvent, type ReactNode } from 'react';\nimport { useSearchParams } from 'react-router';\nimport { ArrowLeft, Handshake, Receipt, Target, UserRound } from 'lucide-react';\nimport { GlassCard, PagePurpose } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../../components/PageLayout';\nimport { BILL_TYPES, BILL_TYPE_LABEL, TARGETS, TARGET_LABEL } from '../../components/negotiations';\nimport { useSubscriberBot } from '../../context/SubscriberBotContext';\nimport { useCreateNegotiation, useNegotiationTerms } from '../../hooks/useNegotiationApi';\nimport { useRelationships } from '../../hooks/useSubscriberBotApi';\nimport { useTr } from '../../hooks/useTr';\nimport { cn } from '../../utils/cn';\nimport { formatEnumLabel } from '../../utils/formatters';\nimport type { SubBillingInterval } from '../../types';\nimport type {\n  SubCreateNegotiationInput,\n  SubNegotiationBillType,\n  SubNegotiationMode,\n  SubNegotiationTarget,\n} from '../../types/negotiation';\n\nconst INTERVALS: SubBillingInterval[] = ['MONTHLY', 'YEARLY', 'QUARTERLY', 'WEEKLY'];\n\nconst inputCls =\n  'w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2.5 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.5 block text-xs font-medium text-text-secondary';\n\nfunction FormSection({\n  icon,\n  title,\n  description,\n  children,\n}: {\n  icon: ReactNode;\n  title: string;\n  description: string;\n  children: ReactNode;\n}) {\n  return (\n    <GlassCard treatment=\"metric\" className=\"p-5 sm:p-6\">\n      <div className=\"flex items-start gap-3\">\n        <span className=\"mt-0.5 flex h-8 w-8 shrink-0 items-center justify-center rounded-lg bg-bg-sunken text-text-secondary\">\n          {icon}\n        </span>\n        <div className=\"min-w-0\">\n          <h2 className=\"text-sm font-semibold text-text-primary\">{title}</h2>\n          <p className=\"mt-0.5 text-xs text-text-secondary\">{description}</p>\n        </div>\n      </div>\n      <div className=\"mt-4\">{children}</div>\n    </GlassCard>\n  );\n}\n\nexport function NegotiationNewPage() {\n  const tr = useTr();\n  const { navigateTo } = useSubscriberBot();\n  const [params] = useSearchParams();\n  const create = useCreateNegotiation();\n  const terms = useNegotiationTerms();\n  const relationshipsQ = useRelationships({ pagination: { limit: 100, offset: 0 } });\n  const relationships = useMemo(() => relationshipsQ.data?.items ?? [], [relationshipsQ.data]);\n\n  const [relationshipId, setRelationshipId] = useState(params.get('relationshipId') ?? '');\n  const [providerName, setProviderName] = useState('');\n  const [billType, setBillType] = useState<SubNegotiationBillType>('INTERNET');\n  const [currentAmount, setCurrentAmount] = useState('');\n  const [currency, setCurrency] = useState('USD');\n  const [billingInterval, setBillingInterval] = useState<SubBillingInterval>('MONTHLY');\n  const [targetOutcome, setTargetOutcome] = useState<SubNegotiationTarget>('LOWER_PRICE');\n  const [targetAmount, setTargetAmount] = useState('');\n  const [tenureMonths, setTenureMonths] = useState('');\n  const [competitorOffer, setCompetitorOffer] = useState('');\n  const [mode, setMode] = useState<SubNegotiationMode>('SELF_SERVE');\n  const [accountHolderName, setAccountHolderName] = useState('');\n  const [accountNumber, setAccountNumber] = useState('');\n  const [notes, setNotes] = useState('');\n  const [formError, setFormError] = useState<string | null>(null);\n\n  // Prefill from the linked relationship once per selected relationship, so a\n  // background refetch of the relationships list never overwrites the user's edits.\n  const linked = relationships.find((r) => r.id === relationshipId);\n  const prefilledFor = useRef<string | null>(null);\n  useEffect(() => {\n    if (!linked || prefilledFor.current === linked.id) return;\n    prefilledFor.current = linked.id;\n    setProviderName(linked.label);\n    if (linked.amount > 0) setCurrentAmount(String(linked.amount));\n    setCurrency(linked.currency);\n    if (INTERVALS.includes(linked.interval)) setBillingInterval(linked.interval);\n  }, [linked]);\n\n  const feePct = terms.data ? Math.round(terms.data.managedFeeRate * 100) : null;\n\n  const handleSubmit = (e: FormEvent) => {\n    e.preventDefault();\n    setFormError(null);\n    const amount = Number(currentAmount);\n    if (!providerName.trim()) {\n      setFormError(tr('negotiations.form.providerRequired', 'Who is the bill from?'));\n      return;\n    }\n    if (!currentAmount || !Number.isFinite(amount) || amount <= 0) {\n      setFormError(tr('negotiations.form.amountRequired', 'Enter what you pay today.'));\n      return;\n    }\n    if (mode === 'MANAGED' && !accountHolderName.trim()) {\n      setFormError(\n        tr(\n          'negotiations.form.holderRequired',\n          'The negotiation desk needs the name on the provider account.'\n        )\n      );\n      return;\n    }\n    const input: SubCreateNegotiationInput = {\n      providerName: providerName.trim(),\n      billType,\n      mode,\n      targetOutcome,\n      currentAmount: amount,\n      currency: currency.trim().toUpperCase() || 'USD',\n      interval: billingInterval,\n      ...(relationshipId ? { relationshipId } : {}),\n      ...(targetAmount ? { targetAmount: Number(targetAmount) } : {}),\n      ...(tenureMonths ? { tenureMonths: Number(tenureMonths) } : {}),\n      ...(competitorOffer.trim() ? { competitorOffer: competitorOffer.trim() } : {}),\n      ...(accountHolderName.trim() ? { accountHolderName: accountHolderName.trim() } : {}),\n      ...(accountNumber.trim() ? { accountNumber: accountNumber.trim() } : {}),\n      ...(notes.trim() ? { notes: notes.trim() } : {}),\n    };\n    create.mutate(\n      { input },\n      {\n        onSuccess: (n) => navigateTo(`/negotiations/${n.id}`),\n        onError: (err) =>\n          setFormError(\n            err instanceof Error\n              ? err.message\n              : tr('negotiations.form.error', 'Could not create the request.')\n          ),\n      }\n    );\n  };\n\n  const modeCard = (value: SubNegotiationMode, title: string, body: string) => (\n    <label\n      className={cn(\n        'flex cursor-pointer flex-col gap-1 rounded-xl border p-4 text-left',\n        mode === value\n          ? 'border-action-primary-bg bg-[var(--color-accent-soft)]'\n          : 'border-border-subtle bg-bg-surface hover:bg-bg-sunken'\n      )}\n    >\n      <span className=\"flex items-center gap-2 text-sm font-semibold text-text-primary\">\n        <input\n          type=\"radio\"\n          name=\"mode\"\n          value={value}\n          checked={mode === value}\n          onChange={() => setMode(value)}\n        />\n        {title}\n      </span>\n      <span className=\"text-xs text-text-secondary\">{body}</span>\n    </label>\n  );\n\n  return (\n    <PageLayout\n      title={tr('negotiations.new.title', 'Negotiate a bill')}\n      description={tr(\n        'negotiations.new.description',\n        'Tell us about the bill and how you want to handle it.'\n      )}\n      actions={\n        <button\n          type=\"button\"\n          onClick={() => navigateTo('/negotiations')}\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\" /> {tr('negotiations.back', 'Back')}\n        </button>\n      }\n    >\n      <PagePurpose className=\"mb-6\">\n        {tr(\n          'negotiations.new.purpose',\n          'You will get a negotiation playbook for this bill right away. Nothing is sent to the provider until you submit the request.'\n        )}\n      </PagePurpose>\n\n      <form onSubmit={handleSubmit} className=\"max-w-3xl space-y-5\" data-testid=\"negotiation-form\">\n        {formError && (\n          <div\n            role=\"alert\"\n            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          >\n            {formError}\n          </div>\n        )}\n\n        <FormSection\n          icon={<Receipt className=\"h-4 w-4\" />}\n          title={tr('negotiations.form.bill.title', 'The bill')}\n          description={tr(\n            'negotiations.form.bill.description',\n            'Link a tracked subscription to prefill it, or describe the bill.'\n          )}\n        >\n          <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n            <div className=\"sm:col-span-2\">\n              <label htmlFor=\"neg-relationship\" className={labelCls}>\n                {tr('negotiations.form.relationship', 'Tracked subscription (optional)')}\n              </label>\n              <select\n                id=\"neg-relationship\"\n                value={relationshipId}\n                onChange={(e) => setRelationshipId(e.target.value)}\n                className={inputCls}\n              >\n                <option value=\"\">{tr('negotiations.form.noRelationship', 'Not linked')}</option>\n                {relationships.map((r) => (\n                  <option key={r.id} value={r.id}>\n                    {r.label}\n                  </option>\n                ))}\n              </select>\n            </div>\n            <div>\n              <label htmlFor=\"neg-provider\" className={labelCls}>\n                {tr('negotiations.form.provider', 'Provider')}{' '}\n                <span className=\"text-status-error-text\">*</span>\n              </label>\n              <input\n                id=\"neg-provider\"\n                value={providerName}\n                onChange={(e) => setProviderName(e.target.value)}\n                placeholder={tr('negotiations.form.providerPlaceholder', 'e.g. Comcast Xfinity')}\n                className={inputCls}\n              />\n            </div>\n            <div>\n              <label htmlFor=\"neg-bill-type\" className={labelCls}>\n                {tr('negotiations.form.billType', 'Type of bill')}\n              </label>\n              <select\n                id=\"neg-bill-type\"\n                value={billType}\n                onChange={(e) => setBillType(e.target.value as SubNegotiationBillType)}\n                className={inputCls}\n              >\n                {BILL_TYPES.map((b) => (\n                  <option key={b} value={b}>\n                    {tr(BILL_TYPE_LABEL[b].key, BILL_TYPE_LABEL[b].fallback)}\n                  </option>\n                ))}\n              </select>\n            </div>\n            <div>\n              <label htmlFor=\"neg-amount\" className={labelCls}>\n                {tr('negotiations.form.amount', 'What you pay today')}{' '}\n                <span className=\"text-status-error-text\">*</span>\n              </label>\n              <input\n                id=\"neg-amount\"\n                type=\"number\"\n                min=\"0\"\n                step=\"0.01\"\n                value={currentAmount}\n                onChange={(e) => setCurrentAmount(e.target.value)}\n                className={inputCls}\n              />\n            </div>\n            <div className=\"grid grid-cols-2 gap-3\">\n              <div>\n                <label htmlFor=\"neg-currency\" className={labelCls}>\n                  {tr('negotiations.form.currency', 'Currency')}\n                </label>\n                <input\n                  id=\"neg-currency\"\n                  value={currency}\n                  maxLength={3}\n                  onChange={(e) => setCurrency(e.target.value)}\n                  className={inputCls}\n                />\n              </div>\n              <div>\n                <label htmlFor=\"neg-interval\" className={labelCls}>\n                  {tr('negotiations.form.interval', 'Billed')}\n                </label>\n                <select\n                  id=\"neg-interval\"\n                  value={billingInterval}\n                  onChange={(e) => setBillingInterval(e.target.value as SubBillingInterval)}\n                  className={inputCls}\n                >\n                  {INTERVALS.map((i) => (\n                    <option key={i} value={i}>\n                      {formatEnumLabel(i)}\n                    </option>\n                  ))}\n                </select>\n              </div>\n            </div>\n          </div>\n        </FormSection>\n\n        <FormSection\n          icon={<Target className=\"h-4 w-4\" />}\n          title={tr('negotiations.form.goal.title', 'Your goal and leverage')}\n          description={tr(\n            'negotiations.form.goal.description',\n            'Loyalty and a competing offer are the strongest arguments.'\n          )}\n        >\n          <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n            <div>\n              <label htmlFor=\"neg-target\" className={labelCls}>\n                {tr('negotiations.form.target', 'What you want')}\n              </label>\n              <select\n                id=\"neg-target\"\n                value={targetOutcome}\n                onChange={(e) => setTargetOutcome(e.target.value as SubNegotiationTarget)}\n                className={inputCls}\n              >\n                {TARGETS.map((t) => (\n                  <option key={t} value={t}>\n                    {tr(TARGET_LABEL[t].key, TARGET_LABEL[t].fallback)}\n                  </option>\n                ))}\n              </select>\n            </div>\n            <div>\n              <label htmlFor=\"neg-target-amount\" className={labelCls}>\n                {tr('negotiations.form.targetAmount', 'Price you would be happy with')}\n              </label>\n              <input\n                id=\"neg-target-amount\"\n                type=\"number\"\n                min=\"0\"\n                step=\"0.01\"\n                value={targetAmount}\n                onChange={(e) => setTargetAmount(e.target.value)}\n                className={inputCls}\n              />\n            </div>\n            <div>\n              <label htmlFor=\"neg-tenure\" className={labelCls}>\n                {tr('negotiations.form.tenure', 'Months as a customer')}\n              </label>\n              <input\n                id=\"neg-tenure\"\n                type=\"number\"\n                min=\"0\"\n                step=\"1\"\n                value={tenureMonths}\n                onChange={(e) => setTenureMonths(e.target.value)}\n                className={inputCls}\n              />\n            </div>\n            <div>\n              <label htmlFor=\"neg-competitor\" className={labelCls}>\n                {tr('negotiations.form.competitor', 'Competing offer you have seen')}\n              </label>\n              <input\n                id=\"neg-competitor\"\n                value={competitorOffer}\n                onChange={(e) => setCompetitorOffer(e.target.value)}\n                placeholder={tr('negotiations.form.competitorPlaceholder', 'e.g. Acme Fiber 45/mo')}\n                className={inputCls}\n              />\n            </div>\n          </div>\n        </FormSection>\n\n        <FormSection\n          icon={<Handshake className=\"h-4 w-4\" />}\n          title={tr('negotiations.form.mode.title', 'Who negotiates')}\n          description={tr(\n            'negotiations.form.mode.description',\n            'You can switch until you submit the request.'\n          )}\n        >\n          <div className=\"grid grid-cols-1 gap-3 sm:grid-cols-2\" data-testid=\"negotiation-mode\">\n            {modeCard(\n              'SELF_SERVE',\n              tr('negotiations.mode.selfServe', 'I will call (free)'),\n              tr(\n                'negotiations.mode.selfServeBody',\n                'Use the playbook and written request, then record what you got.'\n              )\n            )}\n            {modeCard(\n              'MANAGED',\n              tr('negotiations.mode.managed', 'Negotiate for me'),\n              feePct != null\n                ? tr(\n                    'negotiations.mode.managedBody',\n                    'The negotiation desk contacts the provider for you. Fee: {{pct}}% of first-year savings, only if your bill goes down.',\n                    { pct: feePct }\n                  )\n                : tr(\n                    'negotiations.mode.managedBodyNoFee',\n                    'The negotiation desk contacts the provider for you. You only pay a share of the savings.'\n                  )\n            )}\n          </div>\n        </FormSection>\n\n        {mode === 'MANAGED' && (\n          <FormSection\n            icon={<UserRound className=\"h-4 w-4\" />}\n            title={tr('negotiations.form.account.title', 'Provider account')}\n            description={tr(\n              'negotiations.form.account.description',\n              'So the desk can find your account. Only the last four characters of the account number are kept.'\n            )}\n          >\n            <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n              <div>\n                <label htmlFor=\"neg-holder\" className={labelCls}>\n                  {tr('negotiations.form.holder', 'Name on the account')}{' '}\n                  <span className=\"text-status-error-text\">*</span>\n                </label>\n                <input\n                  id=\"neg-holder\"\n                  value={accountHolderName}\n                  autoComplete=\"name\"\n                  onChange={(e) => setAccountHolderName(e.target.value)}\n                  className={inputCls}\n                />\n              </div>\n              <div>\n                <label htmlFor=\"neg-account\" className={labelCls}>\n                  {tr('negotiations.form.account', 'Account number')}\n                </label>\n                <input\n                  id=\"neg-account\"\n                  value={accountNumber}\n                  autoComplete=\"off\"\n                  onChange={(e) => setAccountNumber(e.target.value)}\n                  className={inputCls}\n                />\n              </div>\n            </div>\n          </FormSection>\n        )}\n\n        <div>\n          <label htmlFor=\"neg-notes\" className={labelCls}>\n            {tr('negotiations.form.notes', 'Anything else the negotiator should know')}\n          </label>\n          <textarea\n            id=\"neg-notes\"\n            rows={3}\n            value={notes}\n            onChange={(e) => setNotes(e.target.value)}\n            className={inputCls}\n          />\n        </div>\n\n        <div className=\"flex justify-end\">\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\n              ? tr('negotiations.form.creating', 'Creating…')\n              : tr('negotiations.form.create', 'Create request')}\n          </button>\n        </div>\n      </form>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}

package/dist/subscriberbot/pages/negotiations/NegotiationsPage.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Bill negotiation overview
+ * @module subscriberbot/pages/negotiations
+ *
+ * `/subscriberbot/negotiations` — every bill negotiation request in the
+ * workspace (BOFF-4154) with the savings they produced, backed by the real
+ * `subListNegotiations` / `subNegotiationSummary` queries.
+ */
+export declare function NegotiationsPage(): import("react").JSX.Element;
+//# sourceMappingURL=NegotiationsPage.d.ts.map

package/dist/subscriberbot/pages/negotiations/NegotiationsPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NegotiationsPage.d.ts","sourceRoot":"","sources":["../../../../src/subscriberbot/pages/negotiations/NegotiationsPage.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AA8BH,wBAAgB,gBAAgB,gCAwK/B"}

package/dist/subscriberbot/pages/negotiations/NegotiationsPage.js

@@ -0,0 +1,155 @@
+import { useSubscriberBot as e } from "../../context/SubscriberBotContext.js";
+import { cn as t } from "../../utils/cn.js";
+import { PageLayout as n } from "../../components/PageLayout.js";
+import { MetricsCard as r } from "../../components/MetricsCard.js";
+import { formatCurrency as i, formatDate as a, formatIntervalSuffix as o } from "../../utils/formatters.js";
+import { EmptyState as s } from "../../components/EmptyState.js";
+import { useTr as c } from "../../hooks/useTr.js";
+import { ErrorView as l, LoadingView as u } from "../../components/StateViews.js";
+import "../../components/index.js";
+import { BILL_TYPE_LABEL as d, STATUS_LABEL as f, TARGET_LABEL as p } from "../../components/negotiations/labels.js";
+import { NegotiationStatusPill as m } from "../../components/negotiations/NegotiationStatusPill.js";
+import "../../components/negotiations/index.js";
+import { useNegotiationSummary as h, useNegotiations as g } from "../../hooks/useNegotiationApi.js";
+import { useState as _ } from "react";
+import { BadgePercent as v, Handshake as y, PiggyBank as b, Plus as x, Timer as S } from "lucide-react";
+import { Fragment as C, jsx as w, jsxs as T } from "react/jsx-runtime";
+import { PagePurpose as E } from "@burdenoff/fe-libs/ui";
+//#region src/subscriberbot/pages/negotiations/NegotiationsPage.tsx
+var D = [
+	"ALL",
+	"DRAFT",
+	"SUBMITTED",
+	"IN_PROGRESS",
+	"AWAITING_CUSTOMER",
+	"SUCCEEDED",
+	"NO_SAVINGS",
+	"CANCELLED"
+];
+function O() {
+	let O = c(), { navigateTo: k } = e(), [A, j] = _("ALL"), M = g(A === "ALL" ? null : A), N = h(), P = M.data?.items ?? [], F = N.data?.totals.filter((e) => e.firstYearSavings > 0).map((e) => i(e.firstYearSavings, e.currency)).join(" + ") || i(0, "USD"), I = /* @__PURE__ */ T("button", {
+		type: "button",
+		onClick: () => k("/negotiations/new"),
+		className: "inline-flex items-center gap-2 rounded-lg bg-action-primary-bg px-3 py-2 text-sm font-medium text-action-primary-text hover:opacity-90",
+		children: [
+			/* @__PURE__ */ w(x, {
+				className: "h-4 w-4",
+				"aria-hidden": !0
+			}),
+			" ",
+			O("negotiations.new", "Negotiate a bill")
+		]
+	});
+	return /* @__PURE__ */ T(n, {
+		title: O("negotiations.title", "Bill negotiation"),
+		description: O("negotiations.description", "Get cable, internet, phone, insurance, utility and subscription bills lowered."),
+		actions: I,
+		children: [
+			/* @__PURE__ */ w(E, {
+				className: "mb-6",
+				children: O("negotiations.purpose", "Do it yourself with a negotiation playbook written for your bill (free), or let the Subscriber Bot negotiation desk negotiate for you. The desk only charges a share of the savings it gets you: no savings, no fee.")
+			}),
+			!N.isError && /* @__PURE__ */ T("div", {
+				className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4",
+				children: [
+					/* @__PURE__ */ w(r, {
+						icon: /* @__PURE__ */ w(S, { className: "h-5 w-5" }),
+						value: N.isLoading ? "—" : N.data?.openCount ?? 0,
+						label: O("negotiations.metrics.open", "Open requests")
+					}),
+					/* @__PURE__ */ w(r, {
+						icon: /* @__PURE__ */ w(y, { className: "h-5 w-5" }),
+						value: N.isLoading ? "—" : N.data?.succeededCount ?? 0,
+						label: O("negotiations.metrics.succeeded", "Bills lowered")
+					}),
+					/* @__PURE__ */ w(r, {
+						icon: /* @__PURE__ */ w(b, { className: "h-5 w-5" }),
+						value: N.isLoading ? "—" : F,
+						label: O("negotiations.metrics.savings", "First-year savings")
+					}),
+					/* @__PURE__ */ w(r, {
+						icon: /* @__PURE__ */ w(v, { className: "h-5 w-5" }),
+						value: N.isLoading ? "—" : N.data?.noSavingsCount ?? 0,
+						label: O("negotiations.metrics.noSavings", "No savings (no fee)")
+					})
+				]
+			}),
+			/* @__PURE__ */ w("div", {
+				role: "tablist",
+				"aria-label": O("negotiations.filter.label", "Request status"),
+				className: "mt-6 flex flex-wrap gap-1.5",
+				children: D.map((e) => /* @__PURE__ */ w("button", {
+					type: "button",
+					role: "tab",
+					"aria-selected": A === e,
+					onClick: () => j(e),
+					className: t("rounded-lg px-3 py-1.5 text-xs font-medium", A === e ? "bg-action-primary-bg text-action-primary-text" : "border border-border-subtle text-text-primary hover:bg-bg-sunken"),
+					children: e === "ALL" ? O("negotiations.filter.all", "All") : O(f[e].key, f[e].fallback)
+				}, e))
+			}),
+			/* @__PURE__ */ w("div", {
+				className: "mt-4",
+				children: M.isLoading ? /* @__PURE__ */ w(u, { label: O("negotiations.loading", "Loading negotiations…") }) : M.isError ? /* @__PURE__ */ w(l, {
+					message: M.error instanceof Error ? M.error.message : void 0,
+					onRetry: () => void M.refetch()
+				}) : P.length === 0 ? /* @__PURE__ */ w(s, {
+					illustration: "empty-data",
+					title: O("negotiations.empty.title", "No negotiation requests yet"),
+					description: O("negotiations.empty.description", "Pick a bill that feels too high. You get a playbook straight away, and can hand it to the negotiation desk if you would rather not make the call."),
+					action: I
+				}) : /* @__PURE__ */ w("ul", {
+					className: "grid grid-cols-1 gap-3 lg:grid-cols-2",
+					"data-testid": "negotiation-list",
+					children: P.map((e) => /* @__PURE__ */ w("li", { children: /* @__PURE__ */ T("button", {
+						type: "button",
+						onClick: () => k(`/negotiations/${e.id}`),
+						className: "w-full rounded-xl border border-border-subtle bg-bg-surface p-4 text-left hover:bg-bg-sunken focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
+						children: [/* @__PURE__ */ T("div", {
+							className: "flex items-start justify-between gap-3",
+							children: [/* @__PURE__ */ T("div", {
+								className: "min-w-0",
+								children: [/* @__PURE__ */ w("p", {
+									className: "truncate text-sm font-semibold text-text-primary",
+									children: e.providerName
+								}), /* @__PURE__ */ T("p", {
+									className: "mt-0.5 text-xs text-text-secondary",
+									children: [
+										O(d[e.billType].key, d[e.billType].fallback),
+										" ",
+										"·",
+										" ",
+										O(p[e.targetOutcome].key, p[e.targetOutcome].fallback),
+										" ",
+										"·",
+										" ",
+										e.mode === "MANAGED" ? O("negotiations.mode.managedShort", "Negotiation desk") : O("negotiations.mode.selfServeShort", "Do it yourself")
+									]
+								})]
+							}), /* @__PURE__ */ w(m, { status: e.status })]
+						}), /* @__PURE__ */ T("div", {
+							className: "mt-3 flex flex-wrap items-end justify-between gap-2 text-sm",
+							children: [/* @__PURE__ */ T("span", {
+								className: "text-text-primary",
+								children: [
+									i(e.currentAmount, e.currency),
+									o(e.interval),
+									e.newAmount != null && e.status === "SUCCEEDED" && /* @__PURE__ */ T(C, { children: [" → ", /* @__PURE__ */ T("span", {
+										className: "font-semibold text-status-success-text",
+										children: [i(e.newAmount, e.currency), o(e.interval)]
+									})] })
+								]
+							}), /* @__PURE__ */ w("span", {
+								className: "text-xs text-text-secondary",
+								children: e.firstYearSavings > 0 ? O("negotiations.card.saved", "Saves {{amount}} in year one", { amount: i(e.firstYearSavings, e.currency) }) : a(e.createdAt)
+							})]
+						})]
+					}) }, e.id))
+				})
+			})
+		]
+	});
+}
+//#endregion
+export { O as NegotiationsPage };
+
+//# sourceMappingURL=NegotiationsPage.js.map

package/dist/subscriberbot/pages/negotiations/NegotiationsPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NegotiationsPage.js","names":[],"sources":["../../../../src/subscriberbot/pages/negotiations/NegotiationsPage.tsx"],"sourcesContent":["/**\n * Bill negotiation overview\n * @module subscriberbot/pages/negotiations\n *\n * `/subscriberbot/negotiations` — every bill negotiation request in the\n * workspace (BOFF-4154) with the savings they produced, backed by the real\n * `subListNegotiations` / `subNegotiationSummary` queries.\n */\n\nimport { useState } from 'react';\nimport { BadgePercent, Handshake, PiggyBank, Plus, Timer } from 'lucide-react';\nimport { PagePurpose } from '@burdenoff/fe-libs/ui';\nimport { EmptyState, ErrorView, LoadingView, MetricsCard, PageLayout } from '../../components';\nimport {\n  BILL_TYPE_LABEL,\n  NegotiationStatusPill,\n  STATUS_LABEL,\n  TARGET_LABEL,\n} from '../../components/negotiations';\nimport { useSubscriberBot } from '../../context/SubscriberBotContext';\nimport { useNegotiations, useNegotiationSummary } from '../../hooks/useNegotiationApi';\nimport { useTr } from '../../hooks/useTr';\nimport { cn } from '../../utils/cn';\nimport { formatCurrency, formatDate, formatIntervalSuffix } from '../../utils/formatters';\nimport type { SubNegotiationStatus } from '../../types/negotiation';\n\nconst FILTERS: Array<SubNegotiationStatus | 'ALL'> = [\n  'ALL',\n  'DRAFT',\n  'SUBMITTED',\n  'IN_PROGRESS',\n  'AWAITING_CUSTOMER',\n  'SUCCEEDED',\n  'NO_SAVINGS',\n  'CANCELLED',\n];\n\nexport function NegotiationsPage() {\n  const tr = useTr();\n  const { navigateTo } = useSubscriberBot();\n  const [filter, setFilter] = useState<SubNegotiationStatus | 'ALL'>('ALL');\n  const list = useNegotiations(filter === 'ALL' ? null : filter);\n  const summary = useNegotiationSummary();\n  const items = list.data?.items ?? [];\n\n  const savingsText =\n    summary.data?.totals\n      .filter((t) => t.firstYearSavings > 0)\n      .map((t) => formatCurrency(t.firstYearSavings, t.currency))\n      .join(' + ') || formatCurrency(0, 'USD');\n\n  const newButton = (\n    <button\n      type=\"button\"\n      onClick={() => navigateTo('/negotiations/new')}\n      className=\"inline-flex items-center gap-2 rounded-lg bg-action-primary-bg px-3 py-2 text-sm font-medium text-action-primary-text hover:opacity-90\"\n    >\n      <Plus className=\"h-4 w-4\" aria-hidden /> {tr('negotiations.new', 'Negotiate a bill')}\n    </button>\n  );\n\n  return (\n    <PageLayout\n      title={tr('negotiations.title', 'Bill negotiation')}\n      description={tr(\n        'negotiations.description',\n        'Get cable, internet, phone, insurance, utility and subscription bills lowered.'\n      )}\n      actions={newButton}\n    >\n      <PagePurpose className=\"mb-6\">\n        {tr(\n          'negotiations.purpose',\n          'Do it yourself with a negotiation playbook written for your bill (free), or let the Subscriber Bot negotiation desk negotiate for you. The desk only charges a share of the savings it gets you: no savings, no fee.'\n        )}\n      </PagePurpose>\n\n      {!summary.isError && (\n        <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4\">\n          <MetricsCard\n            icon={<Timer className=\"h-5 w-5\" />}\n            value={summary.isLoading ? '—' : (summary.data?.openCount ?? 0)}\n            label={tr('negotiations.metrics.open', 'Open requests')}\n          />\n          <MetricsCard\n            icon={<Handshake className=\"h-5 w-5\" />}\n            value={summary.isLoading ? '—' : (summary.data?.succeededCount ?? 0)}\n            label={tr('negotiations.metrics.succeeded', 'Bills lowered')}\n          />\n          <MetricsCard\n            icon={<PiggyBank className=\"h-5 w-5\" />}\n            value={summary.isLoading ? '—' : savingsText}\n            label={tr('negotiations.metrics.savings', 'First-year savings')}\n          />\n          <MetricsCard\n            icon={<BadgePercent className=\"h-5 w-5\" />}\n            value={summary.isLoading ? '—' : (summary.data?.noSavingsCount ?? 0)}\n            label={tr('negotiations.metrics.noSavings', 'No savings (no fee)')}\n          />\n        </div>\n      )}\n\n      <div\n        role=\"tablist\"\n        aria-label={tr('negotiations.filter.label', 'Request status')}\n        className=\"mt-6 flex flex-wrap gap-1.5\"\n      >\n        {FILTERS.map((f) => (\n          <button\n            key={f}\n            type=\"button\"\n            role=\"tab\"\n            aria-selected={filter === f}\n            onClick={() => setFilter(f)}\n            className={cn(\n              'rounded-lg px-3 py-1.5 text-xs font-medium',\n              filter === f\n                ? 'bg-action-primary-bg text-action-primary-text'\n                : 'border border-border-subtle text-text-primary hover:bg-bg-sunken'\n            )}\n          >\n            {f === 'ALL'\n              ? tr('negotiations.filter.all', 'All')\n              : tr(STATUS_LABEL[f].key, STATUS_LABEL[f].fallback)}\n          </button>\n        ))}\n      </div>\n\n      <div className=\"mt-4\">\n        {list.isLoading ? (\n          <LoadingView label={tr('negotiations.loading', 'Loading negotiations…')} />\n        ) : list.isError ? (\n          <ErrorView\n            message={list.error instanceof Error ? list.error.message : undefined}\n            onRetry={() => void list.refetch()}\n          />\n        ) : items.length === 0 ? (\n          <EmptyState\n            illustration=\"empty-data\"\n            title={tr('negotiations.empty.title', 'No negotiation requests yet')}\n            description={tr(\n              'negotiations.empty.description',\n              'Pick a bill that feels too high. You get a playbook straight away, and can hand it to the negotiation desk if you would rather not make the call.'\n            )}\n            action={newButton}\n          />\n        ) : (\n          <ul className=\"grid grid-cols-1 gap-3 lg:grid-cols-2\" data-testid=\"negotiation-list\">\n            {items.map((n) => (\n              <li key={n.id}>\n                <button\n                  type=\"button\"\n                  onClick={() => navigateTo(`/negotiations/${n.id}`)}\n                  className=\"w-full rounded-xl border border-border-subtle bg-bg-surface p-4 text-left hover:bg-bg-sunken focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n                >\n                  <div className=\"flex items-start justify-between gap-3\">\n                    <div className=\"min-w-0\">\n                      <p className=\"truncate text-sm font-semibold text-text-primary\">\n                        {n.providerName}\n                      </p>\n                      <p className=\"mt-0.5 text-xs text-text-secondary\">\n                        {tr(BILL_TYPE_LABEL[n.billType].key, BILL_TYPE_LABEL[n.billType].fallback)}{' '}\n                        ·{' '}\n                        {tr(\n                          TARGET_LABEL[n.targetOutcome].key,\n                          TARGET_LABEL[n.targetOutcome].fallback\n                        )}{' '}\n                        ·{' '}\n                        {n.mode === 'MANAGED'\n                          ? tr('negotiations.mode.managedShort', 'Negotiation desk')\n                          : tr('negotiations.mode.selfServeShort', 'Do it yourself')}\n                      </p>\n                    </div>\n                    <NegotiationStatusPill status={n.status} />\n                  </div>\n                  <div className=\"mt-3 flex flex-wrap items-end justify-between gap-2 text-sm\">\n                    <span className=\"text-text-primary\">\n                      {formatCurrency(n.currentAmount, n.currency)}\n                      {formatIntervalSuffix(n.interval)}\n                      {n.newAmount != null && n.status === 'SUCCEEDED' && (\n                        <>\n                          {' → '}\n                          <span className=\"font-semibold text-status-success-text\">\n                            {formatCurrency(n.newAmount, n.currency)}\n                            {formatIntervalSuffix(n.interval)}\n                          </span>\n                        </>\n                      )}\n                    </span>\n                    <span className=\"text-xs text-text-secondary\">\n                      {n.firstYearSavings > 0\n                        ? tr('negotiations.card.saved', 'Saves {{amount}} in year one', {\n                            amount: formatCurrency(n.firstYearSavings, n.currency),\n                          })\n                        : formatDate(n.createdAt)}\n                    </span>\n                  </div>\n                </button>\n              </li>\n            ))}\n          </ul>\n        )}\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}

package/dist/subscriberbot/pages/providers/ProvidersListPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProvidersListPage.d.ts","sourceRoot":"","sources":["../../../../src/subscriberbot/pages/providers/ProvidersListPage.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAoKH,wBAAgB,iBAAiB,gCA8PhC"}
+{"version":3,"file":"ProvidersListPage.d.ts","sourceRoot":"","sources":["../../../../src/subscriberbot/pages/providers/ProvidersListPage.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAoKH,wBAAgB,iBAAiB,gCA+PhC"}