npm - @burdenoff/microfe-theculturepost - Versions diffs - 2026.704.2 → 2026.705.2 - Mend

@burdenoff/microfe-theculturepost 2026.704.2 → 2026.705.2

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 (91) hide show

package/dist/theculturepost/hooks/useFiles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useFiles.js","names":[],"sources":["../../../src/theculturepost/hooks/useFiles.ts"],"sourcesContent":["/*\n File hooks — covers, artifacts & recordings via wspace-files-svc (NO duplication).\n * @module theculturepost/hooks\n \n TheCulturePost never stores blobs. Stories keep `coverFileId`, archive items\n * keep `fileId`, citations keep `sourceFileId`, oral histories keep\n * `recordingFileId` — all pointing at files owned by wspace-files-svc. Upload\n * goes through the shared `uploadBlobToFiles` storage helper (presigned 3-step\n * upload) against the workspace Apollo client the shell initialises; display\n * resolves a file id to a presigned URL via `getFileDownloadUrl`.\n /\n\nimport { useQuery } from '@tanstack/react-query';\nimport { graphqlFetch, getWorkspaceClient, gql } from '@burdenoff/fe-libs/shared/graphql';\nimport { uploadBlobToFiles } from '@burdenoff/fe-libs/storage';\n\nimport { useTheCulturePost } from '../context';\n\n/* ~~One~~ ~~year~~ — ~~covers/artifacts/recordings~~ ~~are~~ ~~long~~-~~lived~~ ~~references~~. /\nconst DOWNLOAD_URL_TTL_SECONDS = ~~31_536_000~~;\n\nexport const FILE_FOLDERS = {\n covers: '/TheCulturePost/Covers',\n artifacts: '/TheCulturePost/Artifacts',\n recordings: '/TheCulturePost/Recordings',\n} as const;\n\nconst ENSURE_FOLDER = gql`\n mutation TcpEnsureFolder($path: String!) {\n ensureFolderByPath(path: $path) {\n id\n }\n }\n`;\n\nconst GET_FILE_DOWNLOAD_URL = gql`\n query TcpGetFileDownloadUrl($id: ID!, $expiresIn: Int) {\n getFileDownloadUrl(id: $id, expiresIn: $expiresIn)\n }\n`;\n\nexport interface UploadedFile {\n id: string;\n url: string;\n name: string;\n}\n\ninterface EnsureFolderData {\n ensureFolderByPath?: { id: string } \| null;\n}\ninterface DownloadUrlData {\n getFileDownloadUrl?: string \| null;\n}\n\n/\n Upload a file (image, audio, document…) to wspace-files-svc and return its id\n * + a presigned URL. The caller persists the id (coverFileId / fileId /\n * recordingFileId / sourceFileId) via the entity's own tcp* mutation; the URL is\n * used for an immediate preview.\n /\nexport async function uploadImageToFiles(file: File, folderPath: string): Promise<UploadedFile> {\n const client = getWorkspaceClient();\n\n const folderResult = await client.mutate<EnsureFolderData>({\n mutation: ENSURE_FOLDER,\n variables: { path: folderPath },\n });\n const folderId = folderResult.data?.ensureFolderByPath?.id;\n if (!folderId) {\n throw new Error('Could not resolve the upload folder.');\n }\n\n const uploaded = await uploadBlobToFiles({\n client,\n blob: file,\n filename: file.name,\n mimeType: file.type \|\| 'application/octet-stream',\n folderId,\n });\n\n const urlResult = await client.query<DownloadUrlData>({\n query: GET_FILE_DOWNLOAD_URL,\n variables: { id: uploaded.id, expiresIn: DOWNLOAD_URL_TTL_SECONDS },\n fetchPolicy: 'no-cache',\n });\n const url = urlResult.data?.getFileDownloadUrl;\n if (!url) {\n throw new Error('The file was uploaded but no download URL was returned.');\n }\n\n return { id: uploaded.id, url, name: uploaded.name };\n}\n\n/* Resolve a wspace-files-svc file id to a presigned download URL for display. /\nexport function useFileUrl(fileId?: string \| null) {\n const { apiGatewayUrl } = useTheCulturePost();\n return useQuery({\n queryKey: ['theculturepost', 'file-url', fileId ?? ''],\n enabled: Boolean(fileId),\n staleTime: 30 60 * 1000,\n retry: 1,\n queryFn: async () => {\n const response = await graphqlFetch<{ getFileDownloadUrl: string \| null }>({\n gateway: 'workspace',\n baseUrl: apiGatewayUrl,\n workspaceToken: true,\n query: `query TcpFileUrl($id: ID!, $expiresIn: Int) { getFileDownloadUrl(id: $id, expiresIn: $expiresIn) }`,\n variables: { id: fileId, expiresIn: DOWNLOAD_URL_TTL_SECONDS },\n });\n if (response.errors?.length) {\n throw new Error(response.errors[0]?.message ?? 'Could not resolve file URL');\n }\n return response.data?.getFileDownloadUrl ?? null;\n },\n });\n}\n"],"mappings":";;;;;;~~AAmBA~~,IAAM,IAA2B,~~SAEpB~~,IAAe;CAC1B,QAAQ;CACR,WAAW;CACX,YAAY;CACb,EAEK,IAAgB,CAAG;;;;;;GAQnB,IAAwB,CAAG;;;;;AAyBjC,eAAsB,EAAmB,GAAY,GAA2C;CAC9F,IAAM,IAAS,GAAoB,EAM7B,KAJe,MAAM,EAAO,OAAyB;EACzD,UAAU;EACV,WAAW,EAAE,MAAM,GAAY;EAChC,CAAC,EAC4B,MAAM,oBAAoB;AACxD,KAAI,CAAC,EACH,OAAU,MAAM,uCAAuC;CAGzD,IAAM,IAAW,MAAM,EAAkB;EACvC;EACA,MAAM;EACN,UAAU,EAAK;EACf,UAAU,EAAK,QAAQ;EACvB;EACD,CAAC,EAOI,KALY,MAAM,EAAO,MAAuB;EACpD,OAAO;EACP,WAAW;GAAE,IAAI,EAAS;GAAI,WAAW;GAA0B;EACnE,aAAa;EACd,CAAC,EACoB,MAAM;AAC5B,KAAI,CAAC,EACH,OAAU,MAAM,0DAA0D;AAG5E,QAAO;EAAE,IAAI,EAAS;EAAI;EAAK,MAAM,EAAS;EAAM;;AAItD,SAAgB,EAAW,GAAwB;CACjD,IAAM,EAAE,qBAAkB,GAAmB;AAC7C,QAAO,EAAS;EACd,UAAU;GAAC;GAAkB;GAAY,KAAU;GAAG;EACtD,SAAS,EAAQ;EACjB,WAAW,OAAU;EACrB,OAAO;EACP,SAAS,YAAY;GACnB,IAAM,IAAW,MAAM,EAAoD;IACzE,SAAS;IACT,SAAS;IACT,gBAAgB;IAChB,OAAO;IACP,WAAW;KAAE,IAAI;KAAQ,WAAW;KAA0B;IAC/D,CAAC;AACF,OAAI,EAAS,QAAQ,OACnB,OAAU,MAAM,EAAS,OAAO,IAAI,WAAW,6BAA6B;AAE9E,UAAO,EAAS,MAAM,sBAAsB;;EAE/C,CAAC"}
1	+ {"version":3,"file":"useFiles.js","names":[],"sources":["../../../src/theculturepost/hooks/useFiles.ts"],"sourcesContent":["/*\n File hooks — covers, artifacts & recordings via wspace-files-svc (NO duplication).\n * @module theculturepost/hooks\n \n TheCulturePost never stores blobs. Stories keep `coverFileId`, archive items\n * keep `fileId`, citations keep `sourceFileId`, oral histories keep\n * `recordingFileId` — all pointing at files owned by wspace-files-svc. Upload\n * goes through the shared `uploadBlobToFiles` storage helper (presigned 3-step\n * upload) against the workspace Apollo client the shell initialises; display\n * resolves a file id to a presigned URL via `getFileDownloadUrl`.\n /\n\nimport { useQuery } from '@tanstack/react-query';\nimport { graphqlFetch, getWorkspaceClient, gql } from '@burdenoff/fe-libs/shared/graphql';\nimport { uploadBlobToFiles } from '@burdenoff/fe-libs/storage';\n\nimport { useTheCulturePost } from '../context';\n\n/\n Presigned-URL lifetime, in seconds. S3 caps a presigned GET at 7 days\n * (604800s); anything longer makes wspace-files-svc `getFileDownloadUrl` throw\n * INTERNAL_SERVER_ERROR. React Query re-resolves these long before expiry\n * (30-min staleTime), so 6 hours is ample and stays safely under the cap.\n /\nconst DOWNLOAD_URL_TTL_SECONDS = 21_600;\n\nexport const FILE_FOLDERS = {\n covers: '/TheCulturePost/Covers',\n artifacts: '/TheCulturePost/Artifacts',\n recordings: '/TheCulturePost/Recordings',\n} as const;\n\nconst ENSURE_FOLDER = gql`\n mutation TcpEnsureFolder($path: String!) {\n ensureFolderByPath(path: $path) {\n id\n }\n }\n`;\n\nconst GET_FILE_DOWNLOAD_URL = gql`\n query TcpGetFileDownloadUrl($id: ID!, $expiresIn: Int) {\n getFileDownloadUrl(id: $id, expiresIn: $expiresIn)\n }\n`;\n\nexport interface UploadedFile {\n id: string;\n url: string;\n name: string;\n}\n\ninterface EnsureFolderData {\n ensureFolderByPath?: { id: string } \| null;\n}\ninterface DownloadUrlData {\n getFileDownloadUrl?: string \| null;\n}\n\n/\n Upload a file (image, audio, document…) to wspace-files-svc and return its id\n * + a presigned URL. The caller persists the id (coverFileId / fileId /\n * recordingFileId / sourceFileId) via the entity's own tcp* mutation; the URL is\n * used for an immediate preview.\n /\nexport async function uploadImageToFiles(file: File, folderPath: string): Promise<UploadedFile> {\n const client = getWorkspaceClient();\n\n const folderResult = await client.mutate<EnsureFolderData>({\n mutation: ENSURE_FOLDER,\n variables: { path: folderPath },\n });\n const folderId = folderResult.data?.ensureFolderByPath?.id;\n if (!folderId) {\n throw new Error('Could not resolve the upload folder.');\n }\n\n const uploaded = await uploadBlobToFiles({\n client,\n blob: file,\n filename: file.name,\n mimeType: file.type \|\| 'application/octet-stream',\n folderId,\n });\n\n const urlResult = await client.query<DownloadUrlData>({\n query: GET_FILE_DOWNLOAD_URL,\n variables: { id: uploaded.id, expiresIn: DOWNLOAD_URL_TTL_SECONDS },\n fetchPolicy: 'no-cache',\n });\n const url = urlResult.data?.getFileDownloadUrl;\n if (!url) {\n throw new Error('The file was uploaded but no download URL was returned.');\n }\n\n return { id: uploaded.id, url, name: uploaded.name };\n}\n\n/* Resolve a wspace-files-svc file id to a presigned download URL for display. /\nexport function useFileUrl(fileId?: string \| null) {\n const { apiGatewayUrl } = useTheCulturePost();\n return useQuery({\n queryKey: ['theculturepost', 'file-url', fileId ?? ''],\n enabled: Boolean(fileId),\n staleTime: 30 60 * 1000,\n retry: 1,\n queryFn: async () => {\n const response = await graphqlFetch<{ getFileDownloadUrl: string \| null }>({\n gateway: 'workspace',\n baseUrl: apiGatewayUrl,\n workspaceToken: true,\n query: `query TcpFileUrl($id: ID!, $expiresIn: Int) { getFileDownloadUrl(id: $id, expiresIn: $expiresIn) }`,\n variables: { id: fileId, expiresIn: DOWNLOAD_URL_TTL_SECONDS },\n });\n if (response.errors?.length) {\n throw new Error(response.errors[0]?.message ?? 'Could not resolve file URL');\n }\n return response.data?.getFileDownloadUrl ?? null;\n },\n });\n}\n"],"mappings":";;;;;;AAwBA,IAAM,IAA2B,OAEpB,IAAe;CAC1B,QAAQ;CACR,WAAW;CACX,YAAY;CACb,EAEK,IAAgB,CAAG;;;;;;GAQnB,IAAwB,CAAG;;;;;AAyBjC,eAAsB,EAAmB,GAAY,GAA2C;CAC9F,IAAM,IAAS,GAAoB,EAM7B,KAJe,MAAM,EAAO,OAAyB;EACzD,UAAU;EACV,WAAW,EAAE,MAAM,GAAY;EAChC,CAAC,EAC4B,MAAM,oBAAoB;AACxD,KAAI,CAAC,EACH,OAAU,MAAM,uCAAuC;CAGzD,IAAM,IAAW,MAAM,EAAkB;EACvC;EACA,MAAM;EACN,UAAU,EAAK;EACf,UAAU,EAAK,QAAQ;EACvB;EACD,CAAC,EAOI,KALY,MAAM,EAAO,MAAuB;EACpD,OAAO;EACP,WAAW;GAAE,IAAI,EAAS;GAAI,WAAW;GAA0B;EACnE,aAAa;EACd,CAAC,EACoB,MAAM;AAC5B,KAAI,CAAC,EACH,OAAU,MAAM,0DAA0D;AAG5E,QAAO;EAAE,IAAI,EAAS;EAAI;EAAK,MAAM,EAAS;EAAM;;AAItD,SAAgB,EAAW,GAAwB;CACjD,IAAM,EAAE,qBAAkB,GAAmB;AAC7C,QAAO,EAAS;EACd,UAAU;GAAC;GAAkB;GAAY,KAAU;GAAG;EACtD,SAAS,EAAQ;EACjB,WAAW,OAAU;EACrB,OAAO;EACP,SAAS,YAAY;GACnB,IAAM,IAAW,MAAM,EAAoD;IACzE,SAAS;IACT,SAAS;IACT,gBAAgB;IAChB,OAAO;IACP,WAAW;KAAE,IAAI;KAAQ,WAAW;KAA0B;IAC/D,CAAC;AACF,OAAI,EAAS,QAAQ,OACnB,OAAU,MAAM,EAAS,OAAO,IAAI,WAAW,6BAA6B;AAE9E,UAAO,EAAS,MAAM,sBAAsB;;EAE/C,CAAC"}

package/dist/theculturepost/pages/HomePage.js CHANGED Viewed

@@ -1,148 +1,271 @@
 import { useTheCulturePost as e } from "../context/TheCulturePostContext.js";
-import { PageLayout as t } from "../components/PageLayout.js";
-import { LoadingView as n, Section as r } from "../components/StateViews.js";
 import "../context/index.js";
-import { StoryCard as i } from "../components/StoryCard.js";
-import { TopicCard as a } from "../components/TopicCard.js";
-import { DiscussionCard as o } from "../components/DiscussionCard.js";
-import { CollectionCard as s } from "../components/CollectionCard.js";
-import { EmptyState as c } from "../components/EmptyState.js";
-import { useTcpCollections as l, useTcpDiscussions as u, useTcpStories as d, useTcpTopics as f } from "../hooks/useTcpApi.js";
+import { CoverImage as t } from "../components/CoverImage.js";
+import { PageHero as n } from "../components/PageHero.js";
+import { LoadingView as r } from "../components/StateViews.js";
+import { formatNumber as i, formatRelativeTime as a } from "../utils/formatters.js";
+import { OverlayBadge as o } from "../components/OverlayBadge.js";
+import { StoryCard as s } from "../components/StoryCard.js";
+import { TopicCard as c } from "../components/TopicCard.js";
+import { EmptyState as l } from "../components/EmptyState.js";
+import { useTcpCollections as u, useTcpDiscussions as d, useTcpStories as f, useTcpTopics as p } from "../hooks/useTcpApi.js";
 import "../hooks/index.js";
-import { ArrowRight as p, BookOpen as m, Compass as h, Library as g, MessagesSquare as _ } from "lucide-react";
-import { jsx as v, jsxs as y } from "react/jsx-runtime";
-import { Button as b } from "@burdenoff/fe-libs/ui";
+import { ArrowRight as m, BookOpen as h, Compass as g, HeartHandshake as _, Layers as v, Library as y, MessagesSquare as b } from "lucide-react";
+import { jsx as x, jsxs as S } from "react/jsx-runtime";
+import { Button as C } from "@burdenoff/fe-libs/ui";
 //#region src/theculturepost/pages/HomePage.tsx
-function x({ label: e, onClick: t }) {
-	return /* @__PURE__ */ y(b, {
+function w({ label: e, onClick: t }) {
+	return /* @__PURE__ */ S(C, {
 		variant: "ghost",
 		size: "sm",
 		onClick: t,
+		className: "shrink-0",
 		children: [
 			e,
 			" ",
-			/* @__PURE__ */ v(p, { className: "ml-1 h-4 w-4" })
+			/* @__PURE__ */ x(m, {
+				className: "ml-1 h-4 w-4",
+				"aria-hidden": "true"
+			})
 		]
 	});
 }
-function S() {
-	let { navigateTo: p } = e(), S = f({ pagination: { limit: 6 } }), C = d({
-		status: "PUBLISHED",
-		pagination: { limit: 6 }
-	}), w = u({
-		status: "APPROVED",
-		pagination: { limit: 4 }
-	}), T = l({ limit: 4 }), E = S.data?.items ?? [], D = E.filter((e) => e.isFeatured), O = (D.length > 0 ? D : E).slice(0, 6), k = C.data?.items ?? [], A = w.data?.items ?? [], j = T.data ?? [], M = S.isLoading && C.isLoading && w.isLoading && T.isLoading, N = !S.isLoading && !C.isLoading && !w.isLoading && !T.isLoading && O.length === 0 && k.length === 0 && A.length === 0 && j.length === 0;
-	return /* @__PURE__ */ v(t, {
-		title: "TheCulturePost",
-		titleGradient: !0,
-		aurora: !0,
-		description: "Culture, religion, values and history — told with care and grounded in the record.",
-		actions: /* @__PURE__ */ y(b, {
-			onClick: () => p("stories"),
-			children: [/* @__PURE__ */ v(m, { className: "mr-1.5 h-4 w-4" }), " Read stories"]
-		}),
-		children: M ? /* @__PURE__ */ v(n, { label: "Loading the latest…" }) : N ? /* @__PURE__ */ v(c, {
-			illustration: "onboarding",
-			icon: /* @__PURE__ */ v(m, { className: "h-10 w-10" }),
-			title: "Welcome to TheCulturePost",
-			description: "This publication is just getting started. Curate a topic, draft a story, or begin building the archive.",
-			action: /* @__PURE__ */ y("div", {
-				className: "flex flex-wrap items-center justify-center gap-3",
-				children: [/* @__PURE__ */ y(b, {
-					onClick: () => p("stories"),
-					children: [/* @__PURE__ */ v(m, { className: "mr-1.5 h-4 w-4" }), " Draft a story"]
-				}), /* @__PURE__ */ y(b, {
-					variant: "outline",
-					onClick: () => p("topics"),
-					children: [/* @__PURE__ */ v(h, { className: "mr-1.5 h-4 w-4" }), " Curate a topic"]
+function T({ title: e, description: t, action: n, children: r }) {
+	return /* @__PURE__ */ S("section", {
+		className: "flex flex-col gap-4",
+		children: [/* @__PURE__ */ S("div", {
+			className: "flex items-end justify-between gap-3 border-b border-border-seam pb-3",
+			children: [/* @__PURE__ */ S("div", {
+				className: "min-w-0",
+				children: [/* @__PURE__ */ x("h2", {
+					className: "font-display text-xl font-semibold leading-tight text-text-primary sm:text-2xl",
+					children: e
+				}), t && /* @__PURE__ */ x("p", {
+					className: "mt-1 text-sm text-text-secondary",
+					children: t
 				})]
-			})
-		}) : /* @__PURE__ */ y("div", {
-			className: "mx-auto flex max-w-6xl flex-col gap-2",
-			children: [
-				/* @__PURE__ */ v(r, {
-					title: "Featured topics",
-					description: "Curated subjects across culture, faith, history and heritage.",
-					action: /* @__PURE__ */ v(x, {
-						label: "All topics",
-						onClick: () => p("topics")
-					}),
-					children: O.length === 0 ? /* @__PURE__ */ v(c, {
-						icon: /* @__PURE__ */ v(h, { className: "h-9 w-9" }),
-						title: "No topics yet",
-						description: "Curate the first topic to organise the publication."
-					}) : /* @__PURE__ */ v("div", {
-						className: "grid gap-4 sm:grid-cols-2 lg:grid-cols-3",
-						children: O.map((e) => /* @__PURE__ */ v(a, {
-							topic: e,
-							onOpen: () => p(`topics/${e.id}`)
-						}, e.id))
-					})
-				}),
-				/* @__PURE__ */ v(r, {
-					title: "Latest stories",
-					description: "Freshly published pieces from the newsroom.",
-					action: /* @__PURE__ */ v(x, {
-						label: "All stories",
-						onClick: () => p("stories")
+			}), n]
+		}), r]
+	});
+}
+function E({ title: e, action: t, children: n }) {
+	return /* @__PURE__ */ S("section", {
+		className: "rounded-2xl border border-border-seam bg-bg-surface p-4",
+		children: [/* @__PURE__ */ S("div", {
+			className: "mb-3 flex items-center justify-between gap-2",
+			children: [/* @__PURE__ */ x("h3", {
+				className: "text-xs font-semibold uppercase tracking-[0.12em] text-text-secondary",
+				children: e
+			}), t]
+		}), n]
+	});
+}
+function D({ discussion: e, onOpen: t }) {
+	return /* @__PURE__ */ S("button", {
+		type: "button",
+		onClick: t,
+		className: "group flex w-full items-start gap-3 rounded-xl px-2 py-2.5 text-left transition-colors hover:bg-bg-sunken",
+		children: [/* @__PURE__ */ x("span", {
+			className: "mt-0.5 flex h-9 w-9 shrink-0 items-center justify-center rounded-full bg-[var(--color-accent-soft)] text-accent",
+			"aria-hidden": "true",
+			children: /* @__PURE__ */ x(e.isInterfaith ? _ : b, { className: "h-4 w-4" })
+		}), /* @__PURE__ */ S("span", {
+			className: "min-w-0 flex-1",
+			children: [/* @__PURE__ */ x("span", {
+				className: "line-clamp-2 text-sm font-medium text-text-primary group-hover:text-accent",
+				children: e.title
+			}), /* @__PURE__ */ S("span", {
+				className: "mt-1 flex flex-wrap items-center gap-x-2.5 gap-y-1 text-xs text-text-tertiary",
+				children: [
+					e.isInterfaith && /* @__PURE__ */ S("span", {
+						className: "inline-flex items-center gap-1 rounded-full bg-[var(--color-accent-soft)] px-1.5 py-0.5 font-medium text-text-primary",
+						children: [/* @__PURE__ */ x(_, {
+							className: "h-3 w-3",
+							"aria-hidden": "true"
+						}), " Interfaith"]
 					}),
-					children: k.length === 0 ? /* @__PURE__ */ v(c, {
-						icon: /* @__PURE__ */ v(m, { className: "h-9 w-9" }),
-						title: "No published stories yet",
-						description: "Draft a story and move it through the editorial lifecycle to publish."
-					}) : /* @__PURE__ */ v("div", {
-						className: "grid gap-4 sm:grid-cols-2 lg:grid-cols-3",
-						children: k.map((e) => /* @__PURE__ */ v(i, {
-							story: e,
-							hideStatus: !0,
-							onOpen: () => p(`stories/${e.id}`)
-						}, e.id))
-					})
-				}),
-				/* @__PURE__ */ v(r, {
-					title: "Active discussions",
-					description: "Respectful, moderated conversations from the community.",
-					action: /* @__PURE__ */ v(x, {
-						label: "All discussions",
-						onClick: () => p("discussions")
+					/* @__PURE__ */ S("span", {
+						className: "inline-flex items-center gap-1",
+						children: [/* @__PURE__ */ x(b, {
+							className: "h-3 w-3",
+							"aria-hidden": "true"
+						}), i(e.replyCount)]
 					}),
-					children: A.length === 0 ? /* @__PURE__ */ v(c, {
-						icon: /* @__PURE__ */ v(_, { className: "h-9 w-9" }),
-						title: "No open discussions",
-						description: "Open a discussion to invite thoughtful perspectives."
-					}) : /* @__PURE__ */ v("div", {
-						className: "grid gap-4 md:grid-cols-2",
-						children: A.map((e) => /* @__PURE__ */ v(o, {
-							discussion: e,
-							onOpen: () => p(`discussions/${e.id}`)
-						}, e.id))
+					/* @__PURE__ */ x("span", { children: a(e.updatedAt) })
+				]
+			})]
+		})]
+	});
+}
+function O({ collection: e, onOpen: n }) {
+	return /* @__PURE__ */ S("button", {
+		type: "button",
+		onClick: n,
+		"aria-label": `Open ${e.name}`,
+		className: "group flex flex-col gap-2 text-left",
+		children: [/* @__PURE__ */ S("span", {
+			className: "relative block aspect-square w-full overflow-hidden rounded-xl",
+			children: [/* @__PURE__ */ x(t, {
+				fileId: e.cover?.id,
+				alt: e.name,
+				rounded: "rounded-none",
+				className: "h-full w-full transition-transform duration-500 group-hover:scale-[1.03]",
+				icon: /* @__PURE__ */ x(y, { className: "h-6 w-6" })
+			}), /* @__PURE__ */ x(o, {
+				position: "bottom-right",
+				icon: /* @__PURE__ */ x(v, { className: "h-3 w-3" }),
+				children: i(e.itemCount)
+			})]
+		}), /* @__PURE__ */ S("span", {
+			className: "min-w-0",
+			children: [/* @__PURE__ */ x("span", {
+				className: "block truncate font-display text-sm font-semibold text-text-primary group-hover:text-accent",
+				children: e.name
+			}), e.tradition && /* @__PURE__ */ x("span", {
+				className: "block truncate text-xs text-text-tertiary",
+				children: e.tradition
+			})]
+		})]
+	});
+}
+function k() {
+	let { navigateTo: t } = e(), i = p({ pagination: { limit: 6 } }), a = f({
+		status: "PUBLISHED",
+		pagination: { limit: 6 }
+	}), o = d({
+		status: "APPROVED",
+		pagination: { limit: 6 }
+	}), m = u({ limit: 6 }), _ = i.data?.items ?? [], v = _.filter((e) => e.isFeatured), k = (v.length > 0 ? v : _).slice(0, 4), A = a.data?.items ?? [], j = o.data?.items ?? [], M = m.data ?? [], N = i.isLoading && a.isLoading && o.isLoading && m.isLoading, P = !i.isLoading && !a.isLoading && !o.isLoading && !m.isLoading && k.length === 0 && A.length === 0 && j.length === 0 && M.length === 0;
+	return /* @__PURE__ */ x("div", {
+		className: "flex h-full flex-col",
+		children: /* @__PURE__ */ x("div", {
+			className: "flex-1 overflow-auto",
+			children: /* @__PURE__ */ S("div", {
+				className: "mx-auto flex max-w-7xl flex-col gap-8 p-4 sm:p-6",
+				children: [/* @__PURE__ */ x(n, {
+					eyebrow: "TheCulturePost",
+					title: "Culture, religion, values & history — told with care",
+					description: "A space for respectful stories and thoughtful conversations that connect us across traditions and time — grounded in the record.",
+					actions: /* @__PURE__ */ S(C, {
+						size: "lg",
+						onClick: () => t("stories"),
+						children: [/* @__PURE__ */ x(h, {
+							className: "mr-1.5 h-4 w-4",
+							"aria-hidden": "true"
+						}), " Read stories"]
 					})
-				}),
-				/* @__PURE__ */ v(r, {
-					title: "From the archive",
-					description: "Collections of manuscripts, photographs, recordings and objects.",
-					action: /* @__PURE__ */ v(x, {
-						label: "Open archive",
-						onClick: () => p("archive")
-					}),
-					children: j.length === 0 ? /* @__PURE__ */ v(c, {
-						icon: /* @__PURE__ */ v(g, { className: "h-9 w-9" }),
-						title: "The archive is empty",
-						description: "Create a collection to begin preserving cultural heritage."
-					}) : /* @__PURE__ */ v("div", {
-						className: "grid gap-4 sm:grid-cols-2 lg:grid-cols-4",
-						children: j.map((e) => /* @__PURE__ */ v(s, {
-							collection: e,
-							onOpen: () => p(`archive/collections/${e.id}`)
-						}, e.id))
+				}), N ? /* @__PURE__ */ x(r, { label: "Loading the latest…" }) : P ? /* @__PURE__ */ x(l, {
+					illustration: "onboarding",
+					icon: /* @__PURE__ */ x(h, { className: "h-10 w-10" }),
+					title: "Welcome to TheCulturePost",
+					description: "This publication is just getting started. Curate a topic, draft a story, or begin building the archive.",
+					action: /* @__PURE__ */ S("div", {
+						className: "flex flex-wrap items-center justify-center gap-3",
+						children: [/* @__PURE__ */ S(C, {
+							onClick: () => t("stories"),
+							children: [/* @__PURE__ */ x(h, {
+								className: "mr-1.5 h-4 w-4",
+								"aria-hidden": "true"
+							}), " Draft a story"]
+						}), /* @__PURE__ */ S(C, {
+							variant: "outline",
+							onClick: () => t("topics"),
+							children: [/* @__PURE__ */ x(g, {
+								className: "mr-1.5 h-4 w-4",
+								"aria-hidden": "true"
+							}), " Curate a topic"]
+						})]
 					})
-				})
-			]
+				}) : /* @__PURE__ */ S("div", {
+					className: "grid gap-8 lg:grid-cols-3",
+					children: [/* @__PURE__ */ S("div", {
+						className: "flex flex-col gap-10 lg:col-span-2",
+						children: [/* @__PURE__ */ x(T, {
+							title: "Featured topics",
+							description: "Curated subjects across culture, faith, history and heritage.",
+							action: /* @__PURE__ */ x(w, {
+								label: "All topics",
+								onClick: () => t("topics")
+							}),
+							children: k.length === 0 ? /* @__PURE__ */ x(l, {
+								icon: /* @__PURE__ */ x(g, { className: "h-9 w-9" }),
+								title: "No topics yet",
+								description: "Curate the first topic to organise the publication."
+							}) : /* @__PURE__ */ x("div", {
+								className: "grid gap-4 sm:grid-cols-2",
+								children: k.map((e) => /* @__PURE__ */ x(c, {
+									topic: e,
+									onOpen: () => t(`topics/${e.id}`)
+								}, e.id))
+							})
+						}), /* @__PURE__ */ x(T, {
+							title: "Latest published stories",
+							description: "Freshly published pieces from the newsroom.",
+							action: /* @__PURE__ */ x(w, {
+								label: "All stories",
+								onClick: () => t("stories")
+							}),
+							children: A.length === 0 ? /* @__PURE__ */ x(l, {
+								icon: /* @__PURE__ */ x(h, { className: "h-9 w-9" }),
+								title: "No published stories yet",
+								description: "Draft a story and move it through the editorial lifecycle to publish."
+							}) : /* @__PURE__ */ x("div", {
+								className: "grid gap-4 sm:grid-cols-2",
+								children: A.map((e) => /* @__PURE__ */ x(s, {
+									story: e,
+									hideStatus: !0,
+									onOpen: () => t(`stories/${e.id}`)
+								}, e.id))
+							})
+						})]
+					}), /* @__PURE__ */ S("aside", {
+						className: "flex flex-col gap-6",
+						children: [/* @__PURE__ */ x(E, {
+							title: "Active discussions",
+							action: /* @__PURE__ */ x("button", {
+								type: "button",
+								onClick: () => t("discussions"),
+								className: "text-xs font-medium text-accent hover:underline",
+								children: "View all"
+							}),
+							children: j.length === 0 ? /* @__PURE__ */ x(l, {
+								icon: /* @__PURE__ */ x(b, { className: "h-8 w-8" }),
+								title: "No open discussions",
+								description: "Open a discussion to invite thoughtful perspectives."
+							}) : /* @__PURE__ */ x("div", {
+								className: "-mx-2 flex flex-col",
+								children: j.map((e) => /* @__PURE__ */ x(D, {
+									discussion: e,
+									onOpen: () => t(`discussions/${e.id}`)
+								}, e.id))
+							})
+						}), /* @__PURE__ */ x(E, {
+							title: "From the archive",
+							action: /* @__PURE__ */ x("button", {
+								type: "button",
+								onClick: () => t("archive"),
+								className: "text-xs font-medium text-accent hover:underline",
+								children: "View all"
+							}),
+							children: M.length === 0 ? /* @__PURE__ */ x(l, {
+								icon: /* @__PURE__ */ x(y, { className: "h-8 w-8" }),
+								title: "The archive is empty",
+								description: "Create a collection to begin preserving heritage."
+							}) : /* @__PURE__ */ x("div", {
+								className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
+								children: M.map((e) => /* @__PURE__ */ x(O, {
+									collection: e,
+									onOpen: () => t(`archive/collections/${e.id}`)
+								}, e.id))
+							})
+						})]
+					})]
+				})]
+			})
 		})
 	});
 }
 //#endregion
-export { S as HomePage };
+export { k as HomePage };
 //# sourceMappingURL=HomePage.js.map

package/dist/theculturepost/pages/HomePage.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"HomePage.js","names":[],"sources":["../../../src/theculturepost/pages/HomePage.tsx"],"sourcesContent":["/*\n HomePage — the editorial landing for TheCulturePost.\n * @module theculturepost/pages\n \n Surfaces featured topics (`tcpListTopics`), the latest published stories\n * (`tcpListStories status:PUBLISHED`), active discussions\n * (`tcpListDiscussions status:APPROVED`) and featured collections\n * (`tcpListCollections`). Everything links into its section; honest empty states\n * appear when a surface has no data yet.\n /\n\nimport { BookOpen, Compass, MessagesSquare, Library, ArrowRight } from 'lucide-react';\nimport { Button } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../components/PageLayout';\nimport { Section, LoadingView } from '../components/StateViews';\nimport { StoryCard } from '../components/StoryCard';\nimport { TopicCard } from '../components/TopicCard';\nimport { DiscussionCard } from '../components/DiscussionCard';\nimport { CollectionCard } from '../components/CollectionCard';\nimport { EmptyState } from '../components/EmptyState';\nimport { useTcpTopics, useTcpStories, useTcpDiscussions, useTcpCollections } from '../hooks';\nimport { useTheCulturePost } from '../context';\n\nfunction SectionLink({ label, onClick }: { label: string; onClick: () => void }) {\n return (\n <Button variant=\"ghost\" size=\"sm\" onClick={onClick}>\n {label} <ArrowRight className=\"ml-1 h-4 w-4\" />\n </Button>\n );\n}\n\nexport function HomePage() {\n const { navigateTo } = useTheCulturePost();\n\n const topicsQuery = useTcpTopics({ pagination: { limit: 6 } });\n const storiesQuery = useTcpStories({ status: 'PUBLISHED', pagination: { limit: 6 } });\n const discussionsQuery = useTcpDiscussions({ status: 'APPROVED', pagination: { limit: 4 } });\n const collectionsQuery = useTcpCollections({ limit: 4 });\n\n const topics = topicsQuery.data?.items ?? [];\n const featuredTopics = topics.filter((t) => t.isFeatured);\n const shownTopics = (featuredTopics.length > 0 ? featuredTopics : topics).slice(0, 6);\n const stories = storiesQuery.data?.items ?? [];\n const discussions = discussionsQuery.data?.items ?? [];\n const collections = collectionsQuery.data ?? [];\n\n const anythingLoading =\n topicsQuery.isLoading &&\n storiesQuery.isLoading &&\n discussionsQuery.isLoading &&\n collectionsQuery.isLoading;\n\n const everythingEmpty =\n !topicsQuery.isLoading &&\n !storiesQuery.isLoading &&\n !discussionsQuery.isLoading &&\n !collectionsQuery.isLoading &&\n shownTopics.length === 0 &&\n stories.length === 0 &&\n discussions.length === 0 &&\n collections.length === 0;\n\n return (\n <PageLayout\n title=\"TheCulturePost\"\n titleGradient\n aurora\n description=\"Culture, religion, values and history — told with care and grounded in the record.\"\n actions={\n <Button onClick={() => navigateTo('stories')}>\n <BookOpen className=\"mr-1.5 h-4 w-4\" /> Read stories\n </Button>\n }\n >\n {anythingLoading ? (\n <LoadingView label=\"Loading the latest…\" />\n ) : everythingEmpty ? (\n <EmptyState\n illustration=\"onboarding\"\n icon={<BookOpen className=\"h-10 w-10\" />}\n title=\"Welcome to TheCulturePost\"\n description=\"This publication is just getting started. Curate a topic, draft a story, or begin building the archive.\"\n action={\n <div className=\"flex flex-wrap items-center justify-center gap-3\">\n <Button onClick={() => navigateTo('stories')}>\n <BookOpen className=\"mr-1.5 h-4 w-4\" /> Draft a story\n </Button>\n <Button variant=\"outline\" onClick={() => navigateTo('topics')}>\n <Compass className=\"mr-1.5 h-4 w-4\" /> Curate a topic\n </Button>\n </div>\n }\n />\n ) : (\n <div className=\"mx-auto flex max-w-6xl flex-col gap-2\">\n {/ Featured topics /}\n <Section\n title=\"Featured topics\"\n description=\"Curated subjects across culture, faith, history and heritage.\"\n action={<SectionLink label=\"All topics\" onClick={() => navigateTo('topics')} />}\n >\n {shownTopics.length === 0 ? (\n <EmptyState\n icon={<Compass className=\"h-9 w-9\" />}\n title=\"No topics yet\"\n description=\"Curate the first topic to organise the publication.\"\n />\n ) : (\n <div className=\"grid gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n {shownTopics.map((topic) => (\n <TopicCard\n key={topic.id}\n topic={topic}\n onOpen={() => navigateTo(`topics/${topic.id}`)}\n />\n ))}\n </div>\n )}\n </Section>\n\n {/ Latest stories /}\n <Section\n title=\"Latest stories\"\n description=\"Freshly published pieces from the newsroom.\"\n action={<SectionLink label=\"All stories\" onClick={() => navigateTo('stories')} />}\n >\n {stories.length === 0 ? (\n <EmptyState\n icon={<BookOpen className=\"h-9 w-9\" />}\n title=\"No published stories yet\"\n description=\"Draft a story and move it through the editorial lifecycle to publish.\"\n />\n ) : (\n <div className=\"grid gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n {stories.map((story) => (\n <StoryCard\n key={story.id}\n story={story}\n hideStatus\n onOpen={() => navigateTo(`stories/${story.id}`)}\n />\n ))}\n </div>\n )}\n </Section>\n\n {/ Active discussions /}\n <Section\n title=\"Active discussions\"\n description=\"Respectful, moderated conversations from the community.\"\n action={\n <SectionLink label=\"All discussions\" onClick={() => navigateTo('discussions')} />\n }\n >\n {discussions.length === 0 ? (\n <EmptyState\n icon={<MessagesSquare className=\"h-9 w-9\" />}\n title=\"No open discussions\"\n description=\"Open a discussion to invite thoughtful perspectives.\"\n />\n ) : (\n <div className=\"grid gap-4 md:grid-cols-2\">\n {discussions.map((discussion) => (\n <DiscussionCard\n key={discussion.id}\n discussion={discussion}\n onOpen={() => navigateTo(`discussions/${discussion.id}`)}\n />\n ))}\n </div>\n )}\n </Section>\n\n {/ Featured collections */}\n <Section\n title=\"From the archive\"\n description=\"Collections of manuscripts, photographs, recordings and objects.\"\n action={<SectionLink label=\"Open archive\" onClick={() => navigateTo('archive')} />}\n >\n {collections.length === 0 ? (\n <EmptyState\n icon={<Library className=\"h-9 w-9\" />}\n title=\"The archive is empty\"\n description=\"Create a collection to begin preserving cultural heritage.\"\n />\n ) : (\n <div className=\"grid gap-4 sm:grid-cols-2 lg:grid-cols-4\">\n {collections.map((collection) => (\n <CollectionCard\n key={collection.id}\n collection={collection}\n onOpen={() => navigateTo(`archive/collections/${collection.id}`)}\n />\n ))}\n </div>\n )}\n </Section>\n </div>\n )}\n </PageLayout>\n );\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"HomePage.js","names":[],"sources":["../../../src/theculturepost/pages/HomePage.tsx"],"sourcesContent":["/*\n HomePage — the editorial-magazine landing for TheCulturePost.\n * @module theculturepost/pages\n \n Layout: a decorative {@link PageHero}, then a two-column magazine grid —\n * - main column: \"Featured topics\" ({@link TopicCard}) + \"Latest published\n * stories\" ({@link StoryCard} status:PUBLISHED)\n * - right rail (compact): \"Active discussions\" (status:APPROVED) rows +\n * \"From the archive\" collection thumbnails.\n \n Every surface links into its section and shows an honest empty state when it\n * has no data. Only real schema fields are rendered — no fabricated metrics,\n * avatars or imagery (topics/discussions use token-only decorative motifs).\n /\n\nimport type { ReactNode } from 'react';\nimport {\n BookOpen,\n Compass,\n MessagesSquare,\n Library,\n Layers,\n HeartHandshake,\n ArrowRight,\n} from 'lucide-react';\nimport { Button } from '@burdenoff/fe-libs/ui';\nimport { PageHero } from '../components/PageHero';\nimport { LoadingView } from '../components/StateViews';\nimport { StoryCard } from '../components/StoryCard';\nimport { TopicCard } from '../components/TopicCard';\nimport { CoverImage } from '../components/CoverImage';\nimport { OverlayBadge } from '../components/OverlayBadge';\nimport { EmptyState } from '../components/EmptyState';\nimport { useTcpTopics, useTcpStories, useTcpDiscussions, useTcpCollections } from '../hooks';\nimport { useTheCulturePost } from '../context';\nimport { formatNumber, formatRelativeTime } from '../utils/formatters';\nimport type { TcpDiscussion, TcpCollection } from '../types';\n\n// ---------------------------------------------------------------------------\n// Small presentational helpers (home-only; kept inline)\n// ---------------------------------------------------------------------------\n\nfunction SectionLink({ label, onClick }: { label: string; onClick: () => void }) {\n return (\n <Button variant=\"ghost\" size=\"sm\" onClick={onClick} className=\"shrink-0\">\n {label} <ArrowRight className=\"ml-1 h-4 w-4\" aria-hidden=\"true\" />\n </Button>\n );\n}\n\n/* A magazine section header (serif) for the main reading column. /\nfunction MagSection({\n title,\n description,\n action,\n children,\n}: {\n title: string;\n description?: string;\n action?: ReactNode;\n children: ReactNode;\n}) {\n return (\n <section className=\"flex flex-col gap-4\">\n <div className=\"flex items-end justify-between gap-3 border-b border-border-seam pb-3\">\n <div className=\"min-w-0\">\n <h2 className=\"font-display text-xl font-semibold leading-tight text-text-primary sm:text-2xl\">\n {title}\n </h2>\n {description && <p className=\"mt-1 text-sm text-text-secondary\">{description}</p>}\n </div>\n {action}\n </div>\n {children}\n </section>\n );\n}\n\n/* A bordered panel for the compact right rail. /\nfunction RailSection({\n title,\n action,\n children,\n}: {\n title: string;\n action?: ReactNode;\n children: ReactNode;\n}) {\n return (\n <section className=\"rounded-2xl border border-border-seam bg-bg-surface p-4\">\n <div className=\"mb-3 flex items-center justify-between gap-2\">\n <h3 className=\"text-xs font-semibold uppercase tracking-[0.12em] text-text-secondary\">\n {title}\n </h3>\n {action}\n </div>\n {children}\n </section>\n );\n}\n\n/* A compact discussion row for the rail — real fields only. /\nfunction DiscussionRow({ discussion, onOpen }: { discussion: TcpDiscussion; onOpen: () => void }) {\n const Icon = discussion.isInterfaith ? HeartHandshake : MessagesSquare;\n return (\n <button\n type=\"button\"\n onClick={onOpen}\n className=\"group flex w-full items-start gap-3 rounded-xl px-2 py-2.5 text-left transition-colors hover:bg-bg-sunken\"\n >\n <span\n className=\"mt-0.5 flex h-9 w-9 shrink-0 items-center justify-center rounded-full bg-[var(--color-accent-soft)] text-accent\"\n aria-hidden=\"true\"\n >\n <Icon className=\"h-4 w-4\" />\n </span>\n <span className=\"min-w-0 flex-1\">\n <span className=\"line-clamp-2 text-sm font-medium text-text-primary group-hover:text-accent\">\n {discussion.title}\n </span>\n <span className=\"mt-1 flex flex-wrap items-center gap-x-2.5 gap-y-1 text-xs text-text-tertiary\">\n {discussion.isInterfaith && (\n <span className=\"inline-flex items-center gap-1 rounded-full bg-[var(--color-accent-soft)] px-1.5 py-0.5 font-medium text-text-primary\">\n <HeartHandshake className=\"h-3 w-3\" aria-hidden=\"true\" /> Interfaith\n </span>\n )}\n <span className=\"inline-flex items-center gap-1\">\n <MessagesSquare className=\"h-3 w-3\" aria-hidden=\"true\" />\n {formatNumber(discussion.replyCount)}\n </span>\n <span>{formatRelativeTime(discussion.updatedAt)}</span>\n </span>\n </span>\n </button>\n );\n}\n\n/* A compact archive-collection thumbnail for the rail (real itemCount only). /\nfunction ArchiveThumb({ collection, onOpen }: { collection: TcpCollection; onOpen: () => void }) {\n return (\n <button\n type=\"button\"\n onClick={onOpen}\n aria-label={`Open ${collection.name}`}\n className=\"group flex flex-col gap-2 text-left\"\n >\n <span className=\"relative block aspect-square w-full overflow-hidden rounded-xl\">\n <CoverImage\n fileId={collection.cover?.id}\n alt={collection.name}\n rounded=\"rounded-none\"\n className=\"h-full w-full transition-transform duration-500 group-hover:scale-[1.03]\"\n icon={<Library className=\"h-6 w-6\" />}\n />\n <OverlayBadge position=\"bottom-right\" icon={<Layers className=\"h-3 w-3\" />}>\n {formatNumber(collection.itemCount)}\n </OverlayBadge>\n </span>\n <span className=\"min-w-0\">\n <span className=\"block truncate font-display text-sm font-semibold text-text-primary group-hover:text-accent\">\n {collection.name}\n </span>\n {collection.tradition && (\n <span className=\"block truncate text-xs text-text-tertiary\">{collection.tradition}</span>\n )}\n </span>\n </button>\n );\n}\n\n// ---------------------------------------------------------------------------\n// Page\n// ---------------------------------------------------------------------------\n\nexport function HomePage() {\n const { navigateTo } = useTheCulturePost();\n\n const topicsQuery = useTcpTopics({ pagination: { limit: 6 } });\n const storiesQuery = useTcpStories({ status: 'PUBLISHED', pagination: { limit: 6 } });\n const discussionsQuery = useTcpDiscussions({ status: 'APPROVED', pagination: { limit: 6 } });\n const collectionsQuery = useTcpCollections({ limit: 6 });\n\n const topics = topicsQuery.data?.items ?? [];\n const featuredTopics = topics.filter((t) => t.isFeatured);\n const shownTopics = (featuredTopics.length > 0 ? featuredTopics : topics).slice(0, 4);\n const stories = storiesQuery.data?.items ?? [];\n const discussions = discussionsQuery.data?.items ?? [];\n const collections = collectionsQuery.data ?? [];\n\n const anythingLoading =\n topicsQuery.isLoading &&\n storiesQuery.isLoading &&\n discussionsQuery.isLoading &&\n collectionsQuery.isLoading;\n\n const everythingEmpty =\n !topicsQuery.isLoading &&\n !storiesQuery.isLoading &&\n !discussionsQuery.isLoading &&\n !collectionsQuery.isLoading &&\n shownTopics.length === 0 &&\n stories.length === 0 &&\n discussions.length === 0 &&\n collections.length === 0;\n\n return (\n <div className=\"flex h-full flex-col\">\n <div className=\"flex-1 overflow-auto\">\n <div className=\"mx-auto flex max-w-7xl flex-col gap-8 p-4 sm:p-6\">\n <PageHero\n eyebrow=\"TheCulturePost\"\n title=\"Culture, religion, values & history — told with care\"\n description=\"A space for respectful stories and thoughtful conversations that connect us across traditions and time — grounded in the record.\"\n actions={\n <Button size=\"lg\" onClick={() => navigateTo('stories')}>\n <BookOpen className=\"mr-1.5 h-4 w-4\" aria-hidden=\"true\" /> Read stories\n </Button>\n }\n />\n\n {anythingLoading ? (\n <LoadingView label=\"Loading the latest…\" />\n ) : everythingEmpty ? (\n <EmptyState\n illustration=\"onboarding\"\n icon={<BookOpen className=\"h-10 w-10\" />}\n title=\"Welcome to TheCulturePost\"\n description=\"This publication is just getting started. Curate a topic, draft a story, or begin building the archive.\"\n action={\n <div className=\"flex flex-wrap items-center justify-center gap-3\">\n <Button onClick={() => navigateTo('stories')}>\n <BookOpen className=\"mr-1.5 h-4 w-4\" aria-hidden=\"true\" /> Draft a story\n </Button>\n <Button variant=\"outline\" onClick={() => navigateTo('topics')}>\n <Compass className=\"mr-1.5 h-4 w-4\" aria-hidden=\"true\" /> Curate a topic\n </Button>\n </div>\n }\n />\n ) : (\n <div className=\"grid gap-8 lg:grid-cols-3\">\n {/ Main reading column /}\n <div className=\"flex flex-col gap-10 lg:col-span-2\">\n {/ Featured topics /}\n <MagSection\n title=\"Featured topics\"\n description=\"Curated subjects across culture, faith, history and heritage.\"\n action={<SectionLink label=\"All topics\" onClick={() => navigateTo('topics')} />}\n >\n {shownTopics.length === 0 ? (\n <EmptyState\n icon={<Compass className=\"h-9 w-9\" />}\n title=\"No topics yet\"\n description=\"Curate the first topic to organise the publication.\"\n />\n ) : (\n <div className=\"grid gap-4 sm:grid-cols-2\">\n {shownTopics.map((topic) => (\n <TopicCard\n key={topic.id}\n topic={topic}\n onOpen={() => navigateTo(`topics/${topic.id}`)}\n />\n ))}\n </div>\n )}\n </MagSection>\n\n {/ Latest published stories /}\n <MagSection\n title=\"Latest published stories\"\n description=\"Freshly published pieces from the newsroom.\"\n action={<SectionLink label=\"All stories\" onClick={() => navigateTo('stories')} />}\n >\n {stories.length === 0 ? (\n <EmptyState\n icon={<BookOpen className=\"h-9 w-9\" />}\n title=\"No published stories yet\"\n description=\"Draft a story and move it through the editorial lifecycle to publish.\"\n />\n ) : (\n <div className=\"grid gap-4 sm:grid-cols-2\">\n {stories.map((story) => (\n <StoryCard\n key={story.id}\n story={story}\n hideStatus\n onOpen={() => navigateTo(`stories/${story.id}`)}\n />\n ))}\n </div>\n )}\n </MagSection>\n </div>\n\n {/ Compact right rail /}\n <aside className=\"flex flex-col gap-6\">\n {/ Active discussions /}\n <RailSection\n title=\"Active discussions\"\n action={\n <button\n type=\"button\"\n onClick={() => navigateTo('discussions')}\n className=\"text-xs font-medium text-accent hover:underline\"\n >\n View all\n </button>\n }\n >\n {discussions.length === 0 ? (\n <EmptyState\n icon={<MessagesSquare className=\"h-8 w-8\" />}\n title=\"No open discussions\"\n description=\"Open a discussion to invite thoughtful perspectives.\"\n />\n ) : (\n <div className=\"-mx-2 flex flex-col\">\n {discussions.map((discussion) => (\n <DiscussionRow\n key={discussion.id}\n discussion={discussion}\n onOpen={() => navigateTo(`discussions/${discussion.id}`)}\n />\n ))}\n </div>\n )}\n </RailSection>\n\n {/ From the archive */}\n <RailSection\n title=\"From the archive\"\n action={\n <button\n type=\"button\"\n onClick={() => navigateTo('archive')}\n className=\"text-xs font-medium text-accent hover:underline\"\n >\n View all\n </button>\n }\n >\n {collections.length === 0 ? (\n <EmptyState\n icon={<Library className=\"h-8 w-8\" />}\n title=\"The archive is empty\"\n description=\"Create a collection to begin preserving heritage.\"\n />\n ) : (\n <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n {collections.map((collection) => (\n <ArchiveThumb\n key={collection.id}\n collection={collection}\n onOpen={() => navigateTo(`archive/collections/${collection.id}`)}\n />\n ))}\n </div>\n )}\n </RailSection>\n </aside>\n </div>\n )}\n </div>\n </div>\n </div>\n );\n}\n"],"mappings":"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"}