@burdenoff/microfe-subscriberbot 2026.626.2 → 2026.628.1

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

@@ -0,0 +1,179 @@
+import { useSubscriberBot as e } from "../../context/SubscriberBotContext.js";
+import { PageLayout as t } from "../../components/PageLayout.js";
+import { formatCurrency as n, formatEnumLabel as r, formatIntervalSuffix as i } from "../../utils/formatters.js";
+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";
+//#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, {
+		title: "Provider",
+		children: /* @__PURE__ */ v(c, { label: "Loading provider…" })
+	});
+	if (T) return /* @__PURE__ */ v(t, {
+		title: "Provider",
+		children: /* @__PURE__ */ v(s, {
+			message: "Could not load this provider.",
+			onRetry: () => void E()
+		})
+	});
+	if (!C) return /* @__PURE__ */ v(t, {
+		title: "Provider",
+		children: /* @__PURE__ */ v(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", {
+				type: "button",
+				onClick: () => S("/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"]
+		}),
+		children: [
+			/* @__PURE__ */ y("div", {
+				className: "flex flex-wrap items-center gap-3",
+				children: [
+					/* @__PURE__ */ v("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" })
+					}),
+					/* @__PURE__ */ v(a, { status: D.status }),
+					D.region && /* @__PURE__ */ v("span", {
+						className: "text-sm text-text-secondary",
+						children: D.region
+					}),
+					D.websiteUrl && /* @__PURE__ */ y("a", {
+						href: D.websiteUrl,
+						target: "_blank",
+						rel: "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"]
+					})
+				]
+			}),
+			D.description && /* @__PURE__ */ v("p", {
+				className: "mt-4 max-w-3xl text-sm text-text-secondary",
+				children: D.description
+			}),
+			/* @__PURE__ */ y("div", {
+				className: "mt-6 grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4",
+				children: [
+					/* @__PURE__ */ y(b, {
+						treatment: "metric",
+						className: "p-4",
+						children: [/* @__PURE__ */ y("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", {
+							className: "mt-1.5 text-lg font-semibold tabular-nums text-text-primary",
+							children: D.vendorHealthScore == null ? "—" : `${D.vendorHealthScore}/100`
+						})]
+					}),
+					/* @__PURE__ */ y(b, {
+						treatment: "metric",
+						className: "p-4",
+						children: [/* @__PURE__ */ y("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", {
+							className: "mt-1.5 text-lg font-semibold tabular-nums text-text-primary",
+							children: D.churnRiskScore == null ? "—" : `${D.churnRiskScore}/100`
+						})]
+					}),
+					/* @__PURE__ */ y(b, {
+						treatment: "metric",
+						className: "p-4",
+						children: [/* @__PURE__ */ v("div", {
+							className: "flex items-center gap-2 text-xs font-medium text-text-secondary",
+							children: "Industry"
+						}), /* @__PURE__ */ v("p", {
+							className: "mt-1.5 text-sm text-text-primary",
+							children: D.industry ?? "—"
+						})]
+					}),
+					/* @__PURE__ */ y(b, {
+						treatment: "metric",
+						className: "p-4",
+						children: [/* @__PURE__ */ v("div", {
+							className: "flex items-center gap-2 text-xs font-medium text-text-secondary",
+							children: "Language"
+						}), /* @__PURE__ */ v("p", {
+							className: "mt-1.5 text-sm text-text-primary",
+							children: D.language ?? "—"
+						})]
+					})
+				]
+			}),
+			D.tags.length > 0 && /* @__PURE__ */ y("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", {
+					className: "rounded-full bg-bg-sunken px-2.5 py-0.5 text-xs text-text-secondary",
+					children: e
+				}, e))]
+			}),
+			/* @__PURE__ */ v(l, {
+				title: "Plans",
+				description: "Pricing this provider publishes",
+				children: !D.plans || D.plans.length === 0 ? /* @__PURE__ */ v(o, {
+					illustration: "empty-data",
+					title: "No published plans",
+					description: "When this provider publishes plans, they'll appear here."
+				}) : /* @__PURE__ */ v("div", {
+					className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3",
+					children: D.plans.map((e) => /* @__PURE__ */ y("div", {
+						className: "rounded-lg border border-border-subtle bg-bg-surface p-4",
+						children: [
+							/* @__PURE__ */ y("div", {
+								className: "flex items-start justify-between gap-2",
+								children: [/* @__PURE__ */ v("p", {
+									className: "text-sm font-semibold text-text-primary",
+									children: e.name
+								}), /* @__PURE__ */ v(a, { status: e.isActive ? "ACTIVE" : "DISABLED" })]
+							}),
+							/* @__PURE__ */ y("p", {
+								className: "mt-2 text-lg font-bold tabular-nums text-text-primary",
+								children: [n(e.amount, e.currency), /* @__PURE__ */ v("span", {
+									className: "text-xs font-normal text-text-secondary",
+									children: i(e.interval)
+								})]
+							}),
+							e.description && /* @__PURE__ */ v("p", {
+								className: "mt-1 text-xs text-text-secondary",
+								children: e.description
+							}),
+							e.features.length > 0 && /* @__PURE__ */ v("ul", {
+								className: "mt-3 space-y-1",
+								children: e.features.slice(0, 5).map((e) => /* @__PURE__ */ y("li", {
+									className: "text-xs text-text-secondary",
+									children: ["• ", e]
+								}, e))
+							})
+						]
+					}, e.id))
+				})
+			})
+		]
+	});
+}
+//#endregion
+export { x as ProviderDetailPage };
+
+//# sourceMappingURL=ProviderDetailPage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProviderDetailPage.js","names":[],"sources":["../../../../src/subscriberbot/pages/providers/ProviderDetailPage.tsx"],"sourcesContent":["/**\n * Provider detail\n * @module subscriberbot/pages/providers\n *\n * A provider profile from the registry: category, status, region, scores,\n * tags and its published plans. Reads `subProvider(id)`.\n */\n\nimport { ArrowLeft, Building2, Globe, ShieldCheck, TrendingDown, Tag } from 'lucide-react';\nimport { GlassCard } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../../components/PageLayout';\nimport { StatusBadge } from '../../components/StatusBadge';\nimport { EmptyState } from '../../components/EmptyState';\nimport { LoadingView, ErrorView, Section } from '../../components/StateViews';\nimport { useParams } from 'react-router-dom';\nimport { useSubscriberBot } from '../../context/SubscriberBotContext';\nimport { useProvider } from '../../hooks/useSubscriberBotApi';\nimport {\n  formatCurrency,\n  formatEnumLabel,\n  formatIntervalSuffix,\n} from '../../utils/formatters';\n\nexport function ProviderDetailPage() {\n  const { id } = useParams<{ id: string }>();\n  const { navigateTo } = useSubscriberBot();\n  const { data: provider, isLoading, isError, refetch } = useProvider(id);\n\n  if (isLoading) {\n    return (\n      <PageLayout title=\"Provider\">\n        <LoadingView label=\"Loading provider…\" />\n      </PageLayout>\n    );\n  }\n\n  if (isError) {\n    return (\n      <PageLayout title=\"Provider\">\n        <ErrorView message=\"Could not load this provider.\" onRetry={() => void refetch()} />\n      </PageLayout>\n    );\n  }\n\n  if (!provider) {\n    return (\n      <PageLayout title=\"Provider\">\n        <EmptyState\n          illustration=\"empty-data\"\n          title=\"Provider not found\"\n          description=\"It may have been removed, or you may not have access to it.\"\n          action={\n            <button\n              type=\"button\"\n              onClick={() => navigateTo('/providers')}\n              className=\"rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:opacity-90\"\n            >\n              Back to providers\n            </button>\n          }\n        />\n      </PageLayout>\n    );\n  }\n\n  const p = provider;\n\n  return (\n    <PageLayout\n      title={p.name}\n      description={formatEnumLabel(p.category)}\n      actions={\n        <button\n          type=\"button\"\n          onClick={() => navigateTo('/providers')}\n          className=\"inline-flex items-center gap-2 rounded-lg border border-border-subtle px-3 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken\"\n        >\n          <ArrowLeft className=\"h-4 w-4\" /> Back\n        </button>\n      }\n    >\n      <div className=\"flex flex-wrap items-center gap-3\">\n        <span className=\"flex size-10 items-center justify-center rounded-lg bg-[var(--color-accent-soft)] text-text-primary\">\n          <Building2 className=\"h-5 w-5\" />\n        </span>\n        <StatusBadge status={p.status} />\n        {p.region && <span className=\"text-sm text-text-secondary\">{p.region}</span>}\n        {p.websiteUrl && (\n          <a\n            href={p.websiteUrl}\n            target=\"_blank\"\n            rel=\"noreferrer\"\n            className=\"inline-flex items-center gap-1 text-sm text-text-link hover:underline\"\n          >\n            <Globe className=\"h-3.5 w-3.5\" /> Website\n          </a>\n        )}\n      </div>\n\n      {p.description && (\n        <p className=\"mt-4 max-w-3xl text-sm text-text-secondary\">{p.description}</p>\n      )}\n\n      <div className=\"mt-6 grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4\">\n        <GlassCard treatment=\"metric\" className=\"p-4\">\n          <div className=\"flex items-center gap-2 text-xs font-medium text-text-secondary\">\n            <ShieldCheck className=\"h-3.5 w-3.5\" /> Vendor health\n          </div>\n          <p className=\"mt-1.5 text-lg font-semibold tabular-nums text-text-primary\">\n            {p.vendorHealthScore != null ? `${p.vendorHealthScore}/100` : '—'}\n          </p>\n        </GlassCard>\n        <GlassCard treatment=\"metric\" className=\"p-4\">\n          <div className=\"flex items-center gap-2 text-xs font-medium text-text-secondary\">\n            <TrendingDown className=\"h-3.5 w-3.5\" /> Churn risk\n          </div>\n          <p className=\"mt-1.5 text-lg font-semibold tabular-nums text-text-primary\">\n            {p.churnRiskScore != null ? `${p.churnRiskScore}/100` : '—'}\n          </p>\n        </GlassCard>\n        <GlassCard treatment=\"metric\" className=\"p-4\">\n          <div className=\"flex items-center gap-2 text-xs font-medium text-text-secondary\">\n            Industry\n          </div>\n          <p className=\"mt-1.5 text-sm text-text-primary\">{p.industry ?? '—'}</p>\n        </GlassCard>\n        <GlassCard treatment=\"metric\" className=\"p-4\">\n          <div className=\"flex items-center gap-2 text-xs font-medium text-text-secondary\">\n            Language\n          </div>\n          <p className=\"mt-1.5 text-sm text-text-primary\">{p.language ?? '—'}</p>\n        </GlassCard>\n      </div>\n\n      {p.tags.length > 0 && (\n        <div className=\"mt-5 flex flex-wrap items-center gap-2\">\n          <Tag className=\"h-3.5 w-3.5 text-text-secondary\" />\n          {p.tags.map((tag) => (\n            <span\n              key={tag}\n              className=\"rounded-full bg-bg-sunken px-2.5 py-0.5 text-xs text-text-secondary\"\n            >\n              {tag}\n            </span>\n          ))}\n        </div>\n      )}\n\n      <Section title=\"Plans\" description=\"Pricing this provider publishes\">\n        {!p.plans || p.plans.length === 0 ? (\n          <EmptyState\n            illustration=\"empty-data\"\n            title=\"No published plans\"\n            description=\"When this provider publishes plans, they'll appear here.\"\n          />\n        ) : (\n          <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n            {p.plans.map((plan) => (\n              <div key={plan.id} className=\"rounded-lg border border-border-subtle bg-bg-surface p-4\">\n                <div className=\"flex items-start justify-between gap-2\">\n                  <p className=\"text-sm font-semibold text-text-primary\">{plan.name}</p>\n                  <StatusBadge status={plan.isActive ? 'ACTIVE' : 'DISABLED'} />\n                </div>\n                <p className=\"mt-2 text-lg font-bold tabular-nums text-text-primary\">\n                  {formatCurrency(plan.amount, plan.currency)}\n                  <span className=\"text-xs font-normal text-text-secondary\">\n                    {formatIntervalSuffix(plan.interval)}\n                  </span>\n                </p>\n                {plan.description && (\n                  <p className=\"mt-1 text-xs text-text-secondary\">{plan.description}</p>\n                )}\n                {plan.features.length > 0 && (\n                  <ul className=\"mt-3 space-y-1\">\n                    {plan.features.slice(0, 5).map((f) => (\n                      <li key={f} className=\"text-xs text-text-secondary\">\n                        • {f}\n                      </li>\n                    ))}\n                  </ul>\n                )}\n              </div>\n            ))}\n          </div>\n        )}\n      </Section>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,185 @@
+import { useSubscriberBot as e } from "../../context/SubscriberBotContext.js";
+import { PageLayout as t } from "../../components/PageLayout.js";
+import { useCreateProvider as n } from "../../hooks/useSubscriberBotApi.js";
+import { useState as r } from "react";
+import { ArrowLeft as i } from "lucide-react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { PagePurpose as s } from "@burdenoff/fe-libs/ui";
+//#region src/subscriberbot/pages/providers/ProviderNewPage.tsx
+var c = [
+	"SAAS",
+	"AI_SERVICE",
+	"STREAMING",
+	"NEWSLETTER",
+	"NEWS_DIGEST",
+	"MEMBERSHIP",
+	"COMMUNITY",
+	"EDUCATION",
+	"FINANCIAL",
+	"INSURANCE",
+	"TELECOM",
+	"UTILITY",
+	"ASSOCIATION",
+	"LICENSE",
+	"CONTRACT",
+	"OTHER"
+], l = "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";
+function d() {
+	let { navigateTo: d } = e(), f = n(), [p, m] = r(""), [h, g] = r("SAAS"), [_, v] = r(""), [y, b] = r(""), [x, S] = r(""), [C, w] = r(""), [T, E] = r(""), [D, O] = r(null);
+	return /* @__PURE__ */ o(t, {
+		title: "Add provider",
+		description: "Register a new provider in the registry",
+		actions: /* @__PURE__ */ o("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__ */ a(i, { className: "h-4 w-4" }), " Back"]
+		}),
+		children: [/* @__PURE__ */ a(s, {
+			className: "mb-6",
+			children: "Add a provider that isn't in the registry yet so you can attach relationships, plans and assets to it."
+		}), /* @__PURE__ */ o("form", {
+			onSubmit: (e) => {
+				if (e.preventDefault(), O(null), !p.trim()) {
+					O("A provider name is required.");
+					return;
+				}
+				let t = T.split(",").map((e) => e.trim()).filter(Boolean), n = {
+					name: p.trim(),
+					category: h,
+					..._.trim() ? { description: _.trim() } : {},
+					...y.trim() ? { websiteUrl: y.trim() } : {},
+					...x.trim() ? { region: x.trim() } : {},
+					...C.trim() ? { industry: C.trim() } : {},
+					...t.length ? { tags: t } : {}
+				};
+				f.mutate(n, {
+					onSuccess: (e) => d(`/providers/${e.id}`),
+					onError: (e) => O(e instanceof Error ? e.message : "Could not create provider.")
+				});
+			},
+			className: "max-w-2xl space-y-5",
+			children: [
+				D && /* @__PURE__ */ a("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: D
+				}),
+				/* @__PURE__ */ o("div", { children: [/* @__PURE__ */ o("label", {
+					htmlFor: "prov-name",
+					className: u,
+					children: ["Name ", /* @__PURE__ */ a("span", {
+						className: "text-status-error-text",
+						children: "*"
+					})]
+				}), /* @__PURE__ */ a("input", {
+					id: "prov-name",
+					type: "text",
+					value: p,
+					onChange: (e) => m(e.target.value),
+					placeholder: "e.g. OpenAI, Netflix, AWS",
+					className: l,
+					required: !0
+				})] }),
+				/* @__PURE__ */ o("div", {
+					className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
+					children: [/* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a("label", {
+						htmlFor: "prov-category",
+						className: u,
+						children: "Category"
+					}), /* @__PURE__ */ a("select", {
+						id: "prov-category",
+						value: h,
+						onChange: (e) => g(e.target.value),
+						className: l,
+						children: c.map((e) => /* @__PURE__ */ a("option", {
+							value: e,
+							children: e.replace(/_/g, " ")
+						}, e))
+					})] }), /* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a("label", {
+						htmlFor: "prov-website",
+						className: u,
+						children: "Website"
+					}), /* @__PURE__ */ a("input", {
+						id: "prov-website",
+						type: "url",
+						value: y,
+						onChange: (e) => b(e.target.value),
+						placeholder: "https://…",
+						className: l
+					})] })]
+				}),
+				/* @__PURE__ */ o("div", {
+					className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
+					children: [/* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a("label", {
+						htmlFor: "prov-region",
+						className: u,
+						children: "Region"
+					}), /* @__PURE__ */ a("input", {
+						id: "prov-region",
+						type: "text",
+						value: x,
+						onChange: (e) => S(e.target.value),
+						placeholder: "e.g. Global, US, EU",
+						className: l
+					})] }), /* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a("label", {
+						htmlFor: "prov-industry",
+						className: u,
+						children: "Industry"
+					}), /* @__PURE__ */ a("input", {
+						id: "prov-industry",
+						type: "text",
+						value: C,
+						onChange: (e) => w(e.target.value),
+						placeholder: "e.g. Cloud, Media",
+						className: l
+					})] })]
+				}),
+				/* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a("label", {
+					htmlFor: "prov-desc",
+					className: u,
+					children: "Description"
+				}), /* @__PURE__ */ a("textarea", {
+					id: "prov-desc",
+					value: _,
+					onChange: (e) => v(e.target.value),
+					rows: 3,
+					placeholder: "What does this provider offer?",
+					className: l
+				})] }),
+				/* @__PURE__ */ o("div", { children: [/* @__PURE__ */ o("label", {
+					htmlFor: "prov-tags",
+					className: u,
+					children: ["Tags ", /* @__PURE__ */ a("span", {
+						className: "text-text-secondary",
+						children: "(comma-separated)"
+					})]
+				}), /* @__PURE__ */ a("input", {
+					id: "prov-tags",
+					type: "text",
+					value: T,
+					onChange: (e) => E(e.target.value),
+					placeholder: "ai, productivity, enterprise",
+					className: l
+				})] }),
+				/* @__PURE__ */ o("div", {
+					className: "flex gap-3",
+					children: [/* @__PURE__ */ a("button", {
+						type: "submit",
+						disabled: f.isPending,
+						className: "rounded-lg bg-action-primary-bg px-5 py-2.5 text-sm font-medium text-action-primary-text hover:opacity-90 disabled:opacity-50",
+						children: f.isPending ? "Creating…" : "Create provider"
+					}), /* @__PURE__ */ a("button", {
+						type: "button",
+						onClick: () => d("/providers"),
+						className: "rounded-lg border border-border-subtle px-5 py-2.5 text-sm font-medium text-text-primary hover:bg-bg-sunken",
+						children: "Cancel"
+					})]
+				})
+			]
+		})]
+	});
+}
+//#endregion
+export { d as ProviderNewPage };
+
+//# sourceMappingURL=ProviderNewPage.js.map

package/dist/subscriberbot/pages/providers/ProviderNewPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProviderNewPage.js","names":[],"sources":["../../../../src/subscriberbot/pages/providers/ProviderNewPage.tsx"],"sourcesContent":["/**\n * Create provider\n * @module subscriberbot/pages/providers\n *\n * Add a provider to the registry. Writes `subCreateProvider`.\n */\n\nimport { useState } from 'react';\nimport { ArrowLeft } from 'lucide-react';\nimport { PagePurpose } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../../components/PageLayout';\nimport { useSubscriberBot } from '../../context/SubscriberBotContext';\nimport { useCreateProvider } from '../../hooks/useSubscriberBotApi';\nimport type { SubCreateProviderInput, SubProviderCategory } from '../../types';\n\nconst CATEGORIES: SubProviderCategory[] = [\n  'SAAS',\n  'AI_SERVICE',\n  'STREAMING',\n  'NEWSLETTER',\n  'NEWS_DIGEST',\n  'MEMBERSHIP',\n  'COMMUNITY',\n  'EDUCATION',\n  'FINANCIAL',\n  'INSURANCE',\n  'TELECOM',\n  'UTILITY',\n  'ASSOCIATION',\n  'LICENSE',\n  'CONTRACT',\n  'OTHER',\n];\n\nconst inputCls =\n  '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)]';\nconst labelCls = 'mb-1 block text-xs font-medium text-text-secondary';\n\nexport function ProviderNewPage() {\n  const { navigateTo } = useSubscriberBot();\n  const create = useCreateProvider();\n\n  const [name, setName] = useState('');\n  const [category, setCategory] = useState<SubProviderCategory>('SAAS');\n  const [description, setDescription] = useState('');\n  const [websiteUrl, setWebsiteUrl] = useState('');\n  const [region, setRegion] = useState('');\n  const [industry, setIndustry] = useState('');\n  const [tags, setTags] = useState('');\n  const [formError, setFormError] = useState<string | null>(null);\n\n  const handleSubmit = (e: React.FormEvent) => {\n    e.preventDefault();\n    setFormError(null);\n    if (!name.trim()) {\n      setFormError('A provider name is required.');\n      return;\n    }\n    const parsedTags = tags\n      .split(',')\n      .map((t) => t.trim())\n      .filter(Boolean);\n    const input: SubCreateProviderInput = {\n      name: name.trim(),\n      category,\n      ...(description.trim() ? { description: description.trim() } : {}),\n      ...(websiteUrl.trim() ? { websiteUrl: websiteUrl.trim() } : {}),\n      ...(region.trim() ? { region: region.trim() } : {}),\n      ...(industry.trim() ? { industry: industry.trim() } : {}),\n      ...(parsedTags.length ? { tags: parsedTags } : {}),\n    };\n    create.mutate(input, {\n      onSuccess: (provider) => navigateTo(`/providers/${provider.id}`),\n      onError: (err) =>\n        setFormError(err instanceof Error ? err.message : 'Could not create provider.'),\n    });\n  };\n\n  return (\n    <PageLayout\n      title=\"Add provider\"\n      description=\"Register a new provider in the registry\"\n      actions={\n        <button\n          type=\"button\"\n          onClick={() => navigateTo('/providers')}\n          className=\"inline-flex items-center gap-2 rounded-lg border border-border-subtle px-3 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken\"\n        >\n          <ArrowLeft className=\"h-4 w-4\" /> Back\n        </button>\n      }\n    >\n      <PagePurpose className=\"mb-6\">\n        Add a provider that isn't in the registry yet so you can attach relationships, plans and\n        assets to it.\n      </PagePurpose>\n\n      <form onSubmit={handleSubmit} className=\"max-w-2xl space-y-5\">\n        {formError && (\n          <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\">\n            {formError}\n          </div>\n        )}\n\n        <div>\n          <label htmlFor=\"prov-name\" className={labelCls}>\n            Name <span className=\"text-status-error-text\">*</span>\n          </label>\n          <input\n            id=\"prov-name\"\n            type=\"text\"\n            value={name}\n            onChange={(e) => setName(e.target.value)}\n            placeholder=\"e.g. OpenAI, Netflix, AWS\"\n            className={inputCls}\n            required\n          />\n        </div>\n\n        <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n          <div>\n            <label htmlFor=\"prov-category\" className={labelCls}>\n              Category\n            </label>\n            <select\n              id=\"prov-category\"\n              value={category}\n              onChange={(e) => setCategory(e.target.value as SubProviderCategory)}\n              className={inputCls}\n            >\n              {CATEGORIES.map((c) => (\n                <option key={c} value={c}>\n                  {c.replace(/_/g, ' ')}\n                </option>\n              ))}\n            </select>\n          </div>\n          <div>\n            <label htmlFor=\"prov-website\" className={labelCls}>\n              Website\n            </label>\n            <input\n              id=\"prov-website\"\n              type=\"url\"\n              value={websiteUrl}\n              onChange={(e) => setWebsiteUrl(e.target.value)}\n              placeholder=\"https://…\"\n              className={inputCls}\n            />\n          </div>\n        </div>\n\n        <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n          <div>\n            <label htmlFor=\"prov-region\" className={labelCls}>\n              Region\n            </label>\n            <input\n              id=\"prov-region\"\n              type=\"text\"\n              value={region}\n              onChange={(e) => setRegion(e.target.value)}\n              placeholder=\"e.g. Global, US, EU\"\n              className={inputCls}\n            />\n          </div>\n          <div>\n            <label htmlFor=\"prov-industry\" className={labelCls}>\n              Industry\n            </label>\n            <input\n              id=\"prov-industry\"\n              type=\"text\"\n              value={industry}\n              onChange={(e) => setIndustry(e.target.value)}\n              placeholder=\"e.g. Cloud, Media\"\n              className={inputCls}\n            />\n          </div>\n        </div>\n\n        <div>\n          <label htmlFor=\"prov-desc\" className={labelCls}>\n            Description\n          </label>\n          <textarea\n            id=\"prov-desc\"\n            value={description}\n            onChange={(e) => setDescription(e.target.value)}\n            rows={3}\n            placeholder=\"What does this provider offer?\"\n            className={inputCls}\n          />\n        </div>\n\n        <div>\n          <label htmlFor=\"prov-tags\" className={labelCls}>\n            Tags <span className=\"text-text-secondary\">(comma-separated)</span>\n          </label>\n          <input\n            id=\"prov-tags\"\n            type=\"text\"\n            value={tags}\n            onChange={(e) => setTags(e.target.value)}\n            placeholder=\"ai, productivity, enterprise\"\n            className={inputCls}\n          />\n        </div>\n\n        <div className=\"flex gap-3\">\n          <button\n            type=\"submit\"\n            disabled={create.isPending}\n            className=\"rounded-lg bg-action-primary-bg px-5 py-2.5 text-sm font-medium text-action-primary-text hover:opacity-90 disabled:opacity-50\"\n          >\n            {create.isPending ? 'Creating…' : 'Create provider'}\n          </button>\n          <button\n            type=\"button\"\n            onClick={() => navigateTo('/providers')}\n            className=\"rounded-lg border border-border-subtle px-5 py-2.5 text-sm font-medium text-text-primary hover:bg-bg-sunken\"\n          >\n            Cancel\n          </button>\n        </div>\n      </form>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,254 @@
+import { useSubscriberBot as e } from "../../context/SubscriberBotContext.js";
+import { cn as t } from "../../utils/cn.js";
+import { PageLayout as n } from "../../components/PageLayout.js";
+import { formatEnumLabel as r } from "../../utils/formatters.js";
+import { StatusBadge as i } from "../../components/StatusBadge.js";
+import { EmptyState as a } from "../../components/EmptyState.js";
+import { ErrorView as o, LoadingView as s } from "../../components/StateViews.js";
+import { useProviders as c } from "../../hooks/useSubscriberBotApi.js";
+import { useState as l } from "react";
+import { Building2 as u, Plus as d, Search as f, ShieldCheck as p } from "lucide-react";
+import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
+import { EmphasisPanel as _, PagePurpose as v } from "@burdenoff/fe-libs/ui";
+//#region src/subscriberbot/pages/providers/ProvidersListPage.tsx
+var y = 24, b = [
+	{
+		value: "",
+		label: "All categories"
+	},
+	{
+		value: "SAAS",
+		label: "SaaS"
+	},
+	{
+		value: "AI_SERVICE",
+		label: "AI service"
+	},
+	{
+		value: "STREAMING",
+		label: "Streaming"
+	},
+	{
+		value: "NEWSLETTER",
+		label: "Newsletter"
+	},
+	{
+		value: "NEWS_DIGEST",
+		label: "News digest"
+	},
+	{
+		value: "MEMBERSHIP",
+		label: "Membership"
+	},
+	{
+		value: "COMMUNITY",
+		label: "Community"
+	},
+	{
+		value: "EDUCATION",
+		label: "Education"
+	},
+	{
+		value: "FINANCIAL",
+		label: "Financial"
+	},
+	{
+		value: "INSURANCE",
+		label: "Insurance"
+	},
+	{
+		value: "TELECOM",
+		label: "Telecom"
+	},
+	{
+		value: "UTILITY",
+		label: "Utility"
+	},
+	{
+		value: "ASSOCIATION",
+		label: "Association"
+	},
+	{
+		value: "LICENSE",
+		label: "License"
+	},
+	{
+		value: "CONTRACT",
+		label: "Contract"
+	},
+	{
+		value: "OTHER",
+		label: "Other"
+	}
+], x = [
+	{
+		value: "",
+		label: "Any status"
+	},
+	{
+		value: "VERIFIED",
+		label: "Verified"
+	},
+	{
+		value: "CLAIMED",
+		label: "Claimed"
+	},
+	{
+		value: "UNVERIFIED",
+		label: "Unverified"
+	},
+	{
+		value: "DEPRECATED",
+		label: "Deprecated"
+	}
+];
+function S() {
+	let { navigateTo: S } = e(), [C, w] = l(0), [T, E] = l(""), [D, O] = l(""), [k, A] = l(""), [j, M] = l(""), { data: N, isLoading: P, isError: F, refetch: I, isFetching: L } = c({
+		search: T || void 0,
+		category: k || void 0,
+		status: j || void 0,
+		pagination: {
+			limit: y,
+			offset: C * y
+		}
+	}), R = N?.items ?? [], z = N?.pageInfo.hasMore ?? !1;
+	return /* @__PURE__ */ g(n, {
+		title: "Providers",
+		description: "Discover and browse the global provider registry",
+		actions: /* @__PURE__ */ g("button", {
+			type: "button",
+			onClick: () => S("/providers/new"),
+			className: "inline-flex items-center gap-2 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:opacity-90",
+			children: [/* @__PURE__ */ h(d, { className: "h-4 w-4" }), " Add provider"]
+		}),
+		children: [
+			/* @__PURE__ */ h(v, {
+				className: "mb-4",
+				children: "The registry is the public face of the Subscription Knowledge Graph — every provider exists here whether or not it integrates. Search and filter to find the ones you have relationships with, or add a new one."
+			}),
+			/* @__PURE__ */ h(_, { children: /* @__PURE__ */ g("form", {
+				onSubmit: (e) => {
+					e.preventDefault(), E(D.trim()), w(0);
+				},
+				className: "relative",
+				children: [/* @__PURE__ */ h(f, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary" }), /* @__PURE__ */ h("input", {
+					type: "text",
+					placeholder: "Search providers by name…",
+					value: D,
+					onChange: (e) => O(e.target.value),
+					className: "w-full rounded-lg border border-border-subtle bg-bg-surface py-2.5 pl-10 pr-3 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
+				})]
+			}) }),
+			/* @__PURE__ */ g("div", {
+				className: "mt-4 flex flex-wrap items-center gap-3",
+				children: [/* @__PURE__ */ h("select", {
+					value: k,
+					onChange: (e) => {
+						A(e.target.value), w(0);
+					},
+					className: "rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-xs text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
+					children: b.map((e) => /* @__PURE__ */ h("option", {
+						value: e.value,
+						children: e.label
+					}, e.value))
+				}), /* @__PURE__ */ h("select", {
+					value: j,
+					onChange: (e) => {
+						M(e.target.value), w(0);
+					},
+					className: "rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-xs text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
+					children: x.map((e) => /* @__PURE__ */ h("option", {
+						value: e.value,
+						children: e.label
+					}, e.value))
+				})]
+			}),
+			P ? /* @__PURE__ */ h(s, { label: "Loading providers…" }) : F ? /* @__PURE__ */ h(o, {
+				message: "Could not load the provider registry.",
+				onRetry: () => void I()
+			}) : R.length === 0 ? /* @__PURE__ */ h("div", {
+				className: "mt-6",
+				children: /* @__PURE__ */ h(a, {
+					illustration: "empty-search",
+					icon: /* @__PURE__ */ h(u, { className: "h-12 w-12" }),
+					title: "No providers found",
+					description: T ? `No providers match "${T}".` : "No providers in the registry with these filters yet.",
+					action: /* @__PURE__ */ h("button", {
+						type: "button",
+						onClick: () => S("/providers/new"),
+						className: "rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:opacity-90",
+						children: "Add provider"
+					})
+				})
+			}) : /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h("div", {
+				className: "mt-6 grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3",
+				children: R.map((e) => /* @__PURE__ */ g("button", {
+					type: "button",
+					onClick: () => S(`/providers/${e.id}`),
+					className: "flex flex-col rounded-lg border border-border-subtle bg-bg-surface p-4 text-left transition-shadow hover:shadow-md",
+					children: [
+						/* @__PURE__ */ g("div", {
+							className: "flex items-start justify-between gap-2",
+							children: [/* @__PURE__ */ h("span", {
+								className: "flex size-9 items-center justify-center rounded-lg bg-[var(--color-accent-soft)] text-text-primary",
+								children: /* @__PURE__ */ h(u, { className: "h-4 w-4" })
+							}), /* @__PURE__ */ h(i, { status: e.status })]
+						}),
+						/* @__PURE__ */ h("p", {
+							className: "mt-3 truncate text-sm font-semibold text-text-primary",
+							children: e.name
+						}),
+						/* @__PURE__ */ h("p", {
+							className: "text-xs text-text-secondary",
+							children: r(e.category)
+						}),
+						e.description && /* @__PURE__ */ h("p", {
+							className: "mt-2 line-clamp-2 text-xs text-text-secondary",
+							children: e.description
+						}),
+						/* @__PURE__ */ g("div", {
+							className: "mt-3 flex flex-wrap items-center gap-2 text-xs text-text-secondary",
+							children: [e.region && /* @__PURE__ */ h("span", { children: e.region }), e.vendorHealthScore != null && /* @__PURE__ */ g("span", {
+								className: "inline-flex items-center gap-1",
+								children: [
+									/* @__PURE__ */ h(p, { className: "h-3 w-3" }),
+									e.vendorHealthScore,
+									"/100"
+								]
+							})]
+						})
+					]
+				}, e.id))
+			}), /* @__PURE__ */ g("div", {
+				className: "mt-4 flex items-center justify-between",
+				children: [/* @__PURE__ */ g("p", {
+					className: "text-xs text-text-secondary",
+					children: [
+						"Page ",
+						C + 1,
+						L ? " · refreshing…" : ""
+					]
+				}), /* @__PURE__ */ g("div", {
+					className: "flex gap-2",
+					children: [/* @__PURE__ */ h("button", {
+						type: "button",
+						disabled: C === 0,
+						onClick: () => w((e) => Math.max(0, e - 1)),
+						className: t("rounded-lg border border-border-subtle px-3 py-1.5 text-xs font-medium", C === 0 ? "cursor-not-allowed text-text-secondary opacity-50" : "text-text-primary hover:bg-bg-sunken"),
+						children: "Previous"
+					}), /* @__PURE__ */ h("button", {
+						type: "button",
+						disabled: !z,
+						onClick: () => w((e) => e + 1),
+						className: t("rounded-lg border border-border-subtle px-3 py-1.5 text-xs font-medium", z ? "text-text-primary hover:bg-bg-sunken" : "cursor-not-allowed text-text-secondary opacity-50"),
+						children: "Next"
+					})]
+				})]
+			})] })
+		]
+	});
+}
+//#endregion
+export { S as ProvidersListPage };
+
+//# sourceMappingURL=ProvidersListPage.js.map