@burdenoff/microfe-theculturepost 2026.1113.1 → 2026.1113.2

package/dist/theculturepost/components/CommunityNorms.d.ts

@@ -0,0 +1,22 @@
+/**
+ * CommunityNorms — the community norms, shown up front wherever people
+ * start or join a conversation (discussions list, discussion detail, and the
+ * open-discussion dialog).
+ * @module theculturepost/components
+ *
+ * Product-wide norms from i18n keys (`norms.*`); workspace-editable norms are
+ * a post-launch enhancement. Semantic tokens only.
+ */
+export interface CommunityNorm {
+    key: string;
+    fallback: string;
+}
+/** The norms, in display order. Exported so tests can pin the i18n keys. */
+export declare const COMMUNITY_NORMS: readonly CommunityNorm[];
+interface CommunityNormsProps {
+    className?: string;
+    /** Tighter spacing for dialogs and list headers. */
+    compact?: boolean;
+}
+export declare function CommunityNorms({ className, compact }: CommunityNormsProps): import('react').JSX.Element;
+export {};

package/dist/theculturepost/components/CommunityNorms.js

@@ -0,0 +1,42 @@
+import "../hooks/index.js";
+import { useTr as e } from "../hooks/useTr.js";
+import { cn as t } from "../utils/cn.js";
+import { useId as n } from "react";
+import { HeartHandshake as r } from "lucide-react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+// src/theculturepost/components/CommunityNorms.tsx
+var o = [
+	{
+		key: "norms.respect",
+		fallback: "Treat every tradition, faith and community with respect."
+	},
+	{
+		key: "norms.ownVoice",
+		fallback: "Speak from your own experience; do not speak for others."
+	},
+	{
+		key: "norms.ideas",
+		fallback: "Challenge ideas, never people, and cite sources where you can."
+	}
+];
+function s({ className: s, compact: c = !1 }) {
+	let l = e(), u = n();
+	return /* @__PURE__ */ a("section", {
+		"aria-labelledby": u,
+		className: t("rounded-xl border border-border-seam bg-[var(--color-accent-soft)]", c ? "p-3" : "p-4", s),
+		children: [/* @__PURE__ */ a("h2", {
+			id: u,
+			className: "flex items-center gap-2 text-sm font-semibold text-text-primary",
+			children: [/* @__PURE__ */ i(r, {
+				className: "h-4 w-4 text-accent",
+				"aria-hidden": "true"
+			}), l("norms.title", "Community norms")]
+		}), /* @__PURE__ */ i("ul", {
+			className: "mt-2 flex list-disc flex-col gap-1 pl-5 text-sm text-text-secondary",
+			children: o.map((e) => /* @__PURE__ */ i("li", { children: l(e.key, e.fallback) }, e.key))
+		})]
+	});
+}
+export { o as COMMUNITY_NORMS, s as CommunityNorms };
+
+//# sourceMappingURL=CommunityNorms.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CommunityNorms.js","names":["COMMUNITY_NORMS","CommunityNorms","tr","useTr","titleId","useId","cn","compact","className","HeartHandshake","norm"],"sources":["../../../src/theculturepost/components/CommunityNorms.tsx"],"sourcesContent":["/**\n * CommunityNorms — the community norms, shown up front wherever people\n * start or join a conversation (discussions list, discussion detail, and the\n * open-discussion dialog).\n * @module theculturepost/components\n *\n * Product-wide norms from i18n keys (`norms.*`); workspace-editable norms are\n * a post-launch enhancement. Semantic tokens only.\n */\n\nimport { useId } from 'react';\nimport { HeartHandshake } from 'lucide-react';\nimport { useTr } from '../hooks';\nimport { cn } from '../utils/cn';\n\nexport interface CommunityNorm {\n  key: string;\n  fallback: string;\n}\n\n/** The norms, in display order. Exported so tests can pin the i18n keys. */\nexport const COMMUNITY_NORMS: readonly CommunityNorm[] = [\n  {\n    key: 'norms.respect',\n    fallback: 'Treat every tradition, faith and community with respect.',\n  },\n  {\n    key: 'norms.ownVoice',\n    fallback: 'Speak from your own experience; do not speak for others.',\n  },\n  {\n    key: 'norms.ideas',\n    fallback: 'Challenge ideas, never people, and cite sources where you can.',\n  },\n];\n\ninterface CommunityNormsProps {\n  className?: string;\n  /** Tighter spacing for dialogs and list headers. */\n  compact?: boolean;\n}\n\nexport function CommunityNorms({ className, compact = false }: CommunityNormsProps) {\n  const tr = useTr();\n  const titleId = useId();\n  return (\n    <section\n      aria-labelledby={titleId}\n      className={cn(\n        'rounded-xl border border-border-seam bg-[var(--color-accent-soft)]',\n        compact ? 'p-3' : 'p-4',\n        className\n      )}\n    >\n      <h2 id={titleId} className=\"flex items-center gap-2 text-sm font-semibold text-text-primary\">\n        <HeartHandshake className=\"h-4 w-4 text-accent\" aria-hidden=\"true\" />\n        {tr('norms.title', 'Community norms')}\n      </h2>\n      <ul className=\"mt-2 flex list-disc flex-col gap-1 pl-5 text-sm text-text-secondary\">\n        {COMMUNITY_NORMS.map((norm) => (\n          <li key={norm.key}>{tr(norm.key, norm.fallback)}</li>\n        ))}\n      </ul>\n    </section>\n  );\n}\n"],"mappings":";;;;;;;AAqBA,IAAaA,IAA4C;CACvD;EACE,KAAK;EACL,UAAU;CACZ;CACA;EACE,KAAK;EACL,UAAU;CACZ;CACA;EACE,KAAK;EACL,UAAU;CACZ;AACF;AAQA,SAAgBC,EAAe,EAAE,cAAW,aAAU,MAA8B;CAClF,IAAMC,IAAKC,EAAM,GACXC,IAAUC,EAAM;CACtB,OACE,kBAAC,WAAD;EACE,mBAAiBD;EACjB,WAAWE,EACT,sEACAC,IAAU,QAAQ,OAClBC,CACF;EANF,UAAA,CAQE,kBAAC,MAAD;GAAI,IAAIJ;GAAS,WAAU;GAA3B,UAAA,CACE,kBAACK,GAAD;IAAgB,WAAU;IAAsB,eAAY;GAAQ,CAAA,GACnEP,EAAG,eAAe,iBAAiB,CAClC;EACJ,CAAA,GAAA,kBAAC,MAAD;GAAI,WAAU;GACX,UAAAF,EAAgB,KAAK,MACpB,kBAAC,MAAD,EAAA,UAAoBE,EAAGQ,EAAK,KAAKA,EAAK,QAAQ,EAAM,GAA3CA,EAAK,GAAsC,CACrD;EACC,CAAA,CACG;;AAEb"}

package/dist/theculturepost/components/OpenDiscussionDialog.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"OpenDiscussionDialog.js","names":["OpenDiscussionDialog","openDiscussion","useTcpOpenDiscussion","storiesQuery","useTcpStories","title","setTitle","useState","prompt","setPrompt","pickedStory","setPickedStory","storyId","isInterfaith","setIsInterfaith","tags","setTags","error","setError","reset","ResponsiveDialog","ResponsiveDialogContent","ResponsiveDialogHeader","ResponsiveDialogTitle","MessagesSquare","ResponsiveDialogDescription","Label","Input","Textarea","Select","SelectTrigger","SelectValue","SelectContent","SelectItem","story","TagInput","Switch","ResponsiveDialogFooter","Button","onOpenChange","created","notify","onCreated","err","describeError","Plus"],"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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"}
+{"version":3,"file":"OpenDiscussionDialog.js","names":["OpenDiscussionDialog","openDiscussion","useTcpOpenDiscussion","storiesQuery","useTcpStories","title","setTitle","useState","prompt","setPrompt","pickedStory","setPickedStory","storyId","isInterfaith","setIsInterfaith","tags","setTags","error","setError","reset","ResponsiveDialog","ResponsiveDialogContent","ResponsiveDialogHeader","ResponsiveDialogTitle","MessagesSquare","ResponsiveDialogDescription","CommunityNorms","Label","Input","Textarea","Select","SelectTrigger","SelectValue","SelectContent","SelectItem","story","TagInput","Switch","ResponsiveDialogFooter","Button","onOpenChange","created","notify","onCreated","err","describeError","Plus"],"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 { CommunityNorms } from './CommunityNorms';\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          <CommunityNorms compact />\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/pages/discussions/DiscussionDetailPage.js

@@ -9,190 +9,195 @@ import "../../hooks/index.js";
 import "../../context/index.js";
 import { formatNumber as l, formatRelativeTime as u } from "../../utils/formatters.js";
 import { describeError as d, notify as f } from "../../lib/toast.js";
-import { impact as p, nativeConfirm as m } from "../../utils/nativeBridge.js";
-import { ArrowLeft as h, BookOpen as g, CheckCircle2 as _, Clock as v, ExternalLink as y, Flag as b, HeartHandshake as x, Lock as S, MessagesSquare as C, Quote as w, Trash2 as T, Unlock as E } from "lucide-react";
-import { useParams as D } from "react-router";
-import { Fragment as O, jsx as k, jsxs as A } from "react/jsx-runtime";
-import { Button as j, GlassCard as M } from "@burdenoff/fe-libs/ui";
+import { CommunityNorms as p } from "../../components/CommunityNorms.js";
+import { impact as m, nativeConfirm as h } from "../../utils/nativeBridge.js";
+import { ArrowLeft as g, BookOpen as _, CheckCircle2 as v, Clock as y, ExternalLink as b, Flag as x, HeartHandshake as S, Lock as C, MessagesSquare as w, Quote as T, Trash2 as E, Unlock as D } from "lucide-react";
+import { useParams as O } from "react-router";
+import { Fragment as k, jsx as A, jsxs as j } from "react/jsx-runtime";
+import { Button as M, GlassCard as N } from "@burdenoff/fe-libs/ui";
 // src/theculturepost/pages/discussions/DiscussionDetailPage.tsx
-function N(e) {
+function P(e) {
 	let t = "h-3 w-3";
 	switch (e) {
-		case "APPROVED": return /* @__PURE__ */ k(_, {
+		case "APPROVED": return /* @__PURE__ */ A(v, {
 			className: t,
 			"aria-hidden": "true"
 		});
-		case "PENDING": return /* @__PURE__ */ k(v, {
+		case "PENDING": return /* @__PURE__ */ A(y, {
 			className: t,
 			"aria-hidden": "true"
 		});
-		case "FLAGGED": return /* @__PURE__ */ k(b, {
+		case "FLAGGED": return /* @__PURE__ */ A(x, {
 			className: t,
 			"aria-hidden": "true"
 		});
-		case "REMOVED": return /* @__PURE__ */ k(T, {
+		case "REMOVED": return /* @__PURE__ */ A(E, {
 			className: t,
 			"aria-hidden": "true"
 		});
 	}
 }
-function P() {
-	let { id: _ } = D(), { navigateTo: v } = e(), { data: b, isLoading: T, isError: P, refetch: F } = s(_), I = c(), L = /* @__PURE__ */ A(j, {
+function F() {
+	let { id: v } = O(), { navigateTo: y } = e(), { data: x, isLoading: E, isError: F, refetch: I } = s(v), L = c(), R = /* @__PURE__ */ j(M, {
 		variant: "ghost",
 		size: "sm",
-		onClick: () => v("discussions"),
-		children: [/* @__PURE__ */ k(h, { className: "mr-1.5 h-4 w-4" }), " Back"]
+		onClick: () => y("discussions"),
+		children: [/* @__PURE__ */ A(g, { className: "mr-1.5 h-4 w-4" }), " Back"]
 	});
-	return T ? /* @__PURE__ */ k(t, {
+	return E ? /* @__PURE__ */ A(t, {
 		title: "Discussion",
-		actions: L,
-		children: /* @__PURE__ */ k(o, { label: "Loading discussion…" })
-	}) : P || !b ? /* @__PURE__ */ k(t, {
+		actions: R,
+		children: /* @__PURE__ */ A(o, { label: "Loading discussion…" })
+	}) : F || !x ? /* @__PURE__ */ A(t, {
 		title: "Discussion",
-		actions: L,
-		children: /* @__PURE__ */ k(a, {
+		actions: R,
+		children: /* @__PURE__ */ A(a, {
 			title: "Discussion not found",
 			message: "This discussion may have been removed, or you may not have access.",
-			onRetry: () => F()
+			onRetry: () => I()
 		})
-	}) : /* @__PURE__ */ k(t, {
+	}) : /* @__PURE__ */ A(t, {
 		title: "Discussion",
-		actions: L,
-		children: /* @__PURE__ */ A("div", {
+		actions: R,
+		children: /* @__PURE__ */ j("div", {
 			className: "mx-auto flex max-w-3xl flex-col gap-6",
-			children: [/* @__PURE__ */ A(M, {
-				treatment: "plain",
-				className: "flex flex-col gap-4 p-5 sm:p-6",
-				children: [
-					/* @__PURE__ */ A("div", {
-						className: "flex items-start justify-between gap-3",
-						children: [/* @__PURE__ */ k("h1", {
-							className: "font-display text-2xl font-semibold leading-tight text-text-primary sm:text-3xl",
-							children: b.title
-						}), /* @__PURE__ */ k(j, {
-							variant: "outline",
-							size: "sm",
-							onClick: async () => {
-								await p("light");
-								let e = b.isLocked ? "unlock" : "lock";
-								if (await m({
-									title: `${e === "lock" ? "Lock" : "Unlock"} discussion`,
-									message: `Are you sure you want to ${e} this discussion?`,
-									okButtonTitle: e === "lock" ? "Lock" : "Unlock",
-									cancelButtonTitle: "Cancel"
-								})) try {
-									await I.mutateAsync(b.id), f.success(b.isLocked ? "Discussion unlocked" : "Discussion locked");
-								} catch (e) {
-									f.error("Could not update the discussion", d(e));
-								}
-							},
-							disabled: I.isPending,
-							className: "shrink-0",
-							children: b.isLocked ? /* @__PURE__ */ A(O, { children: [/* @__PURE__ */ k(E, { className: "mr-1.5 h-4 w-4" }), " Unlock"] }) : /* @__PURE__ */ A(O, { children: [/* @__PURE__ */ k(S, { className: "mr-1.5 h-4 w-4" }), " Lock"] })
-						})]
-					}),
-					/* @__PURE__ */ A("div", {
-						className: "flex flex-wrap items-center gap-x-4 gap-y-2",
-						children: [/* @__PURE__ */ A("div", {
-							className: "flex flex-wrap items-center gap-1.5",
+			children: [
+				/* @__PURE__ */ j(N, {
+					treatment: "plain",
+					className: "flex flex-col gap-4 p-5 sm:p-6",
+					children: [
+						/* @__PURE__ */ j("div", {
+							className: "flex items-start justify-between gap-3",
+							children: [/* @__PURE__ */ A("h1", {
+								className: "font-display text-2xl font-semibold leading-tight text-text-primary sm:text-3xl",
+								children: x.title
+							}), /* @__PURE__ */ A(M, {
+								variant: "outline",
+								size: "sm",
+								onClick: async () => {
+									await m("light");
+									let e = x.isLocked ? "unlock" : "lock";
+									if (await h({
+										title: `${e === "lock" ? "Lock" : "Unlock"} discussion`,
+										message: `Are you sure you want to ${e} this discussion?`,
+										okButtonTitle: e === "lock" ? "Lock" : "Unlock",
+										cancelButtonTitle: "Cancel"
+									})) try {
+										await L.mutateAsync(x.id), f.success(x.isLocked ? "Discussion unlocked" : "Discussion locked");
+									} catch (e) {
+										f.error("Could not update the discussion", d(e));
+									}
+								},
+								disabled: L.isPending,
+								className: "shrink-0",
+								children: x.isLocked ? /* @__PURE__ */ j(k, { children: [/* @__PURE__ */ A(D, { className: "mr-1.5 h-4 w-4" }), " Unlock"] }) : /* @__PURE__ */ j(k, { children: [/* @__PURE__ */ A(C, { className: "mr-1.5 h-4 w-4" }), " Lock"] })
+							})]
+						}),
+						/* @__PURE__ */ j("div", {
+							className: "flex flex-wrap items-center gap-x-4 gap-y-2",
+							children: [/* @__PURE__ */ j("div", {
+								className: "flex flex-wrap items-center gap-1.5",
+								children: [
+									/* @__PURE__ */ A(n, {
+										status: x.status,
+										icon: P(x.status)
+									}),
+									x.isInterfaith && /* @__PURE__ */ j("span", {
+										className: "inline-flex items-center gap-1 rounded-full bg-[var(--color-accent-soft)] px-2.5 py-0.5 text-xs font-medium text-text-primary",
+										children: [/* @__PURE__ */ A(S, {
+											className: "h-3 w-3",
+											"aria-hidden": "true"
+										}), " Interfaith"]
+									}),
+									x.isLocked && /* @__PURE__ */ j("span", {
+										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",
+										children: [/* @__PURE__ */ A(C, {
+											className: "h-3 w-3",
+											"aria-hidden": "true"
+										}), " Locked"]
+									})
+								]
+							}), x.tags.length > 0 && /* @__PURE__ */ A("div", {
+								className: "flex flex-wrap items-center gap-1.5 sm:ml-auto",
+								children: x.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",
+									children: ["#", e]
+								}, e))
+							})]
+						}),
+						/* @__PURE__ */ j("div", {
+							className: "flex flex-wrap items-center gap-x-2 gap-y-1 text-xs text-text-tertiary",
 							children: [
-								/* @__PURE__ */ k(n, {
-									status: b.status,
-									icon: N(b.status)
+								/* @__PURE__ */ A(r, {
+									actorId: x.openedById,
+									prefix: "Opened by"
 								}),
-								b.isInterfaith && /* @__PURE__ */ A("span", {
-									className: "inline-flex items-center gap-1 rounded-full bg-[var(--color-accent-soft)] px-2.5 py-0.5 text-xs font-medium text-text-primary",
-									children: [/* @__PURE__ */ k(x, {
-										className: "h-3 w-3",
-										"aria-hidden": "true"
-									}), " Interfaith"]
+								/* @__PURE__ */ A("span", {
+									"aria-hidden": "true",
+									children: "·"
 								}),
-								b.isLocked && /* @__PURE__ */ A("span", {
-									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",
-									children: [/* @__PURE__ */ k(S, {
-										className: "h-3 w-3",
-										"aria-hidden": "true"
-									}), " Locked"]
-								})
+								/* @__PURE__ */ j("span", {
+									className: "inline-flex items-center gap-1",
+									children: [
+										/* @__PURE__ */ A(w, {
+											className: "h-3.5 w-3.5",
+											"aria-hidden": "true"
+										}),
+										l(x.replyCount),
+										" ",
+										x.replyCount === 1 ? "reply" : "replies"
+									]
+								}),
+								/* @__PURE__ */ A("span", {
+									"aria-hidden": "true",
+									children: "·"
+								}),
+								/* @__PURE__ */ j("span", { children: ["Started ", u(x.createdAt)] })
 							]
-						}), b.tags.length > 0 && /* @__PURE__ */ k("div", {
-							className: "flex flex-wrap items-center gap-1.5 sm:ml-auto",
-							children: b.tags.map((e) => /* @__PURE__ */ A("span", {
-								className: "rounded-full bg-bg-sunken px-2.5 py-0.5 text-xs font-medium text-text-secondary",
-								children: ["#", e]
-							}, e))
-						})]
-					}),
-					/* @__PURE__ */ A("div", {
-						className: "flex flex-wrap items-center gap-x-2 gap-y-1 text-xs text-text-tertiary",
-						children: [
-							/* @__PURE__ */ k(r, {
-								actorId: b.openedById,
-								prefix: "Opened by"
-							}),
-							/* @__PURE__ */ k("span", {
-								"aria-hidden": "true",
-								children: "·"
-							}),
-							/* @__PURE__ */ A("span", {
-								className: "inline-flex items-center gap-1",
+						}),
+						(x.prompt || x.storyId) && /* @__PURE__ */ j("div", {
+							className: "flex flex-col gap-3 rounded-xl border border-border-seam bg-[var(--color-accent-soft)] p-4 sm:flex-row sm:items-start sm:justify-between",
+							children: [x.prompt ? /* @__PURE__ */ j("div", {
+								className: "flex min-w-0 items-start gap-3",
+								children: [/* @__PURE__ */ A("span", {
+									className: "mt-0.5 flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-bg-canvas/70 text-accent",
+									"aria-hidden": "true",
+									children: /* @__PURE__ */ A(T, { className: "h-4 w-4" })
+								}), /* @__PURE__ */ A("p", {
+									className: "min-w-0 whitespace-pre-wrap text-sm leading-relaxed text-text-primary",
+									children: x.prompt
+								})]
+							}) : /* @__PURE__ */ A("span", {
+								className: "text-sm text-text-secondary",
+								children: "Anchored to a story."
+							}), x.storyId && /* @__PURE__ */ j("button", {
+								type: "button",
+								onClick: () => y(`stories/${x.storyId}`),
+								className: "inline-flex shrink-0 items-center gap-1.5 self-start rounded-lg px-1 text-sm font-medium text-accent hover:underline",
 								children: [
-									/* @__PURE__ */ k(C, {
-										className: "h-3.5 w-3.5",
+									/* @__PURE__ */ A(_, {
+										className: "h-4 w-4",
 										"aria-hidden": "true"
 									}),
-									l(b.replyCount),
-									" ",
-									b.replyCount === 1 ? "reply" : "replies"
+									" View linked story",
+									/* @__PURE__ */ A(b, {
+										className: "h-3.5 w-3.5",
+										"aria-hidden": "true"
+									})
 								]
-							}),
-							/* @__PURE__ */ k("span", {
-								"aria-hidden": "true",
-								children: "·"
-							}),
-							/* @__PURE__ */ A("span", { children: ["Started ", u(b.createdAt)] })
-						]
-					}),
-					(b.prompt || b.storyId) && /* @__PURE__ */ A("div", {
-						className: "flex flex-col gap-3 rounded-xl border border-border-seam bg-[var(--color-accent-soft)] p-4 sm:flex-row sm:items-start sm:justify-between",
-						children: [b.prompt ? /* @__PURE__ */ A("div", {
-							className: "flex min-w-0 items-start gap-3",
-							children: [/* @__PURE__ */ k("span", {
-								className: "mt-0.5 flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-bg-canvas/70 text-accent",
-								"aria-hidden": "true",
-								children: /* @__PURE__ */ k(w, { className: "h-4 w-4" })
-							}), /* @__PURE__ */ k("p", {
-								className: "min-w-0 whitespace-pre-wrap text-sm leading-relaxed text-text-primary",
-								children: b.prompt
 							})]
-						}) : /* @__PURE__ */ k("span", {
-							className: "text-sm text-text-secondary",
-							children: "Anchored to a story."
-						}), b.storyId && /* @__PURE__ */ A("button", {
-							type: "button",
-							onClick: () => v(`stories/${b.storyId}`),
-							className: "inline-flex shrink-0 items-center gap-1.5 self-start rounded-lg px-1 text-sm font-medium text-accent hover:underline",
-							children: [
-								/* @__PURE__ */ k(g, {
-									className: "h-4 w-4",
-									"aria-hidden": "true"
-								}),
-								" View linked story",
-								/* @__PURE__ */ k(y, {
-									className: "h-3.5 w-3.5",
-									"aria-hidden": "true"
-								})
-							]
-						})]
-					})
-				]
-			}), /* @__PURE__ */ k(i, {
-				discussionId: b.id,
-				isLocked: b.isLocked
-			})]
+						})
+					]
+				}),
+				/* @__PURE__ */ A(p, {}),
+				/* @__PURE__ */ A(i, {
+					discussionId: x.id,
+					isLocked: x.isLocked
+				})
+			]
 		})
 	});
 }
-export { P as DiscussionDetailPage };
+export { F as DiscussionDetailPage };
 
 //# sourceMappingURL=DiscussionDetailPage.js.map

package/dist/theculturepost/pages/discussions/DiscussionDetailPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"DiscussionDetailPage.js","names":["_Fragment","statusIcon","className","status","CheckCircle2","Clock","Flag","Trash2","DiscussionDetailPage","useParams","useTheCulturePost","discussion","useTcpDiscussion","id","lock","useTcpLockDiscussion","backButton","Button","navigateTo","ArrowLeft","isLoading","PageLayout","LoadingView","isError","ErrorView","refetch","GlassCard","impact","action","nativeConfirm","notify","err","describeError","Fragment","Unlock","Lock","StatusBadge","HeartHandshake","tag","AuthorLabel","MessagesSquare","formatNumber","formatRelativeTime","Quote","BookOpen","ExternalLink","ReplyThread"],"sources":["../../../../src/theculturepost/pages/discussions/DiscussionDetailPage.tsx"],"sourcesContent":["/**\n * DiscussionDetailPage — a single discussion and its moderated replies.\n * @module theculturepost/pages/discussions\n *\n * Reads `tcpDiscussion`. Writes `tcpLockDiscussion` and, via {@link ReplyThread},\n * `tcpPostReply` / `tcpModerateReply`. When anchored to a story, a link back to\n * the story is shown. The header is an editorial card: display-serif title, a\n * moderation-status + interfaith badge row, tag chips, an \"opened by\" byline and\n * a framed prompt callout.\n */\n\nimport type { ReactNode } from 'react';\nimport { useParams } from 'react-router';\nimport {\n  ArrowLeft,\n  Lock,\n  Unlock,\n  HeartHandshake,\n  BookOpen,\n  MessagesSquare,\n  Quote,\n  CheckCircle2,\n  Clock,\n  Flag,\n  Trash2,\n  ExternalLink,\n} from 'lucide-react';\nimport { Button, GlassCard } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../../components/PageLayout';\nimport { StatusBadge } from '../../components/StatusBadge';\nimport { AuthorLabel } from '../../components/AuthorLabel';\nimport { ReplyThread } from '../../components/ReplyThread';\nimport { LoadingView, ErrorView } from '../../components/StateViews';\nimport { useTcpDiscussion, useTcpLockDiscussion } from '../../hooks';\nimport { useTheCulturePost } from '../../context';\nimport { formatNumber, formatRelativeTime } from '../../utils/formatters';\nimport { notify, describeError } from '../../lib/toast';\nimport { impact, nativeConfirm } from '../../utils/nativeBridge';\nimport type { TcpModerationStatus } from '../../types';\n\n/** Leading icon for a moderation-status badge (token colours come from StatusBadge). */\nfunction statusIcon(status: TcpModerationStatus): ReactNode {\n  const className = 'h-3 w-3';\n  switch (status) {\n    case 'APPROVED':\n      return <CheckCircle2 className={className} aria-hidden=\"true\" />;\n    case 'PENDING':\n      return <Clock className={className} aria-hidden=\"true\" />;\n    case 'FLAGGED':\n      return <Flag className={className} aria-hidden=\"true\" />;\n    case 'REMOVED':\n      return <Trash2 className={className} aria-hidden=\"true\" />;\n  }\n}\n\nexport function DiscussionDetailPage() {\n  const { id } = useParams<{ id: string }>();\n  const { navigateTo } = useTheCulturePost();\n  const { data: discussion, isLoading, isError, refetch } = useTcpDiscussion(id);\n  const lock = useTcpLockDiscussion();\n\n  const backButton = (\n    <Button variant=\"ghost\" size=\"sm\" onClick={() => navigateTo('discussions')}>\n      <ArrowLeft className=\"mr-1.5 h-4 w-4\" /> Back\n    </Button>\n  );\n\n  if (isLoading) {\n    return (\n      <PageLayout title=\"Discussion\" actions={backButton}>\n        <LoadingView label=\"Loading discussion…\" />\n      </PageLayout>\n    );\n  }\n\n  if (isError || !discussion) {\n    return (\n      <PageLayout title=\"Discussion\" actions={backButton}>\n        <ErrorView\n          title=\"Discussion not found\"\n          message=\"This discussion may have been removed, or you may not have access.\"\n          onRetry={() => refetch()}\n        />\n      </PageLayout>\n    );\n  }\n\n  const doLock = async () => {\n    await impact('light');\n    const action = discussion.isLocked ? 'unlock' : 'lock';\n    const confirmed = await nativeConfirm({\n      title: `${action === 'lock' ? 'Lock' : 'Unlock'} discussion`,\n      message: `Are you sure you want to ${action} this discussion?`,\n      okButtonTitle: action === 'lock' ? 'Lock' : 'Unlock',\n      cancelButtonTitle: 'Cancel',\n    });\n    if (!confirmed) return;\n    try {\n      await lock.mutateAsync(discussion.id);\n      notify.success(discussion.isLocked ? 'Discussion unlocked' : 'Discussion locked');\n    } catch (err) {\n      notify.error('Could not update the discussion', describeError(err));\n    }\n  };\n\n  return (\n    <PageLayout title=\"Discussion\" actions={backButton}>\n      <div className=\"mx-auto flex max-w-3xl flex-col gap-6\">\n        <GlassCard treatment=\"plain\" className=\"flex flex-col gap-4 p-5 sm:p-6\">\n          {/* Title + lock/unlock */}\n          <div className=\"flex items-start justify-between gap-3\">\n            <h1 className=\"font-display text-2xl font-semibold leading-tight text-text-primary sm:text-3xl\">\n              {discussion.title}\n            </h1>\n            <Button\n              variant=\"outline\"\n              size=\"sm\"\n              onClick={doLock}\n              disabled={lock.isPending}\n              className=\"shrink-0\"\n            >\n              {discussion.isLocked ? (\n                <>\n                  <Unlock className=\"mr-1.5 h-4 w-4\" /> Unlock\n                </>\n              ) : (\n                <>\n                  <Lock className=\"mr-1.5 h-4 w-4\" /> Lock\n                </>\n              )}\n            </Button>\n          </div>\n\n          {/* Moderation status + interfaith / locked signals, with tags to the right */}\n          <div className=\"flex flex-wrap items-center gap-x-4 gap-y-2\">\n            <div className=\"flex flex-wrap items-center gap-1.5\">\n              <StatusBadge status={discussion.status} icon={statusIcon(discussion.status)} />\n              {discussion.isInterfaith && (\n                <span className=\"inline-flex items-center gap-1 rounded-full bg-[var(--color-accent-soft)] px-2.5 py-0.5 text-xs font-medium text-text-primary\">\n                  <HeartHandshake className=\"h-3 w-3\" aria-hidden=\"true\" /> Interfaith\n                </span>\n              )}\n              {discussion.isLocked && (\n                <span 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\">\n                  <Lock className=\"h-3 w-3\" aria-hidden=\"true\" /> Locked\n                </span>\n              )}\n            </div>\n            {discussion.tags.length > 0 && (\n              <div className=\"flex flex-wrap items-center gap-1.5 sm:ml-auto\">\n                {discussion.tags.map((tag) => (\n                  <span\n                    key={tag}\n                    className=\"rounded-full bg-bg-sunken px-2.5 py-0.5 text-xs font-medium text-text-secondary\"\n                  >\n                    #{tag}\n                  </span>\n                ))}\n              </div>\n            )}\n          </div>\n\n          {/* Byline */}\n          <div className=\"flex flex-wrap items-center gap-x-2 gap-y-1 text-xs text-text-tertiary\">\n            <AuthorLabel actorId={discussion.openedById} prefix=\"Opened by\" />\n            <span aria-hidden=\"true\">·</span>\n            <span className=\"inline-flex items-center gap-1\">\n              <MessagesSquare className=\"h-3.5 w-3.5\" aria-hidden=\"true\" />\n              {formatNumber(discussion.replyCount)}{' '}\n              {discussion.replyCount === 1 ? 'reply' : 'replies'}\n            </span>\n            <span aria-hidden=\"true\">·</span>\n            <span>Started {formatRelativeTime(discussion.createdAt)}</span>\n          </div>\n\n          {/* Prompt callout + linked story */}\n          {(discussion.prompt || discussion.storyId) && (\n            <div className=\"flex flex-col gap-3 rounded-xl border border-border-seam bg-[var(--color-accent-soft)] p-4 sm:flex-row sm:items-start sm:justify-between\">\n              {discussion.prompt ? (\n                <div className=\"flex min-w-0 items-start gap-3\">\n                  <span\n                    className=\"mt-0.5 flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-bg-canvas/70 text-accent\"\n                    aria-hidden=\"true\"\n                  >\n                    <Quote className=\"h-4 w-4\" />\n                  </span>\n                  <p className=\"min-w-0 whitespace-pre-wrap text-sm leading-relaxed text-text-primary\">\n                    {discussion.prompt}\n                  </p>\n                </div>\n              ) : (\n                <span className=\"text-sm text-text-secondary\">Anchored to a story.</span>\n              )}\n              {discussion.storyId && (\n                <button\n                  type=\"button\"\n                  onClick={() => navigateTo(`stories/${discussion.storyId}`)}\n                  className=\"inline-flex shrink-0 items-center gap-1.5 self-start rounded-lg px-1 text-sm font-medium text-accent hover:underline\"\n                >\n                  <BookOpen className=\"h-4 w-4\" aria-hidden=\"true\" /> View linked story\n                  <ExternalLink className=\"h-3.5 w-3.5\" aria-hidden=\"true\" />\n                </button>\n              )}\n            </div>\n          )}\n        </GlassCard>\n\n        <ReplyThread discussionId={discussion.id} isLocked={discussion.isLocked} />\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"DiscussionDetailPage.js","names":["_Fragment","statusIcon","className","status","CheckCircle2","Clock","Flag","Trash2","DiscussionDetailPage","useParams","useTheCulturePost","discussion","useTcpDiscussion","id","lock","useTcpLockDiscussion","backButton","Button","navigateTo","ArrowLeft","isLoading","PageLayout","LoadingView","isError","ErrorView","refetch","GlassCard","impact","action","nativeConfirm","notify","err","describeError","Fragment","Unlock","Lock","StatusBadge","HeartHandshake","tag","AuthorLabel","MessagesSquare","formatNumber","formatRelativeTime","Quote","BookOpen","ExternalLink","CommunityNorms","ReplyThread"],"sources":["../../../../src/theculturepost/pages/discussions/DiscussionDetailPage.tsx"],"sourcesContent":["/**\n * DiscussionDetailPage — a single discussion and its moderated replies.\n * @module theculturepost/pages/discussions\n *\n * Reads `tcpDiscussion`. Writes `tcpLockDiscussion` and, via {@link ReplyThread},\n * `tcpPostReply` / `tcpModerateReply`. When anchored to a story, a link back to\n * the story is shown. The header is an editorial card: display-serif title, a\n * moderation-status + interfaith badge row, tag chips, an \"opened by\" byline and\n * a framed prompt callout.\n */\n\nimport type { ReactNode } from 'react';\nimport { useParams } from 'react-router';\nimport {\n  ArrowLeft,\n  Lock,\n  Unlock,\n  HeartHandshake,\n  BookOpen,\n  MessagesSquare,\n  Quote,\n  CheckCircle2,\n  Clock,\n  Flag,\n  Trash2,\n  ExternalLink,\n} from 'lucide-react';\nimport { Button, GlassCard } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../../components/PageLayout';\nimport { StatusBadge } from '../../components/StatusBadge';\nimport { AuthorLabel } from '../../components/AuthorLabel';\nimport { ReplyThread } from '../../components/ReplyThread';\nimport { LoadingView, ErrorView } from '../../components/StateViews';\nimport { useTcpDiscussion, useTcpLockDiscussion } from '../../hooks';\nimport { useTheCulturePost } from '../../context';\nimport { formatNumber, formatRelativeTime } from '../../utils/formatters';\nimport { notify, describeError } from '../../lib/toast';\nimport { CommunityNorms } from '../../components/CommunityNorms';\nimport { impact, nativeConfirm } from '../../utils/nativeBridge';\nimport type { TcpModerationStatus } from '../../types';\n\n/** Leading icon for a moderation-status badge (token colours come from StatusBadge). */\nfunction statusIcon(status: TcpModerationStatus): ReactNode {\n  const className = 'h-3 w-3';\n  switch (status) {\n    case 'APPROVED':\n      return <CheckCircle2 className={className} aria-hidden=\"true\" />;\n    case 'PENDING':\n      return <Clock className={className} aria-hidden=\"true\" />;\n    case 'FLAGGED':\n      return <Flag className={className} aria-hidden=\"true\" />;\n    case 'REMOVED':\n      return <Trash2 className={className} aria-hidden=\"true\" />;\n  }\n}\n\nexport function DiscussionDetailPage() {\n  const { id } = useParams<{ id: string }>();\n  const { navigateTo } = useTheCulturePost();\n  const { data: discussion, isLoading, isError, refetch } = useTcpDiscussion(id);\n  const lock = useTcpLockDiscussion();\n\n  const backButton = (\n    <Button variant=\"ghost\" size=\"sm\" onClick={() => navigateTo('discussions')}>\n      <ArrowLeft className=\"mr-1.5 h-4 w-4\" /> Back\n    </Button>\n  );\n\n  if (isLoading) {\n    return (\n      <PageLayout title=\"Discussion\" actions={backButton}>\n        <LoadingView label=\"Loading discussion…\" />\n      </PageLayout>\n    );\n  }\n\n  if (isError || !discussion) {\n    return (\n      <PageLayout title=\"Discussion\" actions={backButton}>\n        <ErrorView\n          title=\"Discussion not found\"\n          message=\"This discussion may have been removed, or you may not have access.\"\n          onRetry={() => refetch()}\n        />\n      </PageLayout>\n    );\n  }\n\n  const doLock = async () => {\n    await impact('light');\n    const action = discussion.isLocked ? 'unlock' : 'lock';\n    const confirmed = await nativeConfirm({\n      title: `${action === 'lock' ? 'Lock' : 'Unlock'} discussion`,\n      message: `Are you sure you want to ${action} this discussion?`,\n      okButtonTitle: action === 'lock' ? 'Lock' : 'Unlock',\n      cancelButtonTitle: 'Cancel',\n    });\n    if (!confirmed) return;\n    try {\n      await lock.mutateAsync(discussion.id);\n      notify.success(discussion.isLocked ? 'Discussion unlocked' : 'Discussion locked');\n    } catch (err) {\n      notify.error('Could not update the discussion', describeError(err));\n    }\n  };\n\n  return (\n    <PageLayout title=\"Discussion\" actions={backButton}>\n      <div className=\"mx-auto flex max-w-3xl flex-col gap-6\">\n        <GlassCard treatment=\"plain\" className=\"flex flex-col gap-4 p-5 sm:p-6\">\n          {/* Title + lock/unlock */}\n          <div className=\"flex items-start justify-between gap-3\">\n            <h1 className=\"font-display text-2xl font-semibold leading-tight text-text-primary sm:text-3xl\">\n              {discussion.title}\n            </h1>\n            <Button\n              variant=\"outline\"\n              size=\"sm\"\n              onClick={doLock}\n              disabled={lock.isPending}\n              className=\"shrink-0\"\n            >\n              {discussion.isLocked ? (\n                <>\n                  <Unlock className=\"mr-1.5 h-4 w-4\" /> Unlock\n                </>\n              ) : (\n                <>\n                  <Lock className=\"mr-1.5 h-4 w-4\" /> Lock\n                </>\n              )}\n            </Button>\n          </div>\n\n          {/* Moderation status + interfaith / locked signals, with tags to the right */}\n          <div className=\"flex flex-wrap items-center gap-x-4 gap-y-2\">\n            <div className=\"flex flex-wrap items-center gap-1.5\">\n              <StatusBadge status={discussion.status} icon={statusIcon(discussion.status)} />\n              {discussion.isInterfaith && (\n                <span className=\"inline-flex items-center gap-1 rounded-full bg-[var(--color-accent-soft)] px-2.5 py-0.5 text-xs font-medium text-text-primary\">\n                  <HeartHandshake className=\"h-3 w-3\" aria-hidden=\"true\" /> Interfaith\n                </span>\n              )}\n              {discussion.isLocked && (\n                <span 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\">\n                  <Lock className=\"h-3 w-3\" aria-hidden=\"true\" /> Locked\n                </span>\n              )}\n            </div>\n            {discussion.tags.length > 0 && (\n              <div className=\"flex flex-wrap items-center gap-1.5 sm:ml-auto\">\n                {discussion.tags.map((tag) => (\n                  <span\n                    key={tag}\n                    className=\"rounded-full bg-bg-sunken px-2.5 py-0.5 text-xs font-medium text-text-secondary\"\n                  >\n                    #{tag}\n                  </span>\n                ))}\n              </div>\n            )}\n          </div>\n\n          {/* Byline */}\n          <div className=\"flex flex-wrap items-center gap-x-2 gap-y-1 text-xs text-text-tertiary\">\n            <AuthorLabel actorId={discussion.openedById} prefix=\"Opened by\" />\n            <span aria-hidden=\"true\">·</span>\n            <span className=\"inline-flex items-center gap-1\">\n              <MessagesSquare className=\"h-3.5 w-3.5\" aria-hidden=\"true\" />\n              {formatNumber(discussion.replyCount)}{' '}\n              {discussion.replyCount === 1 ? 'reply' : 'replies'}\n            </span>\n            <span aria-hidden=\"true\">·</span>\n            <span>Started {formatRelativeTime(discussion.createdAt)}</span>\n          </div>\n\n          {/* Prompt callout + linked story */}\n          {(discussion.prompt || discussion.storyId) && (\n            <div className=\"flex flex-col gap-3 rounded-xl border border-border-seam bg-[var(--color-accent-soft)] p-4 sm:flex-row sm:items-start sm:justify-between\">\n              {discussion.prompt ? (\n                <div className=\"flex min-w-0 items-start gap-3\">\n                  <span\n                    className=\"mt-0.5 flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-bg-canvas/70 text-accent\"\n                    aria-hidden=\"true\"\n                  >\n                    <Quote className=\"h-4 w-4\" />\n                  </span>\n                  <p className=\"min-w-0 whitespace-pre-wrap text-sm leading-relaxed text-text-primary\">\n                    {discussion.prompt}\n                  </p>\n                </div>\n              ) : (\n                <span className=\"text-sm text-text-secondary\">Anchored to a story.</span>\n              )}\n              {discussion.storyId && (\n                <button\n                  type=\"button\"\n                  onClick={() => navigateTo(`stories/${discussion.storyId}`)}\n                  className=\"inline-flex shrink-0 items-center gap-1.5 self-start rounded-lg px-1 text-sm font-medium text-accent hover:underline\"\n                >\n                  <BookOpen className=\"h-4 w-4\" aria-hidden=\"true\" /> View linked story\n                  <ExternalLink className=\"h-3.5 w-3.5\" aria-hidden=\"true\" />\n                </button>\n              )}\n            </div>\n          )}\n        </GlassCard>\n\n        <CommunityNorms />\n\n        <ReplyThread discussionId={discussion.id} isLocked={discussion.isLocked} />\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}

package/dist/theculturepost/pages/discussions/DiscussionsPage.js

@@ -1,23 +1,24 @@
 import { useTheCulturePost as e } from "../../context/TheCulturePostContext.js";
 import { PageLayout as t } from "../../components/PageLayout.js";
 import { FilterTabs as n } from "../../components/FilterTabs.js";
-import { DiscussionCard as r } from "../../components/DiscussionCard.js";
+import { CommunityNorms as r } from "../../components/CommunityNorms.js";
 import { useTcpDiscussions as i } from "../../hooks/useTcpApi.js";
 import { useCursorPager as a } from "../../hooks/useCursorPager.js";
 import { useTr as o } from "../../hooks/useTr.js";
-import { OpenDiscussionDialog as s } from "../../components/OpenDiscussionDialog.js";
-import { EmptyState as c } from "../../components/EmptyState.js";
-import { ErrorView as l, LoadingView as u } from "../../components/StateViews.js";
-import { Pagination as d } from "../../components/Pagination.js";
+import { DiscussionCard as s } from "../../components/DiscussionCard.js";
+import { OpenDiscussionDialog as c } from "../../components/OpenDiscussionDialog.js";
+import { EmptyState as l } from "../../components/EmptyState.js";
+import { ErrorView as u, LoadingView as d } from "../../components/StateViews.js";
+import { Pagination as f } from "../../components/Pagination.js";
 import "../../hooks/index.js";
 import "../../context/index.js";
-import { cn as f } from "../../utils/cn.js";
-import { useState as p } from "react";
-import { HeartHandshake as m, MessagesSquare as h, Plus as g } from "lucide-react";
-import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
-import { Button as b } from "@burdenoff/fe-libs/ui";
+import { cn as p } from "../../utils/cn.js";
+import { useState as m } from "react";
+import { HeartHandshake as h, MessagesSquare as g, Plus as _ } from "lucide-react";
+import { Fragment as v, jsx as y, jsxs as b } from "react/jsx-runtime";
+import { Button as x } from "@burdenoff/fe-libs/ui";
 // src/theculturepost/pages/discussions/DiscussionsPage.tsx
-var x = 12, S = [
+var S = 12, C = [
 	{
 		value: "ALL",
 		label: "All"
@@ -39,77 +40,81 @@ var x = 12, S = [
 		label: "Removed"
 	}
 ];
-function C() {
-	let { navigateTo: C } = e(), w = o(), T = a(), [E, D] = p("ALL"), [O, k] = p(!1), [A, j] = p(!1), { data: M, isLoading: N, isError: P, refetch: F } = i({
-		status: E === "ALL" ? void 0 : E,
+function w() {
+	let { navigateTo: w } = e(), T = o(), E = a(), [D, O] = m("ALL"), [k, A] = m(!1), [j, M] = m(!1), { data: N, isLoading: P, isError: F, refetch: I } = i({
+		status: D === "ALL" ? void 0 : D,
 		pagination: {
-			limit: x,
-			cursor: T.cursor
+			limit: S,
+			cursor: E.cursor
 		}
-	}), I = M?.items ?? [], L = O ? I.filter((e) => e.isInterfaith) : I;
-	return /* @__PURE__ */ y(t, {
-		title: w("discussions.title", "Discussions"),
-		description: w("discussions.description", "Respectful, moderated conversations — including interfaith spaces that welcome many traditions."),
-		actions: /* @__PURE__ */ y(b, {
-			onClick: () => j(!0),
+	}), L = N?.items ?? [], R = k ? L.filter((e) => e.isInterfaith) : L;
+	return /* @__PURE__ */ b(t, {
+		title: T("discussions.title", "Discussions"),
+		description: T("discussions.description", "Respectful, moderated conversations — including interfaith spaces that welcome many traditions."),
+		actions: /* @__PURE__ */ b(x, {
+			onClick: () => M(!0),
 			"data-tour": "theculturepost-discussions-create",
 			children: [
-				/* @__PURE__ */ v(g, { className: "mr-1.5 h-4 w-4" }),
+				/* @__PURE__ */ y(_, { className: "mr-1.5 h-4 w-4" }),
 				" ",
-				w("discussions.openDiscussion", "Open discussion")
+				T("discussions.openDiscussion", "Open discussion")
 			]
 		}),
 		children: [
-			/* @__PURE__ */ y("div", {
+			/* @__PURE__ */ y(r, {
+				compact: !0,
+				className: "mb-5"
+			}),
+			/* @__PURE__ */ b("div", {
 				className: "mb-5 flex flex-wrap items-center gap-3",
 				"data-tour": "theculturepost-discussions-filters",
-				children: [/* @__PURE__ */ v(n, {
-					options: S,
-					value: E,
+				children: [/* @__PURE__ */ y(n, {
+					options: C,
+					value: D,
 					onChange: (e) => {
-						D(e), T.reset();
+						O(e), E.reset();
 					}
-				}), /* @__PURE__ */ y("button", {
+				}), /* @__PURE__ */ b("button", {
 					type: "button",
-					"aria-pressed": O,
-					onClick: () => k((e) => !e),
-					className: f("inline-flex items-center gap-1.5 rounded-xl border px-3 py-1.5 text-sm font-medium transition-colors", O ? "border-transparent bg-action-primary-bg text-action-primary-text" : "border-border-seam bg-bg-surface text-text-secondary hover:bg-bg-sunken hover:text-text-primary"),
-					children: [/* @__PURE__ */ v(m, { className: "h-4 w-4" }), " Interfaith"]
+					"aria-pressed": k,
+					onClick: () => A((e) => !e),
+					className: p("inline-flex items-center gap-1.5 rounded-xl border px-3 py-1.5 text-sm font-medium transition-colors", k ? "border-transparent bg-action-primary-bg text-action-primary-text" : "border-border-seam bg-bg-surface text-text-secondary hover:bg-bg-sunken hover:text-text-primary"),
+					children: [/* @__PURE__ */ y(h, { className: "h-4 w-4" }), " Interfaith"]
 				})]
 			}),
-			N ? /* @__PURE__ */ v(u, { label: "Loading discussions…" }) : P ? /* @__PURE__ */ v(l, {
+			P ? /* @__PURE__ */ y(d, { label: "Loading discussions…" }) : F ? /* @__PURE__ */ y(u, {
 				message: "We couldn't load discussions.",
-				onRetry: () => F()
-			}) : L.length === 0 && T.page === 0 ? /* @__PURE__ */ v(c, {
+				onRetry: () => I()
+			}) : R.length === 0 && E.page === 0 ? /* @__PURE__ */ y(l, {
 				illustration: "empty-notifications",
-				icon: /* @__PURE__ */ v(h, { className: "h-10 w-10" }),
-				title: O ? "No interfaith discussions here" : E === "ALL" ? "No discussions yet" : "No discussions match this filter",
-				description: E === "ALL" && !O ? "Open a discussion to invite thoughtful, respectful perspectives." : "Try a different filter, or open a new discussion.",
-				action: /* @__PURE__ */ y(b, {
-					onClick: () => j(!0),
-					children: [/* @__PURE__ */ v(g, { className: "mr-1.5 h-4 w-4" }), " Open discussion"]
+				icon: /* @__PURE__ */ y(g, { className: "h-10 w-10" }),
+				title: k ? "No interfaith discussions here" : D === "ALL" ? "No discussions yet" : "No discussions match this filter",
+				description: D === "ALL" && !k ? "Open a discussion to invite thoughtful, respectful perspectives." : "Try a different filter, or open a new discussion.",
+				action: /* @__PURE__ */ b(x, {
+					onClick: () => M(!0),
+					children: [/* @__PURE__ */ y(_, { className: "mr-1.5 h-4 w-4" }), " Open discussion"]
 				})
-			}) : /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v("ul", {
+			}) : /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ y("ul", {
 				className: "flex flex-col gap-3",
-				children: L.map((e) => /* @__PURE__ */ v("li", { children: /* @__PURE__ */ v(r, {
+				children: R.map((e) => /* @__PURE__ */ y("li", { children: /* @__PURE__ */ y(s, {
 					discussion: e,
-					onOpen: () => C(`discussions/${e.id}`)
+					onOpen: () => w(`discussions/${e.id}`)
 				}) }, e.id))
-			}), /* @__PURE__ */ v(d, {
-				page: T.page,
-				pageSize: x,
-				itemCount: I.length,
-				hasMore: M?.pageInfo.hasMore ?? !1,
-				onPageChange: (e) => T.onPageChange(e, M?.pageInfo.cursor)
+			}), /* @__PURE__ */ y(f, {
+				page: E.page,
+				pageSize: S,
+				itemCount: L.length,
+				hasMore: N?.pageInfo.hasMore ?? !1,
+				onPageChange: (e) => E.onPageChange(e, N?.pageInfo.cursor)
 			})] }),
-			/* @__PURE__ */ v(s, {
-				open: A,
-				onOpenChange: j,
-				onCreated: (e) => C(`discussions/${e.id}`)
+			/* @__PURE__ */ y(c, {
+				open: j,
+				onOpenChange: M,
+				onCreated: (e) => w(`discussions/${e.id}`)
 			})
 		]
 	});
 }
-export { C as DiscussionsPage };
+export { w as DiscussionsPage };
 
 //# sourceMappingURL=DiscussionsPage.js.map

package/dist/theculturepost/pages/discussions/DiscussionsPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"DiscussionsPage.js","names":["_Fragment","Fragment$1","PAGE_SIZE","STATUS_FILTERS","DiscussionsPage","useTheCulturePost","tr","useTr","pager","useCursorPager","status","setStatus","useState","interfaithOnly","setInterfaithOnly","createOpen","setCreateOpen","useTcpDiscussions","allItems","data","discussions","d","PageLayout","Button","Plus","FilterTabs","next","v","cn","HeartHandshake","isLoading","LoadingView","isError","ErrorView","refetch","EmptyState","MessagesSquare","DiscussionCard","navigateTo","discussion","Pagination","target","OpenDiscussionDialog"],"sources":["../../../../src/theculturepost/pages/discussions/DiscussionsPage.tsx"],"sourcesContent":["/**\n * DiscussionsPage — browse moderated community discussions.\n * @module theculturepost/pages/discussions\n *\n * Reads `tcpListDiscussions` (filtered by moderation status). The interfaith\n * toggle is a client-side filter over the loaded page (the svc list field does\n * not filter by interfaith). \"Open Discussion\" opens {@link OpenDiscussionDialog}.\n */\n\nimport { useState } from 'react';\nimport { MessagesSquare, Plus, HeartHandshake } from 'lucide-react';\nimport { Button } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../../components/PageLayout';\nimport { FilterTabs, type FilterOption } from '../../components/FilterTabs';\nimport { DiscussionCard } from '../../components/DiscussionCard';\nimport { OpenDiscussionDialog } from '../../components/OpenDiscussionDialog';\nimport { EmptyState } from '../../components/EmptyState';\nimport { LoadingView, ErrorView } from '../../components/StateViews';\nimport { Pagination } from '../../components/Pagination';\nimport { useTcpDiscussions, useCursorPager, useTr } from '../../hooks';\nimport { useTheCulturePost } from '../../context';\nimport { cn } from '../../utils/cn';\nimport type { TcpModerationStatus } from '../../types';\n\nconst PAGE_SIZE = 12;\n\ntype StatusFilter = 'ALL' | TcpModerationStatus;\n\nconst STATUS_FILTERS: FilterOption<StatusFilter>[] = [\n  { value: 'ALL', label: 'All' },\n  { value: 'APPROVED', label: 'Approved' },\n  { value: 'PENDING', label: 'Pending' },\n  { value: 'FLAGGED', label: 'Flagged' },\n  { value: 'REMOVED', label: 'Removed' },\n];\n\nexport function DiscussionsPage() {\n  const { navigateTo } = useTheCulturePost();\n  const tr = useTr();\n  const pager = useCursorPager();\n  const [status, setStatus] = useState<StatusFilter>('ALL');\n  const [interfaithOnly, setInterfaithOnly] = useState(false);\n  const [createOpen, setCreateOpen] = useState(false);\n\n  const { data, isLoading, isError, refetch } = useTcpDiscussions({\n    status: status === 'ALL' ? undefined : status,\n    pagination: { limit: PAGE_SIZE, cursor: pager.cursor },\n  });\n\n  const allItems = data?.items ?? [];\n  const discussions = interfaithOnly ? allItems.filter((d) => d.isInterfaith) : allItems;\n\n  const changeStatus = (next: StatusFilter) => {\n    setStatus(next);\n    pager.reset();\n  };\n\n  return (\n    <PageLayout\n      title={tr('discussions.title', 'Discussions')}\n      description={tr(\n        'discussions.description',\n        'Respectful, moderated conversations — including interfaith spaces that welcome many traditions.'\n      )}\n      actions={\n        <Button onClick={() => setCreateOpen(true)} data-tour=\"theculturepost-discussions-create\">\n          <Plus className=\"mr-1.5 h-4 w-4\" /> {tr('discussions.openDiscussion', 'Open discussion')}\n        </Button>\n      }\n    >\n      <div\n        className=\"mb-5 flex flex-wrap items-center gap-3\"\n        data-tour=\"theculturepost-discussions-filters\"\n      >\n        <FilterTabs options={STATUS_FILTERS} value={status} onChange={changeStatus} />\n        <button\n          type=\"button\"\n          aria-pressed={interfaithOnly}\n          onClick={() => setInterfaithOnly((v) => !v)}\n          className={cn(\n            'inline-flex items-center gap-1.5 rounded-xl border px-3 py-1.5 text-sm font-medium transition-colors',\n            interfaithOnly\n              ? 'border-transparent bg-action-primary-bg text-action-primary-text'\n              : 'border-border-seam bg-bg-surface text-text-secondary hover:bg-bg-sunken hover:text-text-primary'\n          )}\n        >\n          <HeartHandshake className=\"h-4 w-4\" /> Interfaith\n        </button>\n      </div>\n\n      {isLoading ? (\n        <LoadingView label=\"Loading discussions…\" />\n      ) : isError ? (\n        <ErrorView message=\"We couldn't load discussions.\" onRetry={() => refetch()} />\n      ) : discussions.length === 0 && pager.page === 0 ? (\n        <EmptyState\n          illustration=\"empty-notifications\"\n          icon={<MessagesSquare className=\"h-10 w-10\" />}\n          title={\n            interfaithOnly\n              ? 'No interfaith discussions here'\n              : status === 'ALL'\n                ? 'No discussions yet'\n                : 'No discussions match this filter'\n          }\n          description={\n            status === 'ALL' && !interfaithOnly\n              ? 'Open a discussion to invite thoughtful, respectful perspectives.'\n              : 'Try a different filter, or open a new discussion.'\n          }\n          action={\n            <Button onClick={() => setCreateOpen(true)}>\n              <Plus className=\"mr-1.5 h-4 w-4\" /> Open discussion\n            </Button>\n          }\n        />\n      ) : (\n        <>\n          <ul className=\"flex flex-col gap-3\">\n            {discussions.map((discussion) => (\n              <li key={discussion.id}>\n                <DiscussionCard\n                  discussion={discussion}\n                  onOpen={() => navigateTo(`discussions/${discussion.id}`)}\n                />\n              </li>\n            ))}\n          </ul>\n          <Pagination\n            page={pager.page}\n            pageSize={PAGE_SIZE}\n            itemCount={allItems.length}\n            hasMore={data?.pageInfo.hasMore ?? false}\n            onPageChange={(target) => pager.onPageChange(target, data?.pageInfo.cursor)}\n          />\n        </>\n      )}\n\n      <OpenDiscussionDialog\n        open={createOpen}\n        onOpenChange={setCreateOpen}\n        onCreated={(discussion) => navigateTo(`discussions/${discussion.id}`)}\n      />\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"DiscussionsPage.js","names":["_Fragment","Fragment$1","PAGE_SIZE","STATUS_FILTERS","DiscussionsPage","useTheCulturePost","tr","useTr","pager","useCursorPager","status","setStatus","useState","interfaithOnly","setInterfaithOnly","createOpen","setCreateOpen","useTcpDiscussions","allItems","data","discussions","d","PageLayout","Button","Plus","CommunityNorms","FilterTabs","next","v","cn","HeartHandshake","isLoading","LoadingView","isError","ErrorView","refetch","EmptyState","MessagesSquare","DiscussionCard","navigateTo","discussion","Pagination","target","OpenDiscussionDialog"],"sources":["../../../../src/theculturepost/pages/discussions/DiscussionsPage.tsx"],"sourcesContent":["/**\n * DiscussionsPage — browse moderated community discussions.\n * @module theculturepost/pages/discussions\n *\n * Reads `tcpListDiscussions` (filtered by moderation status). The interfaith\n * toggle is a client-side filter over the loaded page (the svc list field does\n * not filter by interfaith). \"Open Discussion\" opens {@link OpenDiscussionDialog}.\n */\n\nimport { useState } from 'react';\nimport { MessagesSquare, Plus, HeartHandshake } from 'lucide-react';\nimport { Button } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../../components/PageLayout';\nimport { FilterTabs, type FilterOption } from '../../components/FilterTabs';\nimport { CommunityNorms } from '../../components/CommunityNorms';\nimport { DiscussionCard } from '../../components/DiscussionCard';\nimport { OpenDiscussionDialog } from '../../components/OpenDiscussionDialog';\nimport { EmptyState } from '../../components/EmptyState';\nimport { LoadingView, ErrorView } from '../../components/StateViews';\nimport { Pagination } from '../../components/Pagination';\nimport { useTcpDiscussions, useCursorPager, useTr } from '../../hooks';\nimport { useTheCulturePost } from '../../context';\nimport { cn } from '../../utils/cn';\nimport type { TcpModerationStatus } from '../../types';\n\nconst PAGE_SIZE = 12;\n\ntype StatusFilter = 'ALL' | TcpModerationStatus;\n\nconst STATUS_FILTERS: FilterOption<StatusFilter>[] = [\n  { value: 'ALL', label: 'All' },\n  { value: 'APPROVED', label: 'Approved' },\n  { value: 'PENDING', label: 'Pending' },\n  { value: 'FLAGGED', label: 'Flagged' },\n  { value: 'REMOVED', label: 'Removed' },\n];\n\nexport function DiscussionsPage() {\n  const { navigateTo } = useTheCulturePost();\n  const tr = useTr();\n  const pager = useCursorPager();\n  const [status, setStatus] = useState<StatusFilter>('ALL');\n  const [interfaithOnly, setInterfaithOnly] = useState(false);\n  const [createOpen, setCreateOpen] = useState(false);\n\n  const { data, isLoading, isError, refetch } = useTcpDiscussions({\n    status: status === 'ALL' ? undefined : status,\n    pagination: { limit: PAGE_SIZE, cursor: pager.cursor },\n  });\n\n  const allItems = data?.items ?? [];\n  const discussions = interfaithOnly ? allItems.filter((d) => d.isInterfaith) : allItems;\n\n  const changeStatus = (next: StatusFilter) => {\n    setStatus(next);\n    pager.reset();\n  };\n\n  return (\n    <PageLayout\n      title={tr('discussions.title', 'Discussions')}\n      description={tr(\n        'discussions.description',\n        'Respectful, moderated conversations — including interfaith spaces that welcome many traditions.'\n      )}\n      actions={\n        <Button onClick={() => setCreateOpen(true)} data-tour=\"theculturepost-discussions-create\">\n          <Plus className=\"mr-1.5 h-4 w-4\" /> {tr('discussions.openDiscussion', 'Open discussion')}\n        </Button>\n      }\n    >\n      <CommunityNorms compact className=\"mb-5\" />\n      <div\n        className=\"mb-5 flex flex-wrap items-center gap-3\"\n        data-tour=\"theculturepost-discussions-filters\"\n      >\n        <FilterTabs options={STATUS_FILTERS} value={status} onChange={changeStatus} />\n        <button\n          type=\"button\"\n          aria-pressed={interfaithOnly}\n          onClick={() => setInterfaithOnly((v) => !v)}\n          className={cn(\n            'inline-flex items-center gap-1.5 rounded-xl border px-3 py-1.5 text-sm font-medium transition-colors',\n            interfaithOnly\n              ? 'border-transparent bg-action-primary-bg text-action-primary-text'\n              : 'border-border-seam bg-bg-surface text-text-secondary hover:bg-bg-sunken hover:text-text-primary'\n          )}\n        >\n          <HeartHandshake className=\"h-4 w-4\" /> Interfaith\n        </button>\n      </div>\n\n      {isLoading ? (\n        <LoadingView label=\"Loading discussions…\" />\n      ) : isError ? (\n        <ErrorView message=\"We couldn't load discussions.\" onRetry={() => refetch()} />\n      ) : discussions.length === 0 && pager.page === 0 ? (\n        <EmptyState\n          illustration=\"empty-notifications\"\n          icon={<MessagesSquare className=\"h-10 w-10\" />}\n          title={\n            interfaithOnly\n              ? 'No interfaith discussions here'\n              : status === 'ALL'\n                ? 'No discussions yet'\n                : 'No discussions match this filter'\n          }\n          description={\n            status === 'ALL' && !interfaithOnly\n              ? 'Open a discussion to invite thoughtful, respectful perspectives.'\n              : 'Try a different filter, or open a new discussion.'\n          }\n          action={\n            <Button onClick={() => setCreateOpen(true)}>\n              <Plus className=\"mr-1.5 h-4 w-4\" /> Open discussion\n            </Button>\n          }\n        />\n      ) : (\n        <>\n          <ul className=\"flex flex-col gap-3\">\n            {discussions.map((discussion) => (\n              <li key={discussion.id}>\n                <DiscussionCard\n                  discussion={discussion}\n                  onOpen={() => navigateTo(`discussions/${discussion.id}`)}\n                />\n              </li>\n            ))}\n          </ul>\n          <Pagination\n            page={pager.page}\n            pageSize={PAGE_SIZE}\n            itemCount={allItems.length}\n            hasMore={data?.pageInfo.hasMore ?? false}\n            onPageChange={(target) => pager.onPageChange(target, data?.pageInfo.cursor)}\n          />\n        </>\n      )}\n\n      <OpenDiscussionDialog\n        open={createOpen}\n        onOpenChange={setCreateOpen}\n        onCreated={(discussion) => navigateTo(`discussions/${discussion.id}`)}\n      />\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}

package/dist/theculturepost/translations/en.d.ts

@@ -64,6 +64,12 @@ export declare const enTranslations: {
         newTopic: string;
         noTopics: string;
     };
+    norms: {
+        title: string;
+        respect: string;
+        ownVoice: string;
+        ideas: string;
+    };
     discussions: {
         title: string;
         description: string;

package/dist/theculturepost/translations/en.js

@@ -65,6 +65,12 @@ var e = {
 		newTopic: "New topic",
 		noTopics: "No topics yet"
 	},
+	norms: {
+		title: "Community norms",
+		respect: "Treat every tradition, faith and community with respect.",
+		ownVoice: "Speak from your own experience; do not speak for others.",
+		ideas: "Challenge ideas, never people, and cite sources where you can."
+	},
 	discussions: {
 		title: "Discussions",
 		description: "Respectful, moderated conversations — including interfaith spaces that welcome many traditions.",

package/dist/theculturepost/translations/en.js.map

@@ -1 +1 @@
-{"version":3,"file":"en.js","names":["enTranslations"],"sources":["../../../src/theculturepost/translations/en.ts"],"sourcesContent":["export const enTranslations = {\n  nav: {\n    home: 'Home',\n    overview: 'Overview',\n    stories: 'Stories',\n    topics: 'Topics',\n    timeline: 'Timeline',\n    discussions: 'Discussions',\n    archive: 'Archive',\n  },\n  home: {\n    hero: {\n      eyebrow: 'TheCulturePost',\n      title: 'Culture, religion, values & history — told with care',\n      description:\n        'A space for respectful stories and thoughtful conversations that connect us across traditions and time — grounded in the record.',\n      readStories: 'Read stories',\n    },\n    loading: 'Loading the latest…',\n    welcome: {\n      title: 'Welcome to TheCulturePost',\n      description:\n        'This publication is just getting started. Curate a topic, draft a story, or begin building the archive.',\n      draftStory: 'Draft a story',\n      curateTopic: 'Curate a topic',\n    },\n    topics: {\n      title: 'Featured topics',\n      description: 'Curated subjects across culture, faith, history and heritage.',\n      allTopics: 'All topics',\n      emptyTitle: 'No topics yet',\n      emptyDescription: 'Curate the first topic to organise the publication.',\n    },\n    stories: {\n      title: 'Latest published stories',\n      description: 'Freshly published pieces from the newsroom.',\n      allStories: 'All stories',\n      emptyTitle: 'No published stories yet',\n      emptyDescription: 'Draft a story and move it through the editorial lifecycle to publish.',\n    },\n    discussions: {\n      title: 'Active discussions',\n      viewAll: 'View all',\n      emptyTitle: 'No open discussions',\n      emptyDescription: 'Open a discussion to invite thoughtful perspectives.',\n    },\n    archive: {\n      title: 'From the archive',\n      viewAll: 'View all',\n      emptyTitle: 'The archive is empty',\n      emptyDescription: 'Create a collection to begin preserving heritage.',\n    },\n    interfaith: 'Interfaith',\n  },\n  stories: {\n    title: 'Stories',\n    description:\n      'Articles, essays, explainers, photo stories and timelines — across the full editorial lifecycle.',\n    newStory: 'New story',\n    noStories: 'No stories yet',\n    filterStatus: 'Filter by status',\n    filterTopic: 'Filter by topic',\n  },\n  topics: {\n    title: 'Topics',\n    description: 'Curated subjects spanning culture, faith, history, heritage and thought.',\n    newTopic: 'New topic',\n    noTopics: 'No topics yet',\n  },\n  discussions: {\n    title: 'Discussions',\n    description:\n      'Respectful, moderated conversations — including interfaith spaces that welcome many traditions.',\n    openDiscussion: 'Open discussion',\n    noDiscussions: 'No open discussions',\n  },\n  archive: {\n    title: 'Archive',\n    description:\n      'A living archive of manuscripts, photographs, recordings, maps and objects — grouped into collections.',\n    newCollection: 'New collection',\n    newArtifact: 'Add artifact',\n    newRecording: 'Record',\n    openCollection: 'Open {{name}}',\n    noCollections: 'No collections yet',\n  },\n  common: {\n    loading: 'Loading…',\n    error: 'An error occurred',\n    retry: 'Retry',\n    save: 'Save',\n    cancel: 'Cancel',\n    edit: 'Edit',\n    share: 'Share',\n    back: 'Back',\n  },\n};\n"],"mappings":";AAAA,IAAaA,IAAiB;CAC5B,KAAK;EACH,MAAM;EACN,UAAU;EACV,SAAS;EACT,QAAQ;EACR,UAAU;EACV,aAAa;EACb,SAAS;CACX;CACA,MAAM;EACJ,MAAM;GACJ,SAAS;GACT,OAAO;GACP,aACE;GACF,aAAa;EACf;EACA,SAAS;EACT,SAAS;GACP,OAAO;GACP,aACE;GACF,YAAY;GACZ,aAAa;EACf;EACA,QAAQ;GACN,OAAO;GACP,aAAa;GACb,WAAW;GACX,YAAY;GACZ,kBAAkB;EACpB;EACA,SAAS;GACP,OAAO;GACP,aAAa;GACb,YAAY;GACZ,YAAY;GACZ,kBAAkB;EACpB;EACA,aAAa;GACX,OAAO;GACP,SAAS;GACT,YAAY;GACZ,kBAAkB;EACpB;EACA,SAAS;GACP,OAAO;GACP,SAAS;GACT,YAAY;GACZ,kBAAkB;EACpB;EACA,YAAY;CACd;CACA,SAAS;EACP,OAAO;EACP,aACE;EACF,UAAU;EACV,WAAW;EACX,cAAc;EACd,aAAa;CACf;CACA,QAAQ;EACN,OAAO;EACP,aAAa;EACb,UAAU;EACV,UAAU;CACZ;CACA,aAAa;EACX,OAAO;EACP,aACE;EACF,gBAAgB;EAChB,eAAe;CACjB;CACA,SAAS;EACP,OAAO;EACP,aACE;EACF,eAAe;EACf,aAAa;EACb,cAAc;EACd,gBAAgB;EAChB,eAAe;CACjB;CACA,QAAQ;EACN,SAAS;EACT,OAAO;EACP,OAAO;EACP,MAAM;EACN,QAAQ;EACR,MAAM;EACN,OAAO;EACP,MAAM;CACR;AACF"}
+{"version":3,"file":"en.js","names":["enTranslations"],"sources":["../../../src/theculturepost/translations/en.ts"],"sourcesContent":["export const enTranslations = {\n  nav: {\n    home: 'Home',\n    overview: 'Overview',\n    stories: 'Stories',\n    topics: 'Topics',\n    timeline: 'Timeline',\n    discussions: 'Discussions',\n    archive: 'Archive',\n  },\n  home: {\n    hero: {\n      eyebrow: 'TheCulturePost',\n      title: 'Culture, religion, values & history — told with care',\n      description:\n        'A space for respectful stories and thoughtful conversations that connect us across traditions and time — grounded in the record.',\n      readStories: 'Read stories',\n    },\n    loading: 'Loading the latest…',\n    welcome: {\n      title: 'Welcome to TheCulturePost',\n      description:\n        'This publication is just getting started. Curate a topic, draft a story, or begin building the archive.',\n      draftStory: 'Draft a story',\n      curateTopic: 'Curate a topic',\n    },\n    topics: {\n      title: 'Featured topics',\n      description: 'Curated subjects across culture, faith, history and heritage.',\n      allTopics: 'All topics',\n      emptyTitle: 'No topics yet',\n      emptyDescription: 'Curate the first topic to organise the publication.',\n    },\n    stories: {\n      title: 'Latest published stories',\n      description: 'Freshly published pieces from the newsroom.',\n      allStories: 'All stories',\n      emptyTitle: 'No published stories yet',\n      emptyDescription: 'Draft a story and move it through the editorial lifecycle to publish.',\n    },\n    discussions: {\n      title: 'Active discussions',\n      viewAll: 'View all',\n      emptyTitle: 'No open discussions',\n      emptyDescription: 'Open a discussion to invite thoughtful perspectives.',\n    },\n    archive: {\n      title: 'From the archive',\n      viewAll: 'View all',\n      emptyTitle: 'The archive is empty',\n      emptyDescription: 'Create a collection to begin preserving heritage.',\n    },\n    interfaith: 'Interfaith',\n  },\n  stories: {\n    title: 'Stories',\n    description:\n      'Articles, essays, explainers, photo stories and timelines — across the full editorial lifecycle.',\n    newStory: 'New story',\n    noStories: 'No stories yet',\n    filterStatus: 'Filter by status',\n    filterTopic: 'Filter by topic',\n  },\n  topics: {\n    title: 'Topics',\n    description: 'Curated subjects spanning culture, faith, history, heritage and thought.',\n    newTopic: 'New topic',\n    noTopics: 'No topics yet',\n  },\n  norms: {\n    title: 'Community norms',\n    respect: 'Treat every tradition, faith and community with respect.',\n    ownVoice: 'Speak from your own experience; do not speak for others.',\n    ideas: 'Challenge ideas, never people, and cite sources where you can.',\n  },\n  discussions: {\n    title: 'Discussions',\n    description:\n      'Respectful, moderated conversations — including interfaith spaces that welcome many traditions.',\n    openDiscussion: 'Open discussion',\n    noDiscussions: 'No open discussions',\n  },\n  archive: {\n    title: 'Archive',\n    description:\n      'A living archive of manuscripts, photographs, recordings, maps and objects — grouped into collections.',\n    newCollection: 'New collection',\n    newArtifact: 'Add artifact',\n    newRecording: 'Record',\n    openCollection: 'Open {{name}}',\n    noCollections: 'No collections yet',\n  },\n  common: {\n    loading: 'Loading…',\n    error: 'An error occurred',\n    retry: 'Retry',\n    save: 'Save',\n    cancel: 'Cancel',\n    edit: 'Edit',\n    share: 'Share',\n    back: 'Back',\n  },\n};\n"],"mappings":";AAAA,IAAaA,IAAiB;CAC5B,KAAK;EACH,MAAM;EACN,UAAU;EACV,SAAS;EACT,QAAQ;EACR,UAAU;EACV,aAAa;EACb,SAAS;CACX;CACA,MAAM;EACJ,MAAM;GACJ,SAAS;GACT,OAAO;GACP,aACE;GACF,aAAa;EACf;EACA,SAAS;EACT,SAAS;GACP,OAAO;GACP,aACE;GACF,YAAY;GACZ,aAAa;EACf;EACA,QAAQ;GACN,OAAO;GACP,aAAa;GACb,WAAW;GACX,YAAY;GACZ,kBAAkB;EACpB;EACA,SAAS;GACP,OAAO;GACP,aAAa;GACb,YAAY;GACZ,YAAY;GACZ,kBAAkB;EACpB;EACA,aAAa;GACX,OAAO;GACP,SAAS;GACT,YAAY;GACZ,kBAAkB;EACpB;EACA,SAAS;GACP,OAAO;GACP,SAAS;GACT,YAAY;GACZ,kBAAkB;EACpB;EACA,YAAY;CACd;CACA,SAAS;EACP,OAAO;EACP,aACE;EACF,UAAU;EACV,WAAW;EACX,cAAc;EACd,aAAa;CACf;CACA,QAAQ;EACN,OAAO;EACP,aAAa;EACb,UAAU;EACV,UAAU;CACZ;CACA,OAAO;EACL,OAAO;EACP,SAAS;EACT,UAAU;EACV,OAAO;CACT;CACA,aAAa;EACX,OAAO;EACP,aACE;EACF,gBAAgB;EAChB,eAAe;CACjB;CACA,SAAS;EACP,OAAO;EACP,aACE;EACF,eAAe;EACf,aAAa;EACb,cAAc;EACd,gBAAgB;EAChB,eAAe;CACjB;CACA,QAAQ;EACN,SAAS;EACT,OAAO;EACP,OAAO;EACP,MAAM;EACN,QAAQ;EACR,MAAM;EACN,OAAO;EACP,MAAM;CACR;AACF"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@burdenoff/microfe-theculturepost",
-  "version": "2026.1113.1",
+  "version": "2026.1113.2",
   "description": "Burdenoff TheCulturePost Microfrontend",
   "type": "module",
   "files": [