@gatewaze/admin-embed 0.1.0

package/README.md

@@ -0,0 +1,42 @@
+# @gatewaze/admin-embed
+
+The Gatewaze admin module set, built as a library so a host application can mount it into one of
+its own DOM nodes — no iframe.
+
+```ts
+import { mount } from '@gatewaze/admin-embed';
+
+const handle = mount(element, {
+  basename: '/foundation/gw',
+  supabase: { url, anonKey },
+  apiBaseUrl: '', // '' means same-origin /api/gw
+  enabled: { moduleIds: [...], features: [...] },
+  signIn: { lfidStartUrl, returnUrl },
+  portalContainer: portalsElement, // where Radix overlays render
+  notify: (n) => hostToast(n), // optional: render our toasts as yours
+});
+
+handle.unmount();
+```
+
+`mount()` never throws; every failure path reports through `ctx.onFatal` and returns a safe handle.
+One live mount per page.
+
+## Stylesheet
+
+The CSS is shipped separately as `@gatewaze/admin-embed/admin.css` and is **not** imported by the
+entry — a host that renders us inside its own chrome needs to scope our styles before serving them,
+which it cannot do if the bundle pulls them in. Load it yourself, ideally after passing it through
+whatever containment your host needs.
+
+## Building
+
+Assembled from `packages/admin`'s library build:
+
+```bash
+pnpm --filter @gatewaze/admin exec vite build -c vite.embed.config.ts
+node packages/admin-embed/scripts/build.mjs
+```
+
+Type declarations are copied from `packages/admin/src/embed/types.ts`, never hand-written, so the
+published contract cannot drift from the one the embed implements.

package/dist/AiSkillsPicker-dbFhcanE.js

@@ -0,0 +1,373 @@
+import { c as e, t } from "./react-DB2tPNit.js";
+import { d as n } from "./shim-BCerG8nb.js";
+import { t as r } from "./jsx-runtime-CjozyJt-.js";
+import { D as i, E as a, n as o } from "./ui-DRIo9Krs.js";
+import { n as s } from "./sonnerHostBridge-CXuCMM3R.js";
+import { t as c } from "./outline-DwDYhYcF.js";
+//#region ../../../gatewaze-modules/modules/editor-ai-copilot/admin/services/skillsService.ts
+var l = /* @__PURE__ */ e(t()), u = c();
+function d(e) {
+	return (Array.isArray(e) ? e[0] : e)?.label ?? "unknown source";
+}
+var f = {
+	async listSkills() {
+		let { data: e, error: t } = await n.from("ai_skills").select("id, source_id, dir_path, name, description, source:ai_agent_sources!source_id(label)").eq("parse_status", "ok").order("name", { ascending: !0 });
+		return t ? {
+			ok: !1,
+			error: { message: t.message }
+		} : {
+			ok: !0,
+			value: (e ?? []).map((e) => ({
+				id: e.id,
+				source_id: e.source_id,
+				dir_path: e.dir_path,
+				name: e.name,
+				description: e.description,
+				source_label: d(e.source)
+			}))
+		};
+	},
+	async readSkill(e) {
+		let { data: t, error: r } = await n.from("ai_skills").select("id, name, dir_path, description, body").eq("id", e).maybeSingle();
+		return r ? {
+			ok: !1,
+			error: { message: r.message }
+		} : t ? {
+			ok: !0,
+			value: t
+		} : {
+			ok: !1,
+			error: { message: "skill not found" }
+		};
+	},
+	async readUseCaseDefaultSkill(e) {
+		let t = await n.from("ai_use_cases").select("skill_source_id, skill_path").eq("id", e).maybeSingle();
+		if (t.error) return {
+			ok: !1,
+			error: { message: t.error.message }
+		};
+		let r = t.data;
+		if (!r?.skill_source_id || !r.skill_path) return {
+			ok: !0,
+			value: null
+		};
+		let i = "id, source_id, dir_path, name, description, source:ai_agent_sources!source_id(label)", a = (await n.from("ai_skills").select(i).eq("parse_status", "ok").eq("source_id", r.skill_source_id).eq("dir_path", r.skill_path).maybeSingle()).data;
+		if (!a) {
+			let e = r.skill_path.replace(/\/index\.md$/, "").replace(/\.md$/, "").split("/").pop() ?? "";
+			e.length > 0 && (a = (await n.from("ai_skills").select(i).eq("parse_status", "ok").eq("source_id", r.skill_source_id).eq("name", e).maybeSingle()).data);
+		}
+		return a ? {
+			ok: !0,
+			value: {
+				id: a.id,
+				source_id: a.source_id,
+				dir_path: a.dir_path,
+				name: a.name,
+				description: a.description,
+				source_label: d(a.source)
+			}
+		} : {
+			ok: !0,
+			value: null
+		};
+	}
+}, p = r(), m = {
+	newsletter: "newsletters_template_collections",
+	site: "sites"
+}, h = {
+	newsletter: "newsletter-editor",
+	site: "site-editor"
+};
+function g(e) {
+	let t = e.hostKind ?? "newsletter", r = e.id, [c, d] = (0, l.useState)("inherit"), [g, v] = (0, l.useState)([]), [y, b] = (0, l.useState)([]), [x, S] = (0, l.useState)(null), [C, w] = (0, l.useState)(!0), [T, E] = (0, l.useState)(!1), [D, O] = (0, l.useState)(null), k = (0, l.useCallback)(async () => {
+		w(!0);
+		let e = m[t], [i, a, o] = await Promise.all([
+			n.from(e).select("active_skill_ids").eq("id", r).maybeSingle(),
+			f.listSkills(),
+			f.readUseCaseDefaultSkill(h[t])
+		]);
+		if (w(!1), i.error) {
+			s.error(`Failed to load host: ${i.error.message}`);
+			return;
+		}
+		let c = i.data?.active_skill_ids;
+		if (c == null ? (d("inherit"), v([])) : (d("override"), v(c)), !a.ok) {
+			s.error(`Failed to load skills: ${a.error.message}`);
+			return;
+		}
+		b(a.value), S(o.ok ? o.value : null);
+	}, [t, r]);
+	(0, l.useEffect)(() => {
+		k();
+	}, [k]);
+	let A = (0, l.useCallback)(async (e) => {
+		E(!0);
+		let i = m[t], { error: a } = await n.from(i).update({ active_skill_ids: e }).eq("id", r);
+		return E(!1), !a || (s.error(`Save failed: ${a.message}`), !1);
+	}, [t, r]), j = (0, l.useMemo)(() => {
+		let e = new Map(y.map((e) => [e.id, e]));
+		return g.map((t) => e.get(t)).filter((e) => e != null);
+	}, [y, g]), M = (0, l.useMemo)(() => {
+		let e = new Set(g);
+		return y.filter((t) => !e.has(t.id));
+	}, [y, g]);
+	async function N(e) {
+		if (e !== c) if (e === "inherit") await A(null) && (d("inherit"), v([]));
+		else {
+			let e = x ? [x.id] : [];
+			await A(e) && (d("override"), v(e));
+		}
+	}
+	async function P(e) {
+		let t = [...g, e];
+		await A(t) && v(t);
+	}
+	async function F(e) {
+		let t = g.filter((t) => t !== e);
+		await A(t) && v(t);
+	}
+	async function I(e, t) {
+		let n = g.indexOf(e);
+		if (n < 0) return;
+		let r = n + t;
+		if (r < 0 || r >= g.length) return;
+		let i = [...g];
+		[i[n], i[r]] = [i[r], i[n]], await A(i) && v(i);
+	}
+	async function L(e) {
+		let t = await f.readSkill(e);
+		if (!t.ok) {
+			s.error(`Preview failed: ${t.error.message}`);
+			return;
+		}
+		O(t.value);
+	}
+	return /* @__PURE__ */ (0, p.jsxs)(a, {
+		className: "p-4",
+		children: [
+			/* @__PURE__ */ (0, p.jsxs)("div", {
+				className: "flex items-center justify-between mb-1",
+				children: [/* @__PURE__ */ (0, p.jsxs)("h3", {
+					className: "font-semibold flex items-center gap-2 text-sm",
+					children: [/* @__PURE__ */ (0, p.jsx)(u.SparklesIcon, { className: "w-4 h-4" }), " AI Skills"]
+				}), T && /* @__PURE__ */ (0, p.jsx)("span", {
+					className: "text-xs text-[var(--gray-9)]",
+					children: "Saving…"
+				})]
+			}),
+			/* @__PURE__ */ (0, p.jsxs)("p", {
+				className: "text-xs text-[var(--gray-9)] mb-3",
+				children: [
+					"Skills inject brand voice + structure rules into every AI generation in this ",
+					t,
+					". Manage which repos are available under ",
+					/* @__PURE__ */ (0, p.jsx)("em", { children: "Admin → AI → Skill Sources" }),
+					"; set the per-",
+					t,
+					" default under ",
+					/* @__PURE__ */ (0, p.jsx)("em", { children: "Admin → AI → Use cases" }),
+					"."
+				]
+			}),
+			C && /* @__PURE__ */ (0, p.jsx)("div", {
+				className: "flex justify-center py-4",
+				children: /* @__PURE__ */ (0, p.jsx)(o, {})
+			}),
+			!C && /* @__PURE__ */ (0, p.jsxs)("div", {
+				className: "grid gap-4",
+				children: [/* @__PURE__ */ (0, p.jsx)("section", { children: /* @__PURE__ */ (0, p.jsxs)("div", {
+					role: "radiogroup",
+					className: "flex flex-col gap-1.5 text-sm",
+					children: [/* @__PURE__ */ (0, p.jsxs)("label", {
+						className: "inline-flex items-start gap-2 cursor-pointer",
+						children: [/* @__PURE__ */ (0, p.jsx)("input", {
+							type: "radio",
+							className: "mt-0.5",
+							name: `skills-mode-${r}`,
+							checked: c === "inherit",
+							disabled: T,
+							onChange: () => void N("inherit")
+						}), /* @__PURE__ */ (0, p.jsxs)("span", { children: [/* @__PURE__ */ (0, p.jsx)("span", {
+							className: "font-medium",
+							children: "Use default"
+						}), /* @__PURE__ */ (0, p.jsxs)("span", {
+							className: "text-xs text-[var(--gray-9)]",
+							children: [" — ", x ? /* @__PURE__ */ (0, p.jsxs)(p.Fragment, { children: [
+								"inherits ",
+								/* @__PURE__ */ (0, p.jsx)("code", {
+									className: "font-mono",
+									children: x.name
+								}),
+								" from the ",
+								t,
+								" use case"
+							] }) : /* @__PURE__ */ (0, p.jsxs)(p.Fragment, { children: [
+								"no default skill is configured for the ",
+								t,
+								" use case"
+							] })]
+						})] })]
+					}), /* @__PURE__ */ (0, p.jsxs)("label", {
+						className: "inline-flex items-start gap-2 cursor-pointer",
+						children: [/* @__PURE__ */ (0, p.jsx)("input", {
+							type: "radio",
+							className: "mt-0.5",
+							name: `skills-mode-${r}`,
+							checked: c === "override",
+							disabled: T,
+							onChange: () => void N("override")
+						}), /* @__PURE__ */ (0, p.jsxs)("span", { children: [/* @__PURE__ */ (0, p.jsx)("span", {
+							className: "font-medium",
+							children: "Override"
+						}), /* @__PURE__ */ (0, p.jsxs)("span", {
+							className: "text-xs text-[var(--gray-9)]",
+							children: [
+								" — pick skills for this ",
+								t,
+								" (empty = no skills)"
+							]
+						})] })]
+					})]
+				}) }), c === "override" && /* @__PURE__ */ (0, p.jsxs)(p.Fragment, { children: [/* @__PURE__ */ (0, p.jsxs)("section", { children: [
+					/* @__PURE__ */ (0, p.jsxs)("h4", {
+						className: "text-xs font-medium uppercase tracking-wide text-[var(--gray-9)] mb-1",
+						children: [
+							"Active (",
+							j.length,
+							")"
+						]
+					}),
+					j.length === 0 && /* @__PURE__ */ (0, p.jsxs)("div", {
+						className: "text-xs text-[var(--gray-9)] italic",
+						children: [
+							"No skills selected — this ",
+							t,
+							" will run with no brand skills."
+						]
+					}),
+					j.map((e, t) => /* @__PURE__ */ (0, p.jsxs)("div", {
+						className: "flex items-center gap-2 py-1 border-b border-[var(--gray-6)] last:border-b-0",
+						children: [/* @__PURE__ */ (0, p.jsxs)("div", {
+							className: "flex-1 min-w-0",
+							children: [/* @__PURE__ */ (0, p.jsx)("button", {
+								type: "button",
+								onClick: () => void L(e.id),
+								className: "text-left hover:underline",
+								children: /* @__PURE__ */ (0, p.jsx)("div", {
+									className: "text-sm font-medium truncate",
+									children: e.name
+								})
+							}), /* @__PURE__ */ (0, p.jsxs)("div", {
+								className: "text-xs text-[var(--gray-9)] truncate",
+								children: [
+									e.source_label,
+									" · ",
+									e.dir_path
+								]
+							})]
+						}), /* @__PURE__ */ (0, p.jsxs)("div", {
+							className: "flex gap-1 flex-shrink-0",
+							children: [
+								/* @__PURE__ */ (0, p.jsx)(i, {
+									onClick: () => void I(e.id, -1),
+									disabled: t === 0,
+									children: /* @__PURE__ */ (0, p.jsx)(u.ChevronUpIcon, { className: "w-3 h-3" })
+								}),
+								/* @__PURE__ */ (0, p.jsx)(i, {
+									onClick: () => void I(e.id, 1),
+									disabled: t === j.length - 1,
+									children: /* @__PURE__ */ (0, p.jsx)(u.ChevronDownIcon, { className: "w-3 h-3" })
+								}),
+								/* @__PURE__ */ (0, p.jsx)(i, {
+									onClick: () => void F(e.id),
+									children: /* @__PURE__ */ (0, p.jsx)(u.XMarkIcon, { className: "w-3 h-3" })
+								})
+							]
+						})]
+					}, e.id))
+				] }), /* @__PURE__ */ (0, p.jsxs)("section", { children: [
+					/* @__PURE__ */ (0, p.jsxs)("h4", {
+						className: "text-xs font-medium uppercase tracking-wide text-[var(--gray-9)] mb-1",
+						children: [
+							"Available (",
+							M.length,
+							")"
+						]
+					}),
+					M.length === 0 && /* @__PURE__ */ (0, p.jsxs)("div", {
+						className: "text-xs text-[var(--gray-9)] italic",
+						children: [
+							"No additional skills available. Register a skill source under ",
+							/* @__PURE__ */ (0, p.jsx)("em", { children: "Admin → AI → Skill Sources" }),
+							"."
+						]
+					}),
+					M.map((e) => /* @__PURE__ */ (0, p.jsxs)("div", {
+						className: "flex items-center gap-2 py-1 border-b border-[var(--gray-6)] last:border-b-0",
+						children: [/* @__PURE__ */ (0, p.jsx)(i, {
+							onClick: () => void P(e.id),
+							children: /* @__PURE__ */ (0, p.jsx)(u.PlusIcon, { className: "w-3 h-3" })
+						}), /* @__PURE__ */ (0, p.jsxs)("div", {
+							className: "flex-1 min-w-0",
+							children: [/* @__PURE__ */ (0, p.jsx)("button", {
+								type: "button",
+								onClick: () => void L(e.id),
+								className: "text-left hover:underline",
+								children: /* @__PURE__ */ (0, p.jsx)("div", {
+									className: "text-sm font-medium truncate",
+									children: e.name
+								})
+							}), /* @__PURE__ */ (0, p.jsxs)("div", {
+								className: "text-xs text-[var(--gray-9)] truncate",
+								children: [
+									e.source_label,
+									" · ",
+									e.dir_path
+								]
+							})]
+						})]
+					}, e.id))
+				] })] })]
+			}),
+			D && /* @__PURE__ */ (0, p.jsx)(_, {
+				skill: D,
+				onClose: () => O(null)
+			})
+		]
+	});
+}
+function _({ skill: e, onClose: t }) {
+	return /* @__PURE__ */ (0, p.jsx)("div", {
+		className: "fixed inset-0 z-50 bg-black/40 flex items-center justify-center p-4",
+		onClick: t,
+		children: /* @__PURE__ */ (0, p.jsxs)(a, {
+			className: "w-full max-w-2xl max-h-[80vh] overflow-auto p-6 bg-[var(--gray-1)]",
+			onClick: (e) => e.stopPropagation(),
+			children: [
+				/* @__PURE__ */ (0, p.jsxs)("div", {
+					className: "flex items-start justify-between mb-3",
+					children: [/* @__PURE__ */ (0, p.jsxs)("div", { children: [/* @__PURE__ */ (0, p.jsx)("h3", {
+						className: "font-semibold",
+						children: e.name
+					}), /* @__PURE__ */ (0, p.jsx)("p", {
+						className: "text-xs text-[var(--gray-9)]",
+						children: e.dir_path
+					})] }), /* @__PURE__ */ (0, p.jsx)(i, {
+						onClick: t,
+						children: /* @__PURE__ */ (0, p.jsx)(u.XMarkIcon, { className: "w-4 h-4" })
+					})]
+				}),
+				e.description && /* @__PURE__ */ (0, p.jsx)("p", {
+					className: "text-sm text-[var(--gray-9)] mb-4",
+					children: e.description
+				}),
+				/* @__PURE__ */ (0, p.jsx)("pre", {
+					className: "text-xs whitespace-pre-wrap font-mono bg-[var(--gray-3)] p-3 rounded",
+					children: e.body
+				})
+			]
+		})
+	});
+}
+//#endregion
+export { g as default };

package/dist/ContentAccessPage-D0HRqPFc.js

@@ -0,0 +1,264 @@
+import { c as e, t } from "./react-DB2tPNit.js";
+import { t as n } from "./jsx-runtime-CjozyJt-.js";
+import { D as r, E as i, O as a, l as o, u as s } from "./ui-DRIo9Krs.js";
+import { t as c } from "./contentAccessService-Cs7tdAo-.js";
+//#region ../../../gatewaze-modules/modules/content-platform/admin/pages/ContentAccessPage.tsx
+var l = /* @__PURE__ */ e(t()), u = n(), d = [
+	{
+		value: "newsletter_edition",
+		label: "Newsletter edition"
+	},
+	{
+		value: "blog_post",
+		label: "Blog post"
+	},
+	{
+		value: "resource",
+		label: "Resource item"
+	},
+	{
+		value: "podcast_episode",
+		label: "Podcast episode"
+	},
+	{
+		value: "event",
+		label: "Event (registration)"
+	}
+];
+function f(e, t, n) {
+	return e.allowed_tiers && e.allowed_tiers.length > 0 ? ` (${e.allowed_tiers.map(n).join(", ")})` : e.min_tier_rank ? ` (${t(e.min_tier_rank)})` : "";
+}
+function p(e, t, n) {
+	let r = f(e, t, n);
+	return e.gated_actions?.includes("register") ? `Registration: members only${r}` : e.embargo_days ? `Members-only for ${e.embargo_days} day(s)${r}, then public` : e.audience === "members" ? `Members only${r || " (any member)"}` : "Public";
+}
+function m() {
+	let [e, t] = (0, l.useState)([]), [n, f] = (0, l.useState)([]), [m, h] = (0, l.useState)(!0), [g, _] = (0, l.useState)(null), [v, y] = (0, l.useState)(!1), [b, x] = (0, l.useState)("newsletter_edition"), [S, C] = (0, l.useState)("item"), [w, T] = (0, l.useState)(""), [E, D] = (0, l.useState)("minimum"), [O, k] = (0, l.useState)(0), [A, j] = (0, l.useState)([]), M = (0, l.useMemo)(() => {
+		let e = new Map(n.map((e) => [e.rank, e.display_label]));
+		return (t) => e.get(t) ?? `tier ≥ ${t}`;
+	}, [n]), N = (0, l.useMemo)(() => {
+		let e = new Map(n.map((e) => [e.tier, e.display_label]));
+		return (t) => e.get(t) ?? t;
+	}, [n]), P = (0, l.useMemo)(() => [{
+		value: 0,
+		label: "Any member"
+	}, ...n.map((e) => ({
+		value: e.rank,
+		label: `${e.display_label} or higher`
+	}))], [n]);
+	async function F() {
+		h(!0), _(null);
+		try {
+			let [e, n] = await Promise.all([c.listPolicies(), c.listTiers()]);
+			t(e), f(n);
+		} catch (e) {
+			_(e.message);
+		} finally {
+			h(!1);
+		}
+	}
+	(0, l.useEffect)(() => {
+		F();
+	}, []);
+	async function I(e) {
+		y(!0);
+		try {
+			await c.clearPolicy(e.content_type, e.entity_id), await F();
+		} catch (e) {
+			_(e.message);
+		} finally {
+			y(!1);
+		}
+	}
+	async function L() {
+		y(!0), _(null);
+		try {
+			let e = S === "item" ? w.trim() : null;
+			if (S === "item" && !e) {
+				_("Enter an item id, or choose \"All of this type\"."), y(!1);
+				return;
+			}
+			let t = b === "event", n = E === "specific" ? {
+				min_tier_rank: 0,
+				allowed_tiers: A
+			} : {
+				min_tier_rank: O,
+				allowed_tiers: null
+			};
+			await c.setPolicy({
+				content_type: b,
+				entity_id: e,
+				audience: t ? "public" : "members",
+				...n,
+				gated_actions: t ? ["register"] : [],
+				note: "Added from Content Access page"
+			}), T(""), await F();
+		} catch (e) {
+			_(e.message);
+		} finally {
+			y(!1);
+		}
+	}
+	return /* @__PURE__ */ (0, u.jsxs)("div", {
+		className: "p-6 space-y-6 max-w-5xl",
+		children: [
+			/* @__PURE__ */ (0, u.jsxs)("div", { children: [/* @__PURE__ */ (0, u.jsx)("h1", {
+				className: "text-xl font-semibold text-[var(--gray-12)]",
+				children: "Content Access"
+			}), /* @__PURE__ */ (0, u.jsx)("p", {
+				className: "text-sm text-[var(--gray-a10)] mt-1",
+				children: "Every member-gating rule in one place. Rules apply to a single item (per-item override) or to a whole content type (default). Editors also set these inline on each piece of content."
+			})] }),
+			g && /* @__PURE__ */ (0, u.jsx)("p", {
+				className: "text-sm text-[var(--red-9)]",
+				children: g
+			}),
+			/* @__PURE__ */ (0, u.jsxs)(i, {
+				className: "p-4",
+				children: [
+					/* @__PURE__ */ (0, u.jsx)("h2", {
+						className: "text-sm font-semibold text-[var(--gray-12)] mb-3",
+						children: "Add a rule"
+					}),
+					/* @__PURE__ */ (0, u.jsxs)("div", {
+						className: "flex flex-wrap items-end gap-3",
+						children: [
+							/* @__PURE__ */ (0, u.jsx)(o, {
+								label: "Content type",
+								value: b,
+								data: d,
+								onChange: (e) => x(e.target.value)
+							}),
+							/* @__PURE__ */ (0, u.jsx)(o, {
+								label: "Applies to",
+								value: S,
+								data: [{
+									value: "item",
+									label: "A specific item"
+								}, {
+									value: "type",
+									label: "All of this type"
+								}],
+								onChange: (e) => C(e.target.value)
+							}),
+							S === "item" && /* @__PURE__ */ (0, u.jsx)(s, {
+								label: "Item id (uuid)",
+								value: w,
+								placeholder: "00000000-0000-…",
+								onChange: (e) => T(e.target.value)
+							}),
+							/* @__PURE__ */ (0, u.jsx)(o, {
+								label: "Tier requirement",
+								value: E,
+								data: [{
+									value: "minimum",
+									label: "Minimum tier"
+								}, {
+									value: "specific",
+									label: "Specific tiers"
+								}],
+								onChange: (e) => D(e.target.value === "specific" ? "specific" : "minimum")
+							}),
+							E === "minimum" && /* @__PURE__ */ (0, u.jsx)(o, {
+								label: "Minimum tier",
+								value: O,
+								data: P,
+								onChange: (e) => k(Number(e.target.value))
+							}),
+							/* @__PURE__ */ (0, u.jsx)(r, {
+								onClick: () => void L(),
+								disabled: v,
+								children: b === "event" ? "Gate registration" : "Make members-only"
+							})
+						]
+					}),
+					E === "specific" && /* @__PURE__ */ (0, u.jsxs)("div", {
+						className: "mt-3",
+						children: [
+							/* @__PURE__ */ (0, u.jsx)("div", {
+								className: "text-xs font-medium text-[var(--gray-11)] mb-1",
+								children: "Allowed tiers"
+							}),
+							n.length === 0 ? /* @__PURE__ */ (0, u.jsx)("p", {
+								className: "text-xs text-[var(--gray-a10)]",
+								children: "No tiers available."
+							}) : /* @__PURE__ */ (0, u.jsx)("div", {
+								className: "flex flex-wrap gap-x-4 gap-y-1",
+								children: n.map((e) => /* @__PURE__ */ (0, u.jsxs)("label", {
+									className: "flex items-center gap-2 text-sm text-[var(--gray-11)]",
+									children: [/* @__PURE__ */ (0, u.jsx)("input", {
+										type: "checkbox",
+										checked: A.includes(e.tier),
+										onChange: (t) => j((n) => t.target.checked ? [...n, e.tier] : n.filter((t) => t !== e.tier))
+									}), e.display_label]
+								}, e.tier))
+							}),
+							/* @__PURE__ */ (0, u.jsx)("p", {
+								className: "text-xs text-[var(--gray-a10)] mt-1",
+								children: "Only members in the checked tiers can access."
+							})
+						]
+					}),
+					/* @__PURE__ */ (0, u.jsxs)("p", {
+						className: "text-xs text-[var(--gray-a10)] mt-2",
+						children: [
+							"Events keep public visibility and gate the ",
+							/* @__PURE__ */ (0, u.jsx)("b", { children: "register" }),
+							" action; other types gate visibility."
+						]
+					})
+				]
+			}),
+			/* @__PURE__ */ (0, u.jsxs)(i, {
+				className: "p-4",
+				children: [/* @__PURE__ */ (0, u.jsxs)("h2", {
+					className: "text-sm font-semibold text-[var(--gray-12)] mb-3",
+					children: [
+						"Active rules (",
+						e.length,
+						")"
+					]
+				}), m ? /* @__PURE__ */ (0, u.jsx)("p", {
+					className: "text-sm text-[var(--gray-a10)]",
+					children: "Loading…"
+				}) : e.length === 0 ? /* @__PURE__ */ (0, u.jsx)("p", {
+					className: "text-sm text-[var(--gray-a10)]",
+					children: "No gating rules yet — all content is public."
+				}) : /* @__PURE__ */ (0, u.jsx)("div", {
+					className: "divide-y divide-[var(--gray-a4)]",
+					children: e.map((e) => /* @__PURE__ */ (0, u.jsxs)("div", {
+						className: "flex items-center justify-between py-2 gap-4",
+						children: [/* @__PURE__ */ (0, u.jsxs)("div", {
+							className: "min-w-0",
+							children: [
+								/* @__PURE__ */ (0, u.jsxs)("div", {
+									className: "flex items-center gap-2",
+									children: [/* @__PURE__ */ (0, u.jsx)(a, { children: d.find((t) => t.value === e.content_type)?.label ?? e.content_type }), /* @__PURE__ */ (0, u.jsx)("span", {
+										className: "text-xs text-[var(--gray-a10)] truncate",
+										children: e.entity_id ? `item ${e.entity_id.slice(0, 8)}…` : "All of this type"
+									})]
+								}),
+								/* @__PURE__ */ (0, u.jsx)("div", {
+									className: "text-sm text-[var(--gray-12)] mt-0.5",
+									children: p(e, M, N)
+								}),
+								e.note && /* @__PURE__ */ (0, u.jsx)("div", {
+									className: "text-xs text-[var(--gray-a9)]",
+									children: e.note
+								})
+							]
+						}), /* @__PURE__ */ (0, u.jsx)(r, {
+							variant: "soft",
+							color: "red",
+							onClick: () => void I(e),
+							disabled: v,
+							children: "Remove"
+						})]
+					}, e.id))
+				})]
+			})
+		]
+	});
+}
+//#endregion
+export { m as default };