@burdenoff/microfe-theculturepost 2026.802.1 → 2026.830.1

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

@@ -18,28 +18,29 @@ import { TagInput as O } from "../../components/TagInput.js";
 import { OpenDiscussionDialog as k } from "../../components/OpenDiscussionDialog.js";
 import { LifecycleStepper as A } from "../../components/LifecycleStepper.js";
 import { FileUploadField as j } from "../../components/FileUploadField.js";
-import { CitationList as M, VERIFICATIONS as N, VERIFICATION_META as P, sourceTypeIcon as F } from "../../components/CitationList.js";
+import { SourceScanLink as M } from "../../components/SourceScanLink.js";
+import { CitationList as N, VERIFICATIONS as P, VERIFICATION_META as F, sourceTypeIcon as I } from "../../components/CitationList.js";
 import { AddCitationDialog as ee } from "../../components/AddCitationDialog.js";
-import { Fragment as I, useMemo as L, useState as R } from "react";
-import { Archive as z, ArrowLeft as B, BookOpen as te, Bookmark as ne, ChevronDown as re, Clock as ie, GitBranch as V, Languages as ae, Lightbulb as oe, Lock as se, MessagesSquare as H, Pencil as ce, Plus as U, RotateCcw as le, Scroll as W, Send as G, Share2 as ue, ShieldCheck as K, Sparkles as de, Tag as fe } from "lucide-react";
-import { useParams as pe, useSearchParams as me } from "react-router";
-import { Fragment as he, jsx as q, jsxs as J } from "react/jsx-runtime";
-import { Button as Y, DropdownMenu as ge, DropdownMenuContent as _e, DropdownMenuItem as ve, DropdownMenuTrigger as ye, GlassCard as X, Input as be, Label as Z, ResponsiveDialog as xe, ResponsiveDialogContent as Se, ResponsiveDialogDescription as Ce, ResponsiveDialogFooter as we, ResponsiveDialogHeader as Te, ResponsiveDialogTitle as Ee, ResponsiveTable as De, Select as Oe, SelectContent as ke, SelectItem as Ae, SelectTrigger as je, SelectValue as Me, Textarea as Ne } from "@burdenoff/fe-libs/ui";
+import { Fragment as L, useMemo as R, useState as z } from "react";
+import { Archive as B, ArrowLeft as te, BookOpen as ne, Bookmark as re, ChevronDown as ie, Clock as ae, ExternalLink as oe, GitBranch as V, Languages as se, Lightbulb as ce, Lock as le, MessagesSquare as H, Pencil as ue, Plus as U, RotateCcw as de, Scroll as W, Send as G, Share2 as fe, ShieldCheck as K, Sparkles as pe, Tag as me } from "lucide-react";
+import { useParams as he, useSearchParams as ge } from "react-router";
+import { Fragment as _e, jsx as q, jsxs as J } from "react/jsx-runtime";
+import { Button as Y, DropdownMenu as ve, DropdownMenuContent as ye, DropdownMenuItem as be, DropdownMenuTrigger as xe, GlassCard as X, Input as Se, Label as Z, ResponsiveDialog as Ce, ResponsiveDialogContent as we, ResponsiveDialogDescription as Te, ResponsiveDialogFooter as Ee, ResponsiveDialogHeader as De, ResponsiveDialogTitle as Oe, ResponsiveTable as ke, Select as Ae, SelectContent as je, SelectItem as Q, SelectTrigger as Me, SelectValue as Ne, Textarea as Pe } from "@burdenoff/fe-libs/ui";
 //#region src/theculturepost/pages/stories/StoryDetailPage.tsx
-var Pe = {
+var Fe = ["citations", "editorial"], Ie = {
 	IDEA: ["DRAFT"],
 	DRAFT: ["IN_REVIEW"],
 	IN_REVIEW: ["PUBLISHED", "DRAFT"],
 	PUBLISHED: ["ARCHIVED"],
 	ARCHIVED: ["PUBLISHED"]
-}, Fe = {
+}, Le = {
 	IDEA: {
 		label: "Move to Idea",
-		icon: oe
+		icon: ce
 	},
 	DRAFT: {
 		label: "Send back to Draft",
-		icon: le
+		icon: de
 	},
 	IN_REVIEW: {
 		label: "Send to Review",
@@ -52,141 +53,149 @@ var Pe = {
 	},
 	ARCHIVED: {
 		label: "Archive",
-		icon: z
+		icon: B
 	}
 };
-function Q(e) {
-	switch (P[e].accent) {
+function Re(e) {
+	switch (F[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 Ie() {
-	let { id: n } = pe(), { navigateTo: o } = e(), [l, f] = me(), g = l.get("view") === "editorial" ? "editorial" : "reading", _ = (e) => {
+function ze() {
+	let { id: n } = he(), { navigateTo: o } = e(), [l, f] = ge(), g = l.get("view"), _ = Fe.find((e) => e === g) ?? "reading", v = (e) => {
 		f((t) => {
 			let n = new URLSearchParams(t);
-			return e === "editorial" ? n.set("view", "editorial") : n.delete("view"), n;
+			return e === "reading" ? n.delete("view") : n.set("view", e), n;
 		}, { replace: !0 });
-	}, { data: v, isLoading: y, isError: S, refetch: E } = m(n), O = h(), [A, j] = R(!1), [M, N] = R(!1), [P, F] = R(!1), I = p({
+	}, { data: y, isLoading: S, isError: E, refetch: O } = m(n), A = h(), [j, M] = z(!1), [N, P] = z(!1), [F, I] = z(!1), L = p({
 		storyId: n,
 		pagination: { limit: 20 }
-	}), L = I.data?.items ?? [];
-	if (y) return /* @__PURE__ */ J("div", {
+	}), R = L.data?.items ?? [];
+	if (S) return /* @__PURE__ */ J("div", {
 		className: "mx-auto max-w-6xl p-4 sm:p-6",
 		children: [/* @__PURE__ */ J(Y, {
 			variant: "ghost",
 			size: "sm",
 			onClick: () => o("stories"),
-			children: [/* @__PURE__ */ q(B, { className: "mr-1.5 h-4 w-4" }), " Stories"]
+			children: [/* @__PURE__ */ q(te, { className: "mr-1.5 h-4 w-4" }), " Stories"]
 		}), /* @__PURE__ */ q(a, { label: "Loading story…" })]
 	});
-	if (S || !v) return /* @__PURE__ */ J("div", {
+	if (E || !y) return /* @__PURE__ */ J("div", {
 		className: "mx-auto max-w-6xl p-4 sm:p-6",
 		children: [/* @__PURE__ */ J(Y, {
 			variant: "ghost",
 			size: "sm",
 			onClick: () => o("stories"),
-			children: [/* @__PURE__ */ q(B, { className: "mr-1.5 h-4 w-4" }), " Stories"]
+			children: [/* @__PURE__ */ q(te, { className: "mr-1.5 h-4 w-4" }), " Stories"]
 		}), /* @__PURE__ */ q(i, {
 			title: "Story not found",
 			message: "This story may have been archived, or you may not have access.",
-			onRetry: () => E()
+			onRetry: () => O()
 		})]
 	});
-	let z = /* @__PURE__ */ J(he, { children: [
-		/* @__PURE__ */ q(u, { status: v.format }),
-		/* @__PURE__ */ q(u, { status: v.status }),
-		v.topic && /* @__PURE__ */ J("button", {
+	let B = /* @__PURE__ */ J(_e, { children: [
+		/* @__PURE__ */ q(u, { status: y.format }),
+		/* @__PURE__ */ q(u, { status: y.status }),
+		y.topic && /* @__PURE__ */ J("button", {
 			type: "button",
-			onClick: () => o(`topics/${v.topic.id}`),
+			onClick: () => o(`topics/${y.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__ */ q(fe, {
+				/* @__PURE__ */ q(me, {
 					className: "h-3 w-3",
 					"aria-hidden": "true"
 				}),
 				" ",
-				v.topic.name
+				y.topic.name
 			]
 		}),
 		/* @__PURE__ */ q("span", {
 			className: "inline-flex items-center gap-1.5 text-xs text-text-tertiary",
 			children: /* @__PURE__ */ q(d, {
-				actorId: v.authorId,
+				actorId: y.authorId,
 				prefix: "By",
 				withIcon: !0
 			})
 		}),
-		v.readingMins > 0 && /* @__PURE__ */ J("span", {
+		y.readingMins > 0 && /* @__PURE__ */ J("span", {
 			className: "inline-flex items-center gap-1 text-xs text-text-tertiary",
 			children: [
-				/* @__PURE__ */ q(ie, {
+				/* @__PURE__ */ q(ae, {
 					className: "h-3.5 w-3.5",
 					"aria-hidden": "true"
 				}),
 				" ",
-				c(v.readingMins),
+				c(y.readingMins),
 				" min read"
 			]
 		}),
-		v.languages.length > 0 && /* @__PURE__ */ J("span", {
+		y.languages.length > 0 && /* @__PURE__ */ J("span", {
 			className: "inline-flex items-center gap-1 text-xs text-text-tertiary",
 			children: [
-				/* @__PURE__ */ q(ae, {
+				/* @__PURE__ */ q(se, {
 					className: "h-3.5 w-3.5",
 					"aria-hidden": "true"
 				}),
 				" ",
-				v.languages.map(s).join(", ")
+				y.languages.map(s).join(", ")
 			]
 		})
-	] }), re = [{
-		value: "reading",
-		label: "Reading",
-		icon: /* @__PURE__ */ q(te, { className: "h-4 w-4" })
-	}, {
-		value: "editorial",
-		label: "Editorial",
-		icon: /* @__PURE__ */ q(V, { className: "h-4 w-4" }),
-		count: v.citations.length
-	}];
+	] }), ie = [
+		{
+			value: "reading",
+			label: "Reading",
+			icon: /* @__PURE__ */ q(ne, { className: "h-4 w-4" })
+		},
+		{
+			value: "citations",
+			label: "Citations",
+			icon: /* @__PURE__ */ q(W, { className: "h-4 w-4" }),
+			count: y.citations.length
+		},
+		{
+			value: "editorial",
+			label: "Editorial",
+			icon: /* @__PURE__ */ q(V, { className: "h-4 w-4" })
+		}
+	];
 	return /* @__PURE__ */ J("div", {
 		className: "mx-auto flex max-w-6xl flex-col gap-6 p-4 sm:p-6",
 		children: [
 			/* @__PURE__ */ q(r, {
 				eyebrow: "Story",
-				title: v.title,
-				description: v.summary ?? void 0,
-				coverFileId: v.cover?.id ?? void 0,
+				title: y.title,
+				description: y.summary ?? void 0,
+				coverFileId: y.cover?.id ?? void 0,
 				backAction: {
 					label: "Stories",
 					onClick: () => o("stories")
 				},
-				meta: z,
+				meta: B,
 				actions: /* @__PURE__ */ J("div", {
 					className: "flex items-center gap-2",
 					children: [
 						/* @__PURE__ */ J(Y, {
-							variant: v.isBookmarked ? "default" : "outline",
+							variant: y.isBookmarked ? "default" : "outline",
 							size: "sm",
 							onClick: async () => {
 								await C("light");
 								try {
-									await w(await O.mutateAsync(v.id) ? "Saved to your reading list" : "Removed from your reading list");
+									await w(await A.mutateAsync(y.id) ? "Saved to your reading list" : "Removed from your reading list");
 								} catch (e) {
 									x.error(b(e));
 								}
 							},
-							disabled: O.isPending,
-							"aria-pressed": v.isBookmarked,
-							"aria-label": v.isBookmarked ? "Remove from reading list" : "Save to reading list",
+							disabled: A.isPending,
+							"aria-pressed": y.isBookmarked,
+							"aria-label": y.isBookmarked ? "Remove from reading list" : "Save to reading list",
 							"data-tour": "theculturepost-story-bookmark",
 							children: [
-								/* @__PURE__ */ q(ne, { className: t("mr-1.5 h-4 w-4", v.isBookmarked && "fill-current") }),
+								/* @__PURE__ */ q(re, { className: t("mr-1.5 h-4 w-4", y.isBookmarked && "fill-current") }),
 								" ",
-								v.isBookmarked ? "Saved" : "Save"
+								y.isBookmarked ? "Saved" : "Save"
 							]
 						}),
 						/* @__PURE__ */ J(Y, {
@@ -194,19 +203,19 @@ function Ie() {
 							size: "sm",
 							onClick: async () => {
 								await C("light"), await T({
-									title: v.title,
-									text: v.summary ?? void 0,
+									title: y.title,
+									text: y.summary ?? void 0,
 									url: window.location.href
 								}) && await w("Link shared");
 							},
 							"aria-label": "Share story",
-							children: [/* @__PURE__ */ q(ue, { className: "mr-1.5 h-4 w-4" }), " Share"]
+							children: [/* @__PURE__ */ q(fe, { className: "mr-1.5 h-4 w-4" }), " Share"]
 						}),
 						/* @__PURE__ */ J(Y, {
 							variant: "outline",
-							onClick: () => F(!0),
+							onClick: () => I(!0),
 							"data-tour": "theculturepost-story-edit",
-							children: [/* @__PURE__ */ q(ce, { className: "mr-1.5 h-4 w-4" }), " Edit"]
+							children: [/* @__PURE__ */ q(ue, { className: "mr-1.5 h-4 w-4" }), " Edit"]
 						})
 					]
 				})
@@ -214,48 +223,48 @@ function Ie() {
 			/* @__PURE__ */ q("div", {
 				"data-tour": "theculturepost-story-tabs",
 				children: /* @__PURE__ */ q(D, {
-					items: re,
-					value: g,
-					onChange: _
+					items: ie,
+					value: _,
+					onChange: v
 				})
 			}),
-			g === "reading" ? /* @__PURE__ */ q(Le, {
-				story: v,
-				discussions: L,
-				discussionsLoading: I.isLoading,
-				onViewCitations: () => _("editorial"),
-				onOpenDiscussion: () => N(!0),
+			_ === "reading" ? /* @__PURE__ */ q(Be, {
+				story: y,
+				discussions: R,
+				discussionsLoading: L.isLoading,
+				onViewCitations: () => v("citations"),
+				onOpenDiscussion: () => P(!0),
 				onViewAllDiscussions: () => o("discussions"),
 				onOpenDiscussionItem: (e) => o(`discussions/${e.id}`)
-			}) : /* @__PURE__ */ q(Be, {
-				story: v,
-				onAddCitation: () => j(!0)
+			}) : q(_ === "citations" ? Ue : We, {
+				story: y,
+				onAddCitation: () => M(!0)
 			}),
 			/* @__PURE__ */ q(ee, {
-				open: A,
-				onOpenChange: j,
-				storyId: v.id
+				open: j,
+				onOpenChange: M,
+				storyId: y.id
 			}),
 			/* @__PURE__ */ q(k, {
-				open: M,
-				onOpenChange: N,
-				storyId: v.id,
+				open: N,
+				onOpenChange: P,
+				storyId: y.id,
 				onCreated: (e) => o(`discussions/${e.id}`)
 			}),
-			/* @__PURE__ */ q(We, {
-				open: P,
-				onOpenChange: F,
-				story: v
+			/* @__PURE__ */ q(Je, {
+				open: F,
+				onOpenChange: I,
+				story: y
 			})
 		]
 	});
 }
-function Le({ story: e, discussions: t, discussionsLoading: n, onViewCitations: r, onOpenDiscussion: i, onViewAllDiscussions: o, onOpenDiscussionItem: s }) {
+function Be({ story: e, discussions: t, discussionsLoading: n, onViewCitations: r, onOpenDiscussion: i, onViewAllDiscussions: o, onOpenDiscussionItem: s }) {
 	return /* @__PURE__ */ J("div", {
 		className: "grid grid-cols-1 gap-8 lg:grid-cols-[minmax(0,1fr)_360px]",
 		children: [/* @__PURE__ */ J("article", {
 			className: "min-w-0",
-			children: [/* @__PURE__ */ q(Re, { body: e.body }), e.tags.length > 0 && /* @__PURE__ */ q("div", {
+			children: [/* @__PURE__ */ q(Ve, { body: e.body }), e.tags.length > 0 && /* @__PURE__ */ q("div", {
 				className: "mt-8 flex flex-wrap gap-1.5 border-t border-border-seam pt-6",
 				children: e.tags.map((e) => /* @__PURE__ */ J("span", {
 					className: "rounded-full bg-bg-sunken px-2.5 py-0.5 text-xs font-medium text-text-secondary",
@@ -272,7 +281,7 @@ function Le({ story: e, discussions: t, discussionsLoading: n, onViewCitations:
 					className: "text-xs font-medium text-accent hover:underline",
 					children: "View all"
 				}),
-				children: /* @__PURE__ */ q(M, {
+				children: /* @__PURE__ */ q(N, {
 					storyId: e.id,
 					compact: !0
 				})
@@ -299,7 +308,7 @@ function Le({ story: e, discussions: t, discussionsLoading: n, onViewCitations:
 					})
 				}) : /* @__PURE__ */ q("div", {
 					className: "flex flex-col gap-3",
-					children: t.slice(0, 5).map((e) => /* @__PURE__ */ q(ze, {
+					children: t.slice(0, 5).map((e) => /* @__PURE__ */ q(He, {
 						discussion: e,
 						onOpen: () => s(e)
 					}, e.id))
@@ -317,20 +326,20 @@ function $({ title: e, action: t, children: n }) {
 		}), t]
 	}), n] });
 }
-function Re({ body: e }) {
-	let n = L(() => (e ?? "").split(/\n{2,}/).map((e) => e.trim()).filter(Boolean), [e]);
+function Ve({ body: e }) {
+	let n = R(() => (e ?? "").split(/\n{2,}/).map((e) => e.trim()).filter(Boolean), [e]);
 	return n.length === 0 ? /* @__PURE__ */ q("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__ */ q("div", {
 		className: "max-w-prose",
-		children: n.map((e, n) => /* @__PURE__ */ J(I, { children: [n === 1 && /* @__PURE__ */ q(E, {}), /* @__PURE__ */ q("p", {
+		children: n.map((e, n) => /* @__PURE__ */ J(L, { children: [n === 1 && /* @__PURE__ */ q(E, {}), /* @__PURE__ */ q("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 ze({ discussion: e, onOpen: t }) {
+function He({ discussion: e, onOpen: t }) {
 	return /* @__PURE__ */ q("button", {
 		type: "button",
 		onClick: t,
@@ -367,12 +376,12 @@ function ze({ discussion: e, onOpen: t }) {
 							/* @__PURE__ */ q("span", { children: l(e.createdAt) }),
 							e.isInterfaith && /* @__PURE__ */ q(u, {
 								status: "Interfaith",
-								icon: /* @__PURE__ */ q(de, { className: "h-3 w-3" }),
+								icon: /* @__PURE__ */ q(pe, { className: "h-3 w-3" }),
 								className: "ml-0.5"
 							}),
 							e.isLocked && /* @__PURE__ */ J("span", {
 								className: "inline-flex items-center gap-1 text-text-tertiary",
-								children: [/* @__PURE__ */ q(se, {
+								children: [/* @__PURE__ */ q(le, {
 									className: "h-3 w-3",
 									"aria-hidden": "true"
 								}), " Locked"]
@@ -384,8 +393,37 @@ function ze({ discussion: e, onOpen: t }) {
 		})
 	});
 }
-function Be({ story: e, onAddCitation: t }) {
-	let n = _(), r = Pe[e.status] ?? [], i = async (t) => {
+function Ue({ story: e, onAddCitation: t }) {
+	return /* @__PURE__ */ J(X, {
+		treatment: "plain",
+		className: "p-5 sm:p-6",
+		children: [/* @__PURE__ */ J("div", {
+			className: "flex flex-wrap items-start justify-between gap-3",
+			children: [/* @__PURE__ */ J("div", {
+				className: "flex items-start gap-2.5",
+				children: [/* @__PURE__ */ q("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__ */ q(W, { className: "h-5 w-5" })
+				}), /* @__PURE__ */ J("div", { children: [/* @__PURE__ */ q("h2", {
+					className: "font-display text-xl font-semibold text-text-primary",
+					children: "Verifiable sources that ground this story"
+				}), /* @__PURE__ */ q("p", {
+					className: "mt-0.5 max-w-prose text-sm text-text-secondary",
+					children: "Every source is reviewed for credibility and context. Set each one’s verification state as the evidence is checked."
+				})] })]
+			}), /* @__PURE__ */ J(Y, {
+				onClick: t,
+				children: [/* @__PURE__ */ q(U, { className: "mr-1.5 h-4 w-4" }), " Add citation"]
+			})]
+		}), /* @__PURE__ */ q(N, {
+			storyId: e.id,
+			className: "mt-5"
+		})]
+	});
+}
+function We({ story: e, onAddCitation: t }) {
+	let n = _(), r = Ie[e.status] ?? [], i = async (t) => {
 		try {
 			await n.mutateAsync({
 				id: e.id,
@@ -421,7 +459,7 @@ function Be({ story: e, onAddCitation: t }) {
 					children: [r.length > 0 ? /* @__PURE__ */ q("div", {
 						className: "flex flex-wrap gap-2",
 						children: r.map((e) => {
-							let t = Fe[e], r = t.icon;
+							let t = Le[e], r = t.icon;
 							return /* @__PURE__ */ J(Y, {
 								variant: t.primary ? "default" : "outline",
 								onClick: () => i(e),
@@ -469,7 +507,7 @@ function Be({ story: e, onAddCitation: t }) {
 						children: [/* @__PURE__ */ q(U, { className: "mr-1.5 h-4 w-4" }), " Add citation"]
 					})]
 				}),
-				/* @__PURE__ */ q(Ve, {
+				/* @__PURE__ */ q(Ge, {
 					storyId: e.id,
 					className: "mt-5"
 				}),
@@ -484,7 +522,7 @@ function Be({ story: e, onAddCitation: t }) {
 		})]
 	});
 }
-function Ve({ storyId: e, className: n }) {
+function Ge({ storyId: e, className: n }) {
 	let { data: r, isLoading: s, isError: c, refetch: l } = f(e);
 	return s ? /* @__PURE__ */ q(a, {
 		label: "Loading citations…",
@@ -495,7 +533,7 @@ function Ve({ storyId: e, className: n }) {
 			message: "We couldn't load citations.",
 			onRetry: () => l()
 		})
-	}) : /* @__PURE__ */ q(De, {
+	}) : /* @__PURE__ */ q(ke, {
 		className: n,
 		columns: [
 			{
@@ -503,7 +541,11 @@ function Ve({ storyId: e, className: n }) {
 				header: "Source",
 				priority: "primary",
 				cell: (e) => {
-					let t = F(e.sourceType), n = [e.author, e.publisher].filter((e) => e && e.trim()).join(" · ");
+					let t = I(e.sourceType), n = o(e.publishedOn), r = [
+						e.author,
+						e.publisher,
+						n === "—" ? null : n
+					].filter((e) => e && e.trim()).join(" · ");
 					return /* @__PURE__ */ J("div", {
 						className: "flex min-w-0 items-start gap-3",
 						children: [/* @__PURE__ */ q("span", {
@@ -521,9 +563,37 @@ function Ve({ storyId: e, className: n }) {
 									className: "mt-0.5 line-clamp-1 text-xs italic text-text-tertiary",
 									children: e.excerpt
 								}),
-								n && /* @__PURE__ */ q("p", {
+								r && /* @__PURE__ */ q("p", {
 									className: "mt-0.5 text-xs text-text-tertiary",
-									children: n
+									children: r
+								}),
+								e.provenance && /* @__PURE__ */ J("p", {
+									className: "mt-0.5 line-clamp-1 text-xs text-text-tertiary",
+									title: e.provenance,
+									children: [
+										/* @__PURE__ */ q("span", {
+											className: "font-medium text-text-secondary",
+											children: "Provenance:"
+										}),
+										" ",
+										e.provenance
+									]
+								}),
+								(e.url || e.sourceFile) && /* @__PURE__ */ J("div", {
+									className: "mt-1 flex flex-wrap items-center gap-x-3 gap-y-1",
+									children: [e.url && /* @__PURE__ */ J("a", {
+										href: e.url,
+										target: "_blank",
+										rel: "noreferrer noopener",
+										className: "inline-flex items-center gap-1 text-xs font-medium text-accent hover:underline",
+										children: ["Open source", /* @__PURE__ */ q(oe, {
+											className: "h-3 w-3 shrink-0",
+											"aria-hidden": "true"
+										})]
+									}), /* @__PURE__ */ q(M, {
+										fileId: e.sourceFile?.id,
+										label: "View scan"
+									})]
 								})
 							]
 						})]
@@ -535,7 +605,7 @@ function Ve({ storyId: e, className: n }) {
 				header: "Type",
 				cell: (e) => /* @__PURE__ */ q(u, {
 					status: e.sourceType,
-					icon: /* @__PURE__ */ q(F(e.sourceType), { className: "h-3 w-3" })
+					icon: /* @__PURE__ */ q(I(e.sourceType), { className: "h-3 w-3" })
 				})
 			},
 			{
@@ -551,10 +621,10 @@ function Ve({ storyId: e, className: n }) {
 				key: "verification",
 				header: "Status",
 				cell: (e) => {
-					let n = P[e.verification].icon;
+					let n = F[e.verification].icon;
 					return /* @__PURE__ */ q(u, {
 						status: e.verification,
-						icon: /* @__PURE__ */ q(n, { className: t("h-3 w-3", Q(e.verification)) })
+						icon: /* @__PURE__ */ q(n, { className: t("h-3 w-3", Re(e.verification)) })
 					});
 				}
 			},
@@ -563,7 +633,7 @@ function Ve({ storyId: e, className: n }) {
 				header: "Actions",
 				headerClassName: "text-right",
 				cellClassName: "text-right",
-				cell: (e) => /* @__PURE__ */ q(He, { citation: e })
+				cell: (e) => /* @__PURE__ */ q(Ke, { citation: e })
 			}
 		],
 		data: r ?? [],
@@ -575,7 +645,7 @@ function Ve({ storyId: e, className: n }) {
 		})
 	});
 }
-function He({ citation: e }) {
+function Ke({ citation: e }) {
 	let n = y(), r = async (t) => {
 		if (t !== e.verification) try {
 			await n.mutateAsync({
@@ -586,34 +656,34 @@ function He({ citation: e }) {
 			x.error("Could not update verification", b(e));
 		}
 	};
-	return /* @__PURE__ */ J(ge, { children: [/* @__PURE__ */ q(ye, {
+	return /* @__PURE__ */ J(ve, { children: [/* @__PURE__ */ q(xe, {
 		asChild: !0,
 		children: /* @__PURE__ */ J(Y, {
 			size: "sm",
 			variant: "outline",
 			disabled: n.isPending,
 			"aria-label": `Change verification for ${e.title}`,
-			children: ["Verify ", /* @__PURE__ */ q(re, {
+			children: ["Verify ", /* @__PURE__ */ q(ie, {
 				className: "ml-1 h-4 w-4",
 				"aria-hidden": "true"
 			})]
 		})
-	}), /* @__PURE__ */ q(_e, {
+	}), /* @__PURE__ */ q(ye, {
 		align: "end",
-		children: N.map((n) => {
-			let i = P[n], a = i.icon;
-			return /* @__PURE__ */ J(ve, {
+		children: P.map((n) => {
+			let i = F[n], a = i.icon;
+			return /* @__PURE__ */ J(be, {
 				onSelect: () => r(n),
 				className: t("gap-2", n === e.verification && "font-semibold"),
 				children: [/* @__PURE__ */ q(a, {
-					className: t("h-4 w-4", Q(n)),
+					className: t("h-4 w-4", Re(n)),
 					"aria-hidden": "true"
 				}), i.label]
 			}, n);
 		})
 	})] });
 }
-var Ue = [
+var qe = [
 	"ARTICLE",
 	"ESSAY",
 	"EXPLAINER",
@@ -621,15 +691,15 @@ var Ue = [
 	"PHOTO_STORY",
 	"TIMELINE"
 ];
-function We({ open: e, onOpenChange: t, story: r }) {
-	let i = v(), a = g({ pagination: { limit: 100 } }), [o, c] = R(r.title), [l, u] = R(r.summary ?? ""), [d, f] = R(r.body ?? ""), [p, m] = R(r.format), [h, _] = R(r.topicId ?? ""), [y, S] = R(r.languages), [C, w] = R(r.tags), [T, E] = R(r.readingMins ? String(r.readingMins) : ""), [D, k] = R(r.cover?.id ?? null), [A, M] = R(null), N = L(() => `${r.id}:${r.updatedAt}`, [r.id, r.updatedAt]), [P, F] = R(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__ */ q(xe, {
+function Je({ open: e, onOpenChange: t, story: r }) {
+	let i = v(), a = g({ pagination: { limit: 100 } }), [o, c] = z(r.title), [l, u] = z(r.summary ?? ""), [d, f] = z(r.body ?? ""), [p, m] = z(r.format), [h, _] = z(r.topicId ?? ""), [y, S] = z(r.languages), [C, w] = z(r.tags), [T, E] = z(r.readingMins ? String(r.readingMins) : ""), [D, k] = z(r.cover?.id ?? null), [A, M] = z(null), N = R(() => `${r.id}:${r.updatedAt}`, [r.id, r.updatedAt]), [P, F] = z(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__ */ q(Ce, {
 		open: e,
 		onOpenChange: t,
-		children: /* @__PURE__ */ J(Se, {
+		children: /* @__PURE__ */ J(we, {
 			className: "sm:max-w-lg",
 			children: [
-				/* @__PURE__ */ J(Te, { children: [/* @__PURE__ */ q(Ee, { children: "Edit story" }), /* @__PURE__ */ q(Ce, { children: "Refine the story. The URL slug is fixed once created." })] }),
+				/* @__PURE__ */ J(De, { children: [/* @__PURE__ */ q(Oe, { children: "Edit story" }), /* @__PURE__ */ q(Te, { children: "Refine the story. The URL slug is fixed once created." })] }),
 				/* @__PURE__ */ J("div", {
 					className: "flex max-h-[62vh] flex-col gap-4 overflow-y-auto py-2",
 					children: [
@@ -649,7 +719,7 @@ function We({ open: e, onOpenChange: t, story: r }) {
 							children: [/* @__PURE__ */ q(Z, {
 								htmlFor: "edit-title",
 								children: "Title"
-							}), /* @__PURE__ */ q(be, {
+							}), /* @__PURE__ */ q(Se, {
 								id: "edit-title",
 								value: o,
 								onChange: (e) => c(e.target.value)
@@ -659,10 +729,10 @@ function We({ open: e, onOpenChange: t, story: r }) {
 							className: "grid grid-cols-2 gap-3",
 							children: [/* @__PURE__ */ J("div", {
 								className: "grid gap-1.5",
-								children: [/* @__PURE__ */ q(Z, { children: "Format" }), /* @__PURE__ */ J(Oe, {
+								children: [/* @__PURE__ */ q(Z, { children: "Format" }), /* @__PURE__ */ J(Ae, {
 									value: p,
 									onValueChange: (e) => m(e),
-									children: [/* @__PURE__ */ q(je, { children: /* @__PURE__ */ q(Me, {}) }), /* @__PURE__ */ q(ke, { children: Ue.map((e) => /* @__PURE__ */ q(Ae, {
+									children: [/* @__PURE__ */ q(Me, { children: /* @__PURE__ */ q(Ne, {}) }), /* @__PURE__ */ q(je, { children: qe.map((e) => /* @__PURE__ */ q(Q, {
 										value: e,
 										children: s(e)
 									}, e)) })]
@@ -672,7 +742,7 @@ function We({ open: e, onOpenChange: t, story: r }) {
 								children: [/* @__PURE__ */ q(Z, {
 									htmlFor: "edit-reading",
 									children: "Reading time (min)"
-								}), /* @__PURE__ */ q(be, {
+								}), /* @__PURE__ */ q(Se, {
 									id: "edit-reading",
 									type: "number",
 									min: 0,
@@ -683,10 +753,10 @@ function We({ open: e, onOpenChange: t, story: r }) {
 						}),
 						/* @__PURE__ */ J("div", {
 							className: "grid gap-1.5",
-							children: [/* @__PURE__ */ q(Z, { children: "Topic" }), /* @__PURE__ */ J(Oe, {
+							children: [/* @__PURE__ */ q(Z, { children: "Topic" }), /* @__PURE__ */ J(Ae, {
 								value: h,
 								onValueChange: _,
-								children: [/* @__PURE__ */ q(je, { children: /* @__PURE__ */ q(Me, { placeholder: "Choose a topic (optional)" }) }), /* @__PURE__ */ q(ke, { children: (a.data?.items ?? []).map((e) => /* @__PURE__ */ q(Ae, {
+								children: [/* @__PURE__ */ q(Me, { children: /* @__PURE__ */ q(Ne, { placeholder: "Choose a topic (optional)" }) }), /* @__PURE__ */ q(je, { children: (a.data?.items ?? []).map((e) => /* @__PURE__ */ q(Q, {
 									value: e.id,
 									children: e.name
 								}, e.id)) })]
@@ -697,7 +767,7 @@ function We({ open: e, onOpenChange: t, story: r }) {
 							children: [/* @__PURE__ */ q(Z, {
 								htmlFor: "edit-summary",
 								children: "Summary"
-							}), /* @__PURE__ */ q(Ne, {
+							}), /* @__PURE__ */ q(Pe, {
 								id: "edit-summary",
 								value: l,
 								onChange: (e) => u(e.target.value),
@@ -709,7 +779,7 @@ function We({ open: e, onOpenChange: t, story: r }) {
 							children: [/* @__PURE__ */ q(Z, {
 								htmlFor: "edit-body",
 								children: "Body"
-							}), /* @__PURE__ */ q(Ne, {
+							}), /* @__PURE__ */ q(Pe, {
 								id: "edit-body",
 								value: d,
 								onChange: (e) => f(e.target.value),
@@ -745,7 +815,7 @@ function We({ open: e, onOpenChange: t, story: r }) {
 						})
 					]
 				}),
-				/* @__PURE__ */ J(we, { children: [/* @__PURE__ */ q(Y, {
+				/* @__PURE__ */ J(Ee, { children: [/* @__PURE__ */ q(Y, {
 					variant: "outline",
 					onClick: () => t(!1),
 					children: "Cancel"
@@ -782,6 +852,6 @@ function We({ open: e, onOpenChange: t, story: r }) {
 	});
 }
 //#endregion
-export { Ie as StoryDetailPage };
+export { ze as StoryDetailPage };
 
 //# sourceMappingURL=StoryDetailPage.js.map