@burdenoff/microfe-subscriberbot 2026.801.1 → 2026.829.1

package/dist/subscriberbot/pages/providers/ProviderDetailPage.js

@@ -1,21 +1,22 @@
 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 { formatCurrency as r, formatEnumLabel as i, formatIntervalSuffix as a } from "../../utils/formatters.js";
-import { StatusBadge as o } from "../../components/StatusBadge.js";
-import { EmptyState as s } from "../../components/EmptyState.js";
-import { Modal as c } from "../../components/Modal.js";
-import { ErrorView as l, LoadingView as u, Section as d } from "../../components/StateViews.js";
-import { Gauge as f, MiniProgress as p } from "../../components/viz.js";
+import { formatCurrency as r, formatDate as i, formatEnumLabel as a, formatIntervalSuffix as o } from "../../utils/formatters.js";
+import { StatusBadge as s } from "../../components/StatusBadge.js";
+import { EmptyState as c } from "../../components/EmptyState.js";
+import { Modal as l } from "../../components/Modal.js";
+import { ErrorView as u, LoadingView as d, Section as f } from "../../components/StateViews.js";
+import { Gauge as p, MiniProgress as m, Sparkline as h } from "../../components/viz.js";
 import "../../components/index.js";
-import { useArchiveProvider as m, useCreatePlan as h, useProvider as g, useUpdateProvider as _ } from "../../hooks/useSubscriberBotApi.js";
-import { useState as v } from "react";
-import { Archive as y, ArrowLeft as b, Building2 as x, Check as S, Globe as C, Layers as w, Pencil as T, Plus as E, ShieldCheck as D, Sparkles as O, Tag as k, TrendingDown as A } from "lucide-react";
-import { useParams as j } from "react-router";
-import { Fragment as M, jsx as N, jsxs as P } from "react/jsx-runtime";
-import { GlassCard as F } from "@burdenoff/fe-libs/ui";
+import { useArchiveProvider as g, useBenchmarkDataPoints as _, useCreatePlan as v, useProvider as y, useUpdateProvider as b } from "../../hooks/useSubscriberBotApi.js";
+import { useTr as x } from "../../hooks/useTr.js";
+import { useMemo as S, useState as C } from "react";
+import { Archive as w, ArrowLeft as T, Building2 as E, Check as D, Globe as O, Layers as k, LineChart as A, Pencil as j, Plus as M, ShieldCheck as N, Sparkles as P, Tag as F, TrendingDown as I } from "lucide-react";
+import { useParams as L } from "react-router";
+import { Fragment as R, jsx as z, jsxs as B } from "react/jsx-runtime";
+import { GlassCard as V } from "@burdenoff/fe-libs/ui";
 //#region src/subscriberbot/pages/providers/ProviderDetailPage.tsx
-var I = "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)]", L = "mb-1 block text-xs font-medium text-text-secondary", R = [
+var H = "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)]", U = "mb-1 block text-xs font-medium text-text-secondary", W = [
 	"SAAS",
 	"AI_SERVICE",
 	"STREAMING",
@@ -32,12 +33,29 @@ var I = "w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 t
 	"LICENSE",
 	"CONTRACT",
 	"OTHER"
-], z = [
+], G = {
+	SAAS: "providers.categories.saas",
+	AI_SERVICE: "providers.categories.aiService",
+	STREAMING: "providers.categories.streaming",
+	NEWSLETTER: "providers.categories.newsletter",
+	NEWS_DIGEST: "providers.categories.newsDigest",
+	MEMBERSHIP: "providers.categories.membership",
+	COMMUNITY: "providers.categories.community",
+	EDUCATION: "providers.categories.education",
+	FINANCIAL: "providers.categories.financial",
+	INSURANCE: "providers.categories.insurance",
+	TELECOM: "providers.categories.telecom",
+	UTILITY: "providers.categories.utility",
+	ASSOCIATION: "providers.categories.association",
+	LICENSE: "providers.categories.license",
+	CONTRACT: "providers.categories.contract",
+	OTHER: "providers.categories.other"
+}, K = [
 	"UNVERIFIED",
 	"VERIFIED",
 	"CLAIMED",
 	"DEPRECATED"
-], B = [
+], q = [
 	"MONTHLY",
 	"YEARLY",
 	"QUARTERLY",
@@ -47,587 +65,731 @@ var I = "w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 t
 	"LIFETIME",
 	"FREE"
 ];
-function V(e) {
+function J(e, t) {
 	return e >= 70 ? {
-		label: "Healthy",
+		label: t("providers.detail.healthy", "Healthy"),
 		cls: "bg-status-success-bg-subtle text-status-success-text"
 	} : e >= 45 ? {
-		label: "Fair",
+		label: t("providers.detail.fair", "Fair"),
 		cls: "bg-status-warning-bg-subtle text-status-warning-text"
 	} : {
-		label: "At risk",
+		label: t("providers.detail.atRisk", "At risk"),
 		cls: "bg-status-error-bg-subtle text-status-error-text"
 	};
 }
-function H(e) {
+function Y(e, t) {
 	return e >= 67 ? {
-		label: "High",
+		label: t("providers.detail.churnHigh", "High"),
 		chip: "bg-status-error-bg-subtle text-status-error-text",
 		tone: "negative"
 	} : e >= 34 ? {
-		label: "Moderate",
+		label: t("providers.detail.churnModerate", "Moderate"),
 		chip: "bg-status-warning-bg-subtle text-status-warning-text",
 		tone: "warning"
 	} : {
-		label: "Low",
+		label: t("providers.detail.churnLow", "Low"),
 		chip: "bg-status-success-bg-subtle text-status-success-text",
 		tone: "positive"
 	};
 }
-function U({ provider: e, onClose: t }) {
-	let n = _(), [r, i] = v(e.name), [a, o] = v(e.category), [s, l] = v(e.status), [u, d] = v(e.description ?? ""), [f, p] = v(e.industry ?? ""), [m, h] = v(e.region ?? ""), [g, y] = v(e.language ?? ""), [b, x] = v(e.websiteUrl ?? ""), [S, C] = v(e.churnRiskScore == null ? "" : String(e.churnRiskScore)), [w, T] = v(e.vendorHealthScore == null ? "" : String(e.vendorHealthScore)), [E, D] = v(e.tags.join(", ")), [O, k] = v(null);
-	return /* @__PURE__ */ N(c, {
-		title: "Edit provider",
+function X({ provider: e, onClose: t }) {
+	let n = x(), r = b(), [i, o] = C(e.name), [s, c] = C(e.category), [u, d] = C(e.status), [f, p] = C(e.description ?? ""), [m, h] = C(e.industry ?? ""), [g, _] = C(e.region ?? ""), [v, y] = C(e.language ?? ""), [S, w] = C(e.websiteUrl ?? ""), [T, E] = C(e.churnRiskScore == null ? "" : String(e.churnRiskScore)), [D, O] = C(e.vendorHealthScore == null ? "" : String(e.vendorHealthScore)), [k, A] = C(e.tags.join(", ")), [j, M] = C(null);
+	return /* @__PURE__ */ z(l, {
+		title: n("providers.detail.editModal.title", "Edit provider"),
 		onClose: t,
 		maxWidthClassName: "max-w-2xl",
-		children: /* @__PURE__ */ P("form", {
-			onSubmit: (i) => {
-				if (i.preventDefault(), k(null), !r.trim()) {
-					k("A provider name is required.");
+		children: /* @__PURE__ */ B("form", {
+			onSubmit: (a) => {
+				if (a.preventDefault(), M(null), !i.trim()) {
+					M(n("providers.new.nameRequired", "A provider name is required."));
 					return;
 				}
-				let o = E.split(",").map((e) => e.trim()).filter(Boolean), c = {
-					name: r.trim(),
-					category: a,
-					status: s,
-					description: u.trim(),
+				let o = k.split(",").map((e) => e.trim()).filter(Boolean), c = {
+					name: i.trim(),
+					category: s,
+					status: u,
+					description: f.trim(),
 					tags: o,
-					...f.trim() ? { industry: f.trim() } : {},
-					...m.trim() ? { region: m.trim() } : {},
-					...g.trim() ? { language: g.trim() } : {},
-					...b.trim() ? { websiteUrl: b.trim() } : {},
-					...S.trim() ? { churnRiskScore: Number(S) } : {},
-					...w.trim() ? { vendorHealthScore: Number(w) } : {}
+					...m.trim() ? { industry: m.trim() } : {},
+					...g.trim() ? { region: g.trim() } : {},
+					...v.trim() ? { language: v.trim() } : {},
+					...S.trim() ? { websiteUrl: S.trim() } : {},
+					...T.trim() ? { churnRiskScore: Number(T) } : {},
+					...D.trim() ? { vendorHealthScore: Number(D) } : {}
 				};
-				n.mutate({
+				r.mutate({
 					id: e.id,
 					input: c
 				}, {
 					onSuccess: () => t(),
-					onError: (e) => k(e instanceof Error ? e.message : "Could not update provider.")
+					onError: (e) => M(e instanceof Error ? e.message : n("providers.detail.editModal.error", "Could not update provider."))
 				});
 			},
 			className: "space-y-4",
 			children: [
-				O && /* @__PURE__ */ N("div", {
+				j && /* @__PURE__ */ z("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: O
+					children: j
 				}),
-				/* @__PURE__ */ P("div", { children: [/* @__PURE__ */ P("label", {
+				/* @__PURE__ */ B("div", { children: [/* @__PURE__ */ B("label", {
 					htmlFor: "prov-edit-name",
-					className: L,
-					children: ["Name ", /* @__PURE__ */ N("span", {
-						className: "text-status-error-text",
-						children: "*"
-					})]
-				}), /* @__PURE__ */ N("input", {
+					className: U,
+					children: [
+						n("providers.detail.editModal.nameLabel", "Name"),
+						" ",
+						/* @__PURE__ */ z("span", {
+							className: "text-status-error-text",
+							children: "*"
+						})
+					]
+				}), /* @__PURE__ */ z("input", {
 					id: "prov-edit-name",
 					type: "text",
-					value: r,
-					onChange: (e) => i(e.target.value),
-					className: I,
+					value: i,
+					onChange: (e) => o(e.target.value),
+					className: H,
 					required: !0
 				})] }),
-				/* @__PURE__ */ P("div", {
+				/* @__PURE__ */ B("div", {
 					className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
-					children: [/* @__PURE__ */ P("div", { children: [/* @__PURE__ */ N("label", {
+					children: [/* @__PURE__ */ B("div", { children: [/* @__PURE__ */ z("label", {
 						htmlFor: "prov-edit-category",
-						className: L,
-						children: "Category"
-					}), /* @__PURE__ */ N("select", {
+						className: U,
+						children: n("providers.detail.editModal.categoryLabel", "Category")
+					}), /* @__PURE__ */ z("select", {
 						id: "prov-edit-category",
-						value: a,
-						onChange: (e) => o(e.target.value),
-						className: I,
-						children: R.map((e) => /* @__PURE__ */ N("option", {
+						value: s,
+						onChange: (e) => c(e.target.value),
+						className: H,
+						children: W.map((e) => /* @__PURE__ */ z("option", {
 							value: e,
-							children: e.replace(/_/g, " ")
+							children: n(G[e], a(e))
 						}, e))
-					})] }), /* @__PURE__ */ P("div", { children: [/* @__PURE__ */ N("label", {
+					})] }), /* @__PURE__ */ B("div", { children: [/* @__PURE__ */ z("label", {
 						htmlFor: "prov-edit-status",
-						className: L,
-						children: "Status"
-					}), /* @__PURE__ */ N("select", {
+						className: U,
+						children: n("providers.detail.editModal.statusLabel", "Status")
+					}), /* @__PURE__ */ z("select", {
 						id: "prov-edit-status",
-						value: s,
-						onChange: (e) => l(e.target.value),
-						className: I,
-						children: z.map((e) => /* @__PURE__ */ N("option", {
+						value: u,
+						onChange: (e) => d(e.target.value),
+						className: H,
+						children: K.map((e) => /* @__PURE__ */ z("option", {
 							value: e,
-							children: e.replace(/_/g, " ")
+							children: a(e)
 						}, e))
 					})] })]
 				}),
-				/* @__PURE__ */ P("div", {
+				/* @__PURE__ */ B("div", {
 					className: "grid grid-cols-1 gap-4 sm:grid-cols-3",
 					children: [
-						/* @__PURE__ */ P("div", { children: [/* @__PURE__ */ N("label", {
+						/* @__PURE__ */ B("div", { children: [/* @__PURE__ */ z("label", {
 							htmlFor: "prov-edit-industry",
-							className: L,
-							children: "Industry"
-						}), /* @__PURE__ */ N("input", {
+							className: U,
+							children: n("providers.detail.editModal.industryLabel", "Industry")
+						}), /* @__PURE__ */ z("input", {
 							id: "prov-edit-industry",
 							type: "text",
-							value: f,
-							onChange: (e) => p(e.target.value),
-							className: I
+							value: m,
+							onChange: (e) => h(e.target.value),
+							className: H
 						})] }),
-						/* @__PURE__ */ P("div", { children: [/* @__PURE__ */ N("label", {
+						/* @__PURE__ */ B("div", { children: [/* @__PURE__ */ z("label", {
 							htmlFor: "prov-edit-region",
-							className: L,
-							children: "Region"
-						}), /* @__PURE__ */ N("input", {
+							className: U,
+							children: n("providers.detail.editModal.regionLabel", "Region")
+						}), /* @__PURE__ */ z("input", {
 							id: "prov-edit-region",
 							type: "text",
-							value: m,
-							onChange: (e) => h(e.target.value),
-							className: I
+							value: g,
+							onChange: (e) => _(e.target.value),
+							className: H
 						})] }),
-						/* @__PURE__ */ P("div", { children: [/* @__PURE__ */ N("label", {
+						/* @__PURE__ */ B("div", { children: [/* @__PURE__ */ z("label", {
 							htmlFor: "prov-edit-language",
-							className: L,
-							children: "Language"
-						}), /* @__PURE__ */ N("input", {
+							className: U,
+							children: n("providers.detail.editModal.languageLabel", "Language")
+						}), /* @__PURE__ */ z("input", {
 							id: "prov-edit-language",
 							type: "text",
-							value: g,
+							value: v,
 							onChange: (e) => y(e.target.value),
-							className: I
+							className: H
 						})] })
 					]
 				}),
-				/* @__PURE__ */ P("div", { children: [/* @__PURE__ */ N("label", {
+				/* @__PURE__ */ B("div", { children: [/* @__PURE__ */ z("label", {
 					htmlFor: "prov-edit-website",
-					className: L,
-					children: "Website"
-				}), /* @__PURE__ */ N("input", {
+					className: U,
+					children: n("providers.detail.editModal.websiteLabel", "Website")
+				}), /* @__PURE__ */ z("input", {
 					id: "prov-edit-website",
 					type: "url",
-					value: b,
-					onChange: (e) => x(e.target.value),
-					placeholder: "https://…",
-					className: I
+					value: S,
+					onChange: (e) => w(e.target.value),
+					placeholder: n("providers.detail.editModal.websitePlaceholder", "https://…"),
+					className: H
 				})] }),
-				/* @__PURE__ */ P("div", { children: [/* @__PURE__ */ N("label", {
+				/* @__PURE__ */ B("div", { children: [/* @__PURE__ */ z("label", {
 					htmlFor: "prov-edit-desc",
-					className: L,
-					children: "Description"
-				}), /* @__PURE__ */ N("textarea", {
+					className: U,
+					children: n("providers.detail.editModal.descriptionLabel", "Description")
+				}), /* @__PURE__ */ z("textarea", {
 					id: "prov-edit-desc",
-					value: u,
-					onChange: (e) => d(e.target.value),
+					value: f,
+					onChange: (e) => p(e.target.value),
 					rows: 3,
-					className: I
+					className: H
 				})] }),
-				/* @__PURE__ */ P("div", {
+				/* @__PURE__ */ B("div", {
 					className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
-					children: [/* @__PURE__ */ P("div", { children: [/* @__PURE__ */ N("label", {
+					children: [/* @__PURE__ */ B("div", { children: [/* @__PURE__ */ z("label", {
 						htmlFor: "prov-edit-churn",
-						className: L,
-						children: "Churn risk (0–100)"
-					}), /* @__PURE__ */ N("input", {
+						className: U,
+						children: n("providers.detail.editModal.churnRiskLabel", "Churn risk (0–100)")
+					}), /* @__PURE__ */ z("input", {
 						id: "prov-edit-churn",
 						type: "number",
 						min: "0",
 						max: "100",
-						value: S,
-						onChange: (e) => C(e.target.value),
-						className: I
-					})] }), /* @__PURE__ */ P("div", { children: [/* @__PURE__ */ N("label", {
+						value: T,
+						onChange: (e) => E(e.target.value),
+						className: H
+					})] }), /* @__PURE__ */ B("div", { children: [/* @__PURE__ */ z("label", {
 						htmlFor: "prov-edit-health",
-						className: L,
-						children: "Vendor health (0–100)"
-					}), /* @__PURE__ */ N("input", {
+						className: U,
+						children: n("providers.detail.editModal.vendorHealthLabel", "Vendor health (0–100)")
+					}), /* @__PURE__ */ z("input", {
 						id: "prov-edit-health",
 						type: "number",
 						min: "0",
 						max: "100",
-						value: w,
-						onChange: (e) => T(e.target.value),
-						className: I
+						value: D,
+						onChange: (e) => O(e.target.value),
+						className: H
 					})] })]
 				}),
-				/* @__PURE__ */ P("div", { children: [/* @__PURE__ */ P("label", {
+				/* @__PURE__ */ B("div", { children: [/* @__PURE__ */ B("label", {
 					htmlFor: "prov-edit-tags",
-					className: L,
-					children: ["Tags ", /* @__PURE__ */ N("span", {
-						className: "text-text-secondary",
-						children: "(comma-separated)"
-					})]
-				}), /* @__PURE__ */ N("input", {
+					className: U,
+					children: [
+						n("providers.detail.editModal.tagsLabel", "Tags"),
+						" ",
+						/* @__PURE__ */ B("span", {
+							className: "text-text-secondary",
+							children: [
+								"(",
+								n("providers.detail.editModal.tagsHint", "comma-separated"),
+								")"
+							]
+						})
+					]
+				}), /* @__PURE__ */ z("input", {
 					id: "prov-edit-tags",
 					type: "text",
-					value: E,
-					onChange: (e) => D(e.target.value),
-					className: I
+					value: k,
+					onChange: (e) => A(e.target.value),
+					className: H
 				})] }),
-				/* @__PURE__ */ P("div", {
+				/* @__PURE__ */ B("div", {
 					className: "flex justify-end gap-3",
-					children: [/* @__PURE__ */ N("button", {
+					children: [/* @__PURE__ */ z("button", {
 						type: "button",
 						onClick: t,
 						className: "rounded-lg border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken",
-						children: "Cancel"
-					}), /* @__PURE__ */ N("button", {
+						children: n("providers.detail.editModal.cancel", "Cancel")
+					}), /* @__PURE__ */ z("button", {
 						type: "submit",
-						disabled: n.isPending,
+						disabled: r.isPending,
 						className: "rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:opacity-90 disabled:opacity-50",
-						children: n.isPending ? "Saving…" : "Save changes"
+						children: r.isPending ? n("providers.detail.editModal.saving", "Saving…") : n("providers.detail.editModal.submit", "Save changes")
 					})]
 				})
 			]
 		})
 	});
 }
-function W({ providerId: e, onClose: t }) {
-	let n = h(), [r, i] = v(""), [a, o] = v(""), [s, l] = v("USD"), [u, d] = v("MONTHLY"), [f, p] = v(""), [m, g] = v(""), [_, y] = v(!0), [b, x] = v(null);
-	return /* @__PURE__ */ N(c, {
-		title: "Add plan",
+function Z({ providerId: e, onClose: t }) {
+	let n = x(), r = v(), [i, o] = C(""), [s, c] = C(""), [u, d] = C("USD"), [f, p] = C("MONTHLY"), [m, h] = C(""), [g, _] = C(""), [y, b] = C(!0), [S, w] = C(null);
+	return /* @__PURE__ */ z(l, {
+		title: n("providers.detail.addPlanModal.title", "Add plan"),
 		onClose: t,
 		maxWidthClassName: "max-w-xl",
-		children: /* @__PURE__ */ P("form", {
-			onSubmit: (i) => {
-				if (i.preventDefault(), x(null), !r.trim()) {
-					x("A plan name is required.");
+		children: /* @__PURE__ */ B("form", {
+			onSubmit: (a) => {
+				if (a.preventDefault(), w(null), !i.trim()) {
+					w(n("providers.detail.addPlanModal.nameRequired", "A plan name is required."));
 					return;
 				}
-				let o = m.split("\n").map((e) => e.trim()).filter(Boolean);
-				n.mutate({
+				let o = g.split("\n").map((e) => e.trim()).filter(Boolean);
+				r.mutate({
 					providerId: e,
-					name: r.trim(),
-					interval: u,
-					currency: s.trim() || "USD",
-					...a.trim() ? { amount: Number(a) } : {},
-					...f.trim() ? { description: f.trim() } : {},
+					name: i.trim(),
+					interval: f,
+					currency: u.trim() || "USD",
+					...s.trim() ? { amount: Number(s) } : {},
+					...m.trim() ? { description: m.trim() } : {},
 					...o.length ? { features: o } : {}
 				}, {
 					onSuccess: () => t(),
-					onError: (e) => x(e instanceof Error ? e.message : "Could not add plan.")
+					onError: (e) => w(e instanceof Error ? e.message : n("providers.detail.addPlanModal.error", "Could not add plan."))
 				});
 			},
 			className: "space-y-4",
 			children: [
-				b && /* @__PURE__ */ N("div", {
+				S && /* @__PURE__ */ z("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: b
+					children: S
 				}),
-				/* @__PURE__ */ P("div", { children: [/* @__PURE__ */ P("label", {
+				/* @__PURE__ */ B("div", { children: [/* @__PURE__ */ B("label", {
 					htmlFor: "plan-name",
-					className: L,
-					children: ["Name ", /* @__PURE__ */ N("span", {
-						className: "text-status-error-text",
-						children: "*"
-					})]
-				}), /* @__PURE__ */ N("input", {
+					className: U,
+					children: [
+						n("providers.detail.addPlanModal.nameLabel", "Name"),
+						" ",
+						/* @__PURE__ */ z("span", {
+							className: "text-status-error-text",
+							children: "*"
+						})
+					]
+				}), /* @__PURE__ */ z("input", {
 					id: "plan-name",
 					type: "text",
-					value: r,
-					onChange: (e) => i(e.target.value),
-					placeholder: "e.g. Pro, Team, Enterprise",
-					className: I,
+					value: i,
+					onChange: (e) => o(e.target.value),
+					placeholder: n("providers.detail.addPlanModal.namePlaceholder", "e.g. Pro, Team, Enterprise"),
+					className: H,
 					required: !0
 				})] }),
-				/* @__PURE__ */ P("div", {
+				/* @__PURE__ */ B("div", {
 					className: "grid grid-cols-1 gap-4 sm:grid-cols-3",
 					children: [
-						/* @__PURE__ */ P("div", { children: [/* @__PURE__ */ N("label", {
+						/* @__PURE__ */ B("div", { children: [/* @__PURE__ */ z("label", {
 							htmlFor: "plan-amount",
-							className: L,
-							children: "Amount"
-						}), /* @__PURE__ */ N("input", {
+							className: U,
+							children: n("providers.detail.addPlanModal.amountLabel", "Amount")
+						}), /* @__PURE__ */ z("input", {
 							id: "plan-amount",
 							type: "number",
 							min: "0",
 							step: "0.01",
-							value: a,
-							onChange: (e) => o(e.target.value),
-							placeholder: "0.00",
-							className: I
+							value: s,
+							onChange: (e) => c(e.target.value),
+							placeholder: n("providers.detail.addPlanModal.amountPlaceholder", "0.00"),
+							className: H
 						})] }),
-						/* @__PURE__ */ P("div", { children: [/* @__PURE__ */ N("label", {
+						/* @__PURE__ */ B("div", { children: [/* @__PURE__ */ z("label", {
 							htmlFor: "plan-currency",
-							className: L,
-							children: "Currency"
-						}), /* @__PURE__ */ N("input", {
+							className: U,
+							children: n("providers.detail.addPlanModal.currencyLabel", "Currency")
+						}), /* @__PURE__ */ z("input", {
 							id: "plan-currency",
 							type: "text",
-							value: s,
-							onChange: (e) => l(e.target.value.toUpperCase()),
+							value: u,
+							onChange: (e) => d(e.target.value.toUpperCase()),
 							maxLength: 3,
-							className: I
+							className: H
 						})] }),
-						/* @__PURE__ */ P("div", { children: [/* @__PURE__ */ N("label", {
+						/* @__PURE__ */ B("div", { children: [/* @__PURE__ */ z("label", {
 							htmlFor: "plan-interval",
-							className: L,
-							children: "Interval"
-						}), /* @__PURE__ */ N("select", {
+							className: U,
+							children: n("providers.detail.addPlanModal.intervalLabel", "Interval")
+						}), /* @__PURE__ */ z("select", {
 							id: "plan-interval",
-							value: u,
-							onChange: (e) => d(e.target.value),
-							className: I,
-							children: B.map((e) => /* @__PURE__ */ N("option", {
+							value: f,
+							onChange: (e) => p(e.target.value),
+							className: H,
+							children: q.map((e) => /* @__PURE__ */ z("option", {
 								value: e,
-								children: e.replace(/_/g, " ")
+								children: a(e)
 							}, e))
 						})] })
 					]
 				}),
-				/* @__PURE__ */ P("div", { children: [/* @__PURE__ */ N("label", {
+				/* @__PURE__ */ B("div", { children: [/* @__PURE__ */ z("label", {
 					htmlFor: "plan-desc",
-					className: L,
-					children: "Description"
-				}), /* @__PURE__ */ N("textarea", {
+					className: U,
+					children: n("providers.detail.addPlanModal.descriptionLabel", "Description")
+				}), /* @__PURE__ */ z("textarea", {
 					id: "plan-desc",
-					value: f,
-					onChange: (e) => p(e.target.value),
+					value: m,
+					onChange: (e) => h(e.target.value),
 					rows: 2,
-					className: I
+					className: H
 				})] }),
-				/* @__PURE__ */ P("div", { children: [/* @__PURE__ */ P("label", {
+				/* @__PURE__ */ B("div", { children: [/* @__PURE__ */ B("label", {
 					htmlFor: "plan-features",
-					className: L,
-					children: ["Features ", /* @__PURE__ */ N("span", {
-						className: "text-text-secondary",
-						children: "(one per line)"
-					})]
-				}), /* @__PURE__ */ N("textarea", {
+					className: U,
+					children: [
+						n("providers.detail.addPlanModal.featuresLabel", "Features"),
+						" ",
+						/* @__PURE__ */ B("span", {
+							className: "text-text-secondary",
+							children: [
+								"(",
+								n("providers.detail.addPlanModal.featuresHint", "one per line"),
+								")"
+							]
+						})
+					]
+				}), /* @__PURE__ */ z("textarea", {
 					id: "plan-features",
-					value: m,
-					onChange: (e) => g(e.target.value),
+					value: g,
+					onChange: (e) => _(e.target.value),
 					rows: 3,
-					placeholder: "Unlimited projects\nPriority support\nSSO",
-					className: I
+					placeholder: n("providers.detail.addPlanModal.featuresPlaceholder", "Unlimited projects\nPriority support\nSSO"),
+					className: H
 				})] }),
-				/* @__PURE__ */ P("label", {
+				/* @__PURE__ */ B("label", {
 					className: "flex items-center gap-2 text-sm text-text-primary",
-					children: [/* @__PURE__ */ N("input", {
+					children: [/* @__PURE__ */ z("input", {
 						type: "checkbox",
-						checked: _,
-						onChange: (e) => y(e.target.checked),
+						checked: y,
+						onChange: (e) => b(e.target.checked),
 						className: "size-4 rounded border-border-subtle"
-					}), "Active"]
+					}), n("providers.detail.addPlanModal.active", "Active")]
 				}),
-				/* @__PURE__ */ P("div", {
+				/* @__PURE__ */ B("div", {
 					className: "flex justify-end gap-3",
-					children: [/* @__PURE__ */ N("button", {
+					children: [/* @__PURE__ */ z("button", {
 						type: "button",
 						onClick: t,
 						className: "rounded-lg border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken",
-						children: "Cancel"
-					}), /* @__PURE__ */ N("button", {
+						children: n("providers.detail.addPlanModal.cancel", "Cancel")
+					}), /* @__PURE__ */ z("button", {
 						type: "submit",
-						disabled: n.isPending,
+						disabled: r.isPending,
 						className: "rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:opacity-90 disabled:opacity-50",
-						children: n.isPending ? "Adding…" : "Add plan"
+						children: r.isPending ? n("providers.detail.addPlanModal.adding", "Adding…") : n("providers.detail.addPlanModal.submit", "Add plan")
 					})]
 				})
 			]
 		})
 	});
 }
-function G({ provider: t, onClose: n }) {
-	let { navigateTo: r } = e(), i = m(), [a, o] = v(null);
-	return /* @__PURE__ */ N(c, {
-		title: "Archive provider",
+function Q({ provider: t, onClose: n }) {
+	let r = x(), { navigateTo: i } = e(), a = g(), [o, s] = C(null);
+	return /* @__PURE__ */ z(l, {
+		title: r("providers.detail.archiveModal.title", "Archive provider"),
 		onClose: n,
-		children: /* @__PURE__ */ P("div", {
+		children: /* @__PURE__ */ B("div", {
 			className: "space-y-4",
 			children: [
-				a && /* @__PURE__ */ N("div", {
+				o && /* @__PURE__ */ z("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: a
+					children: o
 				}),
-				/* @__PURE__ */ P("p", {
+				/* @__PURE__ */ z("p", {
 					className: "text-sm text-text-secondary",
-					children: [
-						"Archive ",
-						/* @__PURE__ */ N("span", {
-							className: "font-medium text-text-primary",
-							children: t.name
-						}),
-						"? It will be removed from the active registry. This can be reversed by an administrator."
-					]
+					children: r("providers.detail.archiveModal.description", "Archive {{name}}? It will be removed from the active registry. This can be reversed by an administrator.", { name: t.name })
 				}),
-				/* @__PURE__ */ P("div", {
+				/* @__PURE__ */ B("div", {
 					className: "flex justify-end gap-3",
-					children: [/* @__PURE__ */ N("button", {
+					children: [/* @__PURE__ */ z("button", {
 						type: "button",
 						onClick: n,
 						className: "rounded-lg border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken",
-						children: "Cancel"
-					}), /* @__PURE__ */ N("button", {
+						children: r("providers.detail.archiveModal.cancel", "Cancel")
+					}), /* @__PURE__ */ z("button", {
 						type: "button",
 						onClick: () => {
-							o(null), i.mutate(t.id, {
-								onSuccess: () => r("/providers"),
-								onError: (e) => o(e instanceof Error ? e.message : "Could not archive this provider.")
+							s(null), a.mutate(t.id, {
+								onSuccess: () => i("/providers"),
+								onError: (e) => s(e instanceof Error ? e.message : r("providers.detail.archiveModal.error", "Could not archive this provider."))
 							});
 						},
-						disabled: i.isPending,
+						disabled: a.isPending,
 						className: "rounded-lg border border-status-error-text/30 bg-status-error-bg-subtle px-4 py-2 text-sm font-medium text-status-error-text hover:opacity-90 disabled:opacity-50",
-						children: i.isPending ? "Archiving…" : "Archive provider"
+						children: a.isPending ? r("providers.detail.archiveModal.archiving", "Archiving…") : r("providers.detail.archiveModal.submit", "Archive provider")
 					})]
 				})
 			]
 		})
 	});
 }
-function K() {
-	let { id: c } = j(), { navigateTo: m } = e(), { data: h, isLoading: _, isError: I, refetch: L } = g(c), [R, z] = v(!1), [B, K] = v(!1), [q, J] = v(!1);
-	if (_) return /* @__PURE__ */ N(n, {
-		title: "Provider",
-		children: /* @__PURE__ */ N(u, { label: "Loading provider…" })
+function ee({ slug: e }) {
+	let t = x(), { data: n, isLoading: s, isError: c, refetch: l } = _(e), f = S(() => {
+		let e = [...n ?? []].filter((e) => Number.isFinite(e.amount)).sort((e, t) => new Date(e.observedAt).getTime() - new Date(t.observedAt).getTime()), t = e[e.length - 1];
+		if (!t) return null;
+		let r = e.filter((e) => e.planName === t.planName && e.region === t.region && e.currency === t.currency && e.interval === t.interval), i = r.map((e) => e.amount);
+		return {
+			points: r,
+			latest: t,
+			amounts: i,
+			min: Math.min(...i),
+			max: Math.max(...i),
+			first: i[0] ?? t.amount
+		};
+	}, [n]);
+	return /* @__PURE__ */ B(V, {
+		treatment: "metric",
+		className: "p-5",
+		children: [/* @__PURE__ */ B("span", {
+			className: "inline-flex items-center gap-2 text-sm font-medium text-text-primary",
+			children: [
+				/* @__PURE__ */ z(A, { className: "h-4 w-4 text-text-secondary" }),
+				" ",
+				t("providers.detail.priceHistory", "Price history")
+			]
+		}), e ? s ? /* @__PURE__ */ z(d, {
+			className: "min-h-[8rem]",
+			label: t("providers.detail.priceHistoryLoading", "Loading price history…")
+		}) : c ? /* @__PURE__ */ z(u, {
+			className: "min-h-[8rem]",
+			title: t("providers.detail.priceHistoryErrorTitle", "Price history unavailable"),
+			message: t("providers.detail.priceHistoryError", "Could not load observed prices for this provider."),
+			onRetry: () => void l()
+		}) : f ? /* @__PURE__ */ B(R, { children: [
+			/* @__PURE__ */ B("p", {
+				className: "mt-3 text-2xl font-bold tabular-nums text-text-primary",
+				children: [r(f.latest.amount, f.latest.currency), /* @__PURE__ */ z("span", {
+					className: "text-sm font-normal text-text-secondary",
+					children: o(f.latest.interval)
+				})]
+			}),
+			/* @__PURE__ */ B("p", {
+				className: "text-xs text-text-secondary",
+				children: [
+					f.latest.planName,
+					" · ",
+					f.latest.region,
+					" ·",
+					" ",
+					t("providers.detail.observed", "observed"),
+					" ",
+					i(f.latest.observedAt)
+				]
+			}),
+			/* @__PURE__ */ z(h, {
+				className: "mt-3 w-full",
+				points: f.amounts,
+				positive: f.latest.amount <= f.first
+			}),
+			/* @__PURE__ */ B("dl", {
+				className: "mt-3 space-y-2 border-t border-border-subtle pt-3 text-xs",
+				children: [
+					/* @__PURE__ */ B("div", {
+						className: "flex items-center justify-between gap-2",
+						children: [/* @__PURE__ */ z("dt", {
+							className: "text-text-secondary",
+							children: t("providers.detail.observedRange", "Observed range")
+						}), /* @__PURE__ */ B("dd", {
+							className: "font-medium tabular-nums text-text-primary",
+							children: [
+								r(f.min, f.latest.currency),
+								" –",
+								" ",
+								r(f.max, f.latest.currency)
+							]
+						})]
+					}),
+					/* @__PURE__ */ B("div", {
+						className: "flex items-center justify-between gap-2",
+						children: [/* @__PURE__ */ z("dt", {
+							className: "text-text-secondary",
+							children: t("providers.detail.observations", "Observations")
+						}), /* @__PURE__ */ z("dd", {
+							className: "font-medium tabular-nums text-text-primary",
+							children: f.points.length
+						})]
+					}),
+					/* @__PURE__ */ B("div", {
+						className: "flex items-center justify-between gap-2",
+						children: [/* @__PURE__ */ z("dt", {
+							className: "text-text-secondary",
+							children: t("providers.detail.latestSource", "Latest source")
+						}), /* @__PURE__ */ z("dd", {
+							className: "font-medium text-text-primary",
+							children: f.latest.sourceLabel ?? a(f.latest.sourceKind)
+						})]
+					})
+				]
+			})
+		] }) : /* @__PURE__ */ z("p", {
+			className: "mt-4 text-sm text-text-secondary",
+			children: t("providers.detail.priceHistoryEmpty", "No price observations recorded for this provider yet.")
+		}) : /* @__PURE__ */ z("p", {
+			className: "mt-4 text-sm text-text-secondary",
+			children: t("providers.detail.priceHistoryNoSlug", "Add a slug to this provider to match it against the shared price benchmark dataset.")
+		})]
 	});
-	if (I) return /* @__PURE__ */ N(n, {
-		title: "Provider",
-		children: /* @__PURE__ */ N(l, {
-			message: "Could not load this provider.",
-			onRetry: () => void L()
+}
+function $() {
+	let { id: i } = L(), { navigateTo: l } = e(), { data: h, isLoading: g, isError: _, refetch: v } = y(i), [b, S] = C(!1), [A, H] = C(!1), [U, W] = C(!1), K = x();
+	if (g) return /* @__PURE__ */ z(n, {
+		title: K("providers.detail.loadingTitle", "Provider"),
+		children: /* @__PURE__ */ z(d, { label: K("providers.detail.loading", "Loading provider…") })
+	});
+	if (_) return /* @__PURE__ */ z(n, {
+		title: K("providers.detail.loadingTitle", "Provider"),
+		children: /* @__PURE__ */ z(u, {
+			message: K("providers.detail.error", "Could not load this provider."),
+			onRetry: () => void v()
 		})
 	});
-	if (!h) return /* @__PURE__ */ N(n, {
-		title: "Provider",
-		children: /* @__PURE__ */ N(s, {
+	if (!h) return /* @__PURE__ */ z(n, {
+		title: K("providers.detail.loadingTitle", "Provider"),
+		children: /* @__PURE__ */ z(c, {
 			illustration: "empty-data",
-			title: "Provider not found",
-			description: "It may have been removed, or you may not have access to it.",
-			action: /* @__PURE__ */ N("button", {
+			title: K("providers.detail.notFoundTitle", "Provider not found"),
+			description: K("providers.detail.notFoundDescription", "It may have been removed, or you may not have access to it."),
+			action: /* @__PURE__ */ z("button", {
 				type: "button",
-				onClick: () => m("/providers"),
+				onClick: () => l("/providers"),
 				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 providers"
+				children: K("providers.detail.backToProviders", "Back to providers")
 			})
 		})
 	});
-	let Y = h, X = Y.websiteUrl && /^https?:\/\//i.test(Y.websiteUrl) ? Y.websiteUrl : null, Z = Y.plans && Y.plans.length > 1 ? Y.plans.filter((e) => e.isActive && e.amount > 0).reduce((e, t) => e === null || t.amount < e.amount ? t : e, null)?.id ?? null : null;
-	return /* @__PURE__ */ P(n, {
-		title: Y.name,
-		description: i(Y.category),
-		actions: /* @__PURE__ */ P("div", {
+	let q = h, $ = q.websiteUrl && /^https?:\/\//i.test(q.websiteUrl) ? q.websiteUrl : null, te = q.plans && q.plans.length > 1 ? q.plans.filter((e) => e.isActive && e.amount > 0).reduce((e, t) => e === null || t.amount < e.amount ? t : e, null)?.id ?? null : null;
+	return /* @__PURE__ */ B(n, {
+		title: q.name,
+		description: K(G[q.category], a(q.category)),
+		actions: /* @__PURE__ */ B("div", {
 			className: "flex items-center gap-2",
 			children: [
-				/* @__PURE__ */ P("button", {
+				/* @__PURE__ */ B("button", {
 					type: "button",
-					onClick: () => z(!0),
+					onClick: () => S(!0),
 					className: "inline-flex items-center gap-2 rounded-lg border border-border-subtle px-3 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken",
-					children: [/* @__PURE__ */ N(T, { className: "h-4 w-4" }), " Edit"]
+					children: [
+						/* @__PURE__ */ z(j, { className: "h-4 w-4" }),
+						" ",
+						K("providers.detail.edit", "Edit")
+					]
 				}),
-				/* @__PURE__ */ P("button", {
+				/* @__PURE__ */ B("button", {
 					type: "button",
-					onClick: () => J(!0),
+					onClick: () => W(!0),
 					className: "inline-flex items-center gap-2 rounded-lg border border-status-error-text/30 px-3 py-2 text-sm font-medium text-status-error-text hover:bg-status-error-bg-subtle",
-					children: [/* @__PURE__ */ N(y, { className: "h-4 w-4" }), " Archive"]
+					children: [
+						/* @__PURE__ */ z(w, { className: "h-4 w-4" }),
+						" ",
+						K("providers.detail.archive", "Archive")
+					]
 				}),
-				/* @__PURE__ */ P("button", {
+				/* @__PURE__ */ B("button", {
 					type: "button",
-					onClick: () => m("/providers"),
+					onClick: () => l("/providers"),
 					className: "inline-flex items-center gap-2 rounded-lg border border-border-subtle px-3 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken",
-					children: [/* @__PURE__ */ N(b, { className: "h-4 w-4" }), " Back"]
+					children: [
+						/* @__PURE__ */ z(T, { className: "h-4 w-4" }),
+						" ",
+						K("providers.detail.back", "Back")
+					]
 				})
 			]
 		}),
 		children: [
-			/* @__PURE__ */ P("div", {
+			/* @__PURE__ */ B("div", {
 				className: "flex flex-wrap items-center gap-3",
 				children: [
-					/* @__PURE__ */ N("span", {
+					/* @__PURE__ */ z("span", {
 						className: "flex size-11 items-center justify-center rounded-xl bg-[var(--color-accent-soft)] text-text-primary",
-						children: /* @__PURE__ */ N(x, { className: "h-5 w-5" })
+						children: /* @__PURE__ */ z(E, { className: "h-5 w-5" })
 					}),
-					/* @__PURE__ */ N(o, { status: Y.status }),
-					Y.industry && /* @__PURE__ */ N("span", {
+					/* @__PURE__ */ z(s, { status: q.status }),
+					q.industry && /* @__PURE__ */ z("span", {
 						className: "text-sm text-text-secondary",
-						children: Y.industry
+						children: q.industry
 					}),
-					Y.region && /* @__PURE__ */ P("span", {
+					q.region && /* @__PURE__ */ B("span", {
 						className: "text-sm text-text-secondary",
-						children: ["· ", Y.region]
+						children: ["· ", q.region]
 					}),
-					X && /* @__PURE__ */ P("a", {
-						href: X,
+					$ && /* @__PURE__ */ B("a", {
+						href: $,
 						target: "_blank",
 						rel: "noopener noreferrer",
 						className: "inline-flex items-center gap-1 text-sm text-text-link hover:underline",
-						children: [/* @__PURE__ */ N(C, { className: "h-3.5 w-3.5" }), " Website"]
+						children: [
+							/* @__PURE__ */ z(O, { className: "h-3.5 w-3.5" }),
+							" ",
+							K("providers.detail.website", "Website")
+						]
 					})
 				]
 			}),
-			Y.description && /* @__PURE__ */ N("p", {
+			q.description && /* @__PURE__ */ z("p", {
 				className: "mt-4 max-w-3xl text-sm leading-relaxed text-text-secondary",
-				children: Y.description
+				children: q.description
 			}),
-			Y.tags.length > 0 && /* @__PURE__ */ P("div", {
+			q.tags.length > 0 && /* @__PURE__ */ B("div", {
 				className: "mt-4 flex flex-wrap items-center gap-2",
-				children: [/* @__PURE__ */ N(k, { className: "h-3.5 w-3.5 text-text-secondary" }), Y.tags.map((e) => /* @__PURE__ */ N("span", {
+				children: [/* @__PURE__ */ z(F, { className: "h-3.5 w-3.5 text-text-secondary" }), q.tags.map((e) => /* @__PURE__ */ z("span", {
 					className: "rounded-full bg-bg-sunken px-2.5 py-0.5 text-xs text-text-secondary",
 					children: e
 				}, e))]
 			}),
-			/* @__PURE__ */ P("div", {
+			/* @__PURE__ */ B("div", {
 				className: "mt-6 grid grid-cols-1 gap-6 lg:grid-cols-3",
-				children: [/* @__PURE__ */ N("div", {
+				children: [/* @__PURE__ */ z("div", {
 					className: "lg:col-span-2",
-					children: /* @__PURE__ */ N(d, {
-						title: "Plans",
-						description: "Pricing this provider publishes",
-						action: /* @__PURE__ */ P("button", {
+					children: /* @__PURE__ */ z(f, {
+						title: K("providers.detail.plans", "Plans"),
+						description: K("providers.detail.plansDescription", "Pricing this provider publishes"),
+						action: /* @__PURE__ */ B("button", {
 							type: "button",
-							onClick: () => K(!0),
+							onClick: () => H(!0),
 							className: "inline-flex items-center gap-1.5 rounded-lg border border-border-subtle px-3 py-1.5 text-xs font-medium text-text-primary hover:bg-bg-sunken",
-							children: [/* @__PURE__ */ N(E, { className: "h-3.5 w-3.5" }), " Add plan"]
+							children: [
+								/* @__PURE__ */ z(M, { className: "h-3.5 w-3.5" }),
+								" ",
+								K("providers.detail.addPlan", "Add plan")
+							]
 						}),
-						children: !Y.plans || Y.plans.length === 0 ? /* @__PURE__ */ N(s, {
+						children: !q.plans || q.plans.length === 0 ? /* @__PURE__ */ z(c, {
 							illustration: "empty-data",
-							title: "No published plans",
-							description: "When this provider publishes plans, they'll appear here.",
-							action: /* @__PURE__ */ N("button", {
+							title: K("providers.detail.noPlansTitle", "No published plans"),
+							description: K("providers.detail.noPlansDescription", "When this provider publishes plans, they'll appear here."),
+							action: /* @__PURE__ */ z("button", {
 								type: "button",
-								onClick: () => K(!0),
+								onClick: () => H(!0),
 								className: "rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:opacity-90",
-								children: "Add plan"
+								children: K("providers.detail.addPlan", "Add plan")
 							})
-						}) : /* @__PURE__ */ N("div", {
+						}) : /* @__PURE__ */ z("div", {
 							className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
-							children: Y.plans.map((e) => {
-								let t = e.id === Z && Y.plans.length > 1;
-								return /* @__PURE__ */ P(F, {
+							children: q.plans.map((e) => {
+								let t = e.id === te && q.plans.length > 1;
+								return /* @__PURE__ */ B(V, {
 									treatment: t ? "insight" : "metric",
 									glow: t,
 									className: "flex flex-col p-5",
 									children: [
-										/* @__PURE__ */ P("div", {
+										/* @__PURE__ */ B("div", {
 											className: "flex items-start justify-between gap-2",
-											children: [/* @__PURE__ */ N("p", {
+											children: [/* @__PURE__ */ z("p", {
 												className: "text-sm font-semibold text-text-primary",
 												children: e.name
-											}), t ? /* @__PURE__ */ P("span", {
+											}), t ? /* @__PURE__ */ B("span", {
 												className: "inline-flex items-center gap-1 rounded-full bg-status-success-bg-subtle px-2 py-0.5 text-[11px] font-medium text-status-success-text",
-												children: [/* @__PURE__ */ N(O, { className: "h-3 w-3" }), " Best value"]
-											}) : /* @__PURE__ */ N(o, { status: e.isActive ? "ACTIVE" : "DISABLED" })]
+												children: [
+													/* @__PURE__ */ z(P, { className: "h-3 w-3" }),
+													" ",
+													K("providers.detail.bestValue", "Best value")
+												]
+											}) : /* @__PURE__ */ z(s, { status: e.isActive ? "ACTIVE" : "DISABLED" })]
 										}),
-										/* @__PURE__ */ P("p", {
+										/* @__PURE__ */ B("p", {
 											className: "mt-3 text-2xl font-bold tabular-nums text-text-primary",
-											children: [r(e.amount, e.currency), /* @__PURE__ */ N("span", {
+											children: [r(e.amount, e.currency), /* @__PURE__ */ z("span", {
 												className: "text-sm font-normal text-text-secondary",
-												children: a(e.interval)
+												children: o(e.interval)
 											})]
 										}),
-										e.description && /* @__PURE__ */ N("p", {
+										e.description && /* @__PURE__ */ z("p", {
 											className: "mt-2 text-xs leading-relaxed text-text-secondary",
 											children: e.description
 										}),
-										e.features.length > 0 && /* @__PURE__ */ P("ul", {
+										e.features.length > 0 && /* @__PURE__ */ B("ul", {
 											className: "mt-4 space-y-2 border-t border-border-subtle pt-4",
-											children: [e.features.slice(0, 6).map((e) => /* @__PURE__ */ P("li", {
+											children: [e.features.slice(0, 6).map((e) => /* @__PURE__ */ B("li", {
 												className: "flex items-start gap-2 text-xs text-text-secondary",
-												children: [/* @__PURE__ */ N(S, { className: "mt-0.5 h-3.5 w-3.5 shrink-0 text-status-success-text" }), /* @__PURE__ */ N("span", { children: e })]
-											}, e)), e.features.length > 6 && /* @__PURE__ */ P("li", {
+												children: [/* @__PURE__ */ z(D, { className: "mt-0.5 h-3.5 w-3.5 shrink-0 text-status-success-text" }), /* @__PURE__ */ z("span", { children: e })]
+											}, e)), e.features.length > 6 && /* @__PURE__ */ z("li", {
 												className: "pl-6 text-[11px] text-text-secondary",
-												children: [
-													"+",
-													e.features.length - 6,
-													" more"
-												]
+												children: K("providers.detail.moreFeatures", "+{{count}} more", { count: e.features.length - 6 })
 											})]
 										})
 									]
@@ -635,121 +797,134 @@ function K() {
 							})
 						})
 					})
-				}), /* @__PURE__ */ P("div", {
+				}), /* @__PURE__ */ B("div", {
 					className: "space-y-4",
 					children: [
-						/* @__PURE__ */ P(F, {
+						/* @__PURE__ */ B(V, {
 							treatment: "metric",
 							className: "p-5",
-							children: [/* @__PURE__ */ P("div", {
+							children: [/* @__PURE__ */ B("div", {
 								className: "flex items-center justify-between",
-								children: [/* @__PURE__ */ P("span", {
+								children: [/* @__PURE__ */ B("span", {
 									className: "inline-flex items-center gap-2 text-sm font-medium text-text-primary",
-									children: [/* @__PURE__ */ N(D, { className: "h-4 w-4 text-text-secondary" }), " Vendor health"]
-								}), Y.vendorHealthScore != null && /* @__PURE__ */ N("span", {
-									className: t("rounded-full px-2 py-0.5 text-[11px] font-medium", V(Y.vendorHealthScore).cls),
-									children: V(Y.vendorHealthScore).label
+									children: [
+										/* @__PURE__ */ z(N, { className: "h-4 w-4 text-text-secondary" }),
+										" ",
+										K("providers.detail.vendorHealth", "Vendor health")
+									]
+								}), q.vendorHealthScore != null && /* @__PURE__ */ z("span", {
+									className: t("rounded-full px-2 py-0.5 text-[11px] font-medium", J(q.vendorHealthScore, K).cls),
+									children: J(q.vendorHealthScore, K).label
 								})]
-							}), Y.vendorHealthScore == null ? /* @__PURE__ */ N("p", {
+							}), q.vendorHealthScore == null ? /* @__PURE__ */ z("p", {
 								className: "mt-4 text-sm text-text-secondary",
-								children: "No health score yet."
-							}) : /* @__PURE__ */ N("div", {
+								children: K("providers.detail.noHealthScore", "No health score yet.")
+							}) : /* @__PURE__ */ z("div", {
 								className: "mt-2 flex flex-col items-center",
-								children: /* @__PURE__ */ N(f, {
-									value: Y.vendorHealthScore,
+								children: /* @__PURE__ */ z(p, {
+									value: q.vendorHealthScore,
 									max: 100,
 									size: 168,
-									label: "out of 100"
+									label: K("providers.detail.outOf100", "out of 100")
 								})
 							})]
 						}),
-						/* @__PURE__ */ P(F, {
+						/* @__PURE__ */ B(V, {
 							treatment: "metric",
 							className: "p-5",
-							children: [/* @__PURE__ */ P("div", {
+							children: [/* @__PURE__ */ B("div", {
 								className: "flex items-center justify-between",
-								children: [/* @__PURE__ */ P("span", {
+								children: [/* @__PURE__ */ B("span", {
 									className: "inline-flex items-center gap-2 text-sm font-medium text-text-primary",
-									children: [/* @__PURE__ */ N(A, { className: "h-4 w-4 text-text-secondary" }), " Churn risk"]
-								}), Y.churnRiskScore != null && /* @__PURE__ */ N("span", {
-									className: t("rounded-full px-2 py-0.5 text-[11px] font-medium", H(Y.churnRiskScore).chip),
-									children: H(Y.churnRiskScore).label
+									children: [
+										/* @__PURE__ */ z(I, { className: "h-4 w-4 text-text-secondary" }),
+										" ",
+										K("providers.detail.churnRisk", "Churn risk")
+									]
+								}), q.churnRiskScore != null && /* @__PURE__ */ z("span", {
+									className: t("rounded-full px-2 py-0.5 text-[11px] font-medium", Y(q.churnRiskScore, K).chip),
+									children: Y(q.churnRiskScore, K).label
 								})]
-							}), Y.churnRiskScore == null ? /* @__PURE__ */ N("p", {
+							}), q.churnRiskScore == null ? /* @__PURE__ */ z("p", {
 								className: "mt-4 text-sm text-text-secondary",
-								children: "No churn signal yet."
-							}) : /* @__PURE__ */ P(M, { children: [/* @__PURE__ */ P("div", {
+								children: K("providers.detail.noChurnSignal", "No churn signal yet.")
+							}) : /* @__PURE__ */ B(R, { children: [/* @__PURE__ */ B("div", {
 								className: "mt-3 flex items-baseline justify-between",
-								children: [/* @__PURE__ */ N("span", {
+								children: [/* @__PURE__ */ z("span", {
 									className: "text-2xl font-bold tabular-nums text-text-primary",
-									children: Y.churnRiskScore
-								}), /* @__PURE__ */ N("span", {
+									children: q.churnRiskScore
+								}), /* @__PURE__ */ z("span", {
 									className: "text-xs text-text-secondary",
 									children: "/ 100"
 								})]
-							}), /* @__PURE__ */ N(p, {
-								value: Y.churnRiskScore,
-								tone: H(Y.churnRiskScore).tone,
+							}), /* @__PURE__ */ z(m, {
+								value: q.churnRiskScore,
+								tone: Y(q.churnRiskScore, K).tone,
 								className: "mt-2"
 							})] })]
 						}),
-						/* @__PURE__ */ P(F, {
+						/* @__PURE__ */ z(ee, { slug: q.slug }),
+						/* @__PURE__ */ B(V, {
 							treatment: "metric",
 							className: "p-5",
-							children: [/* @__PURE__ */ P("span", {
+							children: [/* @__PURE__ */ B("span", {
 								className: "inline-flex items-center gap-2 text-sm font-medium text-text-primary",
-								children: [/* @__PURE__ */ N(w, { className: "h-4 w-4 text-text-secondary" }), " At a glance"]
-							}), /* @__PURE__ */ P("dl", {
+								children: [
+									/* @__PURE__ */ z(k, { className: "h-4 w-4 text-text-secondary" }),
+									" ",
+									K("providers.detail.atAGlance", "At a glance")
+								]
+							}), /* @__PURE__ */ B("dl", {
 								className: "mt-3 space-y-2.5 text-sm",
 								children: [
-									/* @__PURE__ */ P("div", {
+									/* @__PURE__ */ B("div", {
 										className: "flex items-center justify-between gap-2",
-										children: [/* @__PURE__ */ N("dt", {
+										children: [/* @__PURE__ */ z("dt", {
 											className: "text-text-secondary",
-											children: "Category"
-										}), /* @__PURE__ */ N("dd", {
+											children: K("providers.detail.category", "Category")
+										}), /* @__PURE__ */ z("dd", {
 											className: "font-medium text-text-primary",
-											children: i(Y.category)
+											children: K(G[q.category], a(q.category))
 										})]
 									}),
-									/* @__PURE__ */ P("div", {
+									/* @__PURE__ */ B("div", {
 										className: "flex items-center justify-between gap-2",
-										children: [/* @__PURE__ */ N("dt", {
+										children: [/* @__PURE__ */ z("dt", {
 											className: "text-text-secondary",
-											children: "Industry"
-										}), /* @__PURE__ */ N("dd", {
+											children: K("providers.detail.industry", "Industry")
+										}), /* @__PURE__ */ z("dd", {
 											className: "font-medium text-text-primary",
-											children: Y.industry ?? "—"
+											children: q.industry ?? "—"
 										})]
 									}),
-									/* @__PURE__ */ P("div", {
+									/* @__PURE__ */ B("div", {
 										className: "flex items-center justify-between gap-2",
-										children: [/* @__PURE__ */ N("dt", {
+										children: [/* @__PURE__ */ z("dt", {
 											className: "text-text-secondary",
-											children: "Region"
-										}), /* @__PURE__ */ N("dd", {
+											children: K("providers.detail.region", "Region")
+										}), /* @__PURE__ */ z("dd", {
 											className: "font-medium text-text-primary",
-											children: Y.region ?? "—"
+											children: q.region ?? "—"
 										})]
 									}),
-									/* @__PURE__ */ P("div", {
+									/* @__PURE__ */ B("div", {
 										className: "flex items-center justify-between gap-2",
-										children: [/* @__PURE__ */ N("dt", {
+										children: [/* @__PURE__ */ z("dt", {
 											className: "text-text-secondary",
-											children: "Language"
-										}), /* @__PURE__ */ N("dd", {
+											children: K("providers.detail.language", "Language")
+										}), /* @__PURE__ */ z("dd", {
 											className: "font-medium text-text-primary",
-											children: Y.language ?? "—"
+											children: q.language ?? "—"
 										})]
 									}),
-									/* @__PURE__ */ P("div", {
+									/* @__PURE__ */ B("div", {
 										className: "flex items-center justify-between gap-2",
-										children: [/* @__PURE__ */ N("dt", {
+										children: [/* @__PURE__ */ z("dt", {
 											className: "text-text-secondary",
-											children: "Published plans"
-										}), /* @__PURE__ */ N("dd", {
+											children: K("providers.detail.publishedPlans", "Published plans")
+										}), /* @__PURE__ */ z("dd", {
 											className: "font-medium tabular-nums text-text-primary",
-											children: Y.plans?.length ?? 0
+											children: q.plans?.length ?? 0
 										})]
 									})
 								]
@@ -758,22 +933,22 @@ function K() {
 					]
 				})]
 			}),
-			R && /* @__PURE__ */ N(U, {
-				provider: Y,
-				onClose: () => z(!1)
+			b && /* @__PURE__ */ z(X, {
+				provider: q,
+				onClose: () => S(!1)
 			}),
-			B && /* @__PURE__ */ N(W, {
-				providerId: Y.id,
-				onClose: () => K(!1)
+			A && /* @__PURE__ */ z(Z, {
+				providerId: q.id,
+				onClose: () => H(!1)
 			}),
-			q && /* @__PURE__ */ N(G, {
-				provider: Y,
-				onClose: () => J(!1)
+			U && /* @__PURE__ */ z(Q, {
+				provider: q,
+				onClose: () => W(!1)
 			})
 		]
 	});
 }
 //#endregion
-export { K as ProviderDetailPage };
+export { $ as ProviderDetailPage };
 
 //# sourceMappingURL=ProviderDetailPage.js.map