@gatewaze/admin-embed 0.1.0

package/dist/InboxPage-C8ivCKdx.js

@@ -0,0 +1,1112 @@
+import { c as e, t } from "./react-DB2tPNit.js";
+import { d as n } from "./shim-BCerG8nb.js";
+import { t as r } from "./_virtual_gatewaze-modules-BeloWlOa.js";
+import { t as i } from "./jsx-runtime-CjozyJt-.js";
+import { D as a, E as o, O as s, f as c, r as l } from "./ui-DRIo9Krs.js";
+import { n as u } from "./context-jzuubYRz.js";
+import { t as d } from "./Page-D3u8IZ2a.js";
+//#region src/hooks/useModuleSlots.ts
+var f = /* @__PURE__ */ e(t()), p = 500;
+function m(e, t) {
+	let n = u(), i = t?.enabledModuleIds.join(","), a = t?.enabledFeatures.join(",");
+	return (0, f.useMemo)(() => {
+		let i = t ? (e) => t.enabledModuleIds.includes(e) : n.isModuleEnabled, a = t ? (e) => t.enabledFeatures.includes(e) : n.isFeatureEnabled, o = [];
+		for (let t of r) {
+			if (!t.adminSlots || !i(t.id)) continue;
+			let n = t.__identity?.firstParty ?? !0;
+			for (let r of t.adminSlots) {
+				if (r.slotName !== e || r.requiredFeature && !a(r.requiredFeature)) continue;
+				let i = r.meta?.tabId ?? r.slotName, s = r.order ?? 100, c = n ? s : Math.max(p, s);
+				o.push({
+					moduleId: t.id,
+					registration: r,
+					scopedId: `${t.id}:${i}`,
+					effectiveOrder: c
+				});
+			}
+		}
+		return o.sort((e, t) => e.effectiveOrder - t.effectiveOrder), o;
+	}, [
+		e,
+		n.isModuleEnabled,
+		n.isFeatureEnabled,
+		i,
+		a
+	]);
+}
+//#endregion
+//#region ../../../gatewaze-modules/modules/content-platform/admin/utils/inboxService.ts
+var h = () => l();
+async function g(e, t) {
+	let { data: { session: r } } = await n.auth.getSession(), i = r?.access_token ? { Authorization: `Bearer ${r.access_token}` } : {}, a = await fetch(`${h()}${e}`, {
+		credentials: "include",
+		headers: {
+			"Content-Type": "application/json",
+			...i,
+			...t?.headers ?? {}
+		},
+		...t
+	});
+	if (!a.ok) {
+		let e = await a.json().catch(() => ({}));
+		throw Object.assign(Error(e?.error?.message ?? a.statusText), {
+			code: e?.error?.code ?? `http_${a.status}`,
+			status: a.status
+		});
+	}
+	return a.json();
+}
+function _(e) {
+	let t = new URLSearchParams();
+	return e.cursor && t.set("cursor", e.cursor), e.limit && t.set("limit", String(e.limit)), e.content_type?.length && t.set("content_type", e.content_type.join(",")), e.source_kind?.length && t.set("source_kind", e.source_kind.join(",")), e.time && t.set("time", e.time), e.publish_state?.length && t.set("publish_state", e.publish_state.join(",")), e.category?.length && t.set("category", e.category.join(",")), e.member_only && t.set("member_only", "true"), e.search && t.set("search", e.search), e.sort && t.set("sort", e.sort), e.assigned_to && t.set("assigned_to", e.assigned_to), t.toString();
+}
+var v = {
+	async list(e = {}) {
+		return await g(`/admin/inbox/list?${_(e)}`);
+	},
+	async bulk(e, t, n = {}) {
+		return (await g("/admin/inbox/bulk", {
+			method: "POST",
+			body: JSON.stringify({
+				action: e,
+				selection: {
+					mode: "ids",
+					items: t
+				},
+				params: n
+			})
+		})).data;
+	},
+	async explain(e) {
+		return (await g(`/admin/inbox/explain/${e}`)).data;
+	}
+}, y = i(), b = {
+	published: "green",
+	pending_review: "amber",
+	auto_suppressed: "gray",
+	rejected: "red",
+	unpublished: "gray",
+	draft: "blue"
+}, x = {
+	scraper: "Scraper",
+	ai_discovery: "AI discovery",
+	admin_ui: "Manual",
+	api: "API",
+	mcp: "MCP",
+	user_submission: "User",
+	import: "Import",
+	unknown: "Unknown"
+};
+function S(e) {
+	let t = Math.max(0, Math.floor((Date.now() - new Date(e).getTime()) / 1e3));
+	if (t < 60) return `${t}s`;
+	let n = Math.floor(t / 60);
+	if (n < 60) return `${n}m`;
+	let r = Math.floor(n / 60);
+	return r < 24 ? `${r}h` : `${Math.floor(r / 24)}d`;
+}
+function C({ row: e, selected: t, onToggleSelect: n, onOpenDrawer: r, onSourceFilter: i }) {
+	return x[e.source.kind] ?? e.source.kind, /* @__PURE__ */ (0, y.jsxs)("tr", {
+		className: "border-b border-[var(--gray-a4)] hover:bg-[var(--gray-a3)] cursor-pointer",
+		onClick: r,
+		children: [
+			/* @__PURE__ */ (0, y.jsx)("td", {
+				className: "px-3 py-2 w-10",
+				onClick: (e) => e.stopPropagation(),
+				children: /* @__PURE__ */ (0, y.jsx)("input", {
+					type: "checkbox",
+					checked: t,
+					onChange: n
+				})
+			}),
+			/* @__PURE__ */ (0, y.jsx)("td", {
+				className: "px-3 py-2",
+				children: /* @__PURE__ */ (0, y.jsx)(s, {
+					variant: "soft",
+					color: "blue",
+					className: "capitalize",
+					children: e.content_type
+				})
+			}),
+			/* @__PURE__ */ (0, y.jsx)("td", {
+				className: "px-3 py-2 max-w-[420px]",
+				children: /* @__PURE__ */ (0, y.jsxs)("div", {
+					className: "flex items-start gap-3",
+					children: [e.thumbnail_url && /* @__PURE__ */ (0, y.jsx)("img", {
+						src: e.thumbnail_url,
+						alt: "",
+						className: "w-12 h-12 object-cover rounded flex-shrink-0",
+						onError: (e) => {
+							e.currentTarget.style.display = "none";
+						}
+					}), /* @__PURE__ */ (0, y.jsxs)("div", {
+						className: "min-w-0 flex-1",
+						children: [/* @__PURE__ */ (0, y.jsxs)("div", {
+							className: "font-medium text-sm truncate flex items-center gap-1.5",
+							title: e.title ?? "",
+							children: [/* @__PURE__ */ (0, y.jsx)("span", {
+								className: "truncate min-w-0",
+								children: e.title ?? /* @__PURE__ */ (0, y.jsx)("span", {
+									className: "text-[var(--gray-10)] italic",
+									children: "untitled"
+								})
+							}), e.source_url && /* @__PURE__ */ (0, y.jsx)("a", {
+								href: e.source_url,
+								target: "_blank",
+								rel: "noopener noreferrer",
+								onClick: (e) => e.stopPropagation(),
+								className: "text-[var(--gray-10)] hover:text-[var(--accent-9)] flex-shrink-0",
+								title: `Open source: ${e.source_url}`,
+								children: "↗"
+							})]
+						}), e.subtitle && /* @__PURE__ */ (0, y.jsx)("div", {
+							className: "text-xs text-[var(--gray-11)] truncate",
+							title: e.subtitle,
+							children: e.subtitle
+						})]
+					})]
+				})
+			}),
+			/* @__PURE__ */ (0, y.jsx)("td", {
+				className: "px-3 py-2 max-w-[260px]",
+				children: e.matched_rules && e.matched_rules.length > 0 ? /* @__PURE__ */ (0, y.jsxs)("div", {
+					className: "flex flex-wrap gap-1",
+					children: [e.matched_rules.slice(0, 3).map((e) => /* @__PURE__ */ (0, y.jsx)(s, {
+						variant: "soft",
+						color: e.kind === "membership" ? "green" : "blue",
+						title: e.name,
+						children: e.name.length > 28 ? e.name.slice(0, 25) + "…" : e.name
+					}, e.id)), e.matched_rules.length > 3 && /* @__PURE__ */ (0, y.jsxs)("span", {
+						className: "text-xs text-[var(--gray-10)] self-center",
+						children: ["+", e.matched_rules.length - 3]
+					})]
+				}) : /* @__PURE__ */ (0, y.jsx)("span", {
+					className: "text-xs text-[var(--gray-10)] italic",
+					children: "no match"
+				})
+			}),
+			/* @__PURE__ */ (0, y.jsx)("td", {
+				className: "px-3 py-2",
+				children: e.category && /* @__PURE__ */ (0, y.jsx)(s, {
+					variant: "soft",
+					color: e.category === "members" ? "green" : "gray",
+					children: e.category
+				})
+			}),
+			/* @__PURE__ */ (0, y.jsx)("td", {
+				className: "px-3 py-2",
+				children: e.publish_state && /* @__PURE__ */ (0, y.jsx)(s, {
+					variant: "soft",
+					color: b[e.publish_state] ?? "gray",
+					children: e.publish_state.replace(/_/g, " ")
+				})
+			}),
+			/* @__PURE__ */ (0, y.jsx)("td", {
+				className: "px-3 py-2 text-xs text-[var(--gray-11)] whitespace-nowrap",
+				children: S(e.submitted_at)
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/shared/SideDrawer.tsx
+function w({ open: e, onClose: t, title: n, subtitle: r, width: i = 640, children: a, onPrev: o, onNext: s, position: c, className: l = "" }) {
+	if ((0, f.useEffect)(() => {
+		if (!e) return;
+		let n = (e) => {
+			e.key === "Escape" ? t() : e.key === "ArrowLeft" && o ? o() : e.key === "ArrowRight" && s && s();
+		};
+		return window.addEventListener("keydown", n), () => window.removeEventListener("keydown", n);
+	}, [
+		e,
+		t,
+		o,
+		s
+	]), !e) return null;
+	let u = { width: typeof i == "number" ? `${i}px` : i };
+	return /* @__PURE__ */ (0, y.jsx)("div", {
+		className: "fixed inset-0 z-50 bg-black/40 flex justify-end",
+		onClick: t,
+		children: /* @__PURE__ */ (0, y.jsxs)("div", {
+			style: u,
+			className: `h-full bg-white dark:bg-[var(--gray-1)] text-[var(--gray-12)] shadow-2xl border-l border-[var(--gray-a4)] relative animate-[drawerSlideIn_0.2s_ease-out] flex flex-col ${l}`,
+			onClick: (e) => e.stopPropagation(),
+			children: [
+				(n || r) && /* @__PURE__ */ (0, y.jsxs)("div", {
+					className: "flex items-start justify-between gap-4 p-6 pb-4 border-b border-[var(--gray-a4)]",
+					children: [/* @__PURE__ */ (0, y.jsxs)("div", {
+						className: "flex-1 min-w-0",
+						children: [n && (typeof n == "string" ? /* @__PURE__ */ (0, y.jsx)("h2", {
+							className: "text-xl font-semibold truncate",
+							children: n
+						}) : n), r && /* @__PURE__ */ (0, y.jsx)("div", {
+							className: "text-sm text-[var(--gray-11)] mt-1",
+							children: r
+						})]
+					}), /* @__PURE__ */ (0, y.jsx)("button", {
+						onClick: t,
+						className: "text-[var(--gray-11)] hover:text-[var(--gray-12)] flex-shrink-0 text-xl leading-none",
+						"aria-label": "Close",
+						children: "×"
+					})]
+				}),
+				!n && !r && /* @__PURE__ */ (0, y.jsx)("button", {
+					onClick: t,
+					className: "absolute top-4 right-4 text-[var(--gray-11)] hover:text-[var(--gray-12)] text-xl leading-none z-10",
+					"aria-label": "Close",
+					children: "×"
+				}),
+				/* @__PURE__ */ (0, y.jsx)("div", {
+					className: "flex-1 overflow-y-auto",
+					children: a
+				}),
+				(o || s) && /* @__PURE__ */ (0, y.jsxs)("div", {
+					className: "sticky bottom-0 left-0 right-0 px-6 py-3 bg-white dark:bg-[var(--gray-1)] border-t border-[var(--gray-a4)] flex items-center justify-between",
+					children: [
+						/* @__PURE__ */ (0, y.jsx)("button", {
+							onClick: o,
+							disabled: !o,
+							className: "px-3 py-1.5 rounded-md text-sm font-medium bg-[var(--gray-a3)] hover:bg-[var(--gray-a5)] text-[var(--gray-12)] disabled:opacity-40 disabled:cursor-not-allowed",
+							children: "← Previous"
+						}),
+						c && /* @__PURE__ */ (0, y.jsxs)("span", {
+							className: "text-xs text-[var(--gray-11)] tabular-nums",
+							children: [
+								c.current + 1,
+								" of ",
+								c.total
+							]
+						}),
+						/* @__PURE__ */ (0, y.jsx)("button", {
+							onClick: s,
+							disabled: !s,
+							className: "px-3 py-1.5 rounded-md text-sm font-medium bg-[var(--gray-a3)] hover:bg-[var(--gray-a5)] text-[var(--gray-12)] disabled:opacity-40 disabled:cursor-not-allowed",
+							children: "Next →"
+						})
+					]
+				})
+			]
+		})
+	});
+}
+//#endregion
+//#region ../../../gatewaze-modules/modules/content-platform/admin/components/InboxDrawer.tsx
+function T({ row: e, onClose: t, onActed: n, onPrev: r, onNext: i, position: c }) {
+	let [l, u] = (0, f.useState)(null), [d, p] = (0, f.useState)(!0), [m, h] = (0, f.useState)(!1), [g, _] = (0, f.useState)(null), [b, x] = (0, f.useState)(""), [S, C] = (0, f.useState)(!1);
+	(0, f.useEffect)(() => {
+		let t = !0;
+		return p(!0), v.explain(e.triage_item_id).then((e) => {
+			t && u(e);
+		}).catch((e) => {
+			t && _(e.message);
+		}).finally(() => {
+			t && p(!1);
+		}), () => {
+			t = !1;
+		};
+	}, [e.triage_item_id]);
+	let T = async (t, r = {}) => {
+		h(!0), _(null);
+		try {
+			let i = await v.bulk(t, [{
+				triage_item_id: e.triage_item_id,
+				lifecycle_key: e.lifecycle_key
+			}], r);
+			if (i.failed > 0) {
+				let e = i.errors[0];
+				_(`${e.code}: ${e.message}`);
+				return;
+			}
+			n();
+		} catch (e) {
+			_(e.message ?? String(e));
+		} finally {
+			h(!1);
+		}
+	}, E = (() => {
+		switch (e.publish_state) {
+			case "pending_review": return [{
+				label: "Approve",
+				color: "green",
+				variant: "solid",
+				onClick: () => T("approve")
+			}, {
+				label: "Reject",
+				color: "red",
+				variant: "soft",
+				onClick: () => C(!0),
+				requiresReason: !0
+			}];
+			case "auto_suppressed": return [{
+				label: "Approve & publish",
+				color: "green",
+				variant: "solid",
+				onClick: () => T("set_state", { target_state: "published" })
+			}, {
+				label: "Reject",
+				color: "red",
+				variant: "soft",
+				onClick: () => C(!0),
+				requiresReason: !0
+			}];
+			case "published": return [{
+				label: "Unpublish",
+				color: "amber",
+				variant: "soft",
+				onClick: () => T("set_state", { target_state: "unpublished" })
+			}, {
+				label: "Reject",
+				color: "red",
+				variant: "soft",
+				onClick: () => C(!0),
+				requiresReason: !0
+			}];
+			case "unpublished": return [{
+				label: "Republish",
+				color: "green",
+				variant: "solid",
+				onClick: () => T("set_state", { target_state: "published" })
+			}];
+			case "rejected": return [{
+				label: "Reopen for review",
+				color: "blue",
+				variant: "soft",
+				onClick: () => T("set_state", { target_state: "pending_review" })
+			}];
+			case "draft": return [{
+				label: "Submit for review",
+				color: "blue",
+				variant: "soft",
+				onClick: () => T("set_state", { target_state: "pending_review" })
+			}, {
+				label: "Publish",
+				color: "green",
+				variant: "solid",
+				onClick: () => T("set_state", { target_state: "published" })
+			}];
+			default: return [{
+				label: "Approve",
+				color: "green",
+				variant: "solid",
+				onClick: () => T("approve")
+			}, {
+				label: "Reject",
+				color: "red",
+				variant: "soft",
+				onClick: () => C(!0),
+				requiresReason: !0
+			}];
+		}
+	})();
+	return l?.matched_rules.find((e) => e.metadata?.kind === "membership"), /* @__PURE__ */ (0, y.jsx)(w, {
+		open: !0,
+		onClose: t,
+		onPrev: r,
+		onNext: i,
+		position: c,
+		title: /* @__PURE__ */ (0, y.jsxs)("div", { children: [
+			/* @__PURE__ */ (0, y.jsxs)("div", {
+				className: "flex items-center gap-2 mb-1",
+				children: [
+					/* @__PURE__ */ (0, y.jsx)(s, {
+						variant: "soft",
+						color: "blue",
+						className: "capitalize",
+						children: e.content_type
+					}),
+					e.publish_state && /* @__PURE__ */ (0, y.jsx)(s, {
+						variant: "soft",
+						color: "amber",
+						children: e.publish_state.replace(/_/g, " ")
+					}),
+					e.category && /* @__PURE__ */ (0, y.jsx)(s, {
+						variant: "soft",
+						color: e.category === "members" ? "green" : "gray",
+						children: e.category
+					})
+				]
+			}),
+			/* @__PURE__ */ (0, y.jsx)("h2", {
+				className: "text-xl font-semibold truncate",
+				children: e.title ?? /* @__PURE__ */ (0, y.jsx)("span", {
+					className: "italic text-[var(--gray-10)]",
+					children: "untitled"
+				})
+			}),
+			e.subtitle && /* @__PURE__ */ (0, y.jsx)("p", {
+				className: "text-sm text-[var(--gray-11)] mt-1",
+				children: e.subtitle
+			})
+		] }),
+		children: /* @__PURE__ */ (0, y.jsxs)("div", {
+			className: "p-6",
+			children: [
+				/* @__PURE__ */ (0, y.jsxs)("div", {
+					className: "flex items-start gap-4 mb-4",
+					children: [e.thumbnail_url && /* @__PURE__ */ (0, y.jsx)("img", {
+						src: e.thumbnail_url,
+						alt: "",
+						className: "w-80 h-auto max-h-80 object-contain rounded-lg bg-[var(--gray-a3)] flex-shrink-0",
+						onError: (e) => {
+							e.currentTarget.style.display = "none";
+						}
+					}), /* @__PURE__ */ (0, y.jsxs)("div", {
+						className: "flex-1 min-w-0 flex flex-col gap-2",
+						children: [E.map((e, t) => /* @__PURE__ */ (0, y.jsx)(a, {
+							variant: e.variant ?? "solid",
+							color: e.color,
+							onClick: e.onClick,
+							disabled: m,
+							children: m && t === 0 ? "Working…" : e.label
+						}, t)), e.source_url && /* @__PURE__ */ (0, y.jsx)("a", {
+							href: e.source_url,
+							target: "_blank",
+							rel: "noopener noreferrer",
+							className: "inline-flex items-center justify-center gap-1 px-3 py-1.5 rounded-md text-sm font-medium bg-[var(--gray-a3)] hover:bg-[var(--gray-a5)] text-[var(--gray-12)]",
+							children: "View event ↗"
+						})]
+					})]
+				}),
+				e.source_url && /* @__PURE__ */ (0, y.jsx)(o, {
+					className: "p-3 mb-4 text-xs text-[var(--gray-11)]",
+					children: /* @__PURE__ */ (0, y.jsx)("span", {
+						className: "break-all",
+						title: e.source_url,
+						children: e.source_url
+					})
+				}),
+				S && /* @__PURE__ */ (0, y.jsxs)(o, {
+					className: "p-3 mb-4 border border-red-500/30",
+					children: [
+						/* @__PURE__ */ (0, y.jsx)("label", {
+							className: "block text-xs font-medium mb-1",
+							children: "Rejection reason"
+						}),
+						/* @__PURE__ */ (0, y.jsx)("textarea", {
+							value: b,
+							onChange: (e) => x(e.target.value),
+							rows: 2,
+							className: "w-full px-2 py-1 text-sm border border-[var(--gray-a6)] rounded bg-[var(--color-surface)]"
+						}),
+						/* @__PURE__ */ (0, y.jsxs)("div", {
+							className: "flex gap-2 mt-2",
+							children: [/* @__PURE__ */ (0, y.jsx)(a, {
+								size: "1",
+								color: "red",
+								onClick: () => T("set_state", {
+									target_state: "rejected",
+									reason: b
+								}),
+								disabled: !b.trim() || m,
+								children: "Confirm reject"
+							}), /* @__PURE__ */ (0, y.jsx)(a, {
+								size: "1",
+								variant: "outline",
+								onClick: () => C(!1),
+								children: "Cancel"
+							})]
+						})
+					]
+				}),
+				g && /* @__PURE__ */ (0, y.jsx)("div", {
+					className: "p-3 mb-4 bg-red-500/10 border border-red-500/30 rounded-md text-sm text-red-600",
+					children: g
+				}),
+				d ? /* @__PURE__ */ (0, y.jsx)("div", {
+					className: "text-sm text-[var(--gray-11)]",
+					children: "Loading explanation…"
+				}) : l && /* @__PURE__ */ (0, y.jsxs)("div", {
+					className: "space-y-4",
+					children: [/* @__PURE__ */ (0, y.jsxs)(o, {
+						className: "p-3",
+						children: [/* @__PURE__ */ (0, y.jsx)("h3", {
+							className: "text-sm font-semibold mb-2",
+							children: "Why is this here?"
+						}), /* @__PURE__ */ (0, y.jsxs)("ul", {
+							className: "text-xs text-[var(--gray-11)] space-y-2",
+							children: [
+								/* @__PURE__ */ (0, y.jsxs)("li", { children: [
+									/* @__PURE__ */ (0, y.jsx)("strong", { children: "Source:" }),
+									" ",
+									l.source?.source_kind ?? "unknown",
+									l.source?.source_ref && ` · ${l.source.source_ref}`
+								] }),
+								l.matched_rules.filter((e) => e.metadata?.kind === "membership").length > 0 && /* @__PURE__ */ (0, y.jsxs)("li", { children: [/* @__PURE__ */ (0, y.jsxs)("strong", { children: [
+									"Member match",
+									l.matched_rules.filter((e) => e.metadata?.kind === "membership").length > 1 ? "es" : "",
+									":"
+								] }), /* @__PURE__ */ (0, y.jsx)("ul", {
+									className: "mt-1 ml-2 space-y-0.5",
+									children: l.matched_rules.filter((e) => e.metadata?.kind === "membership").map((e) => /* @__PURE__ */ (0, y.jsxs)("li", {
+										className: "flex items-center gap-1.5 flex-wrap",
+										children: [
+											/* @__PURE__ */ (0, y.jsx)(s, {
+												variant: "soft",
+												color: "green",
+												size: "1",
+												children: e.name.replace(/^Member: /, "")
+											}),
+											e.metadata?.tier && /* @__PURE__ */ (0, y.jsxs)("span", {
+												className: "text-[var(--gray-10)]",
+												children: ["tier: ", String(e.metadata.tier)]
+											}),
+											/* @__PURE__ */ (0, y.jsxs)("span", {
+												className: "text-[var(--gray-10)]",
+												children: ["— matched on ", /* @__PURE__ */ (0, y.jsx)("code", { children: e.pattern })]
+											})
+										]
+									}, e.id))
+								})] }),
+								l.matched_rules.filter((e) => e.metadata?.kind !== "membership").length > 0 && /* @__PURE__ */ (0, y.jsxs)("li", { children: [/* @__PURE__ */ (0, y.jsxs)("strong", { children: [
+									"Keyword match",
+									l.matched_rules.filter((e) => e.metadata?.kind !== "membership").length > 1 ? "es" : "",
+									":"
+								] }), /* @__PURE__ */ (0, y.jsx)("ul", {
+									className: "mt-1 ml-2 space-y-0.5",
+									children: l.matched_rules.filter((e) => e.metadata?.kind !== "membership").map((e) => /* @__PURE__ */ (0, y.jsxs)("li", {
+										className: "flex items-center gap-1.5 flex-wrap",
+										children: [/* @__PURE__ */ (0, y.jsx)(s, {
+											variant: "soft",
+											color: "blue",
+											size: "1",
+											children: e.name
+										}), /* @__PURE__ */ (0, y.jsxs)("span", {
+											className: "text-[var(--gray-10)]",
+											children: ["— matched on ", /* @__PURE__ */ (0, y.jsx)("code", { children: e.pattern })]
+										})]
+									}, e.id))
+								})] }),
+								l.matched_rules.length === 0 && /* @__PURE__ */ (0, y.jsxs)("li", { children: [
+									/* @__PURE__ */ (0, y.jsx)("strong", { children: "No keyword or member rule matched." }),
+									" ",
+									"Category defaults to ",
+									/* @__PURE__ */ (0, y.jsx)("code", { children: e.category ?? "community" }),
+									"."
+								] }),
+								l.keyword_verdict && /* @__PURE__ */ (0, y.jsxs)("li", {
+									className: "text-[var(--gray-10)]",
+									children: [
+										/* @__PURE__ */ (0, y.jsx)("strong", { children: "Verdict:" }),
+										" is_visible=",
+										String(l.keyword_verdict.is_visible),
+										",",
+										" ",
+										"evaluated ",
+										new Date(l.keyword_verdict.evaluated_at).toLocaleString()
+									]
+								})
+							]
+						})]
+					}), l.state_history.length > 0 && /* @__PURE__ */ (0, y.jsxs)(o, {
+						className: "p-3",
+						children: [/* @__PURE__ */ (0, y.jsx)("h3", {
+							className: "text-sm font-semibold mb-2",
+							children: "State history"
+						}), /* @__PURE__ */ (0, y.jsx)("ul", {
+							className: "text-xs text-[var(--gray-11)] space-y-1",
+							children: l.state_history.slice(0, 10).map((e, t) => /* @__PURE__ */ (0, y.jsxs)("li", {
+								className: "flex items-center gap-2",
+								children: [
+									/* @__PURE__ */ (0, y.jsx)("span", {
+										className: "text-[var(--gray-10)] tabular-nums",
+										children: new Date(e.occurred_at).toLocaleString()
+									}),
+									/* @__PURE__ */ (0, y.jsxs)("span", { children: [
+										e.from_state ?? "∅",
+										" → ",
+										/* @__PURE__ */ (0, y.jsx)("strong", { children: e.to_state })
+									] }),
+									/* @__PURE__ */ (0, y.jsxs)("span", {
+										className: "text-[var(--gray-10)]",
+										children: ["by ", e.actor]
+									})
+								]
+							}, t))
+						})]
+					})]
+				})
+			]
+		})
+	});
+}
+//#endregion
+//#region ../../../gatewaze-modules/modules/content-platform/admin/pages/InboxPage.tsx
+var E = "px-3 py-1.5 border border-[var(--gray-a6)] rounded-md bg-[var(--color-surface)] text-sm focus:outline-none focus:ring-2 focus:ring-[var(--accent-8)]", D = [
+	"pending_review",
+	"auto_suppressed",
+	"rejected",
+	"published",
+	"unpublished",
+	"draft"
+], O = [
+	"scraper",
+	"ai_discovery",
+	"admin_ui",
+	"api",
+	"mcp",
+	"user_submission",
+	"import"
+];
+function k() {
+	let [e, t] = (0, f.useState)([]), [r, i] = (0, f.useState)(!0), [s, l] = (0, f.useState)(null), [u, p] = (0, f.useState)({
+		publish_state: ["pending_review", "auto_suppressed"],
+		time: "upcoming"
+	}), [h, g] = (0, f.useState)(""), [_, b] = (0, f.useState)(/* @__PURE__ */ new Set()), [x, S] = (0, f.useState)(null), [w, k] = (0, f.useState)(!1), [A, j] = (0, f.useState)(null), [M, N] = (0, f.useState)(null), [P, F] = (0, f.useState)(null), [I, L] = (0, f.useState)(!1), R = (0, f.useCallback)(async () => {
+		i(!0), l(null);
+		try {
+			let e = await v.list({
+				...u,
+				search: h.trim() || void 0,
+				limit: 50
+			});
+			t(e.data), F(e.page.next_cursor), N(e.page.estimated_total), b(/* @__PURE__ */ new Set());
+		} catch (e) {
+			l(e.message ?? String(e));
+		} finally {
+			i(!1);
+		}
+	}, [u, h]), z = (0, f.useCallback)(async () => {
+		if (!(!P || I)) {
+			L(!0);
+			try {
+				let e = await v.list({
+					...u,
+					search: h.trim() || void 0,
+					limit: 50,
+					cursor: P
+				});
+				t((t) => [...t, ...e.data]), F(e.page.next_cursor), e.page.estimated_total != null && N(e.page.estimated_total);
+			} catch (e) {
+				l(e.message ?? String(e));
+			} finally {
+				L(!1);
+			}
+		}
+	}, [
+		P,
+		I,
+		u,
+		h
+	]);
+	(0, f.useEffect)(() => {
+		R();
+	}, [R]);
+	let B = (0, f.useRef)(null);
+	(0, f.useEffect)(() => {
+		let e = B.current;
+		if (!e) return;
+		let t = new IntersectionObserver((e) => {
+			e[0]?.isIntersecting && z();
+		}, { rootMargin: "200px" });
+		return t.observe(e), () => t.disconnect();
+	}, [z]);
+	let V = (e, t) => {
+		p((n) => {
+			let r = { ...n };
+			return t == null || Array.isArray(t) && t.length === 0 ? delete r[e] : r[e] = t, r;
+		});
+	}, H = (0, f.useCallback)((e) => {
+		b((t) => {
+			let n = new Set(t);
+			return n.has(e) ? n.delete(e) : n.add(e), n;
+		});
+	}, []), U = () => {
+		_.size === e.length ? b(/* @__PURE__ */ new Set()) : b(new Set(e.map((e) => e.triage_item_id)));
+	}, W = (0, f.useMemo)(() => e.filter((e) => _.has(e.triage_item_id)).map((e) => ({
+		triage_item_id: e.triage_item_id,
+		lifecycle_key: e.lifecycle_key
+	})), [e, _]), G = async (e, t = {}) => {
+		if (W.length !== 0) {
+			if (e === "reject") {
+				let e = prompt("Rejection reason?");
+				if (!e) return;
+				t = { reason: e };
+			}
+			if (confirm(`${e} ${W.length} item(s)?`)) {
+				k(!0), j(null);
+				try {
+					let n = await v.bulk(e, W, t);
+					j(`${e}: ${n.processed} processed, ${n.failed} failed`), await R();
+				} catch (e) {
+					j(`Error: ${e.message ?? String(e)}`);
+				} finally {
+					k(!1);
+				}
+			}
+		}
+	}, [K, q] = (0, f.useState)({
+		pending_review: 0,
+		auto_suppressed: 0,
+		rejected: 0
+	}), [J, Y] = (0, f.useState)(0);
+	(0, f.useEffect)(() => {
+		let e = !0, t = (/* @__PURE__ */ new Date(Date.now() - 6048e5)).toISOString();
+		return n.from("content_keyword_rules").select("id", {
+			count: "exact",
+			head: !0
+		}).gte("created_at", t).eq("is_active", !0).then(({ count: t }) => {
+			e && Y(t ?? 0);
+		}), () => {
+			e = !1;
+		};
+	}, []), (0, f.useEffect)(() => {
+		let e = !0;
+		return Promise.all([
+			v.list({
+				...u,
+				publish_state: ["pending_review"],
+				limit: 1
+			}).then((e) => e.page.estimated_total ?? 0),
+			v.list({
+				...u,
+				publish_state: ["auto_suppressed"],
+				limit: 1
+			}).then((e) => e.page.estimated_total ?? 0),
+			v.list({
+				...u,
+				publish_state: ["rejected"],
+				limit: 1
+			}).then((e) => e.page.estimated_total ?? 0)
+		]).then(([t, n, r]) => {
+			e && q({
+				pending_review: t,
+				auto_suppressed: n,
+				rejected: r
+			});
+		}).catch(() => {}), () => {
+			e = !1;
+		};
+	}, [
+		u.content_type,
+		u.source_kind,
+		u.member_only
+	]);
+	let X = m("content-platform:inbox-tab"), Z = (0, f.useMemo)(() => [{
+		id: "triage",
+		label: "Triage",
+		component: null
+	}, ...X.map((e) => ({
+		id: e.registration.meta?.tabId ?? e.moduleId,
+		label: e.registration.meta?.label ?? e.moduleId,
+		component: (0, f.lazy)(e.registration.component)
+	}))], [X]), [Q, ee] = (0, f.useState)("triage"), $ = Z.find((e) => e.id === Q)?.component ?? null;
+	return /* @__PURE__ */ (0, y.jsx)(d, {
+		title: "Inbox",
+		children: /* @__PURE__ */ (0, y.jsxs)(c, {
+			title: "Inbox",
+			tabs: Z.map((e) => ({
+				id: e.id,
+				label: e.label
+			})),
+			activeTabId: Q,
+			onTabChange: ee,
+			children: [$ && Q !== "triage" ? /* @__PURE__ */ (0, y.jsx)(f.Suspense, {
+				fallback: /* @__PURE__ */ (0, y.jsx)("div", {
+					className: "p-8 text-center text-sm text-[var(--gray-11)]",
+					children: "Loading…"
+				}),
+				children: /* @__PURE__ */ (0, y.jsx)($, {})
+			}) : /* @__PURE__ */ (0, y.jsxs)(y.Fragment, { children: [
+				K.rejected > 0 && J > 0 && /* @__PURE__ */ (0, y.jsx)(o, {
+					className: "p-3 mb-4 border-l-4 border-l-amber-500 bg-amber-50 dark:bg-amber-950/20",
+					children: /* @__PURE__ */ (0, y.jsxs)("div", {
+						className: "flex items-center justify-between gap-3",
+						children: [/* @__PURE__ */ (0, y.jsxs)("div", {
+							className: "text-sm text-[var(--gray-12)]",
+							children: [
+								/* @__PURE__ */ (0, y.jsx)("strong", { children: J }),
+								" keyword rule",
+								J === 1 ? "" : "s",
+								" added in the last 7 days.",
+								" ",
+								/* @__PURE__ */ (0, y.jsx)("strong", { children: K.rejected }),
+								" rejected item",
+								K.rejected === 1 ? "" : "s",
+								" may now match. Worth re-reviewing."
+							]
+						}), /* @__PURE__ */ (0, y.jsx)(a, {
+							size: "2",
+							variant: "soft",
+							onClick: () => V("publish_state", ["rejected"]),
+							children: "Review rejected"
+						})]
+					})
+				}),
+				/* @__PURE__ */ (0, y.jsxs)("div", {
+					className: "grid grid-cols-3 gap-3 mb-4",
+					children: [
+						/* @__PURE__ */ (0, y.jsxs)(o, {
+							className: "p-3 cursor-pointer",
+							onClick: () => V("publish_state", ["pending_review"]),
+							children: [/* @__PURE__ */ (0, y.jsx)("div", {
+								className: "text-xs text-[var(--gray-11)]",
+								children: "Pending review"
+							}), /* @__PURE__ */ (0, y.jsx)("div", {
+								className: "text-2xl font-semibold text-amber-600",
+								children: K.pending_review
+							})]
+						}),
+						/* @__PURE__ */ (0, y.jsxs)(o, {
+							className: "p-3 cursor-pointer",
+							onClick: () => V("publish_state", ["auto_suppressed"]),
+							children: [/* @__PURE__ */ (0, y.jsx)("div", {
+								className: "text-xs text-[var(--gray-11)]",
+								children: "Auto-suppressed"
+							}), /* @__PURE__ */ (0, y.jsx)("div", {
+								className: "text-2xl font-semibold text-gray-600",
+								children: K.auto_suppressed
+							})]
+						}),
+						/* @__PURE__ */ (0, y.jsxs)(o, {
+							className: "p-3 cursor-pointer",
+							onClick: () => V("publish_state", ["rejected"]),
+							children: [/* @__PURE__ */ (0, y.jsx)("div", {
+								className: "text-xs text-[var(--gray-11)]",
+								children: "Rejected"
+							}), /* @__PURE__ */ (0, y.jsx)("div", {
+								className: "text-2xl font-semibold text-red-600",
+								children: K.rejected
+							})]
+						})
+					]
+				}),
+				/* @__PURE__ */ (0, y.jsxs)("div", {
+					className: "flex flex-wrap gap-2 mb-4 items-center",
+					children: [
+						/* @__PURE__ */ (0, y.jsx)("input", {
+							className: E,
+							placeholder: "Search title…",
+							value: h,
+							onChange: (e) => g(e.target.value),
+							onKeyDown: (e) => e.key === "Enter" && R(),
+							style: { minWidth: 220 }
+						}),
+						/* @__PURE__ */ (0, y.jsxs)("select", {
+							className: E,
+							value: (u.content_type ?? [""])[0] ?? "",
+							onChange: (e) => V("content_type", e.target.value ? [e.target.value] : void 0),
+							children: [
+								/* @__PURE__ */ (0, y.jsx)("option", {
+									value: "",
+									children: "All types"
+								}),
+								/* @__PURE__ */ (0, y.jsx)("option", {
+									value: "event",
+									children: "event"
+								}),
+								/* @__PURE__ */ (0, y.jsx)("option", {
+									value: "content_item",
+									children: "content_item"
+								}),
+								/* @__PURE__ */ (0, y.jsx)("option", {
+									value: "blog",
+									children: "blog"
+								}),
+								/* @__PURE__ */ (0, y.jsx)("option", {
+									value: "newsletter",
+									children: "newsletter"
+								}),
+								/* @__PURE__ */ (0, y.jsx)("option", {
+									value: "podcast",
+									children: "podcast"
+								})
+							]
+						}),
+						/* @__PURE__ */ (0, y.jsxs)("select", {
+							className: E,
+							value: (u.source_kind ?? [""])[0] ?? "",
+							onChange: (e) => V("source_kind", e.target.value ? [e.target.value] : void 0),
+							children: [/* @__PURE__ */ (0, y.jsx)("option", {
+								value: "",
+								children: "All sources"
+							}), O.map((e) => /* @__PURE__ */ (0, y.jsx)("option", {
+								value: e,
+								children: e
+							}, e))]
+						}),
+						/* @__PURE__ */ (0, y.jsxs)("select", {
+							className: E,
+							value: (u.publish_state ?? [""])[0] ?? "",
+							onChange: (e) => V("publish_state", e.target.value ? [e.target.value] : void 0),
+							children: [/* @__PURE__ */ (0, y.jsx)("option", {
+								value: "",
+								children: "Pending review (default)"
+							}), D.map((e) => /* @__PURE__ */ (0, y.jsx)("option", {
+								value: e,
+								children: e.replace(/_/g, " ")
+							}, e))]
+						}),
+						/* @__PURE__ */ (0, y.jsxs)("select", {
+							className: E,
+							value: u.time ?? "upcoming",
+							onChange: (e) => V("time", e.target.value),
+							children: [
+								/* @__PURE__ */ (0, y.jsx)("option", {
+									value: "upcoming",
+									children: "Upcoming events (default)"
+								}),
+								/* @__PURE__ */ (0, y.jsx)("option", {
+									value: "past",
+									children: "Past events"
+								}),
+								/* @__PURE__ */ (0, y.jsx)("option", {
+									value: "all",
+									children: "All dates"
+								})
+							]
+						}),
+						/* @__PURE__ */ (0, y.jsxs)("label", {
+							className: "flex items-center gap-1 text-sm",
+							children: [/* @__PURE__ */ (0, y.jsx)("input", {
+								type: "checkbox",
+								checked: !!u.member_only,
+								onChange: (e) => V("member_only", e.target.checked || void 0)
+							}), "Member only"]
+						}),
+						/* @__PURE__ */ (0, y.jsx)(a, {
+							size: "1",
+							variant: "ghost",
+							onClick: () => {
+								p({
+									publish_state: ["pending_review", "auto_suppressed"],
+									time: "upcoming"
+								}), g("");
+							},
+							children: "Reset"
+						})
+					]
+				}),
+				_.size > 0 && /* @__PURE__ */ (0, y.jsxs)(o, {
+					className: "p-3 mb-4 bg-[var(--accent-a3)] flex items-center justify-between",
+					children: [/* @__PURE__ */ (0, y.jsxs)("div", {
+						className: "text-sm",
+						children: [
+							/* @__PURE__ */ (0, y.jsx)("strong", { children: _.size }),
+							" selected",
+							_.size === e.length && M && M > e.length && /* @__PURE__ */ (0, y.jsxs)("span", {
+								className: "ml-2 text-xs text-[var(--gray-11)]",
+								children: [
+									"(page only — estimated ",
+									M,
+									" match the filter)"
+								]
+							})
+						]
+					}), /* @__PURE__ */ (0, y.jsxs)("div", {
+						className: "flex gap-2",
+						children: [
+							/* @__PURE__ */ (0, y.jsx)(a, {
+								size: "1",
+								onClick: () => G("approve"),
+								disabled: w,
+								children: "Approve"
+							}),
+							/* @__PURE__ */ (0, y.jsx)(a, {
+								size: "1",
+								variant: "soft",
+								color: "red",
+								onClick: () => G("reject"),
+								disabled: w,
+								children: "Reject"
+							}),
+							/* @__PURE__ */ (0, y.jsx)(a, {
+								size: "1",
+								variant: "ghost",
+								onClick: () => b(/* @__PURE__ */ new Set()),
+								children: "Clear"
+							})
+						]
+					})]
+				}),
+				A && /* @__PURE__ */ (0, y.jsx)("div", {
+					className: "p-2 mb-4 bg-[var(--accent-a3)] text-sm rounded",
+					children: A
+				}),
+				/* @__PURE__ */ (0, y.jsx)(o, { children: r ? /* @__PURE__ */ (0, y.jsx)("div", {
+					className: "p-8 text-center text-sm text-[var(--gray-11)]",
+					children: "Loading…"
+				}) : s ? /* @__PURE__ */ (0, y.jsx)("div", {
+					className: "p-8 text-center text-sm text-red-600",
+					children: s
+				}) : e.length === 0 ? /* @__PURE__ */ (0, y.jsx)("div", {
+					className: "p-8 text-center text-sm text-[var(--gray-11)]",
+					children: "Nothing to triage. New content will appear here as scrapers, AI discovery, and submissions arrive."
+				}) : /* @__PURE__ */ (0, y.jsxs)("div", {
+					className: "overflow-x-auto",
+					children: [/* @__PURE__ */ (0, y.jsxs)("table", {
+						className: "w-full",
+						children: [/* @__PURE__ */ (0, y.jsx)("thead", {
+							className: "border-b border-[var(--gray-a4)]",
+							children: /* @__PURE__ */ (0, y.jsxs)("tr", {
+								className: "text-left text-xs text-[var(--gray-11)]",
+								children: [
+									/* @__PURE__ */ (0, y.jsx)("th", {
+										className: "px-3 py-2 w-10",
+										children: /* @__PURE__ */ (0, y.jsx)("input", {
+											type: "checkbox",
+											checked: _.size === e.length && e.length > 0,
+											onChange: U
+										})
+									}),
+									/* @__PURE__ */ (0, y.jsx)("th", {
+										className: "px-3 py-2",
+										children: "Type"
+									}),
+									/* @__PURE__ */ (0, y.jsx)("th", {
+										className: "px-3 py-2",
+										children: "Title"
+									}),
+									/* @__PURE__ */ (0, y.jsx)("th", {
+										className: "px-3 py-2",
+										children: "Matched"
+									}),
+									/* @__PURE__ */ (0, y.jsx)("th", {
+										className: "px-3 py-2",
+										children: "Category"
+									}),
+									/* @__PURE__ */ (0, y.jsx)("th", {
+										className: "px-3 py-2",
+										children: "Status"
+									}),
+									/* @__PURE__ */ (0, y.jsx)("th", {
+										className: "px-3 py-2",
+										children: "Age"
+									})
+								]
+							})
+						}), /* @__PURE__ */ (0, y.jsx)("tbody", { children: e.map((e) => /* @__PURE__ */ (0, y.jsx)(C, {
+							row: e,
+							selected: _.has(e.triage_item_id),
+							onToggleSelect: () => H(e.triage_item_id),
+							onOpenDrawer: () => S(e),
+							onSourceFilter: (e) => V("source_kind", [e])
+						}, e.triage_item_id)) })]
+					}), /* @__PURE__ */ (0, y.jsx)("div", {
+						ref: B,
+						className: "px-3 py-3 text-center text-xs text-[var(--gray-11)]",
+						children: I ? "Loading more…" : P ? `Loaded ${e.length} of ${M ?? "?"}…` : e.length === (M ?? e.length) ? `All ${e.length} loaded` : ""
+					})]
+				}) })
+			] }), x && (() => {
+				let t = e.findIndex((e) => e.triage_item_id === x.triage_item_id), n = t > 0 ? e[t - 1] : null, r = t >= 0 && t < e.length - 1 ? e[t + 1] : null, i = M ?? e.length;
+				return /* @__PURE__ */ (0, y.jsx)(T, {
+					row: x,
+					onClose: () => S(null),
+					onActed: () => {
+						r ? (S(r), R()) : P ? (z().then(() => {}), S(null)) : (S(null), R());
+					},
+					onPrev: n ? () => S(n) : void 0,
+					onNext: r ? () => S(r) : P ? async () => {
+						await z();
+					} : void 0,
+					position: t >= 0 ? {
+						current: t,
+						total: i
+					} : void 0
+				});
+			})()]
+		})
+	});
+}
+//#endregion
+export { k as default };