@burdenoff/microfe-theculturepost 2026.705.2 → 2026.709.2

package/dist/theculturepost/pages/stories/StoriesPage.js

@@ -5,17 +5,18 @@ import { StoryCard as r } from "../../components/StoryCard.js";
 import { EmptyState as i } from "../../components/EmptyState.js";
 import { useTcpStories as a, useTcpTopics as o } from "../../hooks/useTcpApi.js";
 import { useCursorPager as s } from "../../hooks/useCursorPager.js";
+import { useTr as c } from "../../hooks/useTr.js";
 import "../../hooks/index.js";
-import { Pagination as c } from "../../components/Pagination.js";
-import { PageLayout as l } from "../../components/PageLayout.js";
-import { FilterTabs as u } from "../../components/FilterTabs.js";
-import { CreateStoryDialog as d } from "../../components/CreateStoryDialog.js";
-import { useState as f } from "react";
-import { BookOpen as p, Plus as m } from "lucide-react";
-import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
-import { Button as v, Select as y, SelectContent as b, SelectItem as x, SelectTrigger as S, SelectValue as C } from "@burdenoff/fe-libs/ui";
+import { Pagination as l } from "../../components/Pagination.js";
+import { PageLayout as u } from "../../components/PageLayout.js";
+import { FilterTabs as d } from "../../components/FilterTabs.js";
+import { CreateStoryDialog as f } from "../../components/CreateStoryDialog.js";
+import { useState as p } from "react";
+import { BookOpen as m, Plus as h } from "lucide-react";
+import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
+import { Button as y, Select as b, SelectContent as x, SelectItem as S, SelectTrigger as C, SelectValue as w } from "@burdenoff/fe-libs/ui";
 //#region src/theculturepost/pages/stories/StoriesPage.tsx
-var w = 12, T = [
+var T = 12, E = [
 	{
 		value: "ALL",
 		label: "All"
@@ -41,84 +42,90 @@ var w = 12, T = [
 		label: "Archived"
 	}
 ];
-function E() {
-	let { navigateTo: E } = e(), D = s(), [O, k] = f("ALL"), [A, j] = f("ALL"), [M, N] = f(!1), P = o({ pagination: { limit: 100 } }), { data: F, isLoading: I, isError: L, refetch: R } = a({
-		status: O === "ALL" ? void 0 : O,
-		topicId: A === "ALL" ? void 0 : A,
+function D() {
+	let { navigateTo: D } = e(), O = c(), k = s(), [A, j] = p("ALL"), [M, N] = p("ALL"), [P, F] = p(!1), I = o({ pagination: { limit: 100 } }), { data: L, isLoading: R, isError: z, refetch: B } = a({
+		status: A === "ALL" ? void 0 : A,
+		topicId: M === "ALL" ? void 0 : M,
 		pagination: {
-			limit: w,
-			cursor: D.cursor
+			limit: T,
+			cursor: k.cursor
 		}
-	}), z = F?.items ?? [];
-	return /* @__PURE__ */ _(l, {
-		title: "Stories",
-		description: "Articles, essays, explainers, photo stories and timelines — across the full editorial lifecycle.",
-		actions: /* @__PURE__ */ _(v, {
-			onClick: () => N(!0),
-			children: [/* @__PURE__ */ g(m, { className: "mr-1.5 h-4 w-4" }), " New story"]
+	}), V = L?.items ?? [];
+	return /* @__PURE__ */ v(u, {
+		title: O("stories.title", "Stories"),
+		description: O("stories.description", "Articles, essays, explainers, photo stories and timelines — across the full editorial lifecycle."),
+		actions: /* @__PURE__ */ v(y, {
+			onClick: () => F(!0),
+			"data-tour": "theculturepost-stories-create",
+			children: [
+				/* @__PURE__ */ _(h, { className: "mr-1.5 h-4 w-4" }),
+				" ",
+				O("stories.newStory", "New story")
+			]
 		}),
 		children: [
-			/* @__PURE__ */ _("div", {
+			/* @__PURE__ */ v("div", {
 				className: "mb-6 flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between",
-				children: [/* @__PURE__ */ g(u, {
-					options: T,
-					value: O,
+				"data-tour": "theculturepost-stories-filters",
+				children: [/* @__PURE__ */ _(d, {
+					options: E,
+					value: A,
 					onChange: (e) => {
-						k(e), D.reset();
+						j(e), k.reset();
 					}
-				}), /* @__PURE__ */ _(y, {
-					value: A,
+				}), /* @__PURE__ */ v(b, {
+					value: M,
 					onValueChange: (e) => {
-						j(e), D.reset();
+						N(e), k.reset();
 					},
-					children: [/* @__PURE__ */ g(S, {
+					children: [/* @__PURE__ */ _(C, {
 						className: "w-full sm:w-[13rem]",
 						"aria-label": "Filter by topic",
-						children: /* @__PURE__ */ g(C, { placeholder: "All topics" })
-					}), /* @__PURE__ */ _(b, { children: [/* @__PURE__ */ g(x, {
+						children: /* @__PURE__ */ _(w, { placeholder: "All topics" })
+					}), /* @__PURE__ */ v(x, { children: [/* @__PURE__ */ _(S, {
 						value: "ALL",
 						children: "All topics"
-					}), (P.data?.items ?? []).map((e) => /* @__PURE__ */ g(x, {
+					}), (I.data?.items ?? []).map((e) => /* @__PURE__ */ _(S, {
 						value: e.id,
 						children: e.name
 					}, e.id))] })]
 				})]
 			}),
-			I ? /* @__PURE__ */ g(n, { label: "Loading stories…" }) : L ? /* @__PURE__ */ g(t, {
+			R ? /* @__PURE__ */ _(n, { label: "Loading stories…" }) : z ? /* @__PURE__ */ _(t, {
 				message: "We couldn't load stories.",
-				onRetry: () => R()
-			}) : z.length === 0 && D.page === 0 ? /* @__PURE__ */ g(i, {
+				onRetry: () => B()
+			}) : V.length === 0 && k.page === 0 ? /* @__PURE__ */ _(i, {
 				illustration: "empty-data",
-				icon: /* @__PURE__ */ g(p, { className: "h-10 w-10" }),
-				title: O === "ALL" && A === "ALL" ? "No stories yet" : "No stories match these filters",
-				description: O === "ALL" && A === "ALL" ? "Draft the first story — it enters the editorial lifecycle you can publish from." : "Try widening the filters, or draft a new story.",
-				action: /* @__PURE__ */ _(v, {
-					onClick: () => N(!0),
-					children: [/* @__PURE__ */ g(m, { className: "mr-1.5 h-4 w-4" }), " New story"]
+				icon: /* @__PURE__ */ _(m, { className: "h-10 w-10" }),
+				title: A === "ALL" && M === "ALL" ? "No stories yet" : "No stories match these filters",
+				description: A === "ALL" && M === "ALL" ? "Draft the first story — it enters the editorial lifecycle you can publish from." : "Try widening the filters, or draft a new story.",
+				action: /* @__PURE__ */ v(y, {
+					onClick: () => F(!0),
+					children: [/* @__PURE__ */ _(h, { className: "mr-1.5 h-4 w-4" }), " New story"]
 				})
-			}) : /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g("div", {
+			}) : /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _("div", {
 				className: "grid gap-5 sm:grid-cols-2 lg:grid-cols-3",
-				children: z.map((e) => /* @__PURE__ */ g(r, {
+				children: V.map((e) => /* @__PURE__ */ _(r, {
 					story: e,
-					onOpen: () => E(`stories/${e.id}`)
+					onOpen: () => D(`stories/${e.id}`)
 				}, e.id))
-			}), /* @__PURE__ */ g(c, {
-				page: D.page,
-				pageSize: w,
-				itemCount: z.length,
-				hasMore: F?.pageInfo.hasMore ?? !1,
-				onPageChange: (e) => D.onPageChange(e, F?.pageInfo.cursor)
+			}), /* @__PURE__ */ _(l, {
+				page: k.page,
+				pageSize: T,
+				itemCount: V.length,
+				hasMore: L?.pageInfo.hasMore ?? !1,
+				onPageChange: (e) => k.onPageChange(e, L?.pageInfo.cursor)
 			})] }),
-			/* @__PURE__ */ g(d, {
-				open: M,
-				onOpenChange: N,
-				topicId: A === "ALL" ? void 0 : A,
-				onCreated: (e) => E(`stories/${e.id}`)
+			/* @__PURE__ */ _(f, {
+				open: P,
+				onOpenChange: F,
+				topicId: M === "ALL" ? void 0 : M,
+				onCreated: (e) => D(`stories/${e.id}`)
 			})
 		]
 	});
 }
 //#endregion
-export { E as StoriesPage };
+export { D as StoriesPage };
 
 //# sourceMappingURL=StoriesPage.js.map

package/dist/theculturepost/pages/stories/StoriesPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"StoriesPage.js","names":[],"sources":["../../../../src/theculturepost/pages/stories/StoriesPage.tsx"],"sourcesContent":["/**\n * StoriesPage — browse the newsroom.\n * @module theculturepost/pages/stories\n *\n * Reads `tcpListStories` (filtered by status + optional topic). \"New Story\"\n * opens {@link CreateStoryDialog}. Cursor-paginated.\n */\n\nimport { useState } from 'react';\nimport { BookOpen, Plus } from 'lucide-react';\nimport {\n  Button,\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../../components/PageLayout';\nimport { FilterTabs, type FilterOption } from '../../components/FilterTabs';\nimport { StoryCard } from '../../components/StoryCard';\nimport { CreateStoryDialog } from '../../components/CreateStoryDialog';\nimport { EmptyState } from '../../components/EmptyState';\nimport { LoadingView, ErrorView } from '../../components/StateViews';\nimport { Pagination } from '../../components/Pagination';\nimport { useTcpStories, useTcpTopics, useCursorPager } from '../../hooks';\nimport { useTheCulturePost } from '../../context';\nimport type { TcpStoryStatus } from '../../types';\n\nconst PAGE_SIZE = 12;\n\ntype StatusFilter = 'ALL' | TcpStoryStatus;\n\nconst STATUS_FILTERS: FilterOption<StatusFilter>[] = [\n  { value: 'ALL', label: 'All' },\n  { value: 'PUBLISHED', label: 'Published' },\n  { value: 'IN_REVIEW', label: 'In Review' },\n  { value: 'DRAFT', label: 'Draft' },\n  { value: 'IDEA', label: 'Idea' },\n  { value: 'ARCHIVED', label: 'Archived' },\n];\n\nexport function StoriesPage() {\n  const { navigateTo } = useTheCulturePost();\n  const pager = useCursorPager();\n  const [status, setStatus] = useState<StatusFilter>('ALL');\n  const [topicId, setTopicId] = useState<string>('ALL');\n  const [createOpen, setCreateOpen] = useState(false);\n\n  const topicsQuery = useTcpTopics({ pagination: { limit: 100 } });\n  const { data, isLoading, isError, refetch } = useTcpStories({\n    status: status === 'ALL' ? undefined : status,\n    topicId: topicId === 'ALL' ? undefined : topicId,\n    pagination: { limit: PAGE_SIZE, cursor: pager.cursor },\n  });\n\n  const stories = data?.items ?? [];\n\n  const changeStatus = (next: StatusFilter) => {\n    setStatus(next);\n    pager.reset();\n  };\n\n  const changeTopic = (next: string) => {\n    setTopicId(next);\n    pager.reset();\n  };\n\n  return (\n    <PageLayout\n      title=\"Stories\"\n      description=\"Articles, essays, explainers, photo stories and timelines — across the full editorial lifecycle.\"\n      actions={\n        <Button onClick={() => setCreateOpen(true)}>\n          <Plus className=\"mr-1.5 h-4 w-4\" /> New story\n        </Button>\n      }\n    >\n      <div className=\"mb-6 flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between\">\n        <FilterTabs options={STATUS_FILTERS} value={status} onChange={changeStatus} />\n        <Select value={topicId} onValueChange={changeTopic}>\n          <SelectTrigger className=\"w-full sm:w-[13rem]\" aria-label=\"Filter by topic\">\n            <SelectValue placeholder=\"All topics\" />\n          </SelectTrigger>\n          <SelectContent>\n            <SelectItem value=\"ALL\">All topics</SelectItem>\n            {(topicsQuery.data?.items ?? []).map((topic) => (\n              <SelectItem key={topic.id} value={topic.id}>\n                {topic.name}\n              </SelectItem>\n            ))}\n          </SelectContent>\n        </Select>\n      </div>\n\n      {isLoading ? (\n        <LoadingView label=\"Loading stories…\" />\n      ) : isError ? (\n        <ErrorView message=\"We couldn't load stories.\" onRetry={() => refetch()} />\n      ) : stories.length === 0 && pager.page === 0 ? (\n        <EmptyState\n          illustration=\"empty-data\"\n          icon={<BookOpen className=\"h-10 w-10\" />}\n          title={\n            status === 'ALL' && topicId === 'ALL'\n              ? 'No stories yet'\n              : 'No stories match these filters'\n          }\n          description={\n            status === 'ALL' && topicId === 'ALL'\n              ? 'Draft the first story — it enters the editorial lifecycle you can publish from.'\n              : 'Try widening the filters, or draft a new story.'\n          }\n          action={\n            <Button onClick={() => setCreateOpen(true)}>\n              <Plus className=\"mr-1.5 h-4 w-4\" /> New story\n            </Button>\n          }\n        />\n      ) : (\n        <>\n          <div className=\"grid gap-5 sm:grid-cols-2 lg:grid-cols-3\">\n            {stories.map((story) => (\n              <StoryCard\n                key={story.id}\n                story={story}\n                onOpen={() => navigateTo(`stories/${story.id}`)}\n              />\n            ))}\n          </div>\n          <Pagination\n            page={pager.page}\n            pageSize={PAGE_SIZE}\n            itemCount={stories.length}\n            hasMore={data?.pageInfo.hasMore ?? false}\n            onPageChange={(target) => pager.onPageChange(target, data?.pageInfo.cursor)}\n          />\n        </>\n      )}\n\n      <CreateStoryDialog\n        open={createOpen}\n        onOpenChange={setCreateOpen}\n        topicId={topicId === 'ALL' ? undefined : topicId}\n        onCreated={(story) => navigateTo(`stories/${story.id}`)}\n      />\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"StoriesPage.js","names":[],"sources":["../../../../src/theculturepost/pages/stories/StoriesPage.tsx"],"sourcesContent":["/**\n * StoriesPage — browse the newsroom.\n * @module theculturepost/pages/stories\n *\n * Reads `tcpListStories` (filtered by status + optional topic). \"New Story\"\n * opens {@link CreateStoryDialog}. Cursor-paginated.\n */\n\nimport { useState } from 'react';\nimport { BookOpen, Plus } from 'lucide-react';\nimport {\n  Button,\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../../components/PageLayout';\nimport { FilterTabs, type FilterOption } from '../../components/FilterTabs';\nimport { StoryCard } from '../../components/StoryCard';\nimport { CreateStoryDialog } from '../../components/CreateStoryDialog';\nimport { EmptyState } from '../../components/EmptyState';\nimport { LoadingView, ErrorView } from '../../components/StateViews';\nimport { Pagination } from '../../components/Pagination';\nimport { useTcpStories, useTcpTopics, useCursorPager, useTr } from '../../hooks';\nimport { useTheCulturePost } from '../../context';\nimport type { TcpStoryStatus } from '../../types';\n\nconst PAGE_SIZE = 12;\n\ntype StatusFilter = 'ALL' | TcpStoryStatus;\n\nconst STATUS_FILTERS: FilterOption<StatusFilter>[] = [\n  { value: 'ALL', label: 'All' },\n  { value: 'PUBLISHED', label: 'Published' },\n  { value: 'IN_REVIEW', label: 'In Review' },\n  { value: 'DRAFT', label: 'Draft' },\n  { value: 'IDEA', label: 'Idea' },\n  { value: 'ARCHIVED', label: 'Archived' },\n];\n\nexport function StoriesPage() {\n  const { navigateTo } = useTheCulturePost();\n  const tr = useTr();\n  const pager = useCursorPager();\n  const [status, setStatus] = useState<StatusFilter>('ALL');\n  const [topicId, setTopicId] = useState<string>('ALL');\n  const [createOpen, setCreateOpen] = useState(false);\n\n  const topicsQuery = useTcpTopics({ pagination: { limit: 100 } });\n  const { data, isLoading, isError, refetch } = useTcpStories({\n    status: status === 'ALL' ? undefined : status,\n    topicId: topicId === 'ALL' ? undefined : topicId,\n    pagination: { limit: PAGE_SIZE, cursor: pager.cursor },\n  });\n\n  const stories = data?.items ?? [];\n\n  const changeStatus = (next: StatusFilter) => {\n    setStatus(next);\n    pager.reset();\n  };\n\n  const changeTopic = (next: string) => {\n    setTopicId(next);\n    pager.reset();\n  };\n\n  return (\n    <PageLayout\n      title={tr('stories.title', 'Stories')}\n      description={tr(\n        'stories.description',\n        'Articles, essays, explainers, photo stories and timelines — across the full editorial lifecycle.'\n      )}\n      actions={\n        <Button onClick={() => setCreateOpen(true)} data-tour=\"theculturepost-stories-create\">\n          <Plus className=\"mr-1.5 h-4 w-4\" /> {tr('stories.newStory', 'New story')}\n        </Button>\n      }\n    >\n      <div\n        className=\"mb-6 flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between\"\n        data-tour=\"theculturepost-stories-filters\"\n      >\n        <FilterTabs options={STATUS_FILTERS} value={status} onChange={changeStatus} />\n        <Select value={topicId} onValueChange={changeTopic}>\n          <SelectTrigger className=\"w-full sm:w-[13rem]\" aria-label=\"Filter by topic\">\n            <SelectValue placeholder=\"All topics\" />\n          </SelectTrigger>\n          <SelectContent>\n            <SelectItem value=\"ALL\">All topics</SelectItem>\n            {(topicsQuery.data?.items ?? []).map((topic) => (\n              <SelectItem key={topic.id} value={topic.id}>\n                {topic.name}\n              </SelectItem>\n            ))}\n          </SelectContent>\n        </Select>\n      </div>\n\n      {isLoading ? (\n        <LoadingView label=\"Loading stories…\" />\n      ) : isError ? (\n        <ErrorView message=\"We couldn't load stories.\" onRetry={() => refetch()} />\n      ) : stories.length === 0 && pager.page === 0 ? (\n        <EmptyState\n          illustration=\"empty-data\"\n          icon={<BookOpen className=\"h-10 w-10\" />}\n          title={\n            status === 'ALL' && topicId === 'ALL'\n              ? 'No stories yet'\n              : 'No stories match these filters'\n          }\n          description={\n            status === 'ALL' && topicId === 'ALL'\n              ? 'Draft the first story — it enters the editorial lifecycle you can publish from.'\n              : 'Try widening the filters, or draft a new story.'\n          }\n          action={\n            <Button onClick={() => setCreateOpen(true)}>\n              <Plus className=\"mr-1.5 h-4 w-4\" /> New story\n            </Button>\n          }\n        />\n      ) : (\n        <>\n          <div className=\"grid gap-5 sm:grid-cols-2 lg:grid-cols-3\">\n            {stories.map((story) => (\n              <StoryCard\n                key={story.id}\n                story={story}\n                onOpen={() => navigateTo(`stories/${story.id}`)}\n              />\n            ))}\n          </div>\n          <Pagination\n            page={pager.page}\n            pageSize={PAGE_SIZE}\n            itemCount={stories.length}\n            hasMore={data?.pageInfo.hasMore ?? false}\n            onPageChange={(target) => pager.onPageChange(target, data?.pageInfo.cursor)}\n          />\n        </>\n      )}\n\n      <CreateStoryDialog\n        open={createOpen}\n        onOpenChange={setCreateOpen}\n        topicId={topicId === 'ALL' ? undefined : topicId}\n        onCreated={(story) => navigateTo(`stories/${story.id}`)}\n      />\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,18 @@
+/**
+ * StoryDetailPage — a single story in two complementary surfaces.
+ * @module theculturepost/pages/stories
+ *
+ * A `?view=` toggle (with a sub-tab control) splits the page into:
+ *  - 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.
+ *  - 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.
+ *
+ * Reads `tcpStory` (+ citations), `tcpListDiscussions(storyId)`. Writes
+ * `tcpTransitionStory`, `tcpUpdateStory`, `tcpVerifyCitation`. Person references
+ * are id-only, so we render "You" / "Contributor".
+ */
+export declare function StoryDetailPage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=StoryDetailPage.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StoryDetailPage.d.ts","sourceRoot":"","sources":["../../../../src/theculturepost/pages/stories/StoryDetailPage.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AA2IH,wBAAgB,eAAe,4CAgK9B"}