@burdenoff/microfe-subscriberbot 2026.629.1 → 2026.706.2

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

@@ -4,164 +4,619 @@ import { formatCurrency as n, formatEnumLabel as r, formatIntervalSuffix as i }
 import { StatusBadge as a } from "../../components/StatusBadge.js";
 import { EmptyState as o } from "../../components/EmptyState.js";
 import { ErrorView as s, LoadingView as c, Section as l } from "../../components/StateViews.js";
-import { useProvider as u } from "../../hooks/useSubscriberBotApi.js";
-import { ArrowLeft as d, Building2 as f, Globe as p, ShieldCheck as m, Tag as h, TrendingDown as g } from "lucide-react";
-import { useParams as _ } from "react-router-dom";
-import { jsx as v, jsxs as y } from "react/jsx-runtime";
-import { GlassCard as b } from "@burdenoff/fe-libs/ui";
+import { useArchiveProvider as u, useCreatePlan as d, useProvider as f, useUpdateProvider as p } from "../../hooks/useSubscriberBotApi.js";
+import { Modal as m } from "../../components/Modal.js";
+import { useState as h } from "react";
+import { Archive as g, ArrowLeft as _, Building2 as v, Globe as y, Pencil as b, Plus as x, ShieldCheck as S, Tag as C, TrendingDown as w } from "lucide-react";
+import { useParams as T } from "react-router-dom";
+import { jsx as E, jsxs as D } from "react/jsx-runtime";
+import { GlassCard as O } from "@burdenoff/fe-libs/ui";
 //#region src/subscriberbot/pages/providers/ProviderDetailPage.tsx
-function x() {
-	let { id: x } = _(), { navigateTo: S } = e(), { data: C, isLoading: w, isError: T, refetch: E } = u(x);
-	if (w) return /* @__PURE__ */ v(t, {
+var k = "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)]", A = "mb-1 block text-xs font-medium text-text-secondary", j = [
+	"SAAS",
+	"AI_SERVICE",
+	"STREAMING",
+	"NEWSLETTER",
+	"NEWS_DIGEST",
+	"MEMBERSHIP",
+	"COMMUNITY",
+	"EDUCATION",
+	"FINANCIAL",
+	"INSURANCE",
+	"TELECOM",
+	"UTILITY",
+	"ASSOCIATION",
+	"LICENSE",
+	"CONTRACT",
+	"OTHER"
+], M = [
+	"UNVERIFIED",
+	"VERIFIED",
+	"CLAIMED",
+	"DEPRECATED"
+], N = [
+	"MONTHLY",
+	"YEARLY",
+	"QUARTERLY",
+	"WEEKLY",
+	"DAILY",
+	"USAGE_BASED",
+	"LIFETIME",
+	"FREE"
+];
+function P({ provider: e, onClose: t }) {
+	let n = p(), [r, i] = h(e.name), [a, o] = h(e.category), [s, c] = h(e.status), [l, u] = h(e.description ?? ""), [d, f] = h(e.industry ?? ""), [g, _] = h(e.region ?? ""), [v, y] = h(e.language ?? ""), [b, x] = h(e.websiteUrl ?? ""), [S, C] = h(e.churnRiskScore == null ? "" : String(e.churnRiskScore)), [w, T] = h(e.vendorHealthScore == null ? "" : String(e.vendorHealthScore)), [O, N] = h(e.tags.join(", ")), [P, F] = h(null);
+	return /* @__PURE__ */ E(m, {
+		title: "Edit provider",
+		onClose: t,
+		maxWidthClassName: "max-w-2xl",
+		children: /* @__PURE__ */ D("form", {
+			onSubmit: (i) => {
+				if (i.preventDefault(), F(null), !r.trim()) {
+					F("A provider name is required.");
+					return;
+				}
+				let o = O.split(",").map((e) => e.trim()).filter(Boolean), c = {
+					name: r.trim(),
+					category: a,
+					status: s,
+					description: l.trim(),
+					tags: o,
+					...d.trim() ? { industry: d.trim() } : {},
+					...g.trim() ? { region: g.trim() } : {},
+					...v.trim() ? { language: v.trim() } : {},
+					...b.trim() ? { websiteUrl: b.trim() } : {},
+					...S.trim() ? { churnRiskScore: Number(S) } : {},
+					...w.trim() ? { vendorHealthScore: Number(w) } : {}
+				};
+				n.mutate({
+					id: e.id,
+					input: c
+				}, {
+					onSuccess: () => t(),
+					onError: (e) => F(e instanceof Error ? e.message : "Could not update provider.")
+				});
+			},
+			className: "space-y-4",
+			children: [
+				P && /* @__PURE__ */ E("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: P
+				}),
+				/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ D("label", {
+					htmlFor: "prov-edit-name",
+					className: A,
+					children: ["Name ", /* @__PURE__ */ E("span", {
+						className: "text-status-error-text",
+						children: "*"
+					})]
+				}), /* @__PURE__ */ E("input", {
+					id: "prov-edit-name",
+					type: "text",
+					value: r,
+					onChange: (e) => i(e.target.value),
+					className: k,
+					required: !0
+				})] }),
+				/* @__PURE__ */ D("div", {
+					className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
+					children: [/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("label", {
+						htmlFor: "prov-edit-category",
+						className: A,
+						children: "Category"
+					}), /* @__PURE__ */ E("select", {
+						id: "prov-edit-category",
+						value: a,
+						onChange: (e) => o(e.target.value),
+						className: k,
+						children: j.map((e) => /* @__PURE__ */ E("option", {
+							value: e,
+							children: e.replace(/_/g, " ")
+						}, e))
+					})] }), /* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("label", {
+						htmlFor: "prov-edit-status",
+						className: A,
+						children: "Status"
+					}), /* @__PURE__ */ E("select", {
+						id: "prov-edit-status",
+						value: s,
+						onChange: (e) => c(e.target.value),
+						className: k,
+						children: M.map((e) => /* @__PURE__ */ E("option", {
+							value: e,
+							children: e.replace(/_/g, " ")
+						}, e))
+					})] })]
+				}),
+				/* @__PURE__ */ D("div", {
+					className: "grid grid-cols-1 gap-4 sm:grid-cols-3",
+					children: [
+						/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("label", {
+							htmlFor: "prov-edit-industry",
+							className: A,
+							children: "Industry"
+						}), /* @__PURE__ */ E("input", {
+							id: "prov-edit-industry",
+							type: "text",
+							value: d,
+							onChange: (e) => f(e.target.value),
+							className: k
+						})] }),
+						/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("label", {
+							htmlFor: "prov-edit-region",
+							className: A,
+							children: "Region"
+						}), /* @__PURE__ */ E("input", {
+							id: "prov-edit-region",
+							type: "text",
+							value: g,
+							onChange: (e) => _(e.target.value),
+							className: k
+						})] }),
+						/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("label", {
+							htmlFor: "prov-edit-language",
+							className: A,
+							children: "Language"
+						}), /* @__PURE__ */ E("input", {
+							id: "prov-edit-language",
+							type: "text",
+							value: v,
+							onChange: (e) => y(e.target.value),
+							className: k
+						})] })
+					]
+				}),
+				/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("label", {
+					htmlFor: "prov-edit-website",
+					className: A,
+					children: "Website"
+				}), /* @__PURE__ */ E("input", {
+					id: "prov-edit-website",
+					type: "url",
+					value: b,
+					onChange: (e) => x(e.target.value),
+					placeholder: "https://…",
+					className: k
+				})] }),
+				/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("label", {
+					htmlFor: "prov-edit-desc",
+					className: A,
+					children: "Description"
+				}), /* @__PURE__ */ E("textarea", {
+					id: "prov-edit-desc",
+					value: l,
+					onChange: (e) => u(e.target.value),
+					rows: 3,
+					className: k
+				})] }),
+				/* @__PURE__ */ D("div", {
+					className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
+					children: [/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("label", {
+						htmlFor: "prov-edit-churn",
+						className: A,
+						children: "Churn risk (0–100)"
+					}), /* @__PURE__ */ E("input", {
+						id: "prov-edit-churn",
+						type: "number",
+						min: "0",
+						max: "100",
+						value: S,
+						onChange: (e) => C(e.target.value),
+						className: k
+					})] }), /* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("label", {
+						htmlFor: "prov-edit-health",
+						className: A,
+						children: "Vendor health (0–100)"
+					}), /* @__PURE__ */ E("input", {
+						id: "prov-edit-health",
+						type: "number",
+						min: "0",
+						max: "100",
+						value: w,
+						onChange: (e) => T(e.target.value),
+						className: k
+					})] })]
+				}),
+				/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ D("label", {
+					htmlFor: "prov-edit-tags",
+					className: A,
+					children: ["Tags ", /* @__PURE__ */ E("span", {
+						className: "text-text-secondary",
+						children: "(comma-separated)"
+					})]
+				}), /* @__PURE__ */ E("input", {
+					id: "prov-edit-tags",
+					type: "text",
+					value: O,
+					onChange: (e) => N(e.target.value),
+					className: k
+				})] }),
+				/* @__PURE__ */ D("div", {
+					className: "flex justify-end gap-3",
+					children: [/* @__PURE__ */ E("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__ */ E("button", {
+						type: "submit",
+						disabled: n.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"
+					})]
+				})
+			]
+		})
+	});
+}
+function F({ providerId: e, onClose: t }) {
+	let n = d(), [r, i] = h(""), [a, o] = h(""), [s, c] = h("USD"), [l, u] = h("MONTHLY"), [f, p] = h(""), [g, _] = h(""), [v, y] = h(!0), [b, x] = h(null);
+	return /* @__PURE__ */ E(m, {
+		title: "Add plan",
+		onClose: t,
+		maxWidthClassName: "max-w-xl",
+		children: /* @__PURE__ */ D("form", {
+			onSubmit: (i) => {
+				if (i.preventDefault(), x(null), !r.trim()) {
+					x("A plan name is required.");
+					return;
+				}
+				let o = g.split("\n").map((e) => e.trim()).filter(Boolean);
+				n.mutate({
+					providerId: e,
+					name: r.trim(),
+					interval: l,
+					currency: s.trim() || "USD",
+					...a.trim() ? { amount: Number(a) } : {},
+					...f.trim() ? { description: f.trim() } : {},
+					...o.length ? { features: o } : {}
+				}, {
+					onSuccess: () => t(),
+					onError: (e) => x(e instanceof Error ? e.message : "Could not add plan.")
+				});
+			},
+			className: "space-y-4",
+			children: [
+				b && /* @__PURE__ */ E("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
+				}),
+				/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ D("label", {
+					htmlFor: "plan-name",
+					className: A,
+					children: ["Name ", /* @__PURE__ */ E("span", {
+						className: "text-status-error-text",
+						children: "*"
+					})]
+				}), /* @__PURE__ */ E("input", {
+					id: "plan-name",
+					type: "text",
+					value: r,
+					onChange: (e) => i(e.target.value),
+					placeholder: "e.g. Pro, Team, Enterprise",
+					className: k,
+					required: !0
+				})] }),
+				/* @__PURE__ */ D("div", {
+					className: "grid grid-cols-1 gap-4 sm:grid-cols-3",
+					children: [
+						/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("label", {
+							htmlFor: "plan-amount",
+							className: A,
+							children: "Amount"
+						}), /* @__PURE__ */ E("input", {
+							id: "plan-amount",
+							type: "number",
+							min: "0",
+							step: "0.01",
+							value: a,
+							onChange: (e) => o(e.target.value),
+							placeholder: "0.00",
+							className: k
+						})] }),
+						/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("label", {
+							htmlFor: "plan-currency",
+							className: A,
+							children: "Currency"
+						}), /* @__PURE__ */ E("input", {
+							id: "plan-currency",
+							type: "text",
+							value: s,
+							onChange: (e) => c(e.target.value.toUpperCase()),
+							maxLength: 3,
+							className: k
+						})] }),
+						/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("label", {
+							htmlFor: "plan-interval",
+							className: A,
+							children: "Interval"
+						}), /* @__PURE__ */ E("select", {
+							id: "plan-interval",
+							value: l,
+							onChange: (e) => u(e.target.value),
+							className: k,
+							children: N.map((e) => /* @__PURE__ */ E("option", {
+								value: e,
+								children: e.replace(/_/g, " ")
+							}, e))
+						})] })
+					]
+				}),
+				/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("label", {
+					htmlFor: "plan-desc",
+					className: A,
+					children: "Description"
+				}), /* @__PURE__ */ E("textarea", {
+					id: "plan-desc",
+					value: f,
+					onChange: (e) => p(e.target.value),
+					rows: 2,
+					className: k
+				})] }),
+				/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ D("label", {
+					htmlFor: "plan-features",
+					className: A,
+					children: ["Features ", /* @__PURE__ */ E("span", {
+						className: "text-text-secondary",
+						children: "(one per line)"
+					})]
+				}), /* @__PURE__ */ E("textarea", {
+					id: "plan-features",
+					value: g,
+					onChange: (e) => _(e.target.value),
+					rows: 3,
+					placeholder: "Unlimited projects\nPriority support\nSSO",
+					className: k
+				})] }),
+				/* @__PURE__ */ D("label", {
+					className: "flex items-center gap-2 text-sm text-text-primary",
+					children: [/* @__PURE__ */ E("input", {
+						type: "checkbox",
+						checked: v,
+						onChange: (e) => y(e.target.checked),
+						className: "size-4 rounded border-border-subtle"
+					}), "Active"]
+				}),
+				/* @__PURE__ */ D("div", {
+					className: "flex justify-end gap-3",
+					children: [/* @__PURE__ */ E("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__ */ E("button", {
+						type: "submit",
+						disabled: n.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"
+					})]
+				})
+			]
+		})
+	});
+}
+function I({ provider: t, onClose: n }) {
+	let { navigateTo: r } = e(), i = u(), [a, o] = h(null);
+	return /* @__PURE__ */ E(m, {
+		title: "Archive provider",
+		onClose: n,
+		children: /* @__PURE__ */ D("div", {
+			className: "space-y-4",
+			children: [
+				a && /* @__PURE__ */ E("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
+				}),
+				/* @__PURE__ */ D("p", {
+					className: "text-sm text-text-secondary",
+					children: [
+						"Archive ",
+						/* @__PURE__ */ E("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."
+					]
+				}),
+				/* @__PURE__ */ D("div", {
+					className: "flex justify-end gap-3",
+					children: [/* @__PURE__ */ E("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__ */ E("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.")
+							});
+						},
+						disabled: i.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"
+					})]
+				})
+			]
+		})
+	});
+}
+function L() {
+	let { id: u } = T(), { navigateTo: d } = e(), { data: p, isLoading: m, isError: k, refetch: A } = f(u), [j, M] = h(!1), [N, L] = h(!1), [R, z] = h(!1);
+	if (m) return /* @__PURE__ */ E(t, {
 		title: "Provider",
-		children: /* @__PURE__ */ v(c, { label: "Loading provider…" })
+		children: /* @__PURE__ */ E(c, { label: "Loading provider…" })
 	});
-	if (T) return /* @__PURE__ */ v(t, {
+	if (k) return /* @__PURE__ */ E(t, {
 		title: "Provider",
-		children: /* @__PURE__ */ v(s, {
+		children: /* @__PURE__ */ E(s, {
 			message: "Could not load this provider.",
-			onRetry: () => void E()
+			onRetry: () => void A()
 		})
 	});
-	if (!C) return /* @__PURE__ */ v(t, {
+	if (!p) return /* @__PURE__ */ E(t, {
 		title: "Provider",
-		children: /* @__PURE__ */ v(o, {
+		children: /* @__PURE__ */ E(o, {
 			illustration: "empty-data",
 			title: "Provider not found",
 			description: "It may have been removed, or you may not have access to it.",
-			action: /* @__PURE__ */ v("button", {
+			action: /* @__PURE__ */ E("button", {
 				type: "button",
-				onClick: () => S("/providers"),
+				onClick: () => d("/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"
 			})
 		})
 	});
-	let D = C;
-	return /* @__PURE__ */ y(t, {
-		title: D.name,
-		description: r(D.category),
-		actions: /* @__PURE__ */ y("button", {
-			type: "button",
-			onClick: () => S("/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__ */ v(d, { className: "h-4 w-4" }), " Back"]
+	let B = p, V = B.websiteUrl && /^https?:\/\//i.test(B.websiteUrl) ? B.websiteUrl : null;
+	return /* @__PURE__ */ D(t, {
+		title: B.name,
+		description: r(B.category),
+		actions: /* @__PURE__ */ D("div", {
+			className: "flex items-center gap-2",
+			children: [
+				/* @__PURE__ */ D("button", {
+					type: "button",
+					onClick: () => M(!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__ */ E(b, { className: "h-4 w-4" }), " Edit"]
+				}),
+				/* @__PURE__ */ D("button", {
+					type: "button",
+					onClick: () => z(!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__ */ E(g, { className: "h-4 w-4" }), " Archive"]
+				}),
+				/* @__PURE__ */ D("button", {
+					type: "button",
+					onClick: () => d("/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__ */ E(_, { className: "h-4 w-4" }), " Back"]
+				})
+			]
 		}),
 		children: [
-			/* @__PURE__ */ y("div", {
+			/* @__PURE__ */ D("div", {
 				className: "flex flex-wrap items-center gap-3",
 				children: [
-					/* @__PURE__ */ v("span", {
+					/* @__PURE__ */ E("span", {
 						className: "flex size-10 items-center justify-center rounded-lg bg-[var(--color-accent-soft)] text-text-primary",
-						children: /* @__PURE__ */ v(f, { className: "h-5 w-5" })
+						children: /* @__PURE__ */ E(v, { className: "h-5 w-5" })
 					}),
-					/* @__PURE__ */ v(a, { status: D.status }),
-					D.region && /* @__PURE__ */ v("span", {
+					/* @__PURE__ */ E(a, { status: B.status }),
+					B.region && /* @__PURE__ */ E("span", {
 						className: "text-sm text-text-secondary",
-						children: D.region
+						children: B.region
 					}),
-					D.websiteUrl && /* @__PURE__ */ y("a", {
-						href: D.websiteUrl,
+					V && /* @__PURE__ */ D("a", {
+						href: V,
 						target: "_blank",
-						rel: "noreferrer",
+						rel: "noopener noreferrer",
 						className: "inline-flex items-center gap-1 text-sm text-text-link hover:underline",
-						children: [/* @__PURE__ */ v(p, { className: "h-3.5 w-3.5" }), " Website"]
+						children: [/* @__PURE__ */ E(y, { className: "h-3.5 w-3.5" }), " Website"]
 					})
 				]
 			}),
-			D.description && /* @__PURE__ */ v("p", {
+			B.description && /* @__PURE__ */ E("p", {
 				className: "mt-4 max-w-3xl text-sm text-text-secondary",
-				children: D.description
+				children: B.description
 			}),
-			/* @__PURE__ */ y("div", {
+			/* @__PURE__ */ D("div", {
 				className: "mt-6 grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4",
 				children: [
-					/* @__PURE__ */ y(b, {
+					/* @__PURE__ */ D(O, {
 						treatment: "metric",
 						className: "p-4",
-						children: [/* @__PURE__ */ y("div", {
+						children: [/* @__PURE__ */ D("div", {
 							className: "flex items-center gap-2 text-xs font-medium text-text-secondary",
-							children: [/* @__PURE__ */ v(m, { className: "h-3.5 w-3.5" }), " Vendor health"]
-						}), /* @__PURE__ */ v("p", {
+							children: [/* @__PURE__ */ E(S, { className: "h-3.5 w-3.5" }), " Vendor health"]
+						}), /* @__PURE__ */ E("p", {
 							className: "mt-1.5 text-lg font-semibold tabular-nums text-text-primary",
-							children: D.vendorHealthScore == null ? "—" : `${D.vendorHealthScore}/100`
+							children: B.vendorHealthScore == null ? "—" : `${B.vendorHealthScore}/100`
 						})]
 					}),
-					/* @__PURE__ */ y(b, {
+					/* @__PURE__ */ D(O, {
 						treatment: "metric",
 						className: "p-4",
-						children: [/* @__PURE__ */ y("div", {
+						children: [/* @__PURE__ */ D("div", {
 							className: "flex items-center gap-2 text-xs font-medium text-text-secondary",
-							children: [/* @__PURE__ */ v(g, { className: "h-3.5 w-3.5" }), " Churn risk"]
-						}), /* @__PURE__ */ v("p", {
+							children: [/* @__PURE__ */ E(w, { className: "h-3.5 w-3.5" }), " Churn risk"]
+						}), /* @__PURE__ */ E("p", {
 							className: "mt-1.5 text-lg font-semibold tabular-nums text-text-primary",
-							children: D.churnRiskScore == null ? "—" : `${D.churnRiskScore}/100`
+							children: B.churnRiskScore == null ? "—" : `${B.churnRiskScore}/100`
 						})]
 					}),
-					/* @__PURE__ */ y(b, {
+					/* @__PURE__ */ D(O, {
 						treatment: "metric",
 						className: "p-4",
-						children: [/* @__PURE__ */ v("div", {
+						children: [/* @__PURE__ */ E("div", {
 							className: "flex items-center gap-2 text-xs font-medium text-text-secondary",
 							children: "Industry"
-						}), /* @__PURE__ */ v("p", {
+						}), /* @__PURE__ */ E("p", {
 							className: "mt-1.5 text-sm text-text-primary",
-							children: D.industry ?? "—"
+							children: B.industry ?? "—"
 						})]
 					}),
-					/* @__PURE__ */ y(b, {
+					/* @__PURE__ */ D(O, {
 						treatment: "metric",
 						className: "p-4",
-						children: [/* @__PURE__ */ v("div", {
+						children: [/* @__PURE__ */ E("div", {
 							className: "flex items-center gap-2 text-xs font-medium text-text-secondary",
 							children: "Language"
-						}), /* @__PURE__ */ v("p", {
+						}), /* @__PURE__ */ E("p", {
 							className: "mt-1.5 text-sm text-text-primary",
-							children: D.language ?? "—"
+							children: B.language ?? "—"
 						})]
 					})
 				]
 			}),
-			D.tags.length > 0 && /* @__PURE__ */ y("div", {
+			B.tags.length > 0 && /* @__PURE__ */ D("div", {
 				className: "mt-5 flex flex-wrap items-center gap-2",
-				children: [/* @__PURE__ */ v(h, { className: "h-3.5 w-3.5 text-text-secondary" }), D.tags.map((e) => /* @__PURE__ */ v("span", {
+				children: [/* @__PURE__ */ E(C, { className: "h-3.5 w-3.5 text-text-secondary" }), B.tags.map((e) => /* @__PURE__ */ E("span", {
 					className: "rounded-full bg-bg-sunken px-2.5 py-0.5 text-xs text-text-secondary",
 					children: e
 				}, e))]
 			}),
-			/* @__PURE__ */ v(l, {
+			/* @__PURE__ */ E(l, {
 				title: "Plans",
 				description: "Pricing this provider publishes",
-				children: !D.plans || D.plans.length === 0 ? /* @__PURE__ */ v(o, {
+				action: /* @__PURE__ */ D("button", {
+					type: "button",
+					onClick: () => L(!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__ */ E(x, { className: "h-3.5 w-3.5" }), " Add plan"]
+				}),
+				children: !B.plans || B.plans.length === 0 ? /* @__PURE__ */ E(o, {
 					illustration: "empty-data",
 					title: "No published plans",
 					description: "When this provider publishes plans, they'll appear here."
-				}) : /* @__PURE__ */ v("div", {
+				}) : /* @__PURE__ */ E("div", {
 					className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3",
-					children: D.plans.map((e) => /* @__PURE__ */ y("div", {
+					children: B.plans.map((e) => /* @__PURE__ */ D("div", {
 						className: "rounded-lg border border-border-subtle bg-bg-surface p-4",
 						children: [
-							/* @__PURE__ */ y("div", {
+							/* @__PURE__ */ D("div", {
 								className: "flex items-start justify-between gap-2",
-								children: [/* @__PURE__ */ v("p", {
+								children: [/* @__PURE__ */ E("p", {
 									className: "text-sm font-semibold text-text-primary",
 									children: e.name
-								}), /* @__PURE__ */ v(a, { status: e.isActive ? "ACTIVE" : "DISABLED" })]
+								}), /* @__PURE__ */ E(a, { status: e.isActive ? "ACTIVE" : "DISABLED" })]
 							}),
-							/* @__PURE__ */ y("p", {
+							/* @__PURE__ */ D("p", {
 								className: "mt-2 text-lg font-bold tabular-nums text-text-primary",
-								children: [n(e.amount, e.currency), /* @__PURE__ */ v("span", {
+								children: [n(e.amount, e.currency), /* @__PURE__ */ E("span", {
 									className: "text-xs font-normal text-text-secondary",
 									children: i(e.interval)
 								})]
 							}),
-							e.description && /* @__PURE__ */ v("p", {
+							e.description && /* @__PURE__ */ E("p", {
 								className: "mt-1 text-xs text-text-secondary",
 								children: e.description
 							}),
-							e.features.length > 0 && /* @__PURE__ */ v("ul", {
+							e.features.length > 0 && /* @__PURE__ */ E("ul", {
 								className: "mt-3 space-y-1",
-								children: e.features.slice(0, 5).map((e) => /* @__PURE__ */ y("li", {
+								children: e.features.slice(0, 5).map((e) => /* @__PURE__ */ D("li", {
 									className: "text-xs text-text-secondary",
 									children: ["• ", e]
 								}, e))
@@ -169,11 +624,23 @@ function x() {
 						]
 					}, e.id))
 				})
+			}),
+			j && /* @__PURE__ */ E(P, {
+				provider: B,
+				onClose: () => M(!1)
+			}),
+			N && /* @__PURE__ */ E(F, {
+				providerId: B.id,
+				onClose: () => L(!1)
+			}),
+			R && /* @__PURE__ */ E(I, {
+				provider: B,
+				onClose: () => z(!1)
 			})
 		]
 	});
 }
 //#endregion
-export { x as ProviderDetailPage };
+export { L as ProviderDetailPage };
 
 //# sourceMappingURL=ProviderDetailPage.js.map