@burdenoff/microfe-theculturepost 2026.704.2 → 2026.705.1

package/dist/theculturepost/components/OpenDiscussionDialog.js

@@ -3,125 +3,135 @@ import "../hooks/index.js";
 import { describeError as n, notify as r } from "../lib/toast.js";
 import { TagInput as i } from "./TagInput.js";
 import { useState as a } from "react";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
-import { Button as c, Input as l, Label as u, ResponsiveDialog as d, ResponsiveDialogContent as f, ResponsiveDialogDescription as p, ResponsiveDialogFooter as m, ResponsiveDialogHeader as h, ResponsiveDialogTitle as g, Select as _, SelectContent as v, SelectItem as y, SelectTrigger as b, SelectValue as x, Switch as S, Textarea as C } from "@burdenoff/fe-libs/ui";
+import { MessagesSquare as o, Plus as s } from "lucide-react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { Button as u, Input as d, Label as f, ResponsiveDialog as p, ResponsiveDialogContent as m, ResponsiveDialogDescription as h, ResponsiveDialogFooter as g, ResponsiveDialogHeader as _, ResponsiveDialogTitle as v, Select as y, SelectContent as b, SelectItem as x, SelectTrigger as S, SelectValue as C, Switch as w, Textarea as T } from "@burdenoff/fe-libs/ui";
 //#region src/theculturepost/components/OpenDiscussionDialog.tsx
-function w({ open: w, onOpenChange: T, storyId: E, onCreated: D }) {
-	let O = e(), k = t({
+function E({ open: E, onOpenChange: D, storyId: O, onCreated: k }) {
+	let A = e(), j = t({
 		status: "PUBLISHED",
 		pagination: { limit: 100 }
-	}), [A, j] = a(""), [M, N] = a(""), [P, F] = a(E ?? ""), [I, L] = a(!1), [R, z] = a([]), [B, V] = a(null), H = () => {
-		j(""), N(""), F(E ?? ""), L(!1), z([]), V(null);
+	}), [M, N] = a(""), [P, F] = a(""), [I, L] = a(O ?? ""), [R, z] = a(!1), [B, V] = a([]), [H, U] = a(null), W = () => {
+		N(""), F(""), L(O ?? ""), z(!1), V([]), U(null);
 	};
-	return /* @__PURE__ */ o(d, {
-		open: w,
-		onOpenChange: T,
-		children: /* @__PURE__ */ s(f, {
+	return /* @__PURE__ */ c(p, {
+		open: E,
+		onOpenChange: D,
+		children: /* @__PURE__ */ l(m, {
 			className: "sm:max-w-lg",
 			children: [
-				/* @__PURE__ */ s(h, { children: [/* @__PURE__ */ o(g, { children: "Open a discussion" }), /* @__PURE__ */ o(p, { children: "Start a respectful conversation. Replies are moderated to keep the space welcoming." })] }),
-				/* @__PURE__ */ s("div", {
+				/* @__PURE__ */ l(_, { children: [/* @__PURE__ */ l(v, {
+					className: "flex items-center gap-2",
+					children: [/* @__PURE__ */ c(o, {
+						className: "h-5 w-5 text-accent",
+						"aria-hidden": "true"
+					}), " Open a discussion"]
+				}), /* @__PURE__ */ c(h, { children: "Start a respectful conversation. Replies are moderated to keep the space welcoming." })] }),
+				/* @__PURE__ */ l("div", {
 					className: "flex max-h-[60vh] flex-col gap-4 overflow-y-auto py-2",
 					children: [
-						/* @__PURE__ */ s("div", {
+						/* @__PURE__ */ l("div", {
 							className: "grid gap-1.5",
-							children: [/* @__PURE__ */ o(u, {
+							children: [/* @__PURE__ */ c(f, {
 								htmlFor: "discussion-title",
 								children: "Title"
-							}), /* @__PURE__ */ o(l, {
+							}), /* @__PURE__ */ c(d, {
 								id: "discussion-title",
-								value: A,
-								onChange: (e) => j(e.target.value),
+								value: M,
+								onChange: (e) => N(e.target.value),
 								placeholder: "e.g. How do communities keep oral traditions alive?"
 							})]
 						}),
-						/* @__PURE__ */ s("div", {
+						/* @__PURE__ */ l("div", {
 							className: "grid gap-1.5",
-							children: [/* @__PURE__ */ o(u, {
+							children: [/* @__PURE__ */ c(f, {
 								htmlFor: "discussion-prompt",
 								children: "Prompt"
-							}), /* @__PURE__ */ o(C, {
+							}), /* @__PURE__ */ c(T, {
 								id: "discussion-prompt",
-								value: M,
-								onChange: (e) => N(e.target.value),
+								value: P,
+								onChange: (e) => F(e.target.value),
 								placeholder: "Set the context and invite perspectives.",
 								rows: 3
 							})]
 						}),
-						!E && /* @__PURE__ */ s("div", {
+						!O && /* @__PURE__ */ l("div", {
 							className: "grid gap-1.5",
-							children: [/* @__PURE__ */ o(u, { children: "Linked story" }), /* @__PURE__ */ s(_, {
-								value: P,
-								onValueChange: F,
-								children: [/* @__PURE__ */ o(b, { children: /* @__PURE__ */ o(x, { placeholder: "Anchor to a story (optional)" }) }), /* @__PURE__ */ o(v, { children: (k.data?.items ?? []).map((e) => /* @__PURE__ */ o(y, {
+							children: [/* @__PURE__ */ c(f, { children: "Linked story" }), /* @__PURE__ */ l(y, {
+								value: I,
+								onValueChange: L,
+								children: [/* @__PURE__ */ c(S, { children: /* @__PURE__ */ c(C, { placeholder: "Anchor to a story (optional)" }) }), /* @__PURE__ */ c(b, { children: (j.data?.items ?? []).map((e) => /* @__PURE__ */ c(x, {
 									value: e.id,
 									children: e.title
 								}, e.id)) })]
 							})]
 						}),
-						/* @__PURE__ */ s("div", {
+						/* @__PURE__ */ l("div", {
 							className: "grid gap-1.5",
-							children: [/* @__PURE__ */ o(u, {
+							children: [/* @__PURE__ */ c(f, {
 								htmlFor: "discussion-tags",
 								children: "Tags"
-							}), /* @__PURE__ */ o(i, {
+							}), /* @__PURE__ */ c(i, {
 								id: "discussion-tags",
-								value: R,
-								onChange: z,
+								value: B,
+								onChange: V,
 								placeholder: "Add tags…"
 							})]
 						}),
-						/* @__PURE__ */ s("label", {
+						/* @__PURE__ */ l("label", {
 							className: "flex items-center justify-between gap-3 rounded-xl border border-border-seam bg-bg-surface px-4 py-3",
-							children: [/* @__PURE__ */ s("span", { children: [/* @__PURE__ */ o("span", {
+							children: [/* @__PURE__ */ l("span", { children: [/* @__PURE__ */ c("span", {
 								className: "block text-sm font-medium text-text-primary",
 								children: "Interfaith space"
-							}), /* @__PURE__ */ o("span", {
+							}), /* @__PURE__ */ c("span", {
 								className: "block text-xs text-text-secondary",
 								children: "Signals that perspectives from many traditions are welcome."
-							})] }), /* @__PURE__ */ o(S, {
-								checked: I,
-								onCheckedChange: L,
+							})] }), /* @__PURE__ */ c(w, {
+								checked: R,
+								onCheckedChange: z,
 								"aria-label": "Interfaith discussion"
 							})]
 						}),
-						B && /* @__PURE__ */ o("p", {
+						H && /* @__PURE__ */ c("p", {
 							className: "text-sm text-status-error-text",
-							children: B
+							children: H
 						})
 					]
 				}),
-				/* @__PURE__ */ s(m, { children: [/* @__PURE__ */ o(c, {
+				/* @__PURE__ */ l(g, { children: [/* @__PURE__ */ c(u, {
 					variant: "outline",
-					onClick: () => T(!1),
+					onClick: () => D(!1),
 					children: "Cancel"
-				}), /* @__PURE__ */ o(c, {
+				}), /* @__PURE__ */ l(u, {
 					onClick: async () => {
-						if (!A.trim()) {
-							V("A title is required.");
+						if (!M.trim()) {
+							U("A title is required.");
 							return;
 						}
 						try {
-							let e = await O.mutateAsync({
-								title: A.trim(),
-								prompt: M.trim() || null,
-								storyId: P || null,
-								isInterfaith: I,
-								tags: R.length ? R : null
+							let e = await A.mutateAsync({
+								title: M.trim(),
+								prompt: P.trim() || null,
+								storyId: I || null,
+								isInterfaith: R,
+								tags: B.length ? B : null
 							});
-							r.success("Discussion opened", e.title), T(!1), H(), D?.(e);
+							r.success("Discussion opened", e.title), D(!1), W(), k?.(e);
 						} catch (e) {
-							V(n(e));
+							U(n(e));
 						}
 					},
-					disabled: O.isPending,
-					children: "Open discussion"
+					disabled: A.isPending,
+					children: [/* @__PURE__ */ c(s, {
+						className: "mr-1.5 h-4 w-4",
+						"aria-hidden": "true"
+					}), " Open discussion"]
 				})] })
 			]
 		})
 	});
 }
 //#endregion
-export { w as OpenDiscussionDialog };
+export { E as OpenDiscussionDialog };
 
 //# sourceMappingURL=OpenDiscussionDialog.js.map

package/dist/theculturepost/components/OpenDiscussionDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"OpenDiscussionDialog.js","names":[],"sources":["../../../src/theculturepost/components/OpenDiscussionDialog.tsx"],"sourcesContent":["/**\n * OpenDiscussionDialog — open a new community discussion.\n * @module theculturepost/components\n *\n * Writes `tcpOpenDiscussion`. An optional interfaith flag marks the space as one\n * that welcomes multiple traditions; an optional story link anchors the thread.\n */\n\nimport { useState } from 'react';\nimport {\n  Button,\n  Input,\n  Label,\n  Textarea,\n  Switch,\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n  ResponsiveDialog,\n  ResponsiveDialogContent,\n  ResponsiveDialogHeader,\n  ResponsiveDialogTitle,\n  ResponsiveDialogDescription,\n  ResponsiveDialogFooter,\n} from '@burdenoff/fe-libs/ui';\nimport { TagInput } from './TagInput';\nimport { useTcpOpenDiscussion, useTcpStories } from '../hooks';\nimport { notify, describeError } from '../lib/toast';\nimport type { TcpDiscussion } from '../types';\n\ninterface OpenDiscussionDialogProps {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  /** Anchor the discussion to a story (e.g. from a story detail page). */\n  storyId?: string;\n  onCreated?: (discussion: TcpDiscussion) => void;\n}\n\nexport function OpenDiscussionDialog({\n  open,\n  onOpenChange,\n  storyId,\n  onCreated,\n}: OpenDiscussionDialogProps) {\n  const openDiscussion = useTcpOpenDiscussion();\n  const storiesQuery = useTcpStories({ status: 'PUBLISHED', pagination: { limit: 100 } });\n\n  const [title, setTitle] = useState('');\n  const [prompt, setPrompt] = useState('');\n  const [pickedStory, setPickedStory] = useState(storyId ?? '');\n  const [isInterfaith, setIsInterfaith] = useState(false);\n  const [tags, setTags] = useState<string[]>([]);\n  const [error, setError] = useState<string | null>(null);\n\n  const reset = () => {\n    setTitle('');\n    setPrompt('');\n    setPickedStory(storyId ?? '');\n    setIsInterfaith(false);\n    setTags([]);\n    setError(null);\n  };\n\n  const submit = async () => {\n    if (!title.trim()) {\n      setError('A title is required.');\n      return;\n    }\n    try {\n      const created = await openDiscussion.mutateAsync({\n        title: title.trim(),\n        prompt: prompt.trim() || null,\n        storyId: pickedStory || null,\n        isInterfaith,\n        tags: tags.length ? tags : null,\n      });\n      notify.success('Discussion opened', created.title);\n      onOpenChange(false);\n      reset();\n      onCreated?.(created);\n    } catch (err) {\n      setError(describeError(err));\n    }\n  };\n\n  return (\n    <ResponsiveDialog open={open} onOpenChange={onOpenChange}>\n      <ResponsiveDialogContent className=\"sm:max-w-lg\">\n        <ResponsiveDialogHeader>\n          <ResponsiveDialogTitle>Open a discussion</ResponsiveDialogTitle>\n          <ResponsiveDialogDescription>\n            Start a respectful conversation. Replies are moderated to keep the space welcoming.\n          </ResponsiveDialogDescription>\n        </ResponsiveDialogHeader>\n\n        <div className=\"flex max-h-[60vh] flex-col gap-4 overflow-y-auto py-2\">\n          <div className=\"grid gap-1.5\">\n            <Label htmlFor=\"discussion-title\">Title</Label>\n            <Input\n              id=\"discussion-title\"\n              value={title}\n              onChange={(e) => setTitle(e.target.value)}\n              placeholder=\"e.g. How do communities keep oral traditions alive?\"\n            />\n          </div>\n          <div className=\"grid gap-1.5\">\n            <Label htmlFor=\"discussion-prompt\">Prompt</Label>\n            <Textarea\n              id=\"discussion-prompt\"\n              value={prompt}\n              onChange={(e) => setPrompt(e.target.value)}\n              placeholder=\"Set the context and invite perspectives.\"\n              rows={3}\n            />\n          </div>\n          {!storyId && (\n            <div className=\"grid gap-1.5\">\n              <Label>Linked story</Label>\n              <Select value={pickedStory} onValueChange={setPickedStory}>\n                <SelectTrigger>\n                  <SelectValue placeholder=\"Anchor to a story (optional)\" />\n                </SelectTrigger>\n                <SelectContent>\n                  {(storiesQuery.data?.items ?? []).map((story) => (\n                    <SelectItem key={story.id} value={story.id}>\n                      {story.title}\n                    </SelectItem>\n                  ))}\n                </SelectContent>\n              </Select>\n            </div>\n          )}\n          <div className=\"grid gap-1.5\">\n            <Label htmlFor=\"discussion-tags\">Tags</Label>\n            <TagInput\n              id=\"discussion-tags\"\n              value={tags}\n              onChange={setTags}\n              placeholder=\"Add tags…\"\n            />\n          </div>\n          <label className=\"flex items-center justify-between gap-3 rounded-xl border border-border-seam bg-bg-surface px-4 py-3\">\n            <span>\n              <span className=\"block text-sm font-medium text-text-primary\">Interfaith space</span>\n              <span className=\"block text-xs text-text-secondary\">\n                Signals that perspectives from many traditions are welcome.\n              </span>\n            </span>\n            <Switch\n              checked={isInterfaith}\n              onCheckedChange={setIsInterfaith}\n              aria-label=\"Interfaith discussion\"\n            />\n          </label>\n          {error && <p className=\"text-sm text-status-error-text\">{error}</p>}\n        </div>\n\n        <ResponsiveDialogFooter>\n          <Button variant=\"outline\" onClick={() => onOpenChange(false)}>\n            Cancel\n          </Button>\n          <Button onClick={submit} disabled={openDiscussion.isPending}>\n            Open discussion\n          </Button>\n        </ResponsiveDialogFooter>\n      </ResponsiveDialogContent>\n    </ResponsiveDialog>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"OpenDiscussionDialog.js","names":[],"sources":["../../../src/theculturepost/components/OpenDiscussionDialog.tsx"],"sourcesContent":["/**\n * OpenDiscussionDialog — open a new community discussion.\n * @module theculturepost/components\n *\n * Writes `tcpOpenDiscussion`. An optional interfaith flag marks the space as one\n * that welcomes multiple traditions; an optional story link anchors the thread.\n */\n\nimport { useState } from 'react';\nimport { MessagesSquare, Plus } from 'lucide-react';\nimport {\n  Button,\n  Input,\n  Label,\n  Textarea,\n  Switch,\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n  ResponsiveDialog,\n  ResponsiveDialogContent,\n  ResponsiveDialogHeader,\n  ResponsiveDialogTitle,\n  ResponsiveDialogDescription,\n  ResponsiveDialogFooter,\n} from '@burdenoff/fe-libs/ui';\nimport { TagInput } from './TagInput';\nimport { useTcpOpenDiscussion, useTcpStories } from '../hooks';\nimport { notify, describeError } from '../lib/toast';\nimport type { TcpDiscussion } from '../types';\n\ninterface OpenDiscussionDialogProps {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  /** Anchor the discussion to a story (e.g. from a story detail page). */\n  storyId?: string;\n  onCreated?: (discussion: TcpDiscussion) => void;\n}\n\nexport function OpenDiscussionDialog({\n  open,\n  onOpenChange,\n  storyId,\n  onCreated,\n}: OpenDiscussionDialogProps) {\n  const openDiscussion = useTcpOpenDiscussion();\n  const storiesQuery = useTcpStories({ status: 'PUBLISHED', pagination: { limit: 100 } });\n\n  const [title, setTitle] = useState('');\n  const [prompt, setPrompt] = useState('');\n  const [pickedStory, setPickedStory] = useState(storyId ?? '');\n  const [isInterfaith, setIsInterfaith] = useState(false);\n  const [tags, setTags] = useState<string[]>([]);\n  const [error, setError] = useState<string | null>(null);\n\n  const reset = () => {\n    setTitle('');\n    setPrompt('');\n    setPickedStory(storyId ?? '');\n    setIsInterfaith(false);\n    setTags([]);\n    setError(null);\n  };\n\n  const submit = async () => {\n    if (!title.trim()) {\n      setError('A title is required.');\n      return;\n    }\n    try {\n      const created = await openDiscussion.mutateAsync({\n        title: title.trim(),\n        prompt: prompt.trim() || null,\n        storyId: pickedStory || null,\n        isInterfaith,\n        tags: tags.length ? tags : null,\n      });\n      notify.success('Discussion opened', created.title);\n      onOpenChange(false);\n      reset();\n      onCreated?.(created);\n    } catch (err) {\n      setError(describeError(err));\n    }\n  };\n\n  return (\n    <ResponsiveDialog open={open} onOpenChange={onOpenChange}>\n      <ResponsiveDialogContent className=\"sm:max-w-lg\">\n        <ResponsiveDialogHeader>\n          <ResponsiveDialogTitle className=\"flex items-center gap-2\">\n            <MessagesSquare className=\"h-5 w-5 text-accent\" aria-hidden=\"true\" /> Open a discussion\n          </ResponsiveDialogTitle>\n          <ResponsiveDialogDescription>\n            Start a respectful conversation. Replies are moderated to keep the space welcoming.\n          </ResponsiveDialogDescription>\n        </ResponsiveDialogHeader>\n\n        <div className=\"flex max-h-[60vh] flex-col gap-4 overflow-y-auto py-2\">\n          <div className=\"grid gap-1.5\">\n            <Label htmlFor=\"discussion-title\">Title</Label>\n            <Input\n              id=\"discussion-title\"\n              value={title}\n              onChange={(e) => setTitle(e.target.value)}\n              placeholder=\"e.g. How do communities keep oral traditions alive?\"\n            />\n          </div>\n          <div className=\"grid gap-1.5\">\n            <Label htmlFor=\"discussion-prompt\">Prompt</Label>\n            <Textarea\n              id=\"discussion-prompt\"\n              value={prompt}\n              onChange={(e) => setPrompt(e.target.value)}\n              placeholder=\"Set the context and invite perspectives.\"\n              rows={3}\n            />\n          </div>\n          {!storyId && (\n            <div className=\"grid gap-1.5\">\n              <Label>Linked story</Label>\n              <Select value={pickedStory} onValueChange={setPickedStory}>\n                <SelectTrigger>\n                  <SelectValue placeholder=\"Anchor to a story (optional)\" />\n                </SelectTrigger>\n                <SelectContent>\n                  {(storiesQuery.data?.items ?? []).map((story) => (\n                    <SelectItem key={story.id} value={story.id}>\n                      {story.title}\n                    </SelectItem>\n                  ))}\n                </SelectContent>\n              </Select>\n            </div>\n          )}\n          <div className=\"grid gap-1.5\">\n            <Label htmlFor=\"discussion-tags\">Tags</Label>\n            <TagInput\n              id=\"discussion-tags\"\n              value={tags}\n              onChange={setTags}\n              placeholder=\"Add tags…\"\n            />\n          </div>\n          <label className=\"flex items-center justify-between gap-3 rounded-xl border border-border-seam bg-bg-surface px-4 py-3\">\n            <span>\n              <span className=\"block text-sm font-medium text-text-primary\">Interfaith space</span>\n              <span className=\"block text-xs text-text-secondary\">\n                Signals that perspectives from many traditions are welcome.\n              </span>\n            </span>\n            <Switch\n              checked={isInterfaith}\n              onCheckedChange={setIsInterfaith}\n              aria-label=\"Interfaith discussion\"\n            />\n          </label>\n          {error && <p className=\"text-sm text-status-error-text\">{error}</p>}\n        </div>\n\n        <ResponsiveDialogFooter>\n          <Button variant=\"outline\" onClick={() => onOpenChange(false)}>\n            Cancel\n          </Button>\n          <Button onClick={submit} disabled={openDiscussion.isPending}>\n            <Plus className=\"mr-1.5 h-4 w-4\" aria-hidden=\"true\" /> Open discussion\n          </Button>\n        </ResponsiveDialogFooter>\n      </ResponsiveDialogContent>\n    </ResponsiveDialog>\n  );\n}\n"],"mappings":"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"}

package/dist/theculturepost/components/OralHistoryCard.js

@@ -1,73 +1,6 @@
-import { useFileUrl as e } from "../hooks/useFiles.js";
-import { formatDuration as t, formatEnumLabel as n } from "../utils/formatters.js";
-import { StatusBadge as r } from "./StatusBadge.js";
-import { AudioLines as i, Clock as a, Download as o, Languages as s, Mic as c } from "lucide-react";
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
-import { GlassCard as d } from "@burdenoff/fe-libs/ui";
-//#region src/theculturepost/components/OralHistoryCard.tsx
-function f({ oralHistory: f }) {
-	let { data: p } = e(f.recording?.id);
-	return /* @__PURE__ */ u(d, {
-		treatment: "plain",
-		className: "flex items-start gap-4 p-4",
-		children: [/* @__PURE__ */ l("div", {
-			className: "flex h-11 w-11 shrink-0 items-center justify-center rounded-xl bg-[var(--color-accent-soft)] text-text-primary",
-			children: /* @__PURE__ */ l(i, { className: "h-5 w-5" })
-		}), /* @__PURE__ */ u("div", {
-			className: "min-w-0 flex-1",
-			children: [
-				/* @__PURE__ */ u("div", {
-					className: "flex flex-wrap items-center justify-between gap-2",
-					children: [/* @__PURE__ */ l("h3", {
-						className: "truncate text-sm font-semibold text-text-primary",
-						children: f.title
-					}), /* @__PURE__ */ l(r, { status: f.accessLevel })]
-				}),
-				f.summary && /* @__PURE__ */ l("p", {
-					className: "mt-1 line-clamp-2 text-sm text-text-secondary",
-					children: f.summary
-				}),
-				/* @__PURE__ */ u("div", {
-					className: "mt-2 flex flex-wrap items-center gap-x-3 gap-y-1 text-xs text-text-tertiary",
-					children: [
-						f.narratorName && /* @__PURE__ */ u("span", {
-							className: "inline-flex items-center gap-1",
-							children: [
-								/* @__PURE__ */ l(c, { className: "h-3.5 w-3.5" }),
-								" ",
-								f.narratorName
-							]
-						}),
-						f.durationSecs > 0 && /* @__PURE__ */ u("span", {
-							className: "inline-flex items-center gap-1",
-							children: [
-								/* @__PURE__ */ l(a, { className: "h-3.5 w-3.5" }),
-								" ",
-								t(f.durationSecs)
-							]
-						}),
-						f.language && /* @__PURE__ */ u("span", {
-							className: "inline-flex items-center gap-1",
-							children: [
-								/* @__PURE__ */ l(s, { className: "h-3.5 w-3.5" }),
-								" ",
-								n(f.language)
-							]
-						}),
-						p && /* @__PURE__ */ u("a", {
-							href: p,
-							target: "_blank",
-							rel: "noreferrer noopener",
-							className: "inline-flex items-center gap-1 font-medium text-accent hover:underline",
-							children: [/* @__PURE__ */ l(o, { className: "h-3.5 w-3.5" }), " Listen"]
-						})
-					]
-				})
-			]
-		})]
-	});
-}
-//#endregion
-export { f as OralHistoryCard };
-
-//# sourceMappingURL=OralHistoryCard.js.map
+import "../hooks/useFiles.js";
+import "./StatusBadge.js";
+import "./Waveform.js";
+import "lucide-react";
+import "react/jsx-runtime";
+import "@burdenoff/fe-libs/ui";

package/dist/theculturepost/components/OverlayBadge.js

@@ -0,0 +1,22 @@
+import { cn as e } from "../utils/cn.js";
+import { jsxs as t } from "react/jsx-runtime";
+//#region src/theculturepost/components/OverlayBadge.tsx
+var n = {
+	"top-left": "left-2 top-2",
+	"top-right": "right-2 top-2",
+	"bottom-left": "left-2 bottom-2",
+	"bottom-right": "right-2 bottom-2"
+}, r = {
+	scrim: "bg-bg-canvas/85 text-text-primary backdrop-blur-sm",
+	solid: "bg-action-primary-bg text-action-primary-text"
+};
+function i({ children: i, icon: a, position: o = "top-left", variant: s = "scrim", className: c }) {
+	return /* @__PURE__ */ t("span", {
+		className: e("pointer-events-none absolute z-10 inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-xs font-medium shadow-sm", n[o], r[s], c),
+		children: [a, i]
+	});
+}
+//#endregion
+export { i as OverlayBadge };
+
+//# sourceMappingURL=OverlayBadge.js.map

package/dist/theculturepost/components/OverlayBadge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OverlayBadge.js","names":[],"sources":["../../../src/theculturepost/components/OverlayBadge.tsx"],"sourcesContent":["/**\n * OverlayBadge — a small pill positioned over a cover image / decorative cover.\n * @module theculturepost/components\n *\n * Sits absolutely in a corner of a `relative` cover wrapper. A frosted\n * bg-canvas/scrim keeps it legible over arbitrary imagery while staying on\n * semantic tokens. Icon + label. Purely presentational (non-interactive).\n */\n\nimport type { ReactNode } from 'react';\nimport { cn } from '../utils/cn';\n\ntype OverlayPosition = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';\n\ninterface OverlayBadgeProps {\n  children: ReactNode;\n  /** Leading icon (already sized, e.g. `<Play className=\"h-3 w-3\" />`). */\n  icon?: ReactNode;\n  position?: OverlayPosition;\n  /** Emphasis: `solid` uses the accent action token; `scrim` uses a frosted canvas. */\n  variant?: 'scrim' | 'solid';\n  className?: string;\n}\n\nconst POSITION: Record<OverlayPosition, string> = {\n  'top-left': 'left-2 top-2',\n  'top-right': 'right-2 top-2',\n  'bottom-left': 'left-2 bottom-2',\n  'bottom-right': 'right-2 bottom-2',\n};\n\nconst VARIANT = {\n  scrim: 'bg-bg-canvas/85 text-text-primary backdrop-blur-sm',\n  solid: 'bg-action-primary-bg text-action-primary-text',\n} as const;\n\nexport function OverlayBadge({\n  children,\n  icon,\n  position = 'top-left',\n  variant = 'scrim',\n  className,\n}: OverlayBadgeProps) {\n  return (\n    <span\n      className={cn(\n        'pointer-events-none absolute z-10 inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-xs font-medium shadow-sm',\n        POSITION[position],\n        VARIANT[variant],\n        className\n      )}\n    >\n      {icon}\n      {children}\n    </span>\n  );\n}\n"],"mappings":";;;AAwBA,IAAM,IAA4C;CAChD,YAAY;CACZ,aAAa;CACb,eAAe;CACf,gBAAgB;CACjB,EAEK,IAAU;CACd,OAAO;CACP,OAAO;CACR;AAED,SAAgB,EAAa,EAC3B,aACA,SACA,cAAW,YACX,aAAU,SACV,gBACoB;AACpB,QACE,kBAAC,QAAD;EACE,WAAW,EACT,2HACA,EAAS,IACT,EAAQ,IACR,EACD;YANH,CAQG,GACA,EACI"}

package/dist/theculturepost/components/PageHero.js

@@ -0,0 +1,62 @@
+import { cn as e } from "../utils/cn.js";
+import { CoverImage as t } from "./CoverImage.js";
+import { ArrowLeft as n } from "lucide-react";
+import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
+import { AuroraBackground as o } from "@burdenoff/fe-libs/ui";
+//#region src/theculturepost/components/PageHero.tsx
+function s({ title: s, description: c, actions: l, eyebrow: u, coverFileId: d, decorative: f = !0, meta: p, backAction: m, className: h }) {
+	let g = !!d;
+	return /* @__PURE__ */ a("section", {
+		className: e("relative isolate overflow-hidden rounded-2xl border border-border-seam bg-bg-surface", h),
+		children: [g ? /* @__PURE__ */ a(r, { children: [/* @__PURE__ */ i(t, {
+			fileId: d,
+			alt: "",
+			rounded: "rounded-none",
+			className: "absolute inset-0 h-full w-full"
+		}), /* @__PURE__ */ i("div", {
+			className: "absolute inset-0 bg-gradient-to-t from-bg-canvas via-bg-canvas/85 to-bg-canvas/40",
+			"aria-hidden": "true"
+		})] }) : f && /* @__PURE__ */ i(o, { intensity: "subtle" }), /* @__PURE__ */ a("div", {
+			className: "relative flex flex-col gap-4 p-6 sm:p-8",
+			children: [m && /* @__PURE__ */ a("button", {
+				type: "button",
+				onClick: m.onClick,
+				className: "inline-flex w-fit items-center gap-1.5 text-sm font-medium text-text-secondary hover:text-text-primary",
+				children: [/* @__PURE__ */ i(n, {
+					className: "h-4 w-4",
+					"aria-hidden": "true"
+				}), m.label]
+			}), /* @__PURE__ */ a("div", {
+				className: "flex flex-col gap-4 sm:flex-row sm:items-end sm:justify-between",
+				children: [/* @__PURE__ */ a("div", {
+					className: "min-w-0 max-w-3xl",
+					children: [
+						u && /* @__PURE__ */ i("p", {
+							className: "mb-2 text-xs font-semibold uppercase tracking-[0.14em] text-accent",
+							children: u
+						}),
+						/* @__PURE__ */ i("h1", {
+							className: "font-display text-3xl font-semibold leading-[1.1] text-text-primary sm:text-4xl",
+							children: s
+						}),
+						c && /* @__PURE__ */ i("p", {
+							className: "mt-3 text-base leading-relaxed text-text-secondary",
+							children: c
+						}),
+						p && /* @__PURE__ */ i("div", {
+							className: "mt-4 flex flex-wrap items-center gap-2",
+							children: p
+						})
+					]
+				}), l && /* @__PURE__ */ i("div", {
+					className: "flex shrink-0 flex-wrap items-center gap-3",
+					children: l
+				})]
+			})]
+		})]
+	});
+}
+//#endregion
+export { s as PageHero };
+
+//# sourceMappingURL=PageHero.js.map

package/dist/theculturepost/components/PageHero.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageHero.js","names":[],"sources":["../../../src/theculturepost/components/PageHero.tsx"],"sourcesContent":["/**\n * PageHero — a rich editorial page header (a step up from PageLayout's bar).\n * @module theculturepost/components\n *\n * Renders one of two backdrops behind a big serif (.font-display) title:\n *  - a cover-image banner (via {@link CoverImage}) with a token scrim for\n *    legibility, when `coverFileId` resolves; or\n *  - a token-only living-glass {@link AuroraBackground}, when `decorative` and no\n *    cover is given (default). Set `decorative={false}` for a plain surface.\n *\n * Also supports an eyebrow, a back action, a meta/badge row, and a CTA slot.\n * Mobile-first: stacks under 640px, no horizontal overflow.\n */\n\nimport type { ReactNode } from 'react';\nimport { ArrowLeft } from 'lucide-react';\nimport { AuroraBackground } from '@burdenoff/fe-libs/ui';\nimport { cn } from '../utils/cn';\nimport { CoverImage } from './CoverImage';\n\nexport interface PageHeroBackAction {\n  label: string;\n  onClick: () => void;\n}\n\ninterface PageHeroProps {\n  title: string;\n  description?: string;\n  /** CTA slot, right-aligned on desktop, full-width stack on mobile. */\n  actions?: ReactNode;\n  /** Small uppercase kicker above the title. */\n  eyebrow?: string;\n  /** Cover file id; when it resolves, the hero shows an image banner. */\n  coverFileId?: string | null;\n  /** Show the token-only aurora backdrop when there is no cover. Default true. */\n  decorative?: boolean;\n  /** Badge / meta row rendered under the description. */\n  meta?: ReactNode;\n  /** Optional back button shown above the eyebrow. */\n  backAction?: PageHeroBackAction;\n  className?: string;\n}\n\nexport function PageHero({\n  title,\n  description,\n  actions,\n  eyebrow,\n  coverFileId,\n  decorative = true,\n  meta,\n  backAction,\n  className,\n}: PageHeroProps) {\n  const hasCover = Boolean(coverFileId);\n\n  return (\n    <section\n      className={cn(\n        'relative isolate overflow-hidden rounded-2xl border border-border-seam bg-bg-surface',\n        className\n      )}\n    >\n      {/* Backdrop */}\n      {hasCover ? (\n        <>\n          <CoverImage\n            fileId={coverFileId}\n            alt=\"\"\n            rounded=\"rounded-none\"\n            className=\"absolute inset-0 h-full w-full\"\n          />\n          {/* Token scrim keeps text legible over arbitrary imagery */}\n          <div\n            className=\"absolute inset-0 bg-gradient-to-t from-bg-canvas via-bg-canvas/85 to-bg-canvas/40\"\n            aria-hidden=\"true\"\n          />\n        </>\n      ) : (\n        decorative && <AuroraBackground intensity=\"subtle\" />\n      )}\n\n      <div className=\"relative flex flex-col gap-4 p-6 sm:p-8\">\n        {backAction && (\n          <button\n            type=\"button\"\n            onClick={backAction.onClick}\n            className=\"inline-flex w-fit items-center gap-1.5 text-sm font-medium text-text-secondary hover:text-text-primary\"\n          >\n            <ArrowLeft className=\"h-4 w-4\" aria-hidden=\"true\" />\n            {backAction.label}\n          </button>\n        )}\n\n        <div className=\"flex flex-col gap-4 sm:flex-row sm:items-end sm:justify-between\">\n          <div className=\"min-w-0 max-w-3xl\">\n            {eyebrow && (\n              <p className=\"mb-2 text-xs font-semibold uppercase tracking-[0.14em] text-accent\">\n                {eyebrow}\n              </p>\n            )}\n            <h1 className=\"font-display text-3xl font-semibold leading-[1.1] text-text-primary sm:text-4xl\">\n              {title}\n            </h1>\n            {description && (\n              <p className=\"mt-3 text-base leading-relaxed text-text-secondary\">{description}</p>\n            )}\n            {meta && <div className=\"mt-4 flex flex-wrap items-center gap-2\">{meta}</div>}\n          </div>\n\n          {actions && <div className=\"flex shrink-0 flex-wrap items-center gap-3\">{actions}</div>}\n        </div>\n      </div>\n    </section>\n  );\n}\n"],"mappings":";;;;;;AA2CA,SAAgB,EAAS,EACvB,UACA,gBACA,YACA,YACA,gBACA,gBAAa,IACb,SACA,eACA,gBACgB;CAChB,IAAM,IAAW,EAAQ;AAEzB,QACE,kBAAC,WAAD;EACE,WAAW,EACT,wFACA,EACD;YAJH,CAOG,IACC,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;GACE,QAAQ;GACR,KAAI;GACJ,SAAQ;GACR,WAAU;GACV,CAAA,EAEF,kBAAC,OAAD;GACE,WAAU;GACV,eAAY;GACZ,CAAA,CACD,EAAA,CAAA,GAEH,KAAc,kBAAC,GAAD,EAAkB,WAAU,UAAW,CAAA,EAGvD,kBAAC,OAAD;GAAK,WAAU;aAAf,CACG,KACC,kBAAC,UAAD;IACE,MAAK;IACL,SAAS,EAAW;IACpB,WAAU;cAHZ,CAKE,kBAAC,GAAD;KAAW,WAAU;KAAU,eAAY;KAAS,CAAA,EACnD,EAAW,MACL;OAGX,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD;KAAK,WAAU;eAAf;MACG,KACC,kBAAC,KAAD;OAAG,WAAU;iBACV;OACC,CAAA;MAEN,kBAAC,MAAD;OAAI,WAAU;iBACX;OACE,CAAA;MACJ,KACC,kBAAC,KAAD;OAAG,WAAU;iBAAsD;OAAgB,CAAA;MAEpF,KAAQ,kBAAC,OAAD;OAAK,WAAU;iBAA0C;OAAW,CAAA;MACzE;QAEL,KAAW,kBAAC,OAAD;KAAK,WAAU;eAA8C;KAAc,CAAA,CACnF;MACF;KACE"}