npm - @burdenoff/microfe-theculturepost - Versions diffs - 2026.802.1 → 2026.830.1 - Mend

@burdenoff/microfe-theculturepost 2026.802.1 → 2026.830.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (49) hide show

package/dist/theculturepost/pages/governance/GovernancePage.js CHANGED Viewed

@@ -1,108 +1,144 @@
 import { useTheCulturePost as e } from "../../context/TheCulturePostContext.js";
 import "../../context/index.js";
-import { PageHero as t } from "../../components/PageHero.js";
-import { ErrorView as n, LoadingView as r, Section as i } from "../../components/StateViews.js";
-import { formatRelativeTime as a } from "../../utils/formatters.js";
+import { cn as t } from "../../utils/cn.js";
+import { PageHero as n } from "../../components/PageHero.js";
+import { ErrorView as r, LoadingView as i, Section as a } from "../../components/StateViews.js";
+import { formatRelativeTime as ee } from "../../utils/formatters.js";
 import { StatusBadge as o } from "../../components/StatusBadge.js";
-import { useTcpArchiveItems as s, useTcpCollections as c, useTcpDiscussions as l, useTcpStories as u } from "../../hooks/useTcpApi.js";
+import { useTcpArchiveItems as te, useTcpCollections as s, useTcpDiscussions as c, useTcpStories as l } from "../../hooks/useTcpApi.js";
 import "../../hooks/index.js";
-import { EmptyState as d } from "../../components/EmptyState.js";
-import { StatTile as f } from "../../components/viz/StatTile.js";
-import { BarChart as p } from "../../components/viz/BarChart.js";
-import { Donut as m } from "../../components/viz/Donut.js";
+import { EmptyState as u } from "../../components/EmptyState.js";
+import { StatTile as d } from "../../components/viz/StatTile.js";
+import { BarChart as f } from "../../components/viz/BarChart.js";
+import { Donut as p } from "../../components/viz/Donut.js";
 import "../../components/index.js";
-import { useMemo as h } from "react";
-import { Activity as g, ArrowRight as _, BookOpen as v, Clock as y, Library as b, Lightbulb as x, MessagesSquare as S, PencilLine as C, ShieldCheck as w } from "lucide-react";
+import { useMemo as m } from "react";
+import { Activity as h, ArrowRight as g, BookOpen as _, CheckCircle2 as v, CircleSlash as y, Clock as b, Flag as x, Library as ne, Lightbulb as re, MessagesSquare as S, PencilLine as C, ShieldCheck as w } from "lucide-react";
 import { Fragment as T, jsx as E, jsxs as D } from "react/jsx-runtime";
 import { GlassCard as O } from "@burdenoff/fe-libs/ui";
 //#region src/theculturepost/pages/governance/GovernancePage.tsx
 var k = 100, A = {
-	story: v,
+	story: _,
 	discussion: S
-};
-function j() {
-	let { navigateTo: j } = e(), M = u({
+}, j = {
+	APPROVED: {
+		label: "Approved",
+		icon: v,
+		iconClass: "text-accent"
+	},
+	PENDING: {
+		label: "Pending review",
+		icon: b,
+		iconClass: "text-text-tertiary"
+	},
+	FLAGGED: {
+		label: "Flagged",
+		icon: x,
+		iconClass: "text-status-warning-text"
+	},
+	REMOVED: {
+		label: "Removed",
+		icon: y,
+		iconClass: "text-status-error-text"
+	}
+}, M = [
+	"APPROVED",
+	"PENDING",
+	"FLAGGED",
+	"REMOVED"
+];
+function N() {
+	let { navigateTo: v } = e(), y = l({
 		status: "IDEA",
 		pagination: { limit: k }
-	}), N = u({
+	}), x = l({
 		status: "DRAFT",
 		pagination: { limit: k }
-	}), P = u({
+	}), N = l({
 		status: "IN_REVIEW",
 		pagination: { limit: k }
-	}), F = u({
+	}), P = l({
 		status: "PUBLISHED",
 		pagination: { limit: k }
-	}), I = l({ pagination: { limit: k } }), L = c({ limit: k }), R = s({ pagination: { limit: k } }), z = [
+	}), F = c({ pagination: { limit: k } }), I = s({ limit: k }), L = te({ pagination: { limit: k } }), R = [
 		...[
-			M,
+			y,
+			x,
 			N,
-			P,
-			F
+			P
 		],
+		F,
 		I,
-		L,
-		R
-	], B = h(() => M.data?.items ?? [], [M.data]), V = h(() => N.data?.items ?? [], [N.data]), H = h(() => P.data?.items ?? [], [P.data]), U = h(() => F.data?.items ?? [], [F.data]), W = h(() => I.data?.items ?? [], [I.data]), G = B.length, K = V.length, q = H.length, J = U.length, Y = W.length, X = W.filter((e) => e.status === "APPROVED").length, Z = Y - X, Q = L.data?.length ?? 0, ee = R.data?.items.length ?? 0, te = [
+		L
+	], z = m(() => y.data?.items ?? [], [y.data]), B = m(() => x.data?.items ?? [], [x.data]), V = m(() => N.data?.items ?? [], [N.data]), H = m(() => P.data?.items ?? [], [P.data]), U = m(() => F.data?.items ?? [], [F.data]), W = z.length, G = B.length, K = V.length, q = H.length, J = U.length, Y = m(() => {
+		let e = {
+			APPROVED: 0,
+			PENDING: 0,
+			FLAGGED: 0,
+			REMOVED: 0
+		};
+		for (let t of U) Object.prototype.hasOwnProperty.call(e, t.status) && (e[t.status] += 1);
+		return e;
+	}, [U]), X = Y.APPROVED, Z = J - X, Q = I.data?.length ?? 0, ie = L.data?.items.length ?? 0, ae = [
 		{
 			label: "Idea",
-			value: G
+			value: W
 		},
 		{
 			label: "Draft",
-			value: K
+			value: G
 		},
 		{
 			label: "In Review",
-			value: q
+			value: K
 		},
 		{
 			label: "Published",
-			value: J
+			value: q
 		}
-	], $ = h(() => {
+	], $ = m(() => {
 		let e = [
+			...z,
 			...B,
 			...V,
-			...H,
-			...U
+			...H
 		].map((e) => ({
 			id: `story:${e.id}`,
 			kind: "story",
 			title: e.title,
 			status: e.status,
 			createdAt: e.createdAt,
-			onOpen: () => j(`stories/${e.id}`)
-		})), t = W.map((e) => ({
+			onOpen: () => v(`stories/${e.id}`)
+		})), t = U.map((e) => ({
 			id: `discussion:${e.id}`,
 			kind: "discussion",
 			title: e.title,
 			status: e.status,
 			createdAt: e.createdAt,
-			onOpen: () => j(`discussions/${e.id}`)
+			onOpen: () => v(`discussions/${e.id}`)
 		}));
 		return [...e, ...t].sort((e, t) => new Date(t.createdAt).getTime() - new Date(e.createdAt).getTime()).slice(0, 8);
 	}, [
+		z,
 		B,
 		V,
 		H,
 		U,
-		W,
-		j
-	]), ne = z.some((e) => e.isLoading), re = z.some((e) => e.isError);
+		v
+	]), oe = R.some((e) => e.isLoading), se = R.some((e) => e.isError);
 	return /* @__PURE__ */ E("div", {
 		className: "h-full overflow-auto",
 		children: /* @__PURE__ */ D("div", {
 			className: "mx-auto flex max-w-6xl flex-col gap-6 p-4 sm:p-6",
-			children: [/* @__PURE__ */ E(t, {
+			children: [/* @__PURE__ */ E(n, {
 				eyebrow: "Editorial",
 				title: "Governance & Editorial",
 				description: "Oversee content quality, discussions and community participation — at a glance."
-			}), ne ? /* @__PURE__ */ E(r, { label: "Computing editorial metrics…" }) : re ? /* @__PURE__ */ E(n, {
+			}), oe ? /* @__PURE__ */ E(i, { label: "Computing editorial metrics…" }) : se ? /* @__PURE__ */ E(r, {
 				title: "Couldn't load the overview",
 				message: "We couldn't compute the editorial metrics for this workspace.",
 				onRetry: () => {
-					z.forEach((e) => {
+					R.forEach((e) => {
 						e.refetch();
 					});
 				}
@@ -114,40 +150,40 @@ function j() {
 				/* @__PURE__ */ D("div", {
 					className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3",
 					children: [
-						/* @__PURE__ */ E(f, {
-							icon: /* @__PURE__ */ E(v, { className: "h-5 w-5" }),
+						/* @__PURE__ */ E(d, {
+							icon: /* @__PURE__ */ E(_, { className: "h-5 w-5" }),
 							label: "Published",
-							value: J,
+							value: q,
 							caption: "stories live"
 						}),
-						/* @__PURE__ */ E(f, {
-							icon: /* @__PURE__ */ E(y, { className: "h-5 w-5" }),
+						/* @__PURE__ */ E(d, {
+							icon: /* @__PURE__ */ E(b, { className: "h-5 w-5" }),
 							label: "In Review",
-							value: q,
+							value: K,
 							caption: "awaiting editorial sign-off"
 						}),
-						/* @__PURE__ */ E(f, {
+						/* @__PURE__ */ E(d, {
 							icon: /* @__PURE__ */ E(C, { className: "h-5 w-5" }),
 							label: "Draft",
-							value: K,
+							value: G,
 							caption: "in progress"
 						}),
-						/* @__PURE__ */ E(f, {
-							icon: /* @__PURE__ */ E(x, { className: "h-5 w-5" }),
+						/* @__PURE__ */ E(d, {
+							icon: /* @__PURE__ */ E(re, { className: "h-5 w-5" }),
 							label: "Idea",
-							value: G,
+							value: W,
 							caption: "pitched, not yet drafted"
 						}),
-						/* @__PURE__ */ E(f, {
+						/* @__PURE__ */ E(d, {
 							icon: /* @__PURE__ */ E(S, { className: "h-5 w-5" }),
 							label: "Discussions",
-							value: Y,
+							value: J,
 							caption: "community conversations"
 						}),
-						/* @__PURE__ */ E(f, {
-							icon: /* @__PURE__ */ E(b, { className: "h-5 w-5" }),
+						/* @__PURE__ */ E(d, {
+							icon: /* @__PURE__ */ E(ne, { className: "h-5 w-5" }),
 							label: "Archive",
-							value: ee,
+							value: ie,
 							caption: `artifacts in ${Q} collection${Q === 1 ? "" : "s"}`
 						})
 					]
@@ -163,13 +199,13 @@ function j() {
 						}), /* @__PURE__ */ E("p", {
 							className: "mt-0.5 text-sm text-text-secondary",
 							children: "Stories across the editorial lifecycle."
-						})] }), J + q + K + G === 0 ? /* @__PURE__ */ E(d, {
-							icon: /* @__PURE__ */ E(v, { className: "h-9 w-9" }),
+						})] }), q + K + G + W === 0 ? /* @__PURE__ */ E(u, {
+							icon: /* @__PURE__ */ E(_, { className: "h-9 w-9" }),
 							title: "No stories yet",
 							description: "Draft the first story to populate the pipeline."
-						}) : /* @__PURE__ */ E(p, {
+						}) : /* @__PURE__ */ E(f, {
 							ariaLabel: "Stories by lifecycle stage",
-							data: te,
+							data: ae,
 							height: 180
 						})]
 					}), /* @__PURE__ */ D(O, {
@@ -181,64 +217,51 @@ function j() {
 						}), /* @__PURE__ */ E("p", {
 							className: "mt-0.5 text-sm text-text-secondary",
 							children: "Share of community discussions that are approved."
-						})] }), Y === 0 ? /* @__PURE__ */ E(d, {
+						})] }), J === 0 ? /* @__PURE__ */ E(u, {
 							icon: /* @__PURE__ */ E(S, { className: "h-9 w-9" }),
 							title: "No discussions yet",
 							description: "Open a discussion to start tracking conversation quality."
 						}) : /* @__PURE__ */ D("div", {
 							className: "flex flex-col items-center gap-5 sm:flex-row sm:items-center sm:gap-6",
-							children: [/* @__PURE__ */ E(m, {
+							children: [/* @__PURE__ */ E(p, {
 								value: X,
-								total: Y,
+								total: J,
 								caption: "approved",
 								size: 140,
-								ariaLabel: `${X} of ${Y} discussions approved`
+								ariaLabel: `${X} of ${J} discussions approved`
 							}), /* @__PURE__ */ D("dl", {
-								className: "flex w-full flex-col gap-3",
-								children: [
-									/* @__PURE__ */ D("div", {
-										className: "flex items-center justify-between gap-3",
-										children: [/* @__PURE__ */ D("dt", {
-											className: "flex items-center gap-2 text-sm text-text-secondary",
-											children: [/* @__PURE__ */ E("span", {
-												className: "h-2.5 w-2.5 rounded-full bg-accent",
-												"aria-hidden": "true"
-											}), "Approved"]
-										}), /* @__PURE__ */ E("dd", {
-											className: "font-display text-sm font-semibold tabular-nums text-text-primary",
-											children: X
-										})]
-									}),
-									/* @__PURE__ */ D("div", {
+								className: "flex w-full flex-col gap-2.5",
+								children: [M.map((e) => {
+									let n = j[e], r = n.icon;
+									return /* @__PURE__ */ D("div", {
 										className: "flex items-center justify-between gap-3",
 										children: [/* @__PURE__ */ D("dt", {
 											className: "flex items-center gap-2 text-sm text-text-secondary",
-											children: [/* @__PURE__ */ E("span", {
-												className: "h-2.5 w-2.5 rounded-full bg-bg-sunken",
+											children: [/* @__PURE__ */ E(r, {
+												className: t("h-4 w-4 shrink-0", n.iconClass),
 												"aria-hidden": "true"
-											}), "Needs attention"]
+											}), n.label]
 										}), /* @__PURE__ */ E("dd", {
 											className: "font-display text-sm font-semibold tabular-nums text-text-primary",
-											children: Z
+											children: Y[e]
 										})]
-									}),
-									/* @__PURE__ */ D("div", {
-										className: "mt-1 flex items-start gap-2 rounded-lg bg-bg-sunken/60 p-3 text-xs text-text-secondary",
-										children: [/* @__PURE__ */ E(w, {
-											className: "mt-0.5 h-4 w-4 shrink-0 text-accent",
-											"aria-hidden": "true"
-										}), /* @__PURE__ */ E("span", { children: "Approved replies are published; pending, flagged and removed discussions need a moderator’s attention." })]
-									})
-								]
+									}, e);
+								}), /* @__PURE__ */ D("div", {
+									className: "mt-1 flex items-start gap-2 rounded-lg bg-bg-sunken/60 p-3 text-xs text-text-secondary",
+									children: [/* @__PURE__ */ E(w, {
+										className: "mt-0.5 h-4 w-4 shrink-0 text-accent",
+										"aria-hidden": "true"
+									}), /* @__PURE__ */ E("span", { children: Z === 0 ? "Every discussion in this workspace has been approved — nothing is waiting on a moderator." : Z === 1 ? "Approved discussions are published; one other needs a moderator’s attention." : `Approved discussions are published; ${Z} others need a moderator’s attention.` })]
+								})]
 							})]
 						})]
 					})]
 				}),
-				/* @__PURE__ */ E(i, {
+				/* @__PURE__ */ E(a, {
 					title: "Recent activity",
 					description: "The latest stories and discussions across the workspace.",
-					children: $.length === 0 ? /* @__PURE__ */ E(d, {
-						icon: /* @__PURE__ */ E(g, { className: "h-9 w-9" }),
+					children: $.length === 0 ? /* @__PURE__ */ E(u, {
+						icon: /* @__PURE__ */ E(h, { className: "h-9 w-9" }),
 						title: "Nothing yet",
 						description: "Draft a story or open a discussion — it will show up here."
 					}) : /* @__PURE__ */ E(O, {
@@ -266,7 +289,7 @@ function j() {
 											children: [
 												e.kind,
 												" · ",
-												a(e.createdAt)
+												ee(e.createdAt)
 											]
 										})]
 									}),
@@ -274,7 +297,7 @@ function j() {
 										status: e.status,
 										className: "hidden shrink-0 sm:inline-flex"
 									}),
-									/* @__PURE__ */ E(_, {
+									/* @__PURE__ */ E(g, {
 										className: "h-4 w-4 shrink-0 text-text-tertiary",
 										"aria-hidden": "true"
 									})
@@ -288,6 +311,6 @@ function j() {
 	});
 }
 //#endregion
-export { j as GovernancePage };
+export { N as GovernancePage };
 //# sourceMappingURL=GovernancePage.js.map

package/dist/theculturepost/pages/governance/GovernancePage.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"GovernancePage.js","names":[],"sources":["../../../../src/theculturepost/pages/governance/GovernancePage.tsx"],"sourcesContent":["/*\n GovernancePage — the editorial / governance overview for TheCulturePost.\n * @module theculturepost/pages/governance\n \n A data-honest dashboard computed entirely from real counts in the current\n * workspace. There is NO historical series in the contract, so this surface\n * carries NO trend deltas and NO time-series line chart (unlike the concept\n * mockup). It also DROPS the \"Contributors & Roles\" table — actors are id-only\n * federation stubs and roles are platform RBAC, neither of which this subgraph\n * exposes.\n \n What it renders, all from live `tcp` reads:\n - Status StatTiles: Published / In Review / Draft / Idea stories, plus a\n * Discussions total and an Archive (artifacts) count.\n * - \"Content pipeline\" {@link BarChart} across the lifecycle stages.\n * - \"Discussion health\" {@link Donut} = share of discussions that are Approved.\n * - \"Recent activity\" — the latest stories + discussions, newest first.\n /\n\nimport { useMemo } from 'react';\nimport {\n BookOpen,\n Clock,\n PencilLine,\n Lightbulb,\n MessagesSquare,\n Library,\n Activity,\n ShieldCheck,\n ArrowRight,\n} from 'lucide-react';\nimport type { LucideIcon } from 'lucide-react';\nimport { GlassCard } from '@burdenoff/fe-libs/ui';\nimport {\n PageHero,\n Section,\n LoadingView,\n ErrorView,\n EmptyState,\n StatTile,\n BarChart,\n Donut,\n StatusBadge,\n type BarDatum,\n} from '../../components';\nimport {\n useTcpStories,\n useTcpDiscussions,\n useTcpCollections,\n useTcpArchiveItems,\n} from '../../hooks';\nimport { useTheCulturePost } from '../../context';\nimport { formatRelativeTime } from '../../utils/formatters';\n\nconst COUNT_LIMIT = 100;\n\ntype ActivityKind = 'story' \| 'discussion';\n\ninterface ActivityRow {\n id: string;\n kind: ActivityKind;\n title: string;\n status: string;\n createdAt: string;\n onOpen: () => void;\n}\n\nconst ACTIVITY_ICON: Record<ActivityKind, LucideIcon> = {\n story: BookOpen,\n discussion: MessagesSquare,\n};\n\nexport function GovernancePage() {\n const { navigateTo } = useTheCulturePost();\n\n // One query per lifecycle stage — each returns that stage's stories, so the\n // count is `items.length` (up to COUNT_LIMIT). No cross-stage query needed.\n const ideaQuery = useTcpStories({ status: 'IDEA', pagination: { limit: COUNT_LIMIT } });\n const draftQuery = useTcpStories({ status: 'DRAFT', pagination: { limit: COUNT_LIMIT } });\n const reviewQuery = useTcpStories({ status: 'IN_REVIEW', pagination: { limit: COUNT_LIMIT } });\n const publishedQuery = useTcpStories({\n status: 'PUBLISHED',\n pagination: { limit: COUNT_LIMIT },\n });\n const discussionsQuery = useTcpDiscussions({ pagination: { limit: COUNT_LIMIT } });\n const collectionsQuery = useTcpCollections({ limit: COUNT_LIMIT });\n const artifactsQuery = useTcpArchiveItems({ pagination: { limit: COUNT_LIMIT } });\n\n const storyQueries = [ideaQuery, draftQuery, reviewQuery, publishedQuery];\n const allQueries = [...storyQueries, discussionsQuery, collectionsQuery, artifactsQuery];\n\n const ideaStories = useMemo(() => ideaQuery.data?.items ?? [], [ideaQuery.data]);\n const draftStories = useMemo(() => draftQuery.data?.items ?? [], [draftQuery.data]);\n const reviewStories = useMemo(() => reviewQuery.data?.items ?? [], [reviewQuery.data]);\n const publishedStories = useMemo(() => publishedQuery.data?.items ?? [], [publishedQuery.data]);\n const discussions = useMemo(() => discussionsQuery.data?.items ?? [], [discussionsQuery.data]);\n\n const ideaCount = ideaStories.length;\n const draftCount = draftStories.length;\n const reviewCount = reviewStories.length;\n const publishedCount = publishedStories.length;\n const discussionTotal = discussions.length;\n const approvedCount = discussions.filter((d) => d.status === 'APPROVED').length;\n const needsAttentionCount = discussionTotal - approvedCount;\n const collectionsCount = collectionsQuery.data?.length ?? 0;\n const artifactsCount = artifactsQuery.data?.items.length ?? 0;\n\n const pipelineData: BarDatum[] = [\n { label: 'Idea', value: ideaCount },\n { label: 'Draft', value: draftCount },\n { label: 'In Review', value: reviewCount },\n { label: 'Published', value: publishedCount },\n ];\n\n const recentActivity = useMemo<ActivityRow[]>(() => {\n const storyRows: ActivityRow[] = [\n ...ideaStories,\n ...draftStories,\n ...reviewStories,\n ...publishedStories,\n ].map((story) => ({\n id: `story:${story.id}`,\n kind: 'story' as const,\n title: story.title,\n status: story.status,\n createdAt: story.createdAt,\n onOpen: () => navigateTo(`stories/${story.id}`),\n }));\n\n const discussionRows: ActivityRow[] = discussions.map((discussion) => ({\n id: `discussion:${discussion.id}`,\n kind: 'discussion' as const,\n title: discussion.title,\n status: discussion.status,\n createdAt: discussion.createdAt,\n onOpen: () => navigateTo(`discussions/${discussion.id}`),\n }));\n\n return [...storyRows, ...discussionRows]\n .sort((a, b) => new Date(b.createdAt).getTime() - new Date(a.createdAt).getTime())\n .slice(0, 8);\n }, [ideaStories, draftStories, reviewStories, publishedStories, discussions, navigateTo]);\n\n const isLoading = allQueries.some((q) => q.isLoading);\n const isError = allQueries.some((q) => q.isError);\n\n const retryAll = () => {\n allQueries.forEach((q) => {\n void q.refetch();\n });\n };\n\n return (\n <div className=\"h-full overflow-auto\">\n <div className=\"mx-auto flex max-w-6xl flex-col gap-6 p-4 sm:p-6\">\n <PageHero\n eyebrow=\"Editorial\"\n title=\"Governance & Editorial\"\n description=\"Oversee content quality, discussions and community participation — at a glance.\"\n />\n\n {isLoading ? (\n <LoadingView label=\"Computing editorial metrics…\" />\n ) : isError ? (\n <ErrorView\n title=\"Couldn't load the overview\"\n message=\"We couldn't compute the editorial metrics for this workspace.\"\n onRetry={retryAll}\n />\n ) : (\n <>\n <p className=\"-mt-2 text-xs text-text-tertiary\">\n Counts are computed live from the current workspace.\n </p>\n\n {/ Status metrics /}\n <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n <StatTile\n icon={<BookOpen className=\"h-5 w-5\" />}\n label=\"Published\"\n value={publishedCount}\n caption=\"stories live\"\n />\n <StatTile\n icon={<Clock className=\"h-5 w-5\" />}\n label=\"In Review\"\n value={reviewCount}\n caption=\"awaiting editorial sign-off\"\n />\n <StatTile\n icon={<PencilLine className=\"h-5 w-5\" />}\n label=\"Draft\"\n value={draftCount}\n caption=\"in progress\"\n />\n <StatTile\n icon={<Lightbulb className=\"h-5 w-5\" />}\n label=\"Idea\"\n value={ideaCount}\n caption=\"pitched, not yet drafted\"\n />\n <StatTile\n icon={<MessagesSquare className=\"h-5 w-5\" />}\n label=\"Discussions\"\n value={discussionTotal}\n caption=\"community conversations\"\n />\n <StatTile\n icon={<Library className=\"h-5 w-5\" />}\n label=\"Archive\"\n value={artifactsCount}\n caption={`artifacts in ${collectionsCount} collection${\n collectionsCount === 1 ? '' : 's'\n }`}\n />\n </div>\n\n {/ Pipeline + discussion health /}\n <div className=\"grid grid-cols-1 gap-6 lg:grid-cols-2\">\n <GlassCard treatment=\"plain\" className=\"flex flex-col gap-4 p-5 sm:p-6\">\n <div>\n <h2 className=\"font-display text-lg font-semibold text-text-primary\">\n Content pipeline\n </h2>\n <p className=\"mt-0.5 text-sm text-text-secondary\">\n Stories across the editorial lifecycle.\n </p>\n </div>\n {publishedCount + reviewCount + draftCount + ideaCount === 0 ? (\n <EmptyState\n icon={<BookOpen className=\"h-9 w-9\" />}\n title=\"No stories yet\"\n description=\"Draft the first story to populate the pipeline.\"\n />\n ) : (\n <BarChart\n ariaLabel=\"Stories by lifecycle stage\"\n data={pipelineData}\n height={180}\n />\n )}\n </GlassCard>\n\n <GlassCard treatment=\"plain\" className=\"flex flex-col gap-4 p-5 sm:p-6\">\n <div>\n <h2 className=\"font-display text-lg font-semibold text-text-primary\">\n Discussion health\n </h2>\n <p className=\"mt-0.5 text-sm text-text-secondary\">\n Share of community discussions that are approved.\n </p>\n </div>\n {discussionTotal === 0 ? (\n <EmptyState\n icon={<MessagesSquare className=\"h-9 w-9\" />}\n title=\"No discussions yet\"\n description=\"Open a discussion to start tracking conversation quality.\"\n />\n ) : (\n <div className=\"flex flex-col items-center gap-5 sm:flex-row sm:items-center sm:gap-6\">\n <Donut\n value={approvedCount}\n total={discussionTotal}\n caption=\"approved\"\n size={140}\n ariaLabel={`${approvedCount} of ${discussionTotal} discussions approved`}\n />\n <dl className=\"flex w-full flex-col gap-3\">\n <div className=\"flex items-center justify-between gap-3\">\n <dt className=\"flex items-center gap-2 text-sm text-text-secondary\">\n <span className=\"h-2.5 w-2.5 rounded-full bg-accent\" aria-hidden=\"true\" />\n Approved\n </dt>\n <dd className=\"font-display text-sm font-semibold tabular-nums text-text-primary\">\n {approvedCount}\n </dd>\n </div>\n <div className=\"flex items-center justify-between gap-3\">\n <dt className=\"flex items-center gap-2 text-sm text-text-secondary\">\n <span\n className=\"h-2.5 w-2.5 rounded-full bg-bg-sunken\"\n aria-hidden=\"true\"\n />\n Needs attention\n </dt>\n <dd className=\"font-display text-sm font-semibold tabular-nums text-text-primary\">\n {needsAttentionCount}\n </dd>\n </div>\n <div className=\"mt-1 flex items-start gap-2 rounded-lg bg-bg-sunken/60 p-3 text-xs text-text-secondary\">\n <ShieldCheck\n className=\"mt-0.5 h-4 w-4 shrink-0 text-accent\"\n aria-hidden=\"true\"\n />\n <span>\n Approved replies are published; pending, flagged and removed discussions\n need a moderator’s attention.\n </span>\n </div>\n </dl>\n </div>\n )}\n </GlassCard>\n </div>\n\n {/ Recent activity */}\n <Section\n title=\"Recent activity\"\n description=\"The latest stories and discussions across the workspace.\"\n >\n {recentActivity.length === 0 ? (\n <EmptyState\n icon={<Activity className=\"h-9 w-9\" />}\n title=\"Nothing yet\"\n description=\"Draft a story or open a discussion — it will show up here.\"\n />\n ) : (\n <GlassCard treatment=\"plain\" className=\"divide-y divide-border-seam\">\n {recentActivity.map((row) => {\n const Icon = ACTIVITY_ICON[row.kind];\n return (\n <button\n key={row.id}\n type=\"button\"\n onClick={row.onOpen}\n className=\"flex w-full items-center gap-3 px-4 py-3 text-left transition-colors hover:bg-bg-sunken/60 focus-visible:bg-bg-sunken/60 focus-visible:outline-none\"\n >\n <span\n className=\"flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-[var(--color-accent-soft)] text-text-primary\"\n aria-hidden=\"true\"\n >\n <Icon className=\"h-4 w-4\" />\n </span>\n <div className=\"min-w-0 flex-1\">\n <p className=\"truncate text-sm font-medium text-text-primary\">\n {row.title}\n </p>\n <p className=\"mt-0.5 text-xs capitalize text-text-tertiary\">\n {row.kind} · {formatRelativeTime(row.createdAt)}\n </p>\n </div>\n <StatusBadge\n status={row.status}\n className=\"hidden shrink-0 sm:inline-flex\"\n />\n <ArrowRight\n className=\"h-4 w-4 shrink-0 text-text-tertiary\"\n aria-hidden=\"true\"\n />\n </button>\n );\n })}\n </GlassCard>\n )}\n </Section>\n </>\n )}\n </div>\n </div>\n );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAsDA,IAAM,IAAc,KAad,IAAkD;CACtD,OAAO;CACP,YAAY;CACb;AAED,SAAgB,IAAiB;CAC/B,IAAM,EAAE,kBAAe,GAAmB,EAIpC,IAAY,EAAc;EAAE,QAAQ;EAAQ,YAAY,EAAE,OAAO,GAAa;EAAE,CAAC,EACjF,IAAa,EAAc;EAAE,QAAQ;EAAS,YAAY,EAAE,OAAO,GAAa;EAAE,CAAC,EACnF,IAAc,EAAc;EAAE,QAAQ;EAAa,YAAY,EAAE,OAAO,GAAa;EAAE,CAAC,EACxF,IAAiB,EAAc;EACnC,QAAQ;EACR,YAAY,EAAE,OAAO,GAAa;EACnC,CAAC,EACI,IAAmB,EAAkB,EAAE,YAAY,EAAE,OAAO,GAAa,EAAE,CAAC,EAC5E,IAAmB,EAAkB,EAAE,OAAO,GAAa,CAAC,EAC5D,IAAiB,EAAmB,EAAE,YAAY,EAAE,OAAO,GAAa,EAAE,CAAC,EAG3E,IAAa;EAAC,GADC;GAAC;GAAW;GAAY;GAAa;GAAe;EACpC;EAAkB;EAAkB;EAAe,EAElF,IAAc,QAAc,EAAU,MAAM,SAAS,EAAE,EAAE,CAAC,EAAU,KAAK,CAAC,EAC1E,IAAe,QAAc,EAAW,MAAM,SAAS,EAAE,EAAE,CAAC,EAAW,KAAK,CAAC,EAC7E,IAAgB,QAAc,EAAY,MAAM,SAAS,EAAE,EAAE,CAAC,EAAY,KAAK,CAAC,EAChF,IAAmB,QAAc,EAAe,MAAM,SAAS,EAAE,EAAE,CAAC,EAAe,KAAK,CAAC,EACzF,IAAc,QAAc,EAAiB,MAAM,SAAS,EAAE,EAAE,CAAC,EAAiB,KAAK,CAAC,EAExF,IAAY,EAAY,QACxB,IAAa,EAAa,QAC1B,IAAc,EAAc,QAC5B,IAAiB,EAAiB,QAClC,IAAkB,EAAY,QAC9B,IAAgB,EAAY,QAAQ,MAAM,EAAE,WAAW,WAAW,CAAC,QACnE,IAAsB,IAAkB,GACxC,IAAmB,EAAiB,MAAM,UAAU,GACpD,KAAiB,EAAe,MAAM,MAAM,UAAU,GAEtD,KAA2B;EAC/B;GAAE,OAAO;GAAQ,OAAO;GAAW;EACnC;GAAE,OAAO;GAAS,OAAO;GAAY;EACrC;GAAE,OAAO;GAAa,OAAO;GAAa;EAC1C;GAAE,OAAO;GAAa,OAAO;GAAgB;EAC9C,EAEK,IAAiB,QAA6B;EAClD,IAAM,IAA2B;GAC/B,GAAG;GACH,GAAG;GACH,GAAG;GACH,GAAG;GACJ,CAAC,KAAK,OAAW;GAChB,IAAI,SAAS,EAAM;GACnB,MAAM;GACN,OAAO,EAAM;GACb,QAAQ,EAAM;GACd,WAAW,EAAM;GACjB,cAAc,EAAW,WAAW,EAAM,KAAK;GAChD,EAAE,EAEG,IAAgC,EAAY,KAAK,OAAgB;GACrE,IAAI,cAAc,EAAW;GAC7B,MAAM;GACN,OAAO,EAAW;GAClB,QAAQ,EAAW;GACnB,WAAW,EAAW;GACtB,cAAc,EAAW,eAAe,EAAW,KAAK;GACzD,EAAE;AAEH,SAAO,CAAC,GAAG,GAAW,GAAG,EAAe,CACrC,MAAM,GAAG,MAAM,IAAI,KAAK,EAAE,UAAU,CAAC,SAAS,GAAG,IAAI,KAAK,EAAE,UAAU,CAAC,SAAS,CAAC,CACjF,MAAM,GAAG,EAAE;IACb;EAAC;EAAa;EAAc;EAAe;EAAkB;EAAa;EAAW,CAAC,EAEnF,KAAY,EAAW,MAAM,MAAM,EAAE,UAAU,EAC/C,KAAU,EAAW,MAAM,MAAM,EAAE,QAAQ;AAQjD,QACE,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,GAAD;IACE,SAAQ;IACR,OAAM;IACN,aAAY;IACZ,CAAA,EAED,KACC,kBAAC,GAAD,EAAa,OAAM,gCAAiC,CAAA,GAClD,KACF,kBAAC,GAAD;IACE,OAAM;IACN,SAAQ;IACR,eArBa;AACrB,OAAW,SAAS,MAAM;AACnB,QAAE,SAAS;OAChB;;IAmBM,CAAA,GAEF,kBAAA,GAAA,EAAA,UAAA;IACE,kBAAC,KAAD;KAAG,WAAU;eAAmC;KAE5C,CAAA;IAGJ,kBAAC,OAAD;KAAK,WAAU;eAAf;MACE,kBAAC,GAAD;OACE,MAAM,kBAAC,GAAD,EAAU,WAAU,WAAY,CAAA;OACtC,OAAM;OACN,OAAO;OACP,SAAQ;OACR,CAAA;MACF,kBAAC,GAAD;OACE,MAAM,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA;OACnC,OAAM;OACN,OAAO;OACP,SAAQ;OACR,CAAA;MACF,kBAAC,GAAD;OACE,MAAM,kBAAC,GAAD,EAAY,WAAU,WAAY,CAAA;OACxC,OAAM;OACN,OAAO;OACP,SAAQ;OACR,CAAA;MACF,kBAAC,GAAD;OACE,MAAM,kBAAC,GAAD,EAAW,WAAU,WAAY,CAAA;OACvC,OAAM;OACN,OAAO;OACP,SAAQ;OACR,CAAA;MACF,kBAAC,GAAD;OACE,MAAM,kBAAC,GAAD,EAAgB,WAAU,WAAY,CAAA;OAC5C,OAAM;OACN,OAAO;OACP,SAAQ;OACR,CAAA;MACF,kBAAC,GAAD;OACE,MAAM,kBAAC,GAAD,EAAS,WAAU,WAAY,CAAA;OACrC,OAAM;OACN,OAAO;OACP,SAAS,gBAAgB,EAAiB,aACxC,MAAqB,IAAI,KAAK;OAEhC,CAAA;MACE;;IAGN,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD;MAAW,WAAU;MAAQ,WAAU;gBAAvC,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;OAAI,WAAU;iBAAuD;OAEhE,CAAA,EACL,kBAAC,KAAD;OAAG,WAAU;iBAAqC;OAE9C,CAAA,CACA,EAAA,CAAA,EACL,IAAiB,IAAc,IAAa,MAAc,IACzD,kBAAC,GAAD;OACE,MAAM,kBAAC,GAAD,EAAU,WAAU,WAAY,CAAA;OACtC,OAAM;OACN,aAAY;OACZ,CAAA,GAEF,kBAAC,GAAD;OACE,WAAU;OACV,MAAM;OACN,QAAQ;OACR,CAAA,CAEM;SAEZ,kBAAC,GAAD;MAAW,WAAU;MAAQ,WAAU;gBAAvC,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;OAAI,WAAU;iBAAuD;OAEhE,CAAA,EACL,kBAAC,KAAD;OAAG,WAAU;iBAAqC;OAE9C,CAAA,CACA,EAAA,CAAA,EACL,MAAoB,IACnB,kBAAC,GAAD;OACE,MAAM,kBAAC,GAAD,EAAgB,WAAU,WAAY,CAAA;OAC5C,OAAM;OACN,aAAY;OACZ,CAAA,GAEF,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,GAAD;QACE,OAAO;QACP,OAAO;QACP,SAAQ;QACR,MAAM;QACN,WAAW,GAAG,EAAc,MAAM,EAAgB;QAClD,CAAA,EACF,kBAAC,MAAD;QAAI,WAAU;kBAAd;SACE,kBAAC,OAAD;UAAK,WAAU;oBAAf,CACE,kBAAC,MAAD;WAAI,WAAU;qBAAd,CACE,kBAAC,QAAD;YAAM,WAAU;YAAqC,eAAY;YAAS,CAAA,EAAA,WAEvE;cACL,kBAAC,MAAD;WAAI,WAAU;qBACX;WACE,CAAA,CACD;;SACN,kBAAC,OAAD;UAAK,WAAU;oBAAf,CACE,kBAAC,MAAD;WAAI,WAAU;qBAAd,CACE,kBAAC,QAAD;YACE,WAAU;YACV,eAAY;YACZ,CAAA,EAAA,kBAEC;cACL,kBAAC,MAAD;WAAI,WAAU;qBACX;WACE,CAAA,CACD;;SACN,kBAAC,OAAD;UAAK,WAAU;oBAAf,CACE,kBAAC,GAAD;WACE,WAAU;WACV,eAAY;WACZ,CAAA,EACF,kBAAC,QAAD,EAAA,UAAM,0GAGC,CAAA,CACH;;SACH;UACD;SAEE;QACR;;IAGN,kBAAC,GAAD;KACE,OAAM;KACN,aAAY;eAEX,EAAe,WAAW,IACzB,kBAAC,GAAD;MACE,MAAM,kBAAC,GAAD,EAAU,WAAU,WAAY,CAAA;MACtC,OAAM;MACN,aAAY;MACZ,CAAA,GAEF,kBAAC,GAAD;MAAW,WAAU;MAAQ,WAAU;gBACpC,EAAe,KAAK,MAAQ;OAC3B,IAAM,IAAO,EAAc,EAAI;AAC/B,cACE,kBAAC,UAAD;QAEE,MAAK;QACL,SAAS,EAAI;QACb,WAAU;kBAJZ;SAME,kBAAC,QAAD;UACE,WAAU;UACV,eAAY;oBAEZ,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA;UACvB,CAAA;SACP,kBAAC,OAAD;UAAK,WAAU;oBAAf,CACE,kBAAC,KAAD;WAAG,WAAU;qBACV,EAAI;WACH,CAAA,EACJ,kBAAC,KAAD;WAAG,WAAU;qBAAb;YACG,EAAI;YAAK;YAAI,EAAmB,EAAI,UAAU;YAC7C;aACA;;SACN,kBAAC,GAAD;UACE,QAAQ,EAAI;UACZ,WAAU;UACV,CAAA;SACF,kBAAC,GAAD;UACE,WAAU;UACV,eAAY;UACZ,CAAA;SACK;UA3BF,EAAI,GA2BF;QAEX;MACQ,CAAA;KAEN,CAAA;IACT,EAAA,CAAA,CAED;;EACF,CAAA"}
1	+ {"version":3,"file":"GovernancePage.js","names":[],"sources":["../../../../src/theculturepost/pages/governance/GovernancePage.tsx"],"sourcesContent":["/*\n GovernancePage — the editorial / governance overview for TheCulturePost.\n * @module theculturepost/pages/governance\n \n A data-honest dashboard computed entirely from real counts in the current\n * workspace. There is NO historical series in the contract, so this surface\n * carries NO trend deltas and NO time-series line chart (unlike the concept\n * mockup). It also DROPS the \"Contributors & Roles\" table — actors are id-only\n * federation stubs and roles are platform RBAC, neither of which this subgraph\n * exposes.\n \n What it renders, all from live `tcp` reads:\n - Status StatTiles: Published / In Review / Draft / Idea stories, plus a\n * Discussions total and an Archive (artifacts) count.\n * - \"Content pipeline\" {@link BarChart} across the lifecycle stages.\n * - \"Discussion health\" {@link Donut} = share of discussions that are Approved,\n * beside the real per-status moderation tally (Approved / Pending / Flagged\n * / Removed) read straight off `TcpDiscussion.status`.\n * - \"Recent activity\" — the latest stories + discussions, newest first.\n /\n\nimport { useMemo } from 'react';\nimport {\n BookOpen,\n Clock,\n PencilLine,\n Lightbulb,\n MessagesSquare,\n Library,\n Activity,\n ShieldCheck,\n ArrowRight,\n CheckCircle2,\n Flag,\n CircleSlash,\n} from 'lucide-react';\nimport type { LucideIcon } from 'lucide-react';\nimport { GlassCard } from '@burdenoff/fe-libs/ui';\nimport {\n PageHero,\n Section,\n LoadingView,\n ErrorView,\n EmptyState,\n StatTile,\n BarChart,\n Donut,\n StatusBadge,\n type BarDatum,\n} from '../../components';\nimport {\n useTcpStories,\n useTcpDiscussions,\n useTcpCollections,\n useTcpArchiveItems,\n} from '../../hooks';\nimport { useTheCulturePost } from '../../context';\nimport { formatRelativeTime } from '../../utils/formatters';\nimport { cn } from '../../utils/cn';\nimport type { TcpModerationStatus } from '../../types';\n\nconst COUNT_LIMIT = 100;\n\ntype ActivityKind = 'story' \| 'discussion';\n\ninterface ActivityRow {\n id: string;\n kind: ActivityKind;\n title: string;\n status: string;\n createdAt: string;\n onOpen: () => void;\n}\n\nconst ACTIVITY_ICON: Record<ActivityKind, LucideIcon> = {\n story: BookOpen,\n discussion: MessagesSquare,\n};\n\ninterface ModerationMetaEntry {\n label: string;\n icon: LucideIcon;\n /* Semantic-token colour for the leading icon. /\n iconClass: string;\n}\n\n/\n The four real `TcpModerationStatus` values, in reading order. Everything that\n * is not APPROVED needs a moderator, but they need different things — so the\n * panel names each one instead of collapsing them into one opaque number.\n /\nconst MODERATION_META: Record<TcpModerationStatus, ModerationMetaEntry> = {\n APPROVED: { label: 'Approved', icon: CheckCircle2, iconClass: 'text-accent' },\n PENDING: { label: 'Pending review', icon: Clock, iconClass: 'text-text-tertiary' },\n FLAGGED: { label: 'Flagged', icon: Flag, iconClass: 'text-status-warning-text' },\n REMOVED: { label: 'Removed', icon: CircleSlash, iconClass: 'text-status-error-text' },\n};\n\nconst MODERATION_ORDER: TcpModerationStatus[] = ['APPROVED', 'PENDING', 'FLAGGED', 'REMOVED'];\n\nexport function GovernancePage() {\n const { navigateTo } = useTheCulturePost();\n\n // One query per lifecycle stage — each returns that stage's stories, so the\n // count is `items.length` (up to COUNT_LIMIT). No cross-stage query needed.\n const ideaQuery = useTcpStories({ status: 'IDEA', pagination: { limit: COUNT_LIMIT } });\n const draftQuery = useTcpStories({ status: 'DRAFT', pagination: { limit: COUNT_LIMIT } });\n const reviewQuery = useTcpStories({ status: 'IN_REVIEW', pagination: { limit: COUNT_LIMIT } });\n const publishedQuery = useTcpStories({\n status: 'PUBLISHED',\n pagination: { limit: COUNT_LIMIT },\n });\n const discussionsQuery = useTcpDiscussions({ pagination: { limit: COUNT_LIMIT } });\n const collectionsQuery = useTcpCollections({ limit: COUNT_LIMIT });\n const artifactsQuery = useTcpArchiveItems({ pagination: { limit: COUNT_LIMIT } });\n\n const storyQueries = [ideaQuery, draftQuery, reviewQuery, publishedQuery];\n const allQueries = [...storyQueries, discussionsQuery, collectionsQuery, artifactsQuery];\n\n const ideaStories = useMemo(() => ideaQuery.data?.items ?? [], [ideaQuery.data]);\n const draftStories = useMemo(() => draftQuery.data?.items ?? [], [draftQuery.data]);\n const reviewStories = useMemo(() => reviewQuery.data?.items ?? [], [reviewQuery.data]);\n const publishedStories = useMemo(() => publishedQuery.data?.items ?? [], [publishedQuery.data]);\n const discussions = useMemo(() => discussionsQuery.data?.items ?? [], [discussionsQuery.data]);\n\n const ideaCount = ideaStories.length;\n const draftCount = draftStories.length;\n const reviewCount = reviewStories.length;\n const publishedCount = publishedStories.length;\n const discussionTotal = discussions.length;\n\n // One pass over the discussions already in hand — no extra query.\n const moderationCounts = useMemo(() => {\n const counts: Record<TcpModerationStatus, number> = {\n APPROVED: 0,\n PENDING: 0,\n FLAGGED: 0,\n REMOVED: 0,\n };\n for (const discussion of discussions) {\n if (Object.prototype.hasOwnProperty.call(counts, discussion.status)) {\n counts[discussion.status] += 1;\n }\n }\n return counts;\n }, [discussions]);\n\n const approvedCount = moderationCounts.APPROVED;\n const needsAttentionCount = discussionTotal - approvedCount;\n const collectionsCount = collectionsQuery.data?.length ?? 0;\n const artifactsCount = artifactsQuery.data?.items.length ?? 0;\n\n const pipelineData: BarDatum[] = [\n { label: 'Idea', value: ideaCount },\n { label: 'Draft', value: draftCount },\n { label: 'In Review', value: reviewCount },\n { label: 'Published', value: publishedCount },\n ];\n\n const recentActivity = useMemo<ActivityRow[]>(() => {\n const storyRows: ActivityRow[] = [\n ...ideaStories,\n ...draftStories,\n ...reviewStories,\n ...publishedStories,\n ].map((story) => ({\n id: `story:${story.id}`,\n kind: 'story' as const,\n title: story.title,\n status: story.status,\n createdAt: story.createdAt,\n onOpen: () => navigateTo(`stories/${story.id}`),\n }));\n\n const discussionRows: ActivityRow[] = discussions.map((discussion) => ({\n id: `discussion:${discussion.id}`,\n kind: 'discussion' as const,\n title: discussion.title,\n status: discussion.status,\n createdAt: discussion.createdAt,\n onOpen: () => navigateTo(`discussions/${discussion.id}`),\n }));\n\n return [...storyRows, ...discussionRows]\n .sort((a, b) => new Date(b.createdAt).getTime() - new Date(a.createdAt).getTime())\n .slice(0, 8);\n }, [ideaStories, draftStories, reviewStories, publishedStories, discussions, navigateTo]);\n\n const isLoading = allQueries.some((q) => q.isLoading);\n const isError = allQueries.some((q) => q.isError);\n\n const retryAll = () => {\n allQueries.forEach((q) => {\n void q.refetch();\n });\n };\n\n return (\n <div className=\"h-full overflow-auto\">\n <div className=\"mx-auto flex max-w-6xl flex-col gap-6 p-4 sm:p-6\">\n <PageHero\n eyebrow=\"Editorial\"\n title=\"Governance & Editorial\"\n description=\"Oversee content quality, discussions and community participation — at a glance.\"\n />\n\n {isLoading ? (\n <LoadingView label=\"Computing editorial metrics…\" />\n ) : isError ? (\n <ErrorView\n title=\"Couldn't load the overview\"\n message=\"We couldn't compute the editorial metrics for this workspace.\"\n onRetry={retryAll}\n />\n ) : (\n <>\n <p className=\"-mt-2 text-xs text-text-tertiary\">\n Counts are computed live from the current workspace.\n </p>\n\n {/ Status metrics /}\n <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n <StatTile\n icon={<BookOpen className=\"h-5 w-5\" />}\n label=\"Published\"\n value={publishedCount}\n caption=\"stories live\"\n />\n <StatTile\n icon={<Clock className=\"h-5 w-5\" />}\n label=\"In Review\"\n value={reviewCount}\n caption=\"awaiting editorial sign-off\"\n />\n <StatTile\n icon={<PencilLine className=\"h-5 w-5\" />}\n label=\"Draft\"\n value={draftCount}\n caption=\"in progress\"\n />\n <StatTile\n icon={<Lightbulb className=\"h-5 w-5\" />}\n label=\"Idea\"\n value={ideaCount}\n caption=\"pitched, not yet drafted\"\n />\n <StatTile\n icon={<MessagesSquare className=\"h-5 w-5\" />}\n label=\"Discussions\"\n value={discussionTotal}\n caption=\"community conversations\"\n />\n <StatTile\n icon={<Library className=\"h-5 w-5\" />}\n label=\"Archive\"\n value={artifactsCount}\n caption={`artifacts in ${collectionsCount} collection${\n collectionsCount === 1 ? '' : 's'\n }`}\n />\n </div>\n\n {/ Pipeline + discussion health /}\n <div className=\"grid grid-cols-1 gap-6 lg:grid-cols-2\">\n <GlassCard treatment=\"plain\" className=\"flex flex-col gap-4 p-5 sm:p-6\">\n <div>\n <h2 className=\"font-display text-lg font-semibold text-text-primary\">\n Content pipeline\n </h2>\n <p className=\"mt-0.5 text-sm text-text-secondary\">\n Stories across the editorial lifecycle.\n </p>\n </div>\n {publishedCount + reviewCount + draftCount + ideaCount === 0 ? (\n <EmptyState\n icon={<BookOpen className=\"h-9 w-9\" />}\n title=\"No stories yet\"\n description=\"Draft the first story to populate the pipeline.\"\n />\n ) : (\n <BarChart\n ariaLabel=\"Stories by lifecycle stage\"\n data={pipelineData}\n height={180}\n />\n )}\n </GlassCard>\n\n <GlassCard treatment=\"plain\" className=\"flex flex-col gap-4 p-5 sm:p-6\">\n <div>\n <h2 className=\"font-display text-lg font-semibold text-text-primary\">\n Discussion health\n </h2>\n <p className=\"mt-0.5 text-sm text-text-secondary\">\n Share of community discussions that are approved.\n </p>\n </div>\n {discussionTotal === 0 ? (\n <EmptyState\n icon={<MessagesSquare className=\"h-9 w-9\" />}\n title=\"No discussions yet\"\n description=\"Open a discussion to start tracking conversation quality.\"\n />\n ) : (\n <div className=\"flex flex-col items-center gap-5 sm:flex-row sm:items-center sm:gap-6\">\n <Donut\n value={approvedCount}\n total={discussionTotal}\n caption=\"approved\"\n size={140}\n ariaLabel={`${approvedCount} of ${discussionTotal} discussions approved`}\n />\n <dl className=\"flex w-full flex-col gap-2.5\">\n {MODERATION_ORDER.map((status) => {\n const meta = MODERATION_META[status];\n const Icon = meta.icon;\n return (\n <div key={status} className=\"flex items-center justify-between gap-3\">\n <dt className=\"flex items-center gap-2 text-sm text-text-secondary\">\n <Icon\n className={cn('h-4 w-4 shrink-0', meta.iconClass)}\n aria-hidden=\"true\"\n />\n {meta.label}\n </dt>\n <dd className=\"font-display text-sm font-semibold tabular-nums text-text-primary\">\n {moderationCounts[status]}\n </dd>\n </div>\n );\n })}\n <div className=\"mt-1 flex items-start gap-2 rounded-lg bg-bg-sunken/60 p-3 text-xs text-text-secondary\">\n <ShieldCheck\n className=\"mt-0.5 h-4 w-4 shrink-0 text-accent\"\n aria-hidden=\"true\"\n />\n <span>\n {needsAttentionCount === 0\n ? 'Every discussion in this workspace has been approved — nothing is waiting on a moderator.'\n : needsAttentionCount === 1\n ? 'Approved discussions are published; one other needs a moderator’s attention.'\n : `Approved discussions are published; ${needsAttentionCount} others need a moderator’s attention.`}\n </span>\n </div>\n </dl>\n </div>\n )}\n </GlassCard>\n </div>\n\n {/ Recent activity */}\n <Section\n title=\"Recent activity\"\n description=\"The latest stories and discussions across the workspace.\"\n >\n {recentActivity.length === 0 ? (\n <EmptyState\n icon={<Activity className=\"h-9 w-9\" />}\n title=\"Nothing yet\"\n description=\"Draft a story or open a discussion — it will show up here.\"\n />\n ) : (\n <GlassCard treatment=\"plain\" className=\"divide-y divide-border-seam\">\n {recentActivity.map((row) => {\n const Icon = ACTIVITY_ICON[row.kind];\n return (\n <button\n key={row.id}\n type=\"button\"\n onClick={row.onOpen}\n className=\"flex w-full items-center gap-3 px-4 py-3 text-left transition-colors hover:bg-bg-sunken/60 focus-visible:bg-bg-sunken/60 focus-visible:outline-none\"\n >\n <span\n className=\"flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-[var(--color-accent-soft)] text-text-primary\"\n aria-hidden=\"true\"\n >\n <Icon className=\"h-4 w-4\" />\n </span>\n <div className=\"min-w-0 flex-1\">\n <p className=\"truncate text-sm font-medium text-text-primary\">\n {row.title}\n </p>\n <p className=\"mt-0.5 text-xs capitalize text-text-tertiary\">\n {row.kind} · {formatRelativeTime(row.createdAt)}\n </p>\n </div>\n <StatusBadge\n status={row.status}\n className=\"hidden shrink-0 sm:inline-flex\"\n />\n <ArrowRight\n className=\"h-4 w-4 shrink-0 text-text-tertiary\"\n aria-hidden=\"true\"\n />\n </button>\n );\n })}\n </GlassCard>\n )}\n </Section>\n </>\n )}\n </div>\n </div>\n );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AA6DA,IAAM,IAAc,KAad,IAAkD;CACtD,OAAO;CACP,YAAY;CACb,EAcK,IAAoE;CACxE,UAAU;EAAE,OAAO;EAAY,MAAM;EAAc,WAAW;EAAe;CAC7E,SAAS;EAAE,OAAO;EAAkB,MAAM;EAAO,WAAW;EAAsB;CAClF,SAAS;EAAE,OAAO;EAAW,MAAM;EAAM,WAAW;EAA4B;CAChF,SAAS;EAAE,OAAO;EAAW,MAAM;EAAa,WAAW;EAA0B;CACtF,EAEK,IAA0C;CAAC;CAAY;CAAW;CAAW;CAAU;AAE7F,SAAgB,IAAiB;CAC/B,IAAM,EAAE,kBAAe,GAAmB,EAIpC,IAAY,EAAc;EAAE,QAAQ;EAAQ,YAAY,EAAE,OAAO,GAAa;EAAE,CAAC,EACjF,IAAa,EAAc;EAAE,QAAQ;EAAS,YAAY,EAAE,OAAO,GAAa;EAAE,CAAC,EACnF,IAAc,EAAc;EAAE,QAAQ;EAAa,YAAY,EAAE,OAAO,GAAa;EAAE,CAAC,EACxF,IAAiB,EAAc;EACnC,QAAQ;EACR,YAAY,EAAE,OAAO,GAAa;EACnC,CAAC,EACI,IAAmB,EAAkB,EAAE,YAAY,EAAE,OAAO,GAAa,EAAE,CAAC,EAC5E,IAAmB,EAAkB,EAAE,OAAO,GAAa,CAAC,EAC5D,IAAiB,GAAmB,EAAE,YAAY,EAAE,OAAO,GAAa,EAAE,CAAC,EAG3E,IAAa;EAAC,GADC;GAAC;GAAW;GAAY;GAAa;GAAe;EACpC;EAAkB;EAAkB;EAAe,EAElF,IAAc,QAAc,EAAU,MAAM,SAAS,EAAE,EAAE,CAAC,EAAU,KAAK,CAAC,EAC1E,IAAe,QAAc,EAAW,MAAM,SAAS,EAAE,EAAE,CAAC,EAAW,KAAK,CAAC,EAC7E,IAAgB,QAAc,EAAY,MAAM,SAAS,EAAE,EAAE,CAAC,EAAY,KAAK,CAAC,EAChF,IAAmB,QAAc,EAAe,MAAM,SAAS,EAAE,EAAE,CAAC,EAAe,KAAK,CAAC,EACzF,IAAc,QAAc,EAAiB,MAAM,SAAS,EAAE,EAAE,CAAC,EAAiB,KAAK,CAAC,EAExF,IAAY,EAAY,QACxB,IAAa,EAAa,QAC1B,IAAc,EAAc,QAC5B,IAAiB,EAAiB,QAClC,IAAkB,EAAY,QAG9B,IAAmB,QAAc;EACrC,IAAM,IAA8C;GAClD,UAAU;GACV,SAAS;GACT,SAAS;GACT,SAAS;GACV;AACD,OAAK,IAAM,KAAc,EACvB,CAAI,OAAO,UAAU,eAAe,KAAK,GAAQ,EAAW,OAAO,KACjE,EAAO,EAAW,WAAW;AAGjC,SAAO;IACN,CAAC,EAAY,CAAC,EAEX,IAAgB,EAAiB,UACjC,IAAsB,IAAkB,GACxC,IAAmB,EAAiB,MAAM,UAAU,GACpD,KAAiB,EAAe,MAAM,MAAM,UAAU,GAEtD,KAA2B;EAC/B;GAAE,OAAO;GAAQ,OAAO;GAAW;EACnC;GAAE,OAAO;GAAS,OAAO;GAAY;EACrC;GAAE,OAAO;GAAa,OAAO;GAAa;EAC1C;GAAE,OAAO;GAAa,OAAO;GAAgB;EAC9C,EAEK,IAAiB,QAA6B;EAClD,IAAM,IAA2B;GAC/B,GAAG;GACH,GAAG;GACH,GAAG;GACH,GAAG;GACJ,CAAC,KAAK,OAAW;GAChB,IAAI,SAAS,EAAM;GACnB,MAAM;GACN,OAAO,EAAM;GACb,QAAQ,EAAM;GACd,WAAW,EAAM;GACjB,cAAc,EAAW,WAAW,EAAM,KAAK;GAChD,EAAE,EAEG,IAAgC,EAAY,KAAK,OAAgB;GACrE,IAAI,cAAc,EAAW;GAC7B,MAAM;GACN,OAAO,EAAW;GAClB,QAAQ,EAAW;GACnB,WAAW,EAAW;GACtB,cAAc,EAAW,eAAe,EAAW,KAAK;GACzD,EAAE;AAEH,SAAO,CAAC,GAAG,GAAW,GAAG,EAAe,CACrC,MAAM,GAAG,MAAM,IAAI,KAAK,EAAE,UAAU,CAAC,SAAS,GAAG,IAAI,KAAK,EAAE,UAAU,CAAC,SAAS,CAAC,CACjF,MAAM,GAAG,EAAE;IACb;EAAC;EAAa;EAAc;EAAe;EAAkB;EAAa;EAAW,CAAC,EAEnF,KAAY,EAAW,MAAM,MAAM,EAAE,UAAU,EAC/C,KAAU,EAAW,MAAM,MAAM,EAAE,QAAQ;AAQjD,QACE,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,GAAD;IACE,SAAQ;IACR,OAAM;IACN,aAAY;IACZ,CAAA,EAED,KACC,kBAAC,GAAD,EAAa,OAAM,gCAAiC,CAAA,GAClD,KACF,kBAAC,GAAD;IACE,OAAM;IACN,SAAQ;IACR,eArBa;AACrB,OAAW,SAAS,MAAM;AACnB,QAAE,SAAS;OAChB;;IAmBM,CAAA,GAEF,kBAAA,GAAA,EAAA,UAAA;IACE,kBAAC,KAAD;KAAG,WAAU;eAAmC;KAE5C,CAAA;IAGJ,kBAAC,OAAD;KAAK,WAAU;eAAf;MACE,kBAAC,GAAD;OACE,MAAM,kBAAC,GAAD,EAAU,WAAU,WAAY,CAAA;OACtC,OAAM;OACN,OAAO;OACP,SAAQ;OACR,CAAA;MACF,kBAAC,GAAD;OACE,MAAM,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA;OACnC,OAAM;OACN,OAAO;OACP,SAAQ;OACR,CAAA;MACF,kBAAC,GAAD;OACE,MAAM,kBAAC,GAAD,EAAY,WAAU,WAAY,CAAA;OACxC,OAAM;OACN,OAAO;OACP,SAAQ;OACR,CAAA;MACF,kBAAC,GAAD;OACE,MAAM,kBAAC,IAAD,EAAW,WAAU,WAAY,CAAA;OACvC,OAAM;OACN,OAAO;OACP,SAAQ;OACR,CAAA;MACF,kBAAC,GAAD;OACE,MAAM,kBAAC,GAAD,EAAgB,WAAU,WAAY,CAAA;OAC5C,OAAM;OACN,OAAO;OACP,SAAQ;OACR,CAAA;MACF,kBAAC,GAAD;OACE,MAAM,kBAAC,IAAD,EAAS,WAAU,WAAY,CAAA;OACrC,OAAM;OACN,OAAO;OACP,SAAS,gBAAgB,EAAiB,aACxC,MAAqB,IAAI,KAAK;OAEhC,CAAA;MACE;;IAGN,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD;MAAW,WAAU;MAAQ,WAAU;gBAAvC,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;OAAI,WAAU;iBAAuD;OAEhE,CAAA,EACL,kBAAC,KAAD;OAAG,WAAU;iBAAqC;OAE9C,CAAA,CACA,EAAA,CAAA,EACL,IAAiB,IAAc,IAAa,MAAc,IACzD,kBAAC,GAAD;OACE,MAAM,kBAAC,GAAD,EAAU,WAAU,WAAY,CAAA;OACtC,OAAM;OACN,aAAY;OACZ,CAAA,GAEF,kBAAC,GAAD;OACE,WAAU;OACV,MAAM;OACN,QAAQ;OACR,CAAA,CAEM;SAEZ,kBAAC,GAAD;MAAW,WAAU;MAAQ,WAAU;gBAAvC,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;OAAI,WAAU;iBAAuD;OAEhE,CAAA,EACL,kBAAC,KAAD;OAAG,WAAU;iBAAqC;OAE9C,CAAA,CACA,EAAA,CAAA,EACL,MAAoB,IACnB,kBAAC,GAAD;OACE,MAAM,kBAAC,GAAD,EAAgB,WAAU,WAAY,CAAA;OAC5C,OAAM;OACN,aAAY;OACZ,CAAA,GAEF,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,GAAD;QACE,OAAO;QACP,OAAO;QACP,SAAQ;QACR,MAAM;QACN,WAAW,GAAG,EAAc,MAAM,EAAgB;QAClD,CAAA,EACF,kBAAC,MAAD;QAAI,WAAU;kBAAd,CACG,EAAiB,KAAK,MAAW;SAChC,IAAM,IAAO,EAAgB,IACvB,IAAO,EAAK;AAClB,gBACE,kBAAC,OAAD;UAAkB,WAAU;oBAA5B,CACE,kBAAC,MAAD;WAAI,WAAU;qBAAd,CACE,kBAAC,GAAD;YACE,WAAW,EAAG,oBAAoB,EAAK,UAAU;YACjD,eAAY;YACZ,CAAA,EACD,EAAK,MACH;cACL,kBAAC,MAAD;WAAI,WAAU;qBACX,EAAiB;WACf,CAAA,CACD;YAXI,EAWJ;UAER,EACF,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,GAAD;UACE,WAAU;UACV,eAAY;UACZ,CAAA,EACF,kBAAC,QAAD,EAAA,UACG,MAAwB,IACrB,8FACA,MAAwB,IACtB,iFACA,uCAAuC,EAAoB,wCAC5D,CAAA,CACH;WACH;UACD;SAEE;QACR;;IAGN,kBAAC,GAAD;KACE,OAAM;KACN,aAAY;eAEX,EAAe,WAAW,IACzB,kBAAC,GAAD;MACE,MAAM,kBAAC,GAAD,EAAU,WAAU,WAAY,CAAA;MACtC,OAAM;MACN,aAAY;MACZ,CAAA,GAEF,kBAAC,GAAD;MAAW,WAAU;MAAQ,WAAU;gBACpC,EAAe,KAAK,MAAQ;OAC3B,IAAM,IAAO,EAAc,EAAI;AAC/B,cACE,kBAAC,UAAD;QAEE,MAAK;QACL,SAAS,EAAI;QACb,WAAU;kBAJZ;SAME,kBAAC,QAAD;UACE,WAAU;UACV,eAAY;oBAEZ,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA;UACvB,CAAA;SACP,kBAAC,OAAD;UAAK,WAAU;oBAAf,CACE,kBAAC,KAAD;WAAG,WAAU;qBACV,EAAI;WACH,CAAA,EACJ,kBAAC,KAAD;WAAG,WAAU;qBAAb;YACG,EAAI;YAAK;YAAI,GAAmB,EAAI,UAAU;YAC7C;aACA;;SACN,kBAAC,GAAD;UACE,QAAQ,EAAI;UACZ,WAAU;UACV,CAAA;SACF,kBAAC,GAAD;UACE,WAAU;UACV,eAAY;UACZ,CAAA;SACK;UA3BF,EAAI,GA2BF;QAEX;MACQ,CAAA;KAEN,CAAA;IACT,EAAA,CAAA,CAED;;EACF,CAAA"}

package/dist/theculturepost/pages/stories/StoryDetailPage.d.ts CHANGED Viewed

@@ -6,6 +6,9 @@
  *  - READING (tcp-03): a cover-banner hero, serif display title, a drop-cap
  *    article body with ornamental section breaks, and a right rail of citations
  *    (compact) + linked discussions.
+ *  - CITATIONS (tcp-05): the story's full evidence base — roomy source cards
+ *    carrying excerpt, provenance, source link and scan, a labelled
+ *    verification control per source, and the methodology legend.
  *  - EDITORIAL (tcp-04): a visual lifecycle stepper with validated transitions
  *    (Publish / Send back), plus citations as a verifiable-source table with an
  *    inline verify control.

package/dist/theculturepost/pages/stories/StoryDetailPage.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StoryDetailPage.d.ts","sourceRoot":"","sources":["../../../../src/theculturepost/pages/stories/StoryDetailPage.tsx"],"names":[],"mappings":"AAAA~~;;;;;;;;;;;;;;;GAeG~~;~~AA6IH~~,wBAAgB,eAAe,~~4CAuL9B~~"}
1	+ {"version":3,"file":"StoryDetailPage.d.ts","sourceRoot":"","sources":["../../../../src/theculturepost/pages/stories/StoryDetailPage.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AAkJH,wBAAgB,eAAe,4CA2L9B"}