@burdenoff/microfe-subscriberbot 2026.827.1 → 2026.1014.1

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

@@ -9,13 +9,14 @@ import { ErrorView as u, LoadingView as d, Section as f } from "../../components
 import { Gauge as p, MiniProgress as m, Sparkline as h } from "../../components/viz.js";
 import "../../components/index.js";
 import { useArchiveProvider as g, useBenchmarkDataPoints as _, useCreatePlan as v, useProvider as y, useUpdateProvider as b } from "../../hooks/useSubscriberBotApi.js";
-import { useMemo as x, useState as S } from "react";
-import { Archive as C, ArrowLeft as w, Building2 as T, Check as E, Globe as D, Layers as O, LineChart as k, Pencil as A, Plus as j, ShieldCheck as M, Sparkles as N, Tag as P, TrendingDown as F } from "lucide-react";
-import { useParams as I } from "react-router";
-import { Fragment as L, jsx as R, jsxs as z } from "react/jsx-runtime";
-import { GlassCard as B } from "@burdenoff/fe-libs/ui";
+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 V = "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)]", H = "mb-1 block text-xs font-medium text-text-secondary", U = [
+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 V = "w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 t
 	"LICENSE",
 	"CONTRACT",
 	"OTHER"
-], W = [
+], 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"
-], G = [
+], q = [
 	"MONTHLY",
 	"YEARLY",
 	"QUARTERLY",
@@ -47,688 +65,731 @@ var V = "w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 t
 	"LIFETIME",
 	"FREE"
 ];
-function K(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 q(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 J({ provider: e, onClose: t }) {
-	let n = b(), [r, i] = S(e.name), [a, o] = S(e.category), [s, c] = S(e.status), [u, d] = S(e.description ?? ""), [f, p] = S(e.industry ?? ""), [m, h] = S(e.region ?? ""), [g, _] = S(e.language ?? ""), [v, y] = S(e.websiteUrl ?? ""), [x, C] = S(e.churnRiskScore == null ? "" : String(e.churnRiskScore)), [w, T] = S(e.vendorHealthScore == null ? "" : String(e.vendorHealthScore)), [E, D] = S(e.tags.join(", ")), [O, k] = S(null);
-	return /* @__PURE__ */ R(l, {
-		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__ */ z("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() } : {},
-					...v.trim() ? { websiteUrl: v.trim() } : {},
-					...x.trim() ? { churnRiskScore: Number(x) } : {},
-					...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__ */ R("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__ */ z("div", { children: [/* @__PURE__ */ z("label", {
+				/* @__PURE__ */ B("div", { children: [/* @__PURE__ */ B("label", {
 					htmlFor: "prov-edit-name",
-					className: H,
-					children: ["Name ", /* @__PURE__ */ R("span", {
-						className: "text-status-error-text",
-						children: "*"
-					})]
-				}), /* @__PURE__ */ R("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: V,
+					value: i,
+					onChange: (e) => o(e.target.value),
+					className: H,
 					required: !0
 				})] }),
-				/* @__PURE__ */ z("div", {
+				/* @__PURE__ */ B("div", {
 					className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
-					children: [/* @__PURE__ */ z("div", { children: [/* @__PURE__ */ R("label", {
+					children: [/* @__PURE__ */ B("div", { children: [/* @__PURE__ */ z("label", {
 						htmlFor: "prov-edit-category",
-						className: H,
-						children: "Category"
-					}), /* @__PURE__ */ R("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: V,
-						children: U.map((e) => /* @__PURE__ */ R("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__ */ z("div", { children: [/* @__PURE__ */ R("label", {
+					})] }), /* @__PURE__ */ B("div", { children: [/* @__PURE__ */ z("label", {
 						htmlFor: "prov-edit-status",
-						className: H,
-						children: "Status"
-					}), /* @__PURE__ */ R("select", {
+						className: U,
+						children: n("providers.detail.editModal.statusLabel", "Status")
+					}), /* @__PURE__ */ z("select", {
 						id: "prov-edit-status",
-						value: s,
-						onChange: (e) => c(e.target.value),
-						className: V,
-						children: W.map((e) => /* @__PURE__ */ R("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__ */ z("div", {
+				/* @__PURE__ */ B("div", {
 					className: "grid grid-cols-1 gap-4 sm:grid-cols-3",
 					children: [
-						/* @__PURE__ */ z("div", { children: [/* @__PURE__ */ R("label", {
+						/* @__PURE__ */ B("div", { children: [/* @__PURE__ */ z("label", {
 							htmlFor: "prov-edit-industry",
-							className: H,
-							children: "Industry"
-						}), /* @__PURE__ */ R("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: V
+							value: m,
+							onChange: (e) => h(e.target.value),
+							className: H
 						})] }),
-						/* @__PURE__ */ z("div", { children: [/* @__PURE__ */ R("label", {
+						/* @__PURE__ */ B("div", { children: [/* @__PURE__ */ z("label", {
 							htmlFor: "prov-edit-region",
-							className: H,
-							children: "Region"
-						}), /* @__PURE__ */ R("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: V
+							value: g,
+							onChange: (e) => _(e.target.value),
+							className: H
 						})] }),
-						/* @__PURE__ */ z("div", { children: [/* @__PURE__ */ R("label", {
+						/* @__PURE__ */ B("div", { children: [/* @__PURE__ */ z("label", {
 							htmlFor: "prov-edit-language",
-							className: H,
-							children: "Language"
-						}), /* @__PURE__ */ R("input", {
+							className: U,
+							children: n("providers.detail.editModal.languageLabel", "Language")
+						}), /* @__PURE__ */ z("input", {
 							id: "prov-edit-language",
 							type: "text",
-							value: g,
-							onChange: (e) => _(e.target.value),
-							className: V
+							value: v,
+							onChange: (e) => y(e.target.value),
+							className: H
 						})] })
 					]
 				}),
-				/* @__PURE__ */ z("div", { children: [/* @__PURE__ */ R("label", {
+				/* @__PURE__ */ B("div", { children: [/* @__PURE__ */ z("label", {
 					htmlFor: "prov-edit-website",
-					className: H,
-					children: "Website"
-				}), /* @__PURE__ */ R("input", {
+					className: U,
+					children: n("providers.detail.editModal.websiteLabel", "Website")
+				}), /* @__PURE__ */ z("input", {
 					id: "prov-edit-website",
 					type: "url",
-					value: v,
-					onChange: (e) => y(e.target.value),
-					placeholder: "https://…",
-					className: V
+					value: S,
+					onChange: (e) => w(e.target.value),
+					placeholder: n("providers.detail.editModal.websitePlaceholder", "https://…"),
+					className: H
 				})] }),
-				/* @__PURE__ */ z("div", { children: [/* @__PURE__ */ R("label", {
+				/* @__PURE__ */ B("div", { children: [/* @__PURE__ */ z("label", {
 					htmlFor: "prov-edit-desc",
-					className: H,
-					children: "Description"
-				}), /* @__PURE__ */ R("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: V
+					className: H
 				})] }),
-				/* @__PURE__ */ z("div", {
+				/* @__PURE__ */ B("div", {
 					className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
-					children: [/* @__PURE__ */ z("div", { children: [/* @__PURE__ */ R("label", {
+					children: [/* @__PURE__ */ B("div", { children: [/* @__PURE__ */ z("label", {
 						htmlFor: "prov-edit-churn",
-						className: H,
-						children: "Churn risk (0–100)"
-					}), /* @__PURE__ */ R("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: x,
-						onChange: (e) => C(e.target.value),
-						className: V
-					})] }), /* @__PURE__ */ z("div", { children: [/* @__PURE__ */ R("label", {
+						value: T,
+						onChange: (e) => E(e.target.value),
+						className: H
+					})] }), /* @__PURE__ */ B("div", { children: [/* @__PURE__ */ z("label", {
 						htmlFor: "prov-edit-health",
-						className: H,
-						children: "Vendor health (0–100)"
-					}), /* @__PURE__ */ R("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: V
+						value: D,
+						onChange: (e) => O(e.target.value),
+						className: H
 					})] })]
 				}),
-				/* @__PURE__ */ z("div", { children: [/* @__PURE__ */ z("label", {
+				/* @__PURE__ */ B("div", { children: [/* @__PURE__ */ B("label", {
 					htmlFor: "prov-edit-tags",
-					className: H,
-					children: ["Tags ", /* @__PURE__ */ R("span", {
-						className: "text-text-secondary",
-						children: "(comma-separated)"
-					})]
-				}), /* @__PURE__ */ R("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: V
+					value: k,
+					onChange: (e) => A(e.target.value),
+					className: H
 				})] }),
-				/* @__PURE__ */ z("div", {
+				/* @__PURE__ */ B("div", {
 					className: "flex justify-end gap-3",
-					children: [/* @__PURE__ */ R("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__ */ R("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 Y({ providerId: e, onClose: t }) {
-	let n = v(), [r, i] = S(""), [a, o] = S(""), [s, c] = S("USD"), [u, d] = S("MONTHLY"), [f, p] = S(""), [m, h] = S(""), [g, _] = S(!0), [y, b] = S(null);
-	return /* @__PURE__ */ R(l, {
-		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__ */ z("form", {
-			onSubmit: (i) => {
-				if (i.preventDefault(), b(null), !r.trim()) {
-					b("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) => b(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: [
-				y && /* @__PURE__ */ R("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: y
+					children: S
 				}),
-				/* @__PURE__ */ z("div", { children: [/* @__PURE__ */ z("label", {
+				/* @__PURE__ */ B("div", { children: [/* @__PURE__ */ B("label", {
 					htmlFor: "plan-name",
-					className: H,
-					children: ["Name ", /* @__PURE__ */ R("span", {
-						className: "text-status-error-text",
-						children: "*"
-					})]
-				}), /* @__PURE__ */ R("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: V,
+					value: i,
+					onChange: (e) => o(e.target.value),
+					placeholder: n("providers.detail.addPlanModal.namePlaceholder", "e.g. Pro, Team, Enterprise"),
+					className: H,
 					required: !0
 				})] }),
-				/* @__PURE__ */ z("div", {
+				/* @__PURE__ */ B("div", {
 					className: "grid grid-cols-1 gap-4 sm:grid-cols-3",
 					children: [
-						/* @__PURE__ */ z("div", { children: [/* @__PURE__ */ R("label", {
+						/* @__PURE__ */ B("div", { children: [/* @__PURE__ */ z("label", {
 							htmlFor: "plan-amount",
-							className: H,
-							children: "Amount"
-						}), /* @__PURE__ */ R("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: V
+							value: s,
+							onChange: (e) => c(e.target.value),
+							placeholder: n("providers.detail.addPlanModal.amountPlaceholder", "0.00"),
+							className: H
 						})] }),
-						/* @__PURE__ */ z("div", { children: [/* @__PURE__ */ R("label", {
+						/* @__PURE__ */ B("div", { children: [/* @__PURE__ */ z("label", {
 							htmlFor: "plan-currency",
-							className: H,
-							children: "Currency"
-						}), /* @__PURE__ */ R("input", {
+							className: U,
+							children: n("providers.detail.addPlanModal.currencyLabel", "Currency")
+						}), /* @__PURE__ */ z("input", {
 							id: "plan-currency",
 							type: "text",
-							value: s,
-							onChange: (e) => c(e.target.value.toUpperCase()),
+							value: u,
+							onChange: (e) => d(e.target.value.toUpperCase()),
 							maxLength: 3,
-							className: V
+							className: H
 						})] }),
-						/* @__PURE__ */ z("div", { children: [/* @__PURE__ */ R("label", {
+						/* @__PURE__ */ B("div", { children: [/* @__PURE__ */ z("label", {
 							htmlFor: "plan-interval",
-							className: H,
-							children: "Interval"
-						}), /* @__PURE__ */ R("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: V,
-							children: G.map((e) => /* @__PURE__ */ R("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__ */ z("div", { children: [/* @__PURE__ */ R("label", {
+				/* @__PURE__ */ B("div", { children: [/* @__PURE__ */ z("label", {
 					htmlFor: "plan-desc",
-					className: H,
-					children: "Description"
-				}), /* @__PURE__ */ R("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: V
+					className: H
 				})] }),
-				/* @__PURE__ */ z("div", { children: [/* @__PURE__ */ z("label", {
+				/* @__PURE__ */ B("div", { children: [/* @__PURE__ */ B("label", {
 					htmlFor: "plan-features",
-					className: H,
-					children: ["Features ", /* @__PURE__ */ R("span", {
-						className: "text-text-secondary",
-						children: "(one per line)"
-					})]
-				}), /* @__PURE__ */ R("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) => h(e.target.value),
+					value: g,
+					onChange: (e) => _(e.target.value),
 					rows: 3,
-					placeholder: "Unlimited projects\nPriority support\nSSO",
-					className: V
+					placeholder: n("providers.detail.addPlanModal.featuresPlaceholder", "Unlimited projects\nPriority support\nSSO"),
+					className: H
 				})] }),
-				/* @__PURE__ */ z("label", {
+				/* @__PURE__ */ B("label", {
 					className: "flex items-center gap-2 text-sm text-text-primary",
-					children: [/* @__PURE__ */ R("input", {
+					children: [/* @__PURE__ */ z("input", {
 						type: "checkbox",
-						checked: g,
-						onChange: (e) => _(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__ */ z("div", {
+				/* @__PURE__ */ B("div", {
 					className: "flex justify-end gap-3",
-					children: [/* @__PURE__ */ R("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__ */ R("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 X({ provider: t, onClose: n }) {
-	let { navigateTo: r } = e(), i = g(), [a, o] = S(null);
-	return /* @__PURE__ */ R(l, {
-		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__ */ z("div", {
+		children: /* @__PURE__ */ B("div", {
 			className: "space-y-4",
 			children: [
-				a && /* @__PURE__ */ R("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__ */ z("p", {
 					className: "text-sm text-text-secondary",
-					children: [
-						"Archive ",
-						/* @__PURE__ */ R("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__ */ z("div", {
+				/* @__PURE__ */ B("div", {
 					className: "flex justify-end gap-3",
-					children: [/* @__PURE__ */ R("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__ */ R("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 Z({ slug: e }) {
-	let { data: t, isLoading: n, isError: s, refetch: c } = _(e), l = x(() => {
-		let e = [...t ?? []].filter((e) => Number.isFinite(e.amount)).sort((e, t) => new Date(e.observedAt).getTime() - new Date(t.observedAt).getTime()), n = e[e.length - 1];
-		if (!n) return null;
-		let r = e.filter((e) => e.planName === n.planName && e.region === n.region && e.currency === n.currency && e.interval === n.interval), i = r.map((e) => e.amount);
+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: n,
+			latest: t,
 			amounts: i,
 			min: Math.min(...i),
 			max: Math.max(...i),
-			first: i[0] ?? n.amount
+			first: i[0] ?? t.amount
 		};
-	}, [t]);
-	return /* @__PURE__ */ z(B, {
+	}, [n]);
+	return /* @__PURE__ */ B(V, {
 		treatment: "metric",
 		className: "p-5",
-		children: [/* @__PURE__ */ z("span", {
+		children: [/* @__PURE__ */ B("span", {
 			className: "inline-flex items-center gap-2 text-sm font-medium text-text-primary",
-			children: [/* @__PURE__ */ R(k, { className: "h-4 w-4 text-text-secondary" }), " Price history"]
-		}), e ? n ? /* @__PURE__ */ R(d, {
+			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: "Loading price history…"
-		}) : s ? /* @__PURE__ */ R(u, {
+			label: t("providers.detail.priceHistoryLoading", "Loading price history…")
+		}) : c ? /* @__PURE__ */ z(u, {
 			className: "min-h-[8rem]",
-			title: "Price history unavailable",
-			message: "Could not load observed prices for this provider.",
-			onRetry: () => void c()
-		}) : l ? /* @__PURE__ */ z(L, { children: [
-			/* @__PURE__ */ z("p", {
+			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(l.latest.amount, l.latest.currency), /* @__PURE__ */ R("span", {
+				children: [r(f.latest.amount, f.latest.currency), /* @__PURE__ */ z("span", {
 					className: "text-sm font-normal text-text-secondary",
-					children: o(l.latest.interval)
+					children: o(f.latest.interval)
 				})]
 			}),
-			/* @__PURE__ */ z("p", {
+			/* @__PURE__ */ B("p", {
 				className: "text-xs text-text-secondary",
 				children: [
-					l.latest.planName,
+					f.latest.planName,
 					" · ",
-					l.latest.region,
-					" · observed",
+					f.latest.region,
+					" ·",
 					" ",
-					i(l.latest.observedAt)
+					t("providers.detail.observed", "observed"),
+					" ",
+					i(f.latest.observedAt)
 				]
 			}),
-			/* @__PURE__ */ R(h, {
+			/* @__PURE__ */ z(h, {
 				className: "mt-3 w-full",
-				points: l.amounts,
-				positive: l.latest.amount <= l.first
+				points: f.amounts,
+				positive: f.latest.amount <= f.first
 			}),
-			/* @__PURE__ */ z("dl", {
+			/* @__PURE__ */ B("dl", {
 				className: "mt-3 space-y-2 border-t border-border-subtle pt-3 text-xs",
 				children: [
-					/* @__PURE__ */ z("div", {
+					/* @__PURE__ */ B("div", {
 						className: "flex items-center justify-between gap-2",
-						children: [/* @__PURE__ */ R("dt", {
+						children: [/* @__PURE__ */ z("dt", {
 							className: "text-text-secondary",
-							children: "Observed range"
-						}), /* @__PURE__ */ z("dd", {
+							children: t("providers.detail.observedRange", "Observed range")
+						}), /* @__PURE__ */ B("dd", {
 							className: "font-medium tabular-nums text-text-primary",
 							children: [
-								r(l.min, l.latest.currency),
+								r(f.min, f.latest.currency),
 								" –",
 								" ",
-								r(l.max, l.latest.currency)
+								r(f.max, f.latest.currency)
 							]
 						})]
 					}),
-					/* @__PURE__ */ z("div", {
+					/* @__PURE__ */ B("div", {
 						className: "flex items-center justify-between gap-2",
-						children: [/* @__PURE__ */ R("dt", {
+						children: [/* @__PURE__ */ z("dt", {
 							className: "text-text-secondary",
-							children: "Observations"
-						}), /* @__PURE__ */ R("dd", {
+							children: t("providers.detail.observations", "Observations")
+						}), /* @__PURE__ */ z("dd", {
 							className: "font-medium tabular-nums text-text-primary",
-							children: l.points.length
+							children: f.points.length
 						})]
 					}),
-					/* @__PURE__ */ z("div", {
+					/* @__PURE__ */ B("div", {
 						className: "flex items-center justify-between gap-2",
-						children: [/* @__PURE__ */ R("dt", {
+						children: [/* @__PURE__ */ z("dt", {
 							className: "text-text-secondary",
-							children: "Latest source"
-						}), /* @__PURE__ */ R("dd", {
+							children: t("providers.detail.latestSource", "Latest source")
+						}), /* @__PURE__ */ z("dd", {
 							className: "font-medium text-text-primary",
-							children: l.latest.sourceLabel ?? a(l.latest.sourceKind)
+							children: f.latest.sourceLabel ?? a(f.latest.sourceKind)
 						})]
 					})
 				]
 			})
-		] }) : /* @__PURE__ */ R("p", {
+		] }) : /* @__PURE__ */ z("p", {
 			className: "mt-4 text-sm text-text-secondary",
-			children: "No price observations recorded for this provider yet."
-		}) : /* @__PURE__ */ R("p", {
+			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: "Add a slug to this provider to match it against the shared price benchmark dataset."
+			children: t("providers.detail.priceHistoryNoSlug", "Add a slug to this provider to match it against the shared price benchmark dataset.")
 		})]
 	});
 }
-function Q() {
-	let { id: i } = I(), { navigateTo: l } = e(), { data: h, isLoading: g, isError: _, refetch: v } = y(i), [b, x] = S(!1), [k, V] = S(!1), [H, U] = S(!1);
-	if (g) return /* @__PURE__ */ R(n, {
-		title: "Provider",
-		children: /* @__PURE__ */ R(d, { label: "Loading provider…" })
+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__ */ R(n, {
-		title: "Provider",
-		children: /* @__PURE__ */ R(u, {
-			message: "Could not load this 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__ */ R(n, {
-		title: "Provider",
-		children: /* @__PURE__ */ R(c, {
+	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__ */ R("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: () => 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 W = h, G = W.websiteUrl && /^https?:\/\//i.test(W.websiteUrl) ? W.websiteUrl : null, Q = W.plans && W.plans.length > 1 ? W.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__ */ z(n, {
-		title: W.name,
-		description: a(W.category),
-		actions: /* @__PURE__ */ z("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__ */ z("button", {
+				/* @__PURE__ */ B("button", {
 					type: "button",
-					onClick: () => x(!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__ */ R(A, { className: "h-4 w-4" }), " Edit"]
+					children: [
+						/* @__PURE__ */ z(j, { className: "h-4 w-4" }),
+						" ",
+						K("providers.detail.edit", "Edit")
+					]
 				}),
-				/* @__PURE__ */ z("button", {
+				/* @__PURE__ */ B("button", {
 					type: "button",
-					onClick: () => U(!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__ */ R(C, { className: "h-4 w-4" }), " Archive"]
+					children: [
+						/* @__PURE__ */ z(w, { className: "h-4 w-4" }),
+						" ",
+						K("providers.detail.archive", "Archive")
+					]
 				}),
-				/* @__PURE__ */ z("button", {
+				/* @__PURE__ */ B("button", {
 					type: "button",
 					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__ */ R(w, { className: "h-4 w-4" }), " Back"]
+					children: [
+						/* @__PURE__ */ z(T, { className: "h-4 w-4" }),
+						" ",
+						K("providers.detail.back", "Back")
+					]
 				})
 			]
 		}),
 		children: [
-			/* @__PURE__ */ z("div", {
+			/* @__PURE__ */ B("div", {
 				className: "flex flex-wrap items-center gap-3",
 				children: [
-					/* @__PURE__ */ R("span", {
+					/* @__PURE__ */ z("span", {
 						className: "flex size-11 items-center justify-center rounded-xl bg-[var(--color-accent-soft)] text-text-primary",
-						children: /* @__PURE__ */ R(T, { className: "h-5 w-5" })
+						children: /* @__PURE__ */ z(E, { className: "h-5 w-5" })
 					}),
-					/* @__PURE__ */ R(s, { status: W.status }),
-					W.industry && /* @__PURE__ */ R("span", {
+					/* @__PURE__ */ z(s, { status: q.status }),
+					q.industry && /* @__PURE__ */ z("span", {
 						className: "text-sm text-text-secondary",
-						children: W.industry
+						children: q.industry
 					}),
-					W.region && /* @__PURE__ */ z("span", {
+					q.region && /* @__PURE__ */ B("span", {
 						className: "text-sm text-text-secondary",
-						children: ["· ", W.region]
+						children: ["· ", q.region]
 					}),
-					G && /* @__PURE__ */ z("a", {
-						href: G,
+					$ && /* @__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__ */ R(D, { className: "h-3.5 w-3.5" }), " Website"]
+						children: [
+							/* @__PURE__ */ z(O, { className: "h-3.5 w-3.5" }),
+							" ",
+							K("providers.detail.website", "Website")
+						]
 					})
 				]
 			}),
-			W.description && /* @__PURE__ */ R("p", {
+			q.description && /* @__PURE__ */ z("p", {
 				className: "mt-4 max-w-3xl text-sm leading-relaxed text-text-secondary",
-				children: W.description
+				children: q.description
 			}),
-			W.tags.length > 0 && /* @__PURE__ */ z("div", {
+			q.tags.length > 0 && /* @__PURE__ */ B("div", {
 				className: "mt-4 flex flex-wrap items-center gap-2",
-				children: [/* @__PURE__ */ R(P, { className: "h-3.5 w-3.5 text-text-secondary" }), W.tags.map((e) => /* @__PURE__ */ R("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__ */ z("div", {
+			/* @__PURE__ */ B("div", {
 				className: "mt-6 grid grid-cols-1 gap-6 lg:grid-cols-3",
-				children: [/* @__PURE__ */ R("div", {
+				children: [/* @__PURE__ */ z("div", {
 					className: "lg:col-span-2",
-					children: /* @__PURE__ */ R(f, {
-						title: "Plans",
-						description: "Pricing this provider publishes",
-						action: /* @__PURE__ */ z("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: () => V(!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__ */ R(j, { 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: !W.plans || W.plans.length === 0 ? /* @__PURE__ */ R(c, {
+						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__ */ R("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: () => V(!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__ */ R("div", {
+						}) : /* @__PURE__ */ z("div", {
 							className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
-							children: W.plans.map((e) => {
-								let t = e.id === Q && W.plans.length > 1;
-								return /* @__PURE__ */ z(B, {
+							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__ */ z("div", {
+										/* @__PURE__ */ B("div", {
 											className: "flex items-start justify-between gap-2",
-											children: [/* @__PURE__ */ R("p", {
+											children: [/* @__PURE__ */ z("p", {
 												className: "text-sm font-semibold text-text-primary",
 												children: e.name
-											}), t ? /* @__PURE__ */ z("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__ */ R(N, { className: "h-3 w-3" }), " Best value"]
-											}) : /* @__PURE__ */ R(s, { 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__ */ z("p", {
+										/* @__PURE__ */ B("p", {
 											className: "mt-3 text-2xl font-bold tabular-nums text-text-primary",
-											children: [r(e.amount, e.currency), /* @__PURE__ */ R("span", {
+											children: [r(e.amount, e.currency), /* @__PURE__ */ z("span", {
 												className: "text-sm font-normal text-text-secondary",
 												children: o(e.interval)
 											})]
 										}),
-										e.description && /* @__PURE__ */ R("p", {
+										e.description && /* @__PURE__ */ z("p", {
 											className: "mt-2 text-xs leading-relaxed text-text-secondary",
 											children: e.description
 										}),
-										e.features.length > 0 && /* @__PURE__ */ z("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__ */ z("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__ */ R(E, { className: "mt-0.5 h-3.5 w-3.5 shrink-0 text-status-success-text" }), /* @__PURE__ */ R("span", { children: e })]
+												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 })
 											})]
 										})
 									]
@@ -736,122 +797,134 @@ function Q() {
 							})
 						})
 					})
-				}), /* @__PURE__ */ z("div", {
+				}), /* @__PURE__ */ B("div", {
 					className: "space-y-4",
 					children: [
-						/* @__PURE__ */ z(B, {
+						/* @__PURE__ */ B(V, {
 							treatment: "metric",
 							className: "p-5",
-							children: [/* @__PURE__ */ z("div", {
+							children: [/* @__PURE__ */ B("div", {
 								className: "flex items-center justify-between",
-								children: [/* @__PURE__ */ z("span", {
+								children: [/* @__PURE__ */ B("span", {
 									className: "inline-flex items-center gap-2 text-sm font-medium text-text-primary",
-									children: [/* @__PURE__ */ R(M, { className: "h-4 w-4 text-text-secondary" }), " Vendor health"]
-								}), W.vendorHealthScore != null && /* @__PURE__ */ R("span", {
-									className: t("rounded-full px-2 py-0.5 text-[11px] font-medium", K(W.vendorHealthScore).cls),
-									children: K(W.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
 								})]
-							}), W.vendorHealthScore == null ? /* @__PURE__ */ R("p", {
+							}), q.vendorHealthScore == null ? /* @__PURE__ */ z("p", {
 								className: "mt-4 text-sm text-text-secondary",
-								children: "No health score yet."
-							}) : /* @__PURE__ */ R("div", {
+								children: K("providers.detail.noHealthScore", "No health score yet.")
+							}) : /* @__PURE__ */ z("div", {
 								className: "mt-2 flex flex-col items-center",
-								children: /* @__PURE__ */ R(p, {
-									value: W.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__ */ z(B, {
+						/* @__PURE__ */ B(V, {
 							treatment: "metric",
 							className: "p-5",
-							children: [/* @__PURE__ */ z("div", {
+							children: [/* @__PURE__ */ B("div", {
 								className: "flex items-center justify-between",
-								children: [/* @__PURE__ */ z("span", {
+								children: [/* @__PURE__ */ B("span", {
 									className: "inline-flex items-center gap-2 text-sm font-medium text-text-primary",
-									children: [/* @__PURE__ */ R(F, { className: "h-4 w-4 text-text-secondary" }), " Churn risk"]
-								}), W.churnRiskScore != null && /* @__PURE__ */ R("span", {
-									className: t("rounded-full px-2 py-0.5 text-[11px] font-medium", q(W.churnRiskScore).chip),
-									children: q(W.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
 								})]
-							}), W.churnRiskScore == null ? /* @__PURE__ */ R("p", {
+							}), q.churnRiskScore == null ? /* @__PURE__ */ z("p", {
 								className: "mt-4 text-sm text-text-secondary",
-								children: "No churn signal yet."
-							}) : /* @__PURE__ */ z(L, { children: [/* @__PURE__ */ z("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__ */ R("span", {
+								children: [/* @__PURE__ */ z("span", {
 									className: "text-2xl font-bold tabular-nums text-text-primary",
-									children: W.churnRiskScore
-								}), /* @__PURE__ */ R("span", {
+									children: q.churnRiskScore
+								}), /* @__PURE__ */ z("span", {
 									className: "text-xs text-text-secondary",
 									children: "/ 100"
 								})]
-							}), /* @__PURE__ */ R(m, {
-								value: W.churnRiskScore,
-								tone: q(W.churnRiskScore).tone,
+							}), /* @__PURE__ */ z(m, {
+								value: q.churnRiskScore,
+								tone: Y(q.churnRiskScore, K).tone,
 								className: "mt-2"
 							})] })]
 						}),
-						/* @__PURE__ */ R(Z, { slug: W.slug }),
-						/* @__PURE__ */ z(B, {
+						/* @__PURE__ */ z(ee, { slug: q.slug }),
+						/* @__PURE__ */ B(V, {
 							treatment: "metric",
 							className: "p-5",
-							children: [/* @__PURE__ */ z("span", {
+							children: [/* @__PURE__ */ B("span", {
 								className: "inline-flex items-center gap-2 text-sm font-medium text-text-primary",
-								children: [/* @__PURE__ */ R(O, { className: "h-4 w-4 text-text-secondary" }), " At a glance"]
-							}), /* @__PURE__ */ z("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__ */ z("div", {
+									/* @__PURE__ */ B("div", {
 										className: "flex items-center justify-between gap-2",
-										children: [/* @__PURE__ */ R("dt", {
+										children: [/* @__PURE__ */ z("dt", {
 											className: "text-text-secondary",
-											children: "Category"
-										}), /* @__PURE__ */ R("dd", {
+											children: K("providers.detail.category", "Category")
+										}), /* @__PURE__ */ z("dd", {
 											className: "font-medium text-text-primary",
-											children: a(W.category)
+											children: K(G[q.category], a(q.category))
 										})]
 									}),
-									/* @__PURE__ */ z("div", {
+									/* @__PURE__ */ B("div", {
 										className: "flex items-center justify-between gap-2",
-										children: [/* @__PURE__ */ R("dt", {
+										children: [/* @__PURE__ */ z("dt", {
 											className: "text-text-secondary",
-											children: "Industry"
-										}), /* @__PURE__ */ R("dd", {
+											children: K("providers.detail.industry", "Industry")
+										}), /* @__PURE__ */ z("dd", {
 											className: "font-medium text-text-primary",
-											children: W.industry ?? "—"
+											children: q.industry ?? "—"
 										})]
 									}),
-									/* @__PURE__ */ z("div", {
+									/* @__PURE__ */ B("div", {
 										className: "flex items-center justify-between gap-2",
-										children: [/* @__PURE__ */ R("dt", {
+										children: [/* @__PURE__ */ z("dt", {
 											className: "text-text-secondary",
-											children: "Region"
-										}), /* @__PURE__ */ R("dd", {
+											children: K("providers.detail.region", "Region")
+										}), /* @__PURE__ */ z("dd", {
 											className: "font-medium text-text-primary",
-											children: W.region ?? "—"
+											children: q.region ?? "—"
 										})]
 									}),
-									/* @__PURE__ */ z("div", {
+									/* @__PURE__ */ B("div", {
 										className: "flex items-center justify-between gap-2",
-										children: [/* @__PURE__ */ R("dt", {
+										children: [/* @__PURE__ */ z("dt", {
 											className: "text-text-secondary",
-											children: "Language"
-										}), /* @__PURE__ */ R("dd", {
+											children: K("providers.detail.language", "Language")
+										}), /* @__PURE__ */ z("dd", {
 											className: "font-medium text-text-primary",
-											children: W.language ?? "—"
+											children: q.language ?? "—"
 										})]
 									}),
-									/* @__PURE__ */ z("div", {
+									/* @__PURE__ */ B("div", {
 										className: "flex items-center justify-between gap-2",
-										children: [/* @__PURE__ */ R("dt", {
+										children: [/* @__PURE__ */ z("dt", {
 											className: "text-text-secondary",
-											children: "Published plans"
-										}), /* @__PURE__ */ R("dd", {
+											children: K("providers.detail.publishedPlans", "Published plans")
+										}), /* @__PURE__ */ z("dd", {
 											className: "font-medium tabular-nums text-text-primary",
-											children: W.plans?.length ?? 0
+											children: q.plans?.length ?? 0
 										})]
 									})
 								]
@@ -860,22 +933,22 @@ function Q() {
 					]
 				})]
 			}),
-			b && /* @__PURE__ */ R(J, {
-				provider: W,
-				onClose: () => x(!1)
+			b && /* @__PURE__ */ z(X, {
+				provider: q,
+				onClose: () => S(!1)
 			}),
-			k && /* @__PURE__ */ R(Y, {
-				providerId: W.id,
-				onClose: () => V(!1)
+			A && /* @__PURE__ */ z(Z, {
+				providerId: q.id,
+				onClose: () => H(!1)
 			}),
-			H && /* @__PURE__ */ R(X, {
-				provider: W,
-				onClose: () => U(!1)
+			U && /* @__PURE__ */ z(Q, {
+				provider: q,
+				onClose: () => W(!1)
 			})
 		]
 	});
 }
 //#endregion
-export { Q as ProviderDetailPage };
+export { $ as ProviderDetailPage };
 
 //# sourceMappingURL=ProviderDetailPage.js.map