@burdenoff/microfe-subscriberbot 2026.706.2 → 2026.710.1

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

@@ -1,12 +1,14 @@
 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";
+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 { useCreateProvider as i } from "../../hooks/useSubscriberBotApi.js";
+import { useState as a } from "react";
+import { ArrowLeft as o, Building2 as s, Sparkles as c } from "lucide-react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { GlassCard as d, PagePurpose as f } from "@burdenoff/fe-libs/ui";
 //#region src/subscriberbot/pages/providers/ProviderNewPage.tsx
-var c = [
+var p = [
 	"SAAS",
 	"AI_SERVICE",
 	"STREAMING",
@@ -23,163 +25,225 @@ var c = [
 	"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, {
+], m = "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";
+function g() {
+	let { navigateTo: g } = e(), _ = i(), [v, y] = a(""), [b, x] = a("SAAS"), [S, C] = a(""), [w, T] = a(""), [E, D] = a(""), [O, k] = a(""), [A, j] = a(""), [M, N] = a(null), P = A.split(",").map((e) => e.trim()).filter(Boolean);
+	return /* @__PURE__ */ u(n, {
 		title: "Add provider",
 		description: "Register a new provider in the registry",
-		actions: /* @__PURE__ */ o("button", {
+		actions: /* @__PURE__ */ u("button", {
 			type: "button",
-			onClick: () => d("/providers"),
+			onClick: () => g("/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__ */ l(o, { className: "h-4 w-4" }), " Back"]
 		}),
-		children: [/* @__PURE__ */ a(s, {
+		children: [/* @__PURE__ */ l(f, {
 			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"
-					})]
+		}), /* @__PURE__ */ u("div", {
+			className: "grid grid-cols-1 gap-6 lg:grid-cols-3",
+			children: [/* @__PURE__ */ l(d, {
+				treatment: "metric",
+				className: "p-6 lg:col-span-2",
+				children: /* @__PURE__ */ u("form", {
+					onSubmit: (e) => {
+						if (e.preventDefault(), N(null), !v.trim()) {
+							N("A provider name is required.");
+							return;
+						}
+						let t = {
+							name: v.trim(),
+							category: b,
+							...S.trim() ? { description: S.trim() } : {},
+							...w.trim() ? { websiteUrl: w.trim() } : {},
+							...E.trim() ? { region: E.trim() } : {},
+							...O.trim() ? { industry: O.trim() } : {},
+							...P.length ? { tags: P } : {}
+						};
+						_.mutate(t, {
+							onSuccess: (e) => g(`/providers/${e.id}`),
+							onError: (e) => N(e instanceof Error ? e.message : "Could not create provider.")
+						});
+					},
+					className: "space-y-5",
+					children: [
+						M && /* @__PURE__ */ l("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: M
+						}),
+						/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ u("label", {
+							htmlFor: "prov-name",
+							className: h,
+							children: ["Name ", /* @__PURE__ */ l("span", {
+								className: "text-status-error-text",
+								children: "*"
+							})]
+						}), /* @__PURE__ */ l("input", {
+							id: "prov-name",
+							type: "text",
+							value: v,
+							onChange: (e) => y(e.target.value),
+							placeholder: "e.g. OpenAI, Netflix, AWS",
+							className: m,
+							required: !0
+						})] }),
+						/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("span", {
+							className: h,
+							children: "Category"
+						}), /* @__PURE__ */ l("div", {
+							className: "flex flex-wrap gap-2",
+							role: "group",
+							"aria-label": "Provider category",
+							children: p.map((e) => {
+								let n = b === e;
+								return /* @__PURE__ */ l("button", {
+									type: "button",
+									"aria-pressed": n,
+									onClick: () => x(e),
+									className: t("rounded-full border px-3 py-1.5 text-xs font-medium transition-colors", n ? "border-transparent bg-action-primary-bg text-action-primary-text" : "border-border-subtle bg-bg-surface text-text-secondary hover:bg-bg-sunken hover:text-text-primary"),
+									children: r(e)
+								}, e);
+							})
+						})] }),
+						/* @__PURE__ */ u("div", {
+							className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
+							children: [/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("label", {
+								htmlFor: "prov-website",
+								className: h,
+								children: "Website"
+							}), /* @__PURE__ */ l("input", {
+								id: "prov-website",
+								type: "url",
+								value: w,
+								onChange: (e) => T(e.target.value),
+								placeholder: "https://…",
+								className: m
+							})] }), /* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("label", {
+								htmlFor: "prov-region",
+								className: h,
+								children: "Region"
+							}), /* @__PURE__ */ l("input", {
+								id: "prov-region",
+								type: "text",
+								value: E,
+								onChange: (e) => D(e.target.value),
+								placeholder: "e.g. Global, US, EU",
+								className: m
+							})] })]
+						}),
+						/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("label", {
+							htmlFor: "prov-industry",
+							className: h,
+							children: "Industry"
+						}), /* @__PURE__ */ l("input", {
+							id: "prov-industry",
+							type: "text",
+							value: O,
+							onChange: (e) => k(e.target.value),
+							placeholder: "e.g. Cloud, Media",
+							className: m
+						})] }),
+						/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("label", {
+							htmlFor: "prov-desc",
+							className: h,
+							children: "Description"
+						}), /* @__PURE__ */ l("textarea", {
+							id: "prov-desc",
+							value: S,
+							onChange: (e) => C(e.target.value),
+							rows: 3,
+							placeholder: "What does this provider offer?",
+							className: m
+						})] }),
+						/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ u("label", {
+							htmlFor: "prov-tags",
+							className: h,
+							children: ["Tags ", /* @__PURE__ */ l("span", {
+								className: "text-text-secondary",
+								children: "(comma-separated)"
+							})]
+						}), /* @__PURE__ */ l("input", {
+							id: "prov-tags",
+							type: "text",
+							value: A,
+							onChange: (e) => j(e.target.value),
+							placeholder: "ai, productivity, enterprise",
+							className: m
+						})] }),
+						/* @__PURE__ */ u("div", {
+							className: "flex flex-wrap gap-3 border-t border-border-subtle pt-5",
+							children: [/* @__PURE__ */ l("button", {
+								type: "submit",
+								disabled: _.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: _.isPending ? "Creating…" : "Create provider"
+							}), /* @__PURE__ */ l("button", {
+								type: "button",
+								onClick: () => g("/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"
+							})]
+						})
+					]
 				})
-			]
+			}), /* @__PURE__ */ u("div", {
+				className: "lg:sticky lg:top-6 lg:self-start",
+				children: [/* @__PURE__ */ u("p", {
+					className: "mb-2 inline-flex items-center gap-1.5 text-xs font-medium text-text-secondary",
+					children: [/* @__PURE__ */ l(c, { className: "h-3.5 w-3.5" }), " Registry preview"]
+				}), /* @__PURE__ */ u(d, {
+					treatment: "glass",
+					className: "flex flex-col p-5",
+					children: [
+						/* @__PURE__ */ u("div", {
+							className: "flex items-start justify-between gap-2",
+							children: [/* @__PURE__ */ l("span", {
+								className: "flex size-10 items-center justify-center rounded-xl bg-[var(--color-accent-soft)] text-text-primary",
+								children: /* @__PURE__ */ l(s, { className: "h-5 w-5" })
+							}), /* @__PURE__ */ l("span", {
+								className: "rounded-full bg-status-warning-bg-subtle px-2 py-0.5 text-[11px] font-medium text-status-warning-text",
+								children: "Unverified"
+							})]
+						}),
+						/* @__PURE__ */ l("p", {
+							className: "mt-3 truncate text-base font-semibold text-text-primary",
+							children: v.trim() || "Provider name"
+						}),
+						/* @__PURE__ */ l("span", {
+							className: "mt-1 inline-flex w-fit rounded-full bg-bg-sunken px-2.5 py-0.5 text-xs font-medium text-text-secondary",
+							children: r(b)
+						}),
+						S.trim() ? /* @__PURE__ */ l("p", {
+							className: "mt-3 line-clamp-3 text-xs leading-relaxed text-text-secondary",
+							children: S.trim()
+						}) : /* @__PURE__ */ l("p", {
+							className: "mt-3 text-xs italic text-text-secondary/70",
+							children: "A short description will appear here."
+						}),
+						(E.trim() || O.trim() || P.length > 0) && /* @__PURE__ */ u("div", {
+							className: "mt-4 flex flex-wrap items-center gap-2 border-t border-border-subtle pt-3",
+							children: [
+								O.trim() && /* @__PURE__ */ l("span", {
+									className: "text-[11px] text-text-secondary",
+									children: O.trim()
+								}),
+								E.trim() && /* @__PURE__ */ u("span", {
+									className: "text-[11px] text-text-secondary",
+									children: ["· ", E.trim()]
+								}),
+								P.slice(0, 4).map((e) => /* @__PURE__ */ l("span", {
+									className: "rounded-full bg-bg-sunken px-2 py-0.5 text-[11px] text-text-secondary",
+									children: e
+								}, e))
+							]
+						})
+					]
+				})]
+			})]
 		})]
 	});
 }
 //#endregion
-export { d as ProviderNewPage };
+export { g as ProviderNewPage };
 
 //# sourceMappingURL=ProviderNewPage.js.map

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

@@ -1 +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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"}
+{"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`. A card-wrapped\n * form with category chips and a live marketplace-style preview that mirrors\n * exactly what will land in the registry.\n */\n\nimport { useState } from 'react';\nimport { ArrowLeft, Building2, Sparkles } from 'lucide-react';\nimport { PagePurpose, GlassCard } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../../components/PageLayout';\nimport { useSubscriberBot } from '../../context/SubscriberBotContext';\nimport { useCreateProvider } from '../../hooks/useSubscriberBotApi';\nimport { cn } from '../../utils/cn';\nimport { formatEnumLabel } from '../../utils/formatters';\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 parsedTags = tags\n    .split(',')\n    .map((t) => t.trim())\n    .filter(Boolean);\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 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      <div className=\"grid grid-cols-1 gap-6 lg:grid-cols-3\">\n        {/* Form */}\n        <GlassCard treatment=\"metric\" className=\"p-6 lg:col-span-2\">\n          <form onSubmit={handleSubmit} className=\"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>\n              <span className={labelCls}>Category</span>\n              <div className=\"flex flex-wrap gap-2\" role=\"group\" aria-label=\"Provider category\">\n                {CATEGORIES.map((c) => {\n                  const active = category === c;\n                  return (\n                    <button\n                      key={c}\n                      type=\"button\"\n                      aria-pressed={active}\n                      onClick={() => setCategory(c)}\n                      className={cn(\n                        'rounded-full border px-3 py-1.5 text-xs font-medium transition-colors',\n                        active\n                          ? 'border-transparent bg-action-primary-bg text-action-primary-text'\n                          : 'border-border-subtle bg-bg-surface text-text-secondary hover:bg-bg-sunken hover:text-text-primary'\n                      )}\n                    >\n                      {formatEnumLabel(c)}\n                    </button>\n                  );\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-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                <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\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\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 flex-wrap gap-3 border-t border-border-subtle pt-5\">\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        </GlassCard>\n\n        {/* Live preview — reflects the form state (no fabricated data) */}\n        <div className=\"lg:sticky lg:top-6 lg:self-start\">\n          <p className=\"mb-2 inline-flex items-center gap-1.5 text-xs font-medium text-text-secondary\">\n            <Sparkles className=\"h-3.5 w-3.5\" /> Registry preview\n          </p>\n          <GlassCard treatment=\"glass\" className=\"flex flex-col p-5\">\n            <div className=\"flex items-start justify-between gap-2\">\n              <span className=\"flex size-10 items-center justify-center rounded-xl bg-[var(--color-accent-soft)] text-text-primary\">\n                <Building2 className=\"h-5 w-5\" />\n              </span>\n              <span className=\"rounded-full bg-status-warning-bg-subtle px-2 py-0.5 text-[11px] font-medium text-status-warning-text\">\n                Unverified\n              </span>\n            </div>\n            <p className=\"mt-3 truncate text-base font-semibold text-text-primary\">\n              {name.trim() || 'Provider name'}\n            </p>\n            <span className=\"mt-1 inline-flex w-fit rounded-full bg-bg-sunken px-2.5 py-0.5 text-xs font-medium text-text-secondary\">\n              {formatEnumLabel(category)}\n            </span>\n            {description.trim() ? (\n              <p className=\"mt-3 line-clamp-3 text-xs leading-relaxed text-text-secondary\">\n                {description.trim()}\n              </p>\n            ) : (\n              <p className=\"mt-3 text-xs italic text-text-secondary/70\">\n                A short description will appear here.\n              </p>\n            )}\n            {(region.trim() || industry.trim() || parsedTags.length > 0) && (\n              <div className=\"mt-4 flex flex-wrap items-center gap-2 border-t border-border-subtle pt-3\">\n                {industry.trim() && (\n                  <span className=\"text-[11px] text-text-secondary\">{industry.trim()}</span>\n                )}\n                {region.trim() && (\n                  <span className=\"text-[11px] text-text-secondary\">· {region.trim()}</span>\n                )}\n                {parsedTags.slice(0, 4).map((t) => (\n                  <span\n                    key={t}\n                    className=\"rounded-full bg-bg-sunken px-2 py-0.5 text-[11px] text-text-secondary\"\n                  >\n                    {t}\n                  </span>\n                ))}\n              </div>\n            )}\n          </GlassCard>\n        </div>\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,12 @@
+/**
+ * Providers list (Global Provider Registry)
+ * @module subscriberbot/pages/providers
+ *
+ * Discovery marketplace: search and browse the provider registry. Server-side
+ * search + category/status filters + pagination via `subListProviders`
+ * (a SubProviderConnection). Category filter chips, a responsive grid of glass
+ * provider cards with a real vendor-health indicator + churn hint, and a small
+ * live summary strip computed from the fetched page.
+ */
+export declare function ProvidersListPage(): import("react").JSX.Element;
+//# sourceMappingURL=ProvidersListPage.d.ts.map

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

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