@burdenoff/microfe-theculturepost 2026.705.2 → 2026.709.2

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

@@ -1,6 +1,6 @@
 import { useTheCulturePost as e } from "../../context/TheCulturePostContext.js";
-import { cn as t } from "../../utils/cn.js";
 import "../../context/index.js";
+import { cn as t } from "../../utils/cn.js";
 import { FILE_FOLDERS as n } from "../../hooks/useFiles.js";
 import { PageHero as r } from "../../components/PageHero.js";
 import { ErrorView as i, LoadingView as a } from "../../components/StateViews.js";
@@ -10,99 +10,100 @@ import { AuthorLabel as d } from "../../components/AuthorLabel.js";
 import { EmptyState as f } from "../../components/EmptyState.js";
 import { useTcpCitations as p, useTcpDiscussions as m, useTcpStory as h, useTcpTopics as g, useTcpTransitionStory as _, useTcpUpdateStory as v, useTcpVerifyCitation as y } from "../../hooks/useTcpApi.js";
 import "../../hooks/index.js";
-import { DecorativeDivider as b } from "../../components/DecorativeDivider.js";
-import { describeError as x, notify as S } from "../../lib/toast.js";
-import { Tabs as C } from "../../components/Tabs.js";
-import { TagInput as w } from "../../components/TagInput.js";
-import { OpenDiscussionDialog as T } from "../../components/OpenDiscussionDialog.js";
-import { LifecycleStepper as E } from "../../components/LifecycleStepper.js";
-import { FileUploadField as D } from "../../components/FileUploadField.js";
-import { CitationList as O, VERIFICATIONS as k, VERIFICATION_META as A, sourceTypeIcon as j } from "../../components/CitationList.js";
-import { AddCitationDialog as M } from "../../components/AddCitationDialog.js";
-import { Fragment as N, useMemo as P, useState as F } from "react";
-import { Archive as I, ArrowLeft as L, BookOpen as ee, ChevronDown as te, Clock as ne, GitBranch as R, Languages as re, Lightbulb as ie, Lock as ae, MessagesSquare as z, Pencil as oe, Plus as B, RotateCcw as se, Scroll as V, Send as H, ShieldCheck as U, Sparkles as ce, Tag as le } from "lucide-react";
-import { useParams as ue, useSearchParams as de } from "react-router-dom";
-import { Fragment as fe, jsx as W, jsxs as G } from "react/jsx-runtime";
-import { Button as K, DropdownMenu as pe, DropdownMenuContent as me, DropdownMenuItem as he, DropdownMenuTrigger as ge, GlassCard as q, Input as J, Label as Y, ResponsiveDialog as _e, ResponsiveDialogContent as ve, ResponsiveDialogDescription as ye, ResponsiveDialogFooter as be, ResponsiveDialogHeader as xe, ResponsiveDialogTitle as Se, ResponsiveTable as Ce, Select as X, SelectContent as Z, SelectItem as Q, SelectTrigger as $, SelectValue as we, Textarea as Te } from "@burdenoff/fe-libs/ui";
+import { describeError as b, notify as x } from "../../lib/toast.js";
+import { impact as S, nativeToast as C, share as w } from "../../utils/nativeBridge.js";
+import { DecorativeDivider as T } from "../../components/DecorativeDivider.js";
+import { Tabs as E } from "../../components/Tabs.js";
+import { TagInput as D } from "../../components/TagInput.js";
+import { OpenDiscussionDialog as O } from "../../components/OpenDiscussionDialog.js";
+import { LifecycleStepper as k } from "../../components/LifecycleStepper.js";
+import { FileUploadField as A } from "../../components/FileUploadField.js";
+import { CitationList as j, VERIFICATIONS as M, VERIFICATION_META as N, sourceTypeIcon as P } from "../../components/CitationList.js";
+import { AddCitationDialog as F } from "../../components/AddCitationDialog.js";
+import { Fragment as ee, useMemo as I, useState as L } from "react";
+import { Archive as te, ArrowLeft as R, BookOpen as ne, ChevronDown as re, Clock as ie, GitBranch as z, Languages as ae, Lightbulb as oe, Lock as se, MessagesSquare as B, Pencil as ce, Plus as V, RotateCcw as le, Scroll as H, Send as U, Share2 as ue, ShieldCheck as W, Sparkles as de, Tag as fe } from "lucide-react";
+import { useParams as pe, useSearchParams as me } from "react-router-dom";
+import { Fragment as he, jsx as G, jsxs as K } from "react/jsx-runtime";
+import { Button as q, DropdownMenu as ge, DropdownMenuContent as _e, DropdownMenuItem as ve, DropdownMenuTrigger as ye, GlassCard as be, Input as J, Label as Y, ResponsiveDialog as xe, ResponsiveDialogContent as Se, ResponsiveDialogDescription as Ce, ResponsiveDialogFooter as we, ResponsiveDialogHeader as Te, ResponsiveDialogTitle as Ee, ResponsiveTable as De, Select as X, SelectContent as Z, SelectItem as Q, SelectTrigger as Oe, SelectValue as ke, Textarea as Ae } from "@burdenoff/fe-libs/ui";
 //#region src/theculturepost/pages/stories/StoryDetailPage.tsx
-var Ee = {
+var je = {
 	IDEA: ["DRAFT"],
 	DRAFT: ["IN_REVIEW"],
 	IN_REVIEW: ["PUBLISHED", "DRAFT"],
 	PUBLISHED: ["ARCHIVED"],
 	ARCHIVED: ["PUBLISHED"]
-}, De = {
+}, Me = {
 	IDEA: {
 		label: "Move to Idea",
-		icon: ie
+		icon: oe
 	},
 	DRAFT: {
 		label: "Send back to Draft",
-		icon: se
+		icon: le
 	},
 	IN_REVIEW: {
 		label: "Send to Review",
-		icon: H
+		icon: U
 	},
 	PUBLISHED: {
 		label: "Publish",
-		icon: H,
+		icon: U,
 		primary: !0
 	},
 	ARCHIVED: {
 		label: "Archive",
-		icon: I
+		icon: te
 	}
 };
-function Oe(e) {
-	switch (A[e].accent) {
+function Ne(e) {
+	switch (N[e].accent) {
 		case "success": return "text-status-success-text";
 		case "warning": return "text-status-warning-text";
 		case "destructive": return "text-status-error-text";
 		default: return "text-text-tertiary";
 	}
 }
-function ke() {
-	let { id: t } = ue(), { navigateTo: n } = e(), [o, l] = de(), f = o.get("view") === "editorial" ? "editorial" : "reading", p = (e) => {
+function Pe() {
+	let { id: t } = pe(), { navigateTo: n } = e(), [o, l] = me(), f = o.get("view") === "editorial" ? "editorial" : "reading", p = (e) => {
 		l((t) => {
 			let n = new URLSearchParams(t);
 			return e === "editorial" ? n.set("view", "editorial") : n.delete("view"), n;
 		}, { replace: !0 });
-	}, { data: g, isLoading: _, isError: v, refetch: y } = h(t), [b, x] = F(!1), [S, w] = F(!1), [E, D] = F(!1), O = m({
+	}, { data: g, isLoading: _, isError: v, refetch: y } = h(t), [b, x] = L(!1), [T, D] = L(!1), [k, A] = L(!1), j = m({
 		storyId: t,
 		pagination: { limit: 20 }
-	}), k = O.data?.items ?? [];
-	if (_) return /* @__PURE__ */ G("div", {
+	}), M = j.data?.items ?? [];
+	if (_) return /* @__PURE__ */ K("div", {
 		className: "mx-auto max-w-6xl p-4 sm:p-6",
-		children: [/* @__PURE__ */ G(K, {
+		children: [/* @__PURE__ */ K(q, {
 			variant: "ghost",
 			size: "sm",
 			onClick: () => n("stories"),
-			children: [/* @__PURE__ */ W(L, { className: "mr-1.5 h-4 w-4" }), " Stories"]
-		}), /* @__PURE__ */ W(a, { label: "Loading story…" })]
+			children: [/* @__PURE__ */ G(R, { className: "mr-1.5 h-4 w-4" }), " Stories"]
+		}), /* @__PURE__ */ G(a, { label: "Loading story…" })]
 	});
-	if (v || !g) return /* @__PURE__ */ G("div", {
+	if (v || !g) return /* @__PURE__ */ K("div", {
 		className: "mx-auto max-w-6xl p-4 sm:p-6",
-		children: [/* @__PURE__ */ G(K, {
+		children: [/* @__PURE__ */ K(q, {
 			variant: "ghost",
 			size: "sm",
 			onClick: () => n("stories"),
-			children: [/* @__PURE__ */ W(L, { className: "mr-1.5 h-4 w-4" }), " Stories"]
-		}), /* @__PURE__ */ W(i, {
+			children: [/* @__PURE__ */ G(R, { className: "mr-1.5 h-4 w-4" }), " Stories"]
+		}), /* @__PURE__ */ G(i, {
 			title: "Story not found",
 			message: "This story may have been archived, or you may not have access.",
 			onRetry: () => y()
 		})]
 	});
-	let A = /* @__PURE__ */ G(fe, { children: [
-		/* @__PURE__ */ W(u, { status: g.format }),
-		/* @__PURE__ */ W(u, { status: g.status }),
-		g.topic && /* @__PURE__ */ G("button", {
+	let N = /* @__PURE__ */ K(he, { children: [
+		/* @__PURE__ */ G(u, { status: g.format }),
+		/* @__PURE__ */ G(u, { status: g.status }),
+		g.topic && /* @__PURE__ */ K("button", {
 			type: "button",
 			onClick: () => n(`topics/${g.topic.id}`),
 			className: "inline-flex items-center gap-1 rounded-full bg-bg-sunken px-2.5 py-0.5 text-xs font-medium text-text-secondary transition-colors hover:text-text-primary",
 			children: [
-				/* @__PURE__ */ W(le, {
+				/* @__PURE__ */ G(fe, {
 					className: "h-3 w-3",
 					"aria-hidden": "true"
 				}),
@@ -110,18 +111,18 @@ function ke() {
 				g.topic.name
 			]
 		}),
-		/* @__PURE__ */ W("span", {
+		/* @__PURE__ */ G("span", {
 			className: "inline-flex items-center gap-1.5 text-xs text-text-tertiary",
-			children: /* @__PURE__ */ W(d, {
+			children: /* @__PURE__ */ G(d, {
 				actorId: g.authorId,
 				prefix: "By",
 				withIcon: !0
 			})
 		}),
-		g.readingMins > 0 && /* @__PURE__ */ G("span", {
+		g.readingMins > 0 && /* @__PURE__ */ K("span", {
 			className: "inline-flex items-center gap-1 text-xs text-text-tertiary",
 			children: [
-				/* @__PURE__ */ W(ne, {
+				/* @__PURE__ */ G(ie, {
 					className: "h-3.5 w-3.5",
 					"aria-hidden": "true"
 				}),
@@ -130,10 +131,10 @@ function ke() {
 				" min read"
 			]
 		}),
-		g.languages.length > 0 && /* @__PURE__ */ G("span", {
+		g.languages.length > 0 && /* @__PURE__ */ K("span", {
 			className: "inline-flex items-center gap-1 text-xs text-text-tertiary",
 			children: [
-				/* @__PURE__ */ W(re, {
+				/* @__PURE__ */ G(ae, {
 					className: "h-3.5 w-3.5",
 					"aria-hidden": "true"
 				}),
@@ -141,20 +142,20 @@ function ke() {
 				g.languages.map(s).join(", ")
 			]
 		})
-	] }), j = [{
+	] }), P = [{
 		value: "reading",
 		label: "Reading",
-		icon: /* @__PURE__ */ W(ee, { className: "h-4 w-4" })
+		icon: /* @__PURE__ */ G(ne, { className: "h-4 w-4" })
 	}, {
 		value: "editorial",
 		label: "Editorial",
-		icon: /* @__PURE__ */ W(R, { className: "h-4 w-4" }),
+		icon: /* @__PURE__ */ G(z, { className: "h-4 w-4" }),
 		count: g.citations.length
 	}];
-	return /* @__PURE__ */ G("div", {
+	return /* @__PURE__ */ K("div", {
 		className: "mx-auto flex max-w-6xl flex-col gap-6 p-4 sm:p-6",
 		children: [
-			/* @__PURE__ */ W(r, {
+			/* @__PURE__ */ G(r, {
 				eyebrow: "Story",
 				title: g.title,
 				description: g.summary ?? void 0,
@@ -163,99 +164,118 @@ function ke() {
 					label: "Stories",
 					onClick: () => n("stories")
 				},
-				meta: A,
-				actions: /* @__PURE__ */ G(K, {
-					variant: "outline",
-					onClick: () => D(!0),
-					children: [/* @__PURE__ */ W(oe, { className: "mr-1.5 h-4 w-4" }), " Edit"]
+				meta: N,
+				actions: /* @__PURE__ */ K("div", {
+					className: "flex items-center gap-2",
+					children: [/* @__PURE__ */ K(q, {
+						variant: "outline",
+						size: "sm",
+						onClick: async () => {
+							await S("light"), await w({
+								title: g.title,
+								text: g.summary ?? void 0,
+								url: window.location.href
+							}) && await C("Link shared");
+						},
+						"aria-label": "Share story",
+						children: [/* @__PURE__ */ G(ue, { className: "mr-1.5 h-4 w-4" }), " Share"]
+					}), /* @__PURE__ */ K(q, {
+						variant: "outline",
+						onClick: () => A(!0),
+						"data-tour": "theculturepost-story-edit",
+						children: [/* @__PURE__ */ G(ce, { className: "mr-1.5 h-4 w-4" }), " Edit"]
+					})]
 				})
 			}),
-			/* @__PURE__ */ W(C, {
-				items: j,
-				value: f,
-				onChange: p
+			/* @__PURE__ */ G("div", {
+				"data-tour": "theculturepost-story-tabs",
+				children: /* @__PURE__ */ G(E, {
+					items: P,
+					value: f,
+					onChange: p
+				})
 			}),
-			f === "reading" ? /* @__PURE__ */ W(Ae, {
+			f === "reading" ? /* @__PURE__ */ G(Fe, {
 				story: g,
-				discussions: k,
-				discussionsLoading: O.isLoading,
+				discussions: M,
+				discussionsLoading: j.isLoading,
 				onViewCitations: () => p("editorial"),
-				onOpenDiscussion: () => w(!0),
+				onOpenDiscussion: () => D(!0),
 				onViewAllDiscussions: () => n("discussions"),
 				onOpenDiscussionItem: (e) => n(`discussions/${e.id}`)
-			}) : /* @__PURE__ */ W(Pe, {
+			}) : /* @__PURE__ */ G(Re, {
 				story: g,
 				onAddCitation: () => x(!0)
 			}),
-			/* @__PURE__ */ W(M, {
+			/* @__PURE__ */ G(F, {
 				open: b,
 				onOpenChange: x,
 				storyId: g.id
 			}),
-			/* @__PURE__ */ W(T, {
-				open: S,
-				onOpenChange: w,
+			/* @__PURE__ */ G(O, {
+				open: T,
+				onOpenChange: D,
 				storyId: g.id,
 				onCreated: (e) => n(`discussions/${e.id}`)
 			}),
-			/* @__PURE__ */ W(Re, {
-				open: E,
-				onOpenChange: D,
+			/* @__PURE__ */ G(He, {
+				open: k,
+				onOpenChange: A,
 				story: g
 			})
 		]
 	});
 }
-function Ae({ story: e, discussions: t, discussionsLoading: n, onViewCitations: r, onOpenDiscussion: i, onViewAllDiscussions: o, onOpenDiscussionItem: s }) {
-	return /* @__PURE__ */ G("div", {
+function Fe({ story: e, discussions: t, discussionsLoading: n, onViewCitations: r, onOpenDiscussion: i, onViewAllDiscussions: o, onOpenDiscussionItem: s }) {
+	return /* @__PURE__ */ K("div", {
 		className: "grid grid-cols-1 gap-8 lg:grid-cols-[minmax(0,1fr)_360px]",
-		children: [/* @__PURE__ */ G("article", {
+		children: [/* @__PURE__ */ K("article", {
 			className: "min-w-0",
-			children: [/* @__PURE__ */ W(Me, { body: e.body }), e.tags.length > 0 && /* @__PURE__ */ W("div", {
+			children: [/* @__PURE__ */ G(Ie, { body: e.body }), e.tags.length > 0 && /* @__PURE__ */ G("div", {
 				className: "mt-8 flex flex-wrap gap-1.5 border-t border-border-seam pt-6",
-				children: e.tags.map((e) => /* @__PURE__ */ G("span", {
+				children: e.tags.map((e) => /* @__PURE__ */ K("span", {
 					className: "rounded-full bg-bg-sunken px-2.5 py-0.5 text-xs font-medium text-text-secondary",
 					children: ["#", e]
 				}, e))
 			})]
-		}), /* @__PURE__ */ G("aside", {
+		}), /* @__PURE__ */ K("aside", {
 			className: "flex flex-col gap-6 lg:sticky lg:top-4 lg:self-start",
-			children: [/* @__PURE__ */ W(je, {
+			children: [/* @__PURE__ */ G($, {
 				title: "Citations",
-				action: /* @__PURE__ */ W("button", {
+				action: /* @__PURE__ */ G("button", {
 					type: "button",
 					onClick: r,
 					className: "text-xs font-medium text-accent hover:underline",
 					children: "View all"
 				}),
-				children: /* @__PURE__ */ W(O, {
+				children: /* @__PURE__ */ G(j, {
 					storyId: e.id,
 					compact: !0
 				})
-			}), /* @__PURE__ */ W(je, {
+			}), /* @__PURE__ */ G($, {
 				title: "Linked discussions",
-				action: /* @__PURE__ */ W("button", {
+				action: /* @__PURE__ */ G("button", {
 					type: "button",
 					onClick: o,
 					className: "text-xs font-medium text-accent hover:underline",
 					children: "View all"
 				}),
-				children: n ? /* @__PURE__ */ W(a, {
+				children: n ? /* @__PURE__ */ G(a, {
 					label: "Loading discussions…",
 					className: "min-h-[8rem]"
-				}) : t.length === 0 ? /* @__PURE__ */ W(f, {
-					icon: /* @__PURE__ */ W(z, { className: "h-8 w-8" }),
+				}) : t.length === 0 ? /* @__PURE__ */ G(f, {
+					icon: /* @__PURE__ */ G(B, { className: "h-8 w-8" }),
 					title: "No discussions yet",
 					description: "Open a discussion to invite perspectives on this story.",
-					action: /* @__PURE__ */ G(K, {
+					action: /* @__PURE__ */ K(q, {
 						size: "sm",
 						variant: "outline",
 						onClick: i,
-						children: [/* @__PURE__ */ W(B, { className: "mr-1.5 h-4 w-4" }), " Open discussion"]
+						children: [/* @__PURE__ */ G(V, { className: "mr-1.5 h-4 w-4" }), " Open discussion"]
 					})
-				}) : /* @__PURE__ */ W("div", {
+				}) : /* @__PURE__ */ G("div", {
 					className: "flex flex-col gap-3",
-					children: t.slice(0, 5).map((e) => /* @__PURE__ */ W(Ne, {
+					children: t.slice(0, 5).map((e) => /* @__PURE__ */ G(Le, {
 						discussion: e,
 						onOpen: () => s(e)
 					}, e.id))
@@ -264,71 +284,71 @@ function Ae({ story: e, discussions: t, discussionsLoading: n, onViewCitations:
 		})]
 	});
 }
-function je({ title: e, action: t, children: n }) {
-	return /* @__PURE__ */ G("section", { children: [/* @__PURE__ */ G("div", {
+function $({ title: e, action: t, children: n }) {
+	return /* @__PURE__ */ K("section", { children: [/* @__PURE__ */ K("div", {
 		className: "mb-3 flex items-center justify-between gap-2",
-		children: [/* @__PURE__ */ W("h2", {
+		children: [/* @__PURE__ */ G("h2", {
 			className: "font-display text-lg font-semibold text-text-primary",
 			children: e
 		}), t]
 	}), n] });
 }
-function Me({ body: e }) {
-	let n = P(() => (e ?? "").split(/\n{2,}/).map((e) => e.trim()).filter(Boolean), [e]);
-	return n.length === 0 ? /* @__PURE__ */ W("p", {
+function Ie({ body: e }) {
+	let n = I(() => (e ?? "").split(/\n{2,}/).map((e) => e.trim()).filter(Boolean), [e]);
+	return n.length === 0 ? /* @__PURE__ */ G("p", {
 		className: "rounded-xl border border-dashed border-border-seam px-4 py-10 text-center text-sm text-text-tertiary",
 		children: "This story has no body yet. Use Edit to write it."
-	}) : /* @__PURE__ */ W("div", {
+	}) : /* @__PURE__ */ G("div", {
 		className: "max-w-prose",
-		children: n.map((e, n) => /* @__PURE__ */ G(N, { children: [n === 1 && /* @__PURE__ */ W(b, {}), /* @__PURE__ */ W("p", {
+		children: n.map((e, n) => /* @__PURE__ */ K(ee, { children: [n === 1 && /* @__PURE__ */ G(T, {}), /* @__PURE__ */ G("p", {
 			className: t("text-[1.05rem] leading-8 text-text-primary", n > 0 && n !== 1 && "mt-5", n === 0 && "first-letter:float-left first-letter:mr-3 first-letter:mt-1 first-letter:font-display first-letter:text-6xl first-letter:font-semibold first-letter:leading-[0.72] first-letter:text-accent"),
 			children: e
 		})] }, n))
 	});
 }
-function Ne({ discussion: e, onOpen: t }) {
-	return /* @__PURE__ */ W("button", {
+function Le({ discussion: e, onOpen: t }) {
+	return /* @__PURE__ */ G("button", {
 		type: "button",
 		onClick: t,
 		className: "w-full rounded-xl border border-border-seam bg-bg-surface p-3 text-left transition-colors hover:border-border-strong",
-		children: /* @__PURE__ */ G("div", {
+		children: /* @__PURE__ */ K("div", {
 			className: "flex items-start gap-2.5",
-			children: [/* @__PURE__ */ W("span", {
+			children: [/* @__PURE__ */ G("span", {
 				className: "grid h-8 w-8 shrink-0 place-items-center rounded-lg bg-[var(--color-accent-soft)] text-text-primary",
 				"aria-hidden": "true",
-				children: /* @__PURE__ */ W(z, { className: "h-4 w-4" })
-			}), /* @__PURE__ */ G("div", {
+				children: /* @__PURE__ */ G(B, { className: "h-4 w-4" })
+			}), /* @__PURE__ */ K("div", {
 				className: "min-w-0 flex-1",
 				children: [
-					/* @__PURE__ */ W("p", {
+					/* @__PURE__ */ G("p", {
 						className: "truncate text-sm font-medium text-text-primary",
 						children: e.title
 					}),
-					e.prompt && /* @__PURE__ */ W("p", {
+					e.prompt && /* @__PURE__ */ G("p", {
 						className: "mt-0.5 line-clamp-2 text-xs text-text-tertiary",
 						children: e.prompt
 					}),
-					/* @__PURE__ */ G("div", {
+					/* @__PURE__ */ K("div", {
 						className: "mt-1.5 flex flex-wrap items-center gap-x-2 gap-y-1 text-xs text-text-tertiary",
 						children: [
-							/* @__PURE__ */ G("span", { children: [
+							/* @__PURE__ */ K("span", { children: [
 								c(e.replyCount),
 								" ",
 								e.replyCount === 1 ? "reply" : "replies"
 							] }),
-							/* @__PURE__ */ W("span", {
+							/* @__PURE__ */ G("span", {
 								"aria-hidden": "true",
 								children: "·"
 							}),
-							/* @__PURE__ */ W("span", { children: l(e.createdAt) }),
-							e.isInterfaith && /* @__PURE__ */ W(u, {
+							/* @__PURE__ */ G("span", { children: l(e.createdAt) }),
+							e.isInterfaith && /* @__PURE__ */ G(u, {
 								status: "Interfaith",
-								icon: /* @__PURE__ */ W(ce, { className: "h-3 w-3" }),
+								icon: /* @__PURE__ */ G(de, { className: "h-3 w-3" }),
 								className: "ml-0.5"
 							}),
-							e.isLocked && /* @__PURE__ */ G("span", {
+							e.isLocked && /* @__PURE__ */ K("span", {
 								className: "inline-flex items-center gap-1 text-text-tertiary",
-								children: [/* @__PURE__ */ W(ae, {
+								children: [/* @__PURE__ */ G(se, {
 									className: "h-3 w-3",
 									"aria-hidden": "true"
 								}), " Locked"]
@@ -340,98 +360,98 @@ function Ne({ discussion: e, onOpen: t }) {
 		})
 	});
 }
-function Pe({ story: e, onAddCitation: t }) {
-	let n = _(), r = Ee[e.status] ?? [], i = async (t) => {
+function Re({ story: e, onAddCitation: t }) {
+	let n = _(), r = je[e.status] ?? [], i = async (t) => {
 		try {
 			await n.mutateAsync({
 				id: e.id,
 				status: t
-			}), S.success("Story updated", `Moved to ${s(t)}`);
+			}), x.success("Story updated", `Moved to ${s(t)}`);
 		} catch (e) {
-			S.error("Could not update the story", x(e));
+			x.error("Could not update the story", b(e));
 		}
 	};
-	return /* @__PURE__ */ G("div", {
+	return /* @__PURE__ */ K("div", {
 		className: "flex flex-col gap-6",
-		children: [/* @__PURE__ */ G(q, {
+		children: [/* @__PURE__ */ K(be, {
 			treatment: "plain",
 			className: "p-5 sm:p-6",
 			children: [
-				/* @__PURE__ */ G("div", {
+				/* @__PURE__ */ K("div", {
 					className: "flex items-center gap-2.5",
-					children: [/* @__PURE__ */ W("span", {
+					children: [/* @__PURE__ */ G("span", {
 						className: "grid h-9 w-9 shrink-0 place-items-center rounded-xl bg-[var(--color-accent-soft)] text-text-primary",
 						"aria-hidden": "true",
-						children: /* @__PURE__ */ W(R, { className: "h-5 w-5" })
-					}), /* @__PURE__ */ W("h2", {
+						children: /* @__PURE__ */ G(z, { className: "h-5 w-5" })
+					}), /* @__PURE__ */ G("h2", {
 						className: "font-display text-xl font-semibold text-text-primary",
 						children: "Editorial lifecycle"
 					})]
 				}),
-				/* @__PURE__ */ W(E, {
+				/* @__PURE__ */ G(k, {
 					status: e.status,
 					className: "mt-6"
 				}),
-				/* @__PURE__ */ G("div", {
+				/* @__PURE__ */ K("div", {
 					className: "mt-6 flex flex-col gap-4 border-t border-border-seam pt-5 md:flex-row md:items-center md:justify-between",
-					children: [r.length > 0 ? /* @__PURE__ */ W("div", {
+					children: [r.length > 0 ? /* @__PURE__ */ G("div", {
 						className: "flex flex-wrap gap-2",
 						children: r.map((e) => {
-							let t = De[e], r = t.icon;
-							return /* @__PURE__ */ G(K, {
+							let t = Me[e], r = t.icon;
+							return /* @__PURE__ */ K(q, {
 								variant: t.primary ? "default" : "outline",
 								onClick: () => i(e),
 								disabled: n.isPending,
-								children: [/* @__PURE__ */ W(r, {
+								children: [/* @__PURE__ */ G(r, {
 									className: "mr-1.5 h-4 w-4",
 									"aria-hidden": "true"
 								}), t.label]
 							}, e);
 						})
-					}) : /* @__PURE__ */ W("p", {
+					}) : /* @__PURE__ */ G("p", {
 						className: "text-sm text-text-tertiary",
 						children: "This story is at the end of its lifecycle."
-					}), /* @__PURE__ */ G("p", {
+					}), /* @__PURE__ */ K("p", {
 						className: "flex items-center gap-2 text-sm text-text-secondary",
-						children: [/* @__PURE__ */ W(U, {
+						children: [/* @__PURE__ */ G(W, {
 							className: "h-4 w-4 shrink-0 text-text-tertiary",
 							"aria-hidden": "true"
 						}), "Reviewed with fact and sensitivity care before publishing."]
 					})]
 				})
 			]
-		}), /* @__PURE__ */ G(q, {
+		}), /* @__PURE__ */ K(be, {
 			treatment: "plain",
 			className: "p-5 sm:p-6",
 			children: [
-				/* @__PURE__ */ G("div", {
+				/* @__PURE__ */ K("div", {
 					className: "flex flex-wrap items-center justify-between gap-3",
-					children: [/* @__PURE__ */ G("div", {
+					children: [/* @__PURE__ */ K("div", {
 						className: "flex items-center gap-2.5",
-						children: [/* @__PURE__ */ W("span", {
+						children: [/* @__PURE__ */ G("span", {
 							className: "grid h-9 w-9 shrink-0 place-items-center rounded-xl bg-[var(--color-accent-soft)] text-text-primary",
 							"aria-hidden": "true",
-							children: /* @__PURE__ */ W(V, { className: "h-5 w-5" })
-						}), /* @__PURE__ */ G("div", { children: [/* @__PURE__ */ W("h2", {
+							children: /* @__PURE__ */ G(H, { className: "h-5 w-5" })
+						}), /* @__PURE__ */ K("div", { children: [/* @__PURE__ */ G("h2", {
 							className: "font-display text-xl font-semibold text-text-primary",
 							children: "Citations"
-						}), /* @__PURE__ */ W("p", {
+						}), /* @__PURE__ */ G("p", {
 							className: "text-sm text-text-secondary",
 							children: "Verifiable sources that ground this story."
 						})] })]
-					}), /* @__PURE__ */ G(K, {
+					}), /* @__PURE__ */ K(q, {
 						variant: "outline",
 						onClick: t,
-						children: [/* @__PURE__ */ W(B, { className: "mr-1.5 h-4 w-4" }), " Add citation"]
+						children: [/* @__PURE__ */ G(V, { className: "mr-1.5 h-4 w-4" }), " Add citation"]
 					})]
 				}),
-				/* @__PURE__ */ W(Fe, {
+				/* @__PURE__ */ G(ze, {
 					storyId: e.id,
 					className: "mt-5"
 				}),
-				/* @__PURE__ */ G("p", {
+				/* @__PURE__ */ K("p", {
 					className: "mt-4 flex items-center gap-2 border-t border-border-seam pt-4 text-xs text-text-tertiary",
-					children: [/* @__PURE__ */ W(U, {
+					children: [/* @__PURE__ */ G(W, {
 						className: "h-3.5 w-3.5 shrink-0",
 						"aria-hidden": "true"
 					}), "All sources are evaluated for accuracy, relevance, and cultural sensitivity."]
@@ -440,18 +460,18 @@ function Pe({ story: e, onAddCitation: t }) {
 		})]
 	});
 }
-function Fe({ storyId: e, className: n }) {
+function ze({ storyId: e, className: n }) {
 	let { data: r, isLoading: s, isError: c, refetch: l } = p(e);
-	return s ? /* @__PURE__ */ W(a, {
+	return s ? /* @__PURE__ */ G(a, {
 		label: "Loading citations…",
 		className: n
-	}) : c ? /* @__PURE__ */ W("div", {
+	}) : c ? /* @__PURE__ */ G("div", {
 		className: n,
-		children: /* @__PURE__ */ W(i, {
+		children: /* @__PURE__ */ G(i, {
 			message: "We couldn't load citations.",
 			onRetry: () => l()
 		})
-	}) : /* @__PURE__ */ W(Ce, {
+	}) : /* @__PURE__ */ G(De, {
 		className: n,
 		columns: [
 			{
@@ -459,25 +479,25 @@ function Fe({ storyId: e, className: n }) {
 				header: "Source",
 				priority: "primary",
 				cell: (e) => {
-					let t = j(e.sourceType), n = [e.author, e.publisher].filter((e) => e && e.trim()).join(" · ");
-					return /* @__PURE__ */ G("div", {
+					let t = P(e.sourceType), n = [e.author, e.publisher].filter((e) => e && e.trim()).join(" · ");
+					return /* @__PURE__ */ K("div", {
 						className: "flex min-w-0 items-start gap-3",
-						children: [/* @__PURE__ */ W("span", {
+						children: [/* @__PURE__ */ G("span", {
 							className: "grid h-9 w-9 shrink-0 place-items-center rounded-lg bg-[var(--color-accent-soft)] text-text-primary",
 							"aria-hidden": "true",
-							children: /* @__PURE__ */ W(t, { className: "h-4 w-4" })
-						}), /* @__PURE__ */ G("div", {
+							children: /* @__PURE__ */ G(t, { className: "h-4 w-4" })
+						}), /* @__PURE__ */ K("div", {
 							className: "min-w-0",
 							children: [
-								/* @__PURE__ */ W("p", {
+								/* @__PURE__ */ G("p", {
 									className: "font-medium text-text-primary",
 									children: e.title
 								}),
-								e.excerpt && /* @__PURE__ */ W("p", {
+								e.excerpt && /* @__PURE__ */ G("p", {
 									className: "mt-0.5 line-clamp-1 text-xs italic text-text-tertiary",
 									children: e.excerpt
 								}),
-								n && /* @__PURE__ */ W("p", {
+								n && /* @__PURE__ */ G("p", {
 									className: "mt-0.5 text-xs text-text-tertiary",
 									children: n
 								})
@@ -489,16 +509,16 @@ function Fe({ storyId: e, className: n }) {
 			{
 				key: "type",
 				header: "Type",
-				cell: (e) => /* @__PURE__ */ W(u, {
+				cell: (e) => /* @__PURE__ */ G(u, {
 					status: e.sourceType,
-					icon: /* @__PURE__ */ W(j(e.sourceType), { className: "h-3 w-3" })
+					icon: /* @__PURE__ */ G(P(e.sourceType), { className: "h-3 w-3" })
 				})
 			},
 			{
 				key: "added",
 				header: "Added on",
 				priority: "hidden-on-mobile",
-				cell: (e) => /* @__PURE__ */ W("span", {
+				cell: (e) => /* @__PURE__ */ G("span", {
 					className: "whitespace-nowrap text-sm text-text-secondary",
 					children: o(e.createdAt)
 				})
@@ -507,10 +527,10 @@ function Fe({ storyId: e, className: n }) {
 				key: "verification",
 				header: "Status",
 				cell: (e) => {
-					let n = A[e.verification].icon;
-					return /* @__PURE__ */ W(u, {
+					let n = N[e.verification].icon;
+					return /* @__PURE__ */ G(u, {
 						status: e.verification,
-						icon: /* @__PURE__ */ W(n, { className: t("h-3 w-3", Oe(e.verification)) })
+						icon: /* @__PURE__ */ G(n, { className: t("h-3 w-3", Ne(e.verification)) })
 					});
 				}
 			},
@@ -519,57 +539,57 @@ function Fe({ storyId: e, className: n }) {
 				header: "Actions",
 				headerClassName: "text-right",
 				cellClassName: "text-right",
-				cell: (e) => /* @__PURE__ */ W(Ie, { citation: e })
+				cell: (e) => /* @__PURE__ */ G(Be, { citation: e })
 			}
 		],
 		data: r ?? [],
 		rowKey: (e) => e.id,
-		emptyState: /* @__PURE__ */ W(f, {
-			icon: /* @__PURE__ */ W(V, { className: "h-9 w-9" }),
+		emptyState: /* @__PURE__ */ G(f, {
+			icon: /* @__PURE__ */ G(H, { className: "h-9 w-9" }),
 			title: "No citations yet",
 			description: "Add verifiable sources to ground this story in the record."
 		})
 	});
 }
-function Ie({ citation: e }) {
+function Be({ citation: e }) {
 	let n = y(), r = async (t) => {
 		if (t !== e.verification) try {
 			await n.mutateAsync({
 				id: e.id,
 				verification: t
-			}), S.success("Verification updated", s(t));
+			}), x.success("Verification updated", s(t));
 		} catch (e) {
-			S.error("Could not update verification", x(e));
+			x.error("Could not update verification", b(e));
 		}
 	};
-	return /* @__PURE__ */ G(pe, { children: [/* @__PURE__ */ W(ge, {
+	return /* @__PURE__ */ K(ge, { children: [/* @__PURE__ */ G(ye, {
 		asChild: !0,
-		children: /* @__PURE__ */ G(K, {
+		children: /* @__PURE__ */ K(q, {
 			size: "sm",
 			variant: "outline",
 			disabled: n.isPending,
 			"aria-label": `Change verification for ${e.title}`,
-			children: ["Verify ", /* @__PURE__ */ W(te, {
+			children: ["Verify ", /* @__PURE__ */ G(re, {
 				className: "ml-1 h-4 w-4",
 				"aria-hidden": "true"
 			})]
 		})
-	}), /* @__PURE__ */ W(me, {
+	}), /* @__PURE__ */ G(_e, {
 		align: "end",
-		children: k.map((n) => {
-			let i = A[n], a = i.icon;
-			return /* @__PURE__ */ G(he, {
+		children: M.map((n) => {
+			let i = N[n], a = i.icon;
+			return /* @__PURE__ */ K(ve, {
 				onSelect: () => r(n),
 				className: t("gap-2", n === e.verification && "font-semibold"),
-				children: [/* @__PURE__ */ W(a, {
-					className: t("h-4 w-4", Oe(n)),
+				children: [/* @__PURE__ */ G(a, {
+					className: t("h-4 w-4", Ne(n)),
 					"aria-hidden": "true"
 				}), i.label]
 			}, n);
 		})
 	})] });
 }
-var Le = [
+var Ve = [
 	"ARTICLE",
 	"ESSAY",
 	"EXPLAINER",
@@ -577,135 +597,135 @@ var Le = [
 	"PHOTO_STORY",
 	"TIMELINE"
 ];
-function Re({ open: e, onOpenChange: t, story: r }) {
-	let i = v(), a = g({ pagination: { limit: 100 } }), [o, c] = F(r.title), [l, u] = F(r.summary ?? ""), [d, f] = F(r.body ?? ""), [p, m] = F(r.format), [h, _] = F(r.topicId ?? ""), [y, b] = F(r.languages), [C, T] = F(r.tags), [E, O] = F(r.readingMins ? String(r.readingMins) : ""), [k, A] = F(r.cover?.id ?? null), [j, M] = F(null), N = P(() => `${r.id}:${r.updatedAt}`, [r.id, r.updatedAt]), [I, L] = F(N);
-	return I !== N && (L(N), c(r.title), u(r.summary ?? ""), f(r.body ?? ""), m(r.format), _(r.topicId ?? ""), b(r.languages), T(r.tags), O(r.readingMins ? String(r.readingMins) : ""), A(r.cover?.id ?? null), M(null)), /* @__PURE__ */ W(_e, {
+function He({ open: e, onOpenChange: t, story: r }) {
+	let i = v(), a = g({ pagination: { limit: 100 } }), [o, c] = L(r.title), [l, u] = L(r.summary ?? ""), [d, f] = L(r.body ?? ""), [p, m] = L(r.format), [h, _] = L(r.topicId ?? ""), [y, S] = L(r.languages), [C, w] = L(r.tags), [T, E] = L(r.readingMins ? String(r.readingMins) : ""), [O, k] = L(r.cover?.id ?? null), [j, M] = L(null), N = I(() => `${r.id}:${r.updatedAt}`, [r.id, r.updatedAt]), [P, F] = L(N);
+	return P !== N && (F(N), c(r.title), u(r.summary ?? ""), f(r.body ?? ""), m(r.format), _(r.topicId ?? ""), S(r.languages), w(r.tags), E(r.readingMins ? String(r.readingMins) : ""), k(r.cover?.id ?? null), M(null)), /* @__PURE__ */ G(xe, {
 		open: e,
 		onOpenChange: t,
-		children: /* @__PURE__ */ G(ve, {
+		children: /* @__PURE__ */ K(Se, {
 			className: "sm:max-w-lg",
 			children: [
-				/* @__PURE__ */ G(xe, { children: [/* @__PURE__ */ W(Se, { children: "Edit story" }), /* @__PURE__ */ W(ye, { children: "Refine the story. The URL slug is fixed once created." })] }),
-				/* @__PURE__ */ G("div", {
+				/* @__PURE__ */ K(Te, { children: [/* @__PURE__ */ G(Ee, { children: "Edit story" }), /* @__PURE__ */ G(Ce, { children: "Refine the story. The URL slug is fixed once created." })] }),
+				/* @__PURE__ */ K("div", {
 					className: "flex max-h-[62vh] flex-col gap-4 overflow-y-auto py-2",
 					children: [
-						/* @__PURE__ */ G("div", {
+						/* @__PURE__ */ K("div", {
 							className: "grid gap-1.5",
-							children: [/* @__PURE__ */ W(Y, { children: "Cover image" }), /* @__PURE__ */ W(D, {
+							children: [/* @__PURE__ */ G(Y, { children: "Cover image" }), /* @__PURE__ */ G(A, {
 								folder: n.covers,
 								accept: "image/*",
 								label: "Upload cover",
-								fileId: k,
-								onUploaded: A,
-								onCleared: () => A(null)
+								fileId: O,
+								onUploaded: k,
+								onCleared: () => k(null)
 							})]
 						}),
-						/* @__PURE__ */ G("div", {
+						/* @__PURE__ */ K("div", {
 							className: "grid gap-1.5",
-							children: [/* @__PURE__ */ W(Y, {
+							children: [/* @__PURE__ */ G(Y, {
 								htmlFor: "edit-title",
 								children: "Title"
-							}), /* @__PURE__ */ W(J, {
+							}), /* @__PURE__ */ G(J, {
 								id: "edit-title",
 								value: o,
 								onChange: (e) => c(e.target.value)
 							})]
 						}),
-						/* @__PURE__ */ G("div", {
+						/* @__PURE__ */ K("div", {
 							className: "grid grid-cols-2 gap-3",
-							children: [/* @__PURE__ */ G("div", {
+							children: [/* @__PURE__ */ K("div", {
 								className: "grid gap-1.5",
-								children: [/* @__PURE__ */ W(Y, { children: "Format" }), /* @__PURE__ */ G(X, {
+								children: [/* @__PURE__ */ G(Y, { children: "Format" }), /* @__PURE__ */ K(X, {
 									value: p,
 									onValueChange: (e) => m(e),
-									children: [/* @__PURE__ */ W($, { children: /* @__PURE__ */ W(we, {}) }), /* @__PURE__ */ W(Z, { children: Le.map((e) => /* @__PURE__ */ W(Q, {
+									children: [/* @__PURE__ */ G(Oe, { children: /* @__PURE__ */ G(ke, {}) }), /* @__PURE__ */ G(Z, { children: Ve.map((e) => /* @__PURE__ */ G(Q, {
 										value: e,
 										children: s(e)
 									}, e)) })]
 								})]
-							}), /* @__PURE__ */ G("div", {
+							}), /* @__PURE__ */ K("div", {
 								className: "grid gap-1.5",
-								children: [/* @__PURE__ */ W(Y, {
+								children: [/* @__PURE__ */ G(Y, {
 									htmlFor: "edit-reading",
 									children: "Reading time (min)"
-								}), /* @__PURE__ */ W(J, {
+								}), /* @__PURE__ */ G(J, {
 									id: "edit-reading",
 									type: "number",
 									min: 0,
-									value: E,
-									onChange: (e) => O(e.target.value)
+									value: T,
+									onChange: (e) => E(e.target.value)
 								})]
 							})]
 						}),
-						/* @__PURE__ */ G("div", {
+						/* @__PURE__ */ K("div", {
 							className: "grid gap-1.5",
-							children: [/* @__PURE__ */ W(Y, { children: "Topic" }), /* @__PURE__ */ G(X, {
+							children: [/* @__PURE__ */ G(Y, { children: "Topic" }), /* @__PURE__ */ K(X, {
 								value: h,
 								onValueChange: _,
-								children: [/* @__PURE__ */ W($, { children: /* @__PURE__ */ W(we, { placeholder: "Choose a topic (optional)" }) }), /* @__PURE__ */ W(Z, { children: (a.data?.items ?? []).map((e) => /* @__PURE__ */ W(Q, {
+								children: [/* @__PURE__ */ G(Oe, { children: /* @__PURE__ */ G(ke, { placeholder: "Choose a topic (optional)" }) }), /* @__PURE__ */ G(Z, { children: (a.data?.items ?? []).map((e) => /* @__PURE__ */ G(Q, {
 									value: e.id,
 									children: e.name
 								}, e.id)) })]
 							})]
 						}),
-						/* @__PURE__ */ G("div", {
+						/* @__PURE__ */ K("div", {
 							className: "grid gap-1.5",
-							children: [/* @__PURE__ */ W(Y, {
+							children: [/* @__PURE__ */ G(Y, {
 								htmlFor: "edit-summary",
 								children: "Summary"
-							}), /* @__PURE__ */ W(Te, {
+							}), /* @__PURE__ */ G(Ae, {
 								id: "edit-summary",
 								value: l,
 								onChange: (e) => u(e.target.value),
 								rows: 2
 							})]
 						}),
-						/* @__PURE__ */ G("div", {
+						/* @__PURE__ */ K("div", {
 							className: "grid gap-1.5",
-							children: [/* @__PURE__ */ W(Y, {
+							children: [/* @__PURE__ */ G(Y, {
 								htmlFor: "edit-body",
 								children: "Body"
-							}), /* @__PURE__ */ W(Te, {
+							}), /* @__PURE__ */ G(Ae, {
 								id: "edit-body",
 								value: d,
 								onChange: (e) => f(e.target.value),
 								rows: 6
 							})]
 						}),
-						/* @__PURE__ */ G("div", {
+						/* @__PURE__ */ K("div", {
 							className: "grid gap-1.5",
-							children: [/* @__PURE__ */ W(Y, {
+							children: [/* @__PURE__ */ G(Y, {
 								htmlFor: "edit-langs",
 								children: "Languages"
-							}), /* @__PURE__ */ W(w, {
+							}), /* @__PURE__ */ G(D, {
 								id: "edit-langs",
 								value: y,
-								onChange: b,
+								onChange: S,
 								preserveCase: !0
 							})]
 						}),
-						/* @__PURE__ */ G("div", {
+						/* @__PURE__ */ K("div", {
 							className: "grid gap-1.5",
-							children: [/* @__PURE__ */ W(Y, {
+							children: [/* @__PURE__ */ G(Y, {
 								htmlFor: "edit-tags",
 								children: "Tags"
-							}), /* @__PURE__ */ W(w, {
+							}), /* @__PURE__ */ G(D, {
 								id: "edit-tags",
 								value: C,
-								onChange: T
+								onChange: w
 							})]
 						}),
-						j && /* @__PURE__ */ W("p", {
+						j && /* @__PURE__ */ G("p", {
 							className: "text-sm text-status-error-text",
 							children: j
 						})
 					]
 				}),
-				/* @__PURE__ */ G(be, { children: [/* @__PURE__ */ W(K, {
+				/* @__PURE__ */ K(we, { children: [/* @__PURE__ */ G(q, {
 					variant: "outline",
 					onClick: () => t(!1),
 					children: "Cancel"
-				}), /* @__PURE__ */ W(K, {
+				}), /* @__PURE__ */ G(q, {
 					onClick: async () => {
 						if (!o.trim()) {
 							M("A title is required.");
@@ -722,12 +742,12 @@ function Re({ open: e, onOpenChange: t, story: r }) {
 									topicId: h || null,
 									languages: y,
 									tags: C,
-									readingMins: E ? Number(E) : null,
-									coverFileId: k
+									readingMins: T ? Number(T) : null,
+									coverFileId: O
 								}
-							}), S.success("Story updated", o.trim()), t(!1);
+							}), x.success("Story updated", o.trim()), t(!1);
 						} catch (e) {
-							M(x(e));
+							M(b(e));
 						}
 					},
 					disabled: i.isPending,
@@ -738,6 +758,6 @@ function Re({ open: e, onOpenChange: t, story: r }) {
 	});
 }
 //#endregion
-export { ke as StoryDetailPage };
+export { Pe as StoryDetailPage };
 
 //# sourceMappingURL=StoryDetailPage.js.map