@burdenoff/microfe-theculturepost 2026.704.2 → 2026.705.2

package/dist/theculturepost/pages/topics/TopicDetailPage.js

@@ -1,22 +1,24 @@
 import { useTheCulturePost as e } from "../../context/TheCulturePostContext.js";
-import { PageLayout as t } from "../../components/PageLayout.js";
-import { ErrorView as n, LoadingView as r, Section as i } from "../../components/StateViews.js";
 import "../../context/index.js";
-import { formatEnumLabel as a } from "../../utils/formatters.js";
-import { StatusBadge as o } from "../../components/StatusBadge.js";
+import { PageHero as t } from "../../components/PageHero.js";
+import { ErrorView as n, LoadingView as r } from "../../components/StateViews.js";
+import { formatEnumLabel as i } from "../../utils/formatters.js";
+import { StatusBadge as a } from "../../components/StatusBadge.js";
+import { categoryIcon as o } from "../../components/categoryMeta.js";
 import { StoryCard as s } from "../../components/StoryCard.js";
 import { EmptyState as c } from "../../components/EmptyState.js";
 import { useTcpArchiveTopic as l, useTcpTopic as u, useTcpUpdateTopic as d } from "../../hooks/useTcpApi.js";
 import "../../hooks/index.js";
 import { describeError as f, notify as p } from "../../lib/toast.js";
 import { CreateStoryDialog as m } from "../../components/CreateStoryDialog.js";
-import { useMemo as h, useState as g } from "react";
-import { Archive as _, ArrowLeft as v, BookOpen as y, Compass as b, Pencil as x, Plus as S, Sparkles as C } from "lucide-react";
-import { useParams as w } from "react-router-dom";
-import { jsx as T, jsxs as E } from "react/jsx-runtime";
-import { Button as D, GlassCard as O, Input as k, Label as A, ResponsiveDialog as j, ResponsiveDialogContent as M, ResponsiveDialogDescription as N, ResponsiveDialogFooter as P, ResponsiveDialogHeader as F, ResponsiveDialogTitle as I, Select as L, SelectContent as R, SelectItem as z, SelectTrigger as B, SelectValue as V, Textarea as H } from "@burdenoff/fe-libs/ui";
+import "../../components/index.js";
+import { createElement as h, useMemo as g, useState as _ } from "react";
+import { Archive as v, ArrowLeft as y, BookOpen as b, Globe as x, Pencil as S, Plus as C, Sparkles as w } from "lucide-react";
+import { useParams as T } from "react-router-dom";
+import { Fragment as E, jsx as D, jsxs as O } from "react/jsx-runtime";
+import { Button as k, Input as A, Label as j, ResponsiveDialog as M, ResponsiveDialogContent as N, ResponsiveDialogDescription as P, ResponsiveDialogFooter as F, ResponsiveDialogHeader as I, ResponsiveDialogTitle as L, Select as R, SelectContent as z, SelectItem as B, SelectTrigger as V, SelectValue as H, Textarea as U } from "@burdenoff/fe-libs/ui";
 //#region src/theculturepost/pages/topics/TopicDetailPage.tsx
-var U = [
+var W = [
 	"CULTURE_AND_IDENTITY",
 	"RELIGION_AND_FAITH",
 	"HISTORY",
@@ -26,210 +28,284 @@ var U = [
 	"ORAL_HISTORIES",
 	"PHILOSOPHY_AND_THOUGHT",
 	"VALUES_AND_ETHICS"
-];
-function W() {
-	let { id: a } = w(), { navigateTo: h } = e(), { data: k, isLoading: A, isError: j, refetch: M } = u(a), N = d(), P = l(), [F, I] = g(!1), [L, R] = g(!1), z = /* @__PURE__ */ E(D, {
-		variant: "ghost",
-		size: "sm",
-		onClick: () => h("topics"),
-		children: [/* @__PURE__ */ T(v, { className: "mr-1.5 h-4 w-4" }), " Back"]
-	});
-	if (A) return /* @__PURE__ */ T(t, {
-		title: "Topic",
-		actions: z,
-		children: /* @__PURE__ */ T(r, { label: "Loading topic…" })
-	});
-	if (j || !k) return /* @__PURE__ */ T(t, {
-		title: "Topic",
-		actions: z,
-		children: /* @__PURE__ */ T(n, {
-			title: "Topic not found",
-			message: "This topic may have been archived, or you may not have access.",
-			onRetry: () => M()
+], G = [
+	{
+		value: "newest",
+		label: "Newest"
+	},
+	{
+		value: "oldest",
+		label: "Oldest"
+	},
+	{
+		value: "updated",
+		label: "Recently updated"
+	},
+	{
+		value: "title",
+		label: "Title (A–Z)"
+	}
+], K = (e) => {
+	let t = new Date(e.publishedAt ?? e.createdAt).getTime();
+	return Number.isNaN(t) ? 0 : t;
+}, q = (e) => {
+	let t = new Date(e.updatedAt).getTime();
+	return Number.isNaN(t) ? 0 : t;
+};
+function J(e, t) {
+	let n = [...e];
+	switch (t) {
+		case "newest": return n.sort((e, t) => K(t) - K(e));
+		case "oldest": return n.sort((e, t) => K(e) - K(t));
+		case "updated": return n.sort((e, t) => q(t) - q(e));
+		case "title": return n.sort((e, t) => e.title.localeCompare(t.title));
+		default: return n;
+	}
+}
+function Y({ children: e }) {
+	return /* @__PURE__ */ D("div", {
+		className: "h-full overflow-y-auto",
+		children: /* @__PURE__ */ D("div", {
+			className: "mx-auto flex max-w-5xl flex-col gap-6 p-4 sm:p-6",
+			children: e
 		})
 	});
-	let B = k.stories ?? [];
-	return /* @__PURE__ */ E(t, {
-		title: k.name,
-		actions: /* @__PURE__ */ E("div", {
-			className: "flex items-center gap-2",
+}
+function X() {
+	let { id: i } = T(), { navigateTo: A } = e(), { data: M, isLoading: N, isError: P, refetch: F } = u(i), I = d(), L = l(), [U, W] = _(!1), [K, q] = _(!1), [X, ee] = _("newest"), Q = g(() => M?.stories ?? [], [M]), te = g(() => J(Q, X), [Q, X]), $ = () => A("topics");
+	if (N) return /* @__PURE__ */ O(Y, { children: [/* @__PURE__ */ O("button", {
+		type: "button",
+		onClick: $,
+		className: "inline-flex w-fit items-center gap-1.5 text-sm font-medium text-text-secondary hover:text-text-primary",
+		children: [/* @__PURE__ */ D(y, {
+			className: "h-4 w-4",
+			"aria-hidden": "true"
+		}), " Topics"]
+	}), /* @__PURE__ */ D(r, { label: "Loading topic…" })] });
+	if (P || !M) return /* @__PURE__ */ O(Y, { children: [/* @__PURE__ */ O("button", {
+		type: "button",
+		onClick: $,
+		className: "inline-flex w-fit items-center gap-1.5 text-sm font-medium text-text-secondary hover:text-text-primary",
+		children: [/* @__PURE__ */ D(y, {
+			className: "h-4 w-4",
+			"aria-hidden": "true"
+		}), " Topics"]
+	}), /* @__PURE__ */ D(n, {
+		title: "Topic not found",
+		message: "This topic may have been archived, or you may not have access.",
+		onRetry: () => F()
+	})] });
+	let ne = async () => {
+		try {
+			await I.mutateAsync({
+				id: M.id,
+				input: { isFeatured: !M.isFeatured }
+			}), p.success(M.isFeatured ? "Removed from featured" : "Topic featured");
+		} catch (e) {
+			p.error("Could not update topic", f(e));
+		}
+	}, re = async () => {
+		try {
+			await L.mutateAsync(M.id), p.success("Topic archived"), A("topics");
+		} catch (e) {
+			p.error("Could not archive topic", f(e));
+		}
+	}, ie = /* @__PURE__ */ O(E, { children: [
+		M.isFeatured && /* @__PURE__ */ O("span", {
+			className: "inline-flex items-center gap-1 rounded-full bg-status-warning-bg-subtle px-2.5 py-0.5 text-xs font-medium text-status-warning-text",
+			children: [/* @__PURE__ */ D(w, {
+				className: "h-3 w-3",
+				"aria-hidden": "true"
+			}), " Featured"]
+		}),
+		/* @__PURE__ */ D(a, {
+			status: M.category,
+			icon: h(o(M.category), { className: "h-3 w-3" })
+		}),
+		M.tradition && /* @__PURE__ */ O("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: [
-				z,
-				/* @__PURE__ */ E(D, {
-					variant: "outline",
-					size: "sm",
-					onClick: async () => {
-						try {
-							await N.mutateAsync({
-								id: k.id,
-								input: { isFeatured: !k.isFeatured }
-							}), p.success(k.isFeatured ? "Removed from featured" : "Topic featured");
-						} catch (e) {
-							p.error("Could not update topic", f(e));
-						}
-					},
-					disabled: N.isPending,
-					children: [/* @__PURE__ */ T(C, { className: "mr-1.5 h-4 w-4" }), k.isFeatured ? "Unfeature" : "Feature"]
-				}),
-				/* @__PURE__ */ E(D, {
-					variant: "outline",
-					size: "sm",
-					onClick: () => I(!0),
-					children: [/* @__PURE__ */ T(x, { className: "mr-1.5 h-4 w-4" }), " Edit"]
+				/* @__PURE__ */ D(x, {
+					className: "h-3 w-3",
+					"aria-hidden": "true"
 				}),
-				/* @__PURE__ */ E(D, {
-					variant: "ghost",
-					size: "sm",
-					onClick: async () => {
-						try {
-							await P.mutateAsync(k.id), p.success("Topic archived"), h("topics");
-						} catch (e) {
-							p.error("Could not archive topic", f(e));
-						}
-					},
-					disabled: P.isPending,
-					className: "text-status-error-text",
-					children: [/* @__PURE__ */ T(_, { className: "mr-1.5 h-4 w-4" }), " Archive"]
-				})
+				" ",
+				M.tradition
 			]
+		})
+	] }), ae = /* @__PURE__ */ O(E, { children: [
+		/* @__PURE__ */ O(k, {
+			variant: "outline",
+			size: "sm",
+			onClick: ne,
+			disabled: I.isPending,
+			children: [/* @__PURE__ */ D(w, { className: "mr-1.5 h-4 w-4" }), M.isFeatured ? "Unfeature" : "Feature"]
 		}),
-		children: [
-			/* @__PURE__ */ E("div", {
-				className: "mx-auto flex max-w-5xl flex-col gap-6",
-				children: [/* @__PURE__ */ E(O, {
-					treatment: "plain",
-					className: "flex flex-col gap-4 p-6",
-					children: [/* @__PURE__ */ E("div", {
-						className: "flex items-start gap-4",
-						children: [/* @__PURE__ */ T("div", {
-							className: "flex h-12 w-12 shrink-0 items-center justify-center rounded-xl bg-[var(--color-accent-soft)] text-text-primary",
-							children: /* @__PURE__ */ T(b, { className: "h-6 w-6" })
-						}), /* @__PURE__ */ E("div", {
-							className: "min-w-0 flex-1",
-							children: [/* @__PURE__ */ E("div", {
-								className: "flex flex-wrap items-center gap-1.5",
-								children: [/* @__PURE__ */ T(o, { status: k.category }), k.isFeatured && /* @__PURE__ */ E("span", {
-									className: "inline-flex items-center gap-1 rounded-full bg-status-warning-bg-subtle px-2 py-0.5 text-xs font-medium text-status-warning-text",
-									children: [/* @__PURE__ */ T(C, { className: "h-3 w-3" }), " Featured"]
-								})]
-							}), k.tradition && /* @__PURE__ */ T("p", {
-								className: "mt-1.5 text-sm text-text-secondary",
-								children: k.tradition
-							})]
-						})]
-					}), k.description && /* @__PURE__ */ T("p", {
-						className: "whitespace-pre-wrap text-sm leading-relaxed text-text-secondary",
-						children: k.description
+		/* @__PURE__ */ O(k, {
+			variant: "outline",
+			size: "sm",
+			onClick: () => W(!0),
+			children: [/* @__PURE__ */ D(S, { className: "mr-1.5 h-4 w-4" }), " Edit"]
+		}),
+		/* @__PURE__ */ O(k, {
+			variant: "outline",
+			size: "sm",
+			onClick: re,
+			disabled: L.isPending,
+			className: "text-status-error-text",
+			children: [/* @__PURE__ */ D(v, { className: "mr-1.5 h-4 w-4" }), " Archive"]
+		}),
+		/* @__PURE__ */ O(k, {
+			size: "sm",
+			onClick: () => q(!0),
+			children: [/* @__PURE__ */ D(C, { className: "mr-1.5 h-4 w-4" }), " New story"]
+		})
+	] });
+	return /* @__PURE__ */ O(Y, { children: [
+		/* @__PURE__ */ D(t, {
+			eyebrow: "Topic",
+			title: M.name,
+			description: M.description ?? void 0,
+			backAction: {
+				label: "Topics",
+				onClick: $
+			},
+			meta: ie,
+			actions: ae
+		}),
+		/* @__PURE__ */ O("section", {
+			"aria-labelledby": "topic-stories-heading",
+			children: [/* @__PURE__ */ O("div", {
+				className: "mb-4 flex flex-wrap items-center justify-between gap-3",
+				children: [/* @__PURE__ */ O("div", {
+					className: "flex items-center gap-2",
+					children: [/* @__PURE__ */ D("h2", {
+						id: "topic-stories-heading",
+						className: "font-display text-xl font-semibold text-text-primary",
+						children: "Stories in this topic"
+					}), /* @__PURE__ */ D("span", {
+						className: "rounded-full bg-bg-sunken px-2 py-0.5 text-sm font-medium tabular-nums text-text-secondary",
+						children: Q.length
+					})]
+				}), Q.length > 1 && /* @__PURE__ */ O("div", {
+					className: "flex items-center gap-2",
+					children: [/* @__PURE__ */ D(j, {
+						htmlFor: "topic-story-sort",
+						className: "text-sm text-text-secondary",
+						children: "Sort by"
+					}), /* @__PURE__ */ O(R, {
+						value: X,
+						onValueChange: (e) => ee(e),
+						children: [/* @__PURE__ */ D(V, {
+							id: "topic-story-sort",
+							className: "w-[12rem]",
+							"aria-label": "Sort stories",
+							children: /* @__PURE__ */ D(H, {})
+						}), /* @__PURE__ */ D(z, { children: G.map((e) => /* @__PURE__ */ D(B, {
+							value: e.value,
+							children: e.label
+						}, e.value)) })]
 					})]
-				}), /* @__PURE__ */ T(i, {
-					title: "Stories in this topic",
-					action: /* @__PURE__ */ E(D, {
-						size: "sm",
-						variant: "outline",
-						onClick: () => R(!0),
-						children: [/* @__PURE__ */ T(S, { className: "mr-1.5 h-4 w-4" }), " New story"]
-					}),
-					children: B.length === 0 ? /* @__PURE__ */ T(c, {
-						icon: /* @__PURE__ */ T(y, { className: "h-9 w-9" }),
-						title: "No stories yet",
-						description: "Draft the first story under this topic.",
-						action: /* @__PURE__ */ E(D, {
-							onClick: () => R(!0),
-							children: [/* @__PURE__ */ T(S, { className: "mr-1.5 h-4 w-4" }), " New story"]
-						})
-					}) : /* @__PURE__ */ T("div", {
-						className: "grid gap-5 sm:grid-cols-2 xl:grid-cols-3",
-						children: B.map((e) => /* @__PURE__ */ T(s, {
-							story: e,
-							onOpen: () => h(`stories/${e.id}`)
-						}, e.id))
-					})
 				})]
-			}),
-			/* @__PURE__ */ T(m, {
-				open: L,
-				onOpenChange: R,
-				topicId: k.id,
-				onCreated: (e) => h(`stories/${e.id}`)
-			}),
-			/* @__PURE__ */ T(G, {
-				open: F,
-				onOpenChange: I,
-				topic: k
-			})
-		]
-	});
+			}), Q.length === 0 ? /* @__PURE__ */ D(c, {
+				icon: /* @__PURE__ */ D(b, { className: "h-9 w-9" }),
+				title: "No stories yet",
+				description: "Draft the first story under this topic.",
+				action: /* @__PURE__ */ O(k, {
+					onClick: () => q(!0),
+					children: [/* @__PURE__ */ D(C, { className: "mr-1.5 h-4 w-4" }), " New story"]
+				})
+			}) : /* @__PURE__ */ D("div", {
+				className: "grid gap-5 sm:grid-cols-2 xl:grid-cols-3",
+				children: te.map((e) => /* @__PURE__ */ D(s, {
+					story: e,
+					onOpen: () => A(`stories/${e.id}`)
+				}, e.id))
+			})]
+		}),
+		/* @__PURE__ */ D(m, {
+			open: K,
+			onOpenChange: q,
+			topicId: M.id,
+			onCreated: (e) => A(`stories/${e.id}`)
+		}),
+		/* @__PURE__ */ D(Z, {
+			open: U,
+			onOpenChange: W,
+			topic: M
+		})
+	] });
 }
-function G({ open: e, onOpenChange: t, topic: n }) {
-	let r = d(), [i, o] = g(n.name), [s, c] = g(n.tradition ?? ""), [l, u] = g(n.description ?? ""), [m, _] = g(n.category), [v, y] = g(null), b = h(() => `${n.id}:${n.updatedAt}`, [n.id, n.updatedAt]), [x, S] = g(b);
-	return x !== b && (S(b), o(n.name), c(n.tradition ?? ""), u(n.description ?? ""), _(n.category), y(null)), /* @__PURE__ */ T(j, {
+function Z({ open: e, onOpenChange: t, topic: n }) {
+	let r = d(), [a, o] = _(n.name), [s, c] = _(n.tradition ?? ""), [l, u] = _(n.description ?? ""), [m, h] = _(n.category), [v, y] = _(null), b = g(() => `${n.id}:${n.updatedAt}`, [n.id, n.updatedAt]), [x, S] = _(b);
+	return x !== b && (S(b), o(n.name), c(n.tradition ?? ""), u(n.description ?? ""), h(n.category), y(null)), /* @__PURE__ */ D(M, {
 		open: e,
 		onOpenChange: t,
-		children: /* @__PURE__ */ E(M, {
+		children: /* @__PURE__ */ O(N, {
 			className: "sm:max-w-lg",
 			children: [
-				/* @__PURE__ */ E(F, { children: [/* @__PURE__ */ T(I, { children: "Edit topic" }), /* @__PURE__ */ T(N, { children: "The URL slug is fixed once created." })] }),
-				/* @__PURE__ */ E("div", {
+				/* @__PURE__ */ O(I, { children: [/* @__PURE__ */ D(L, { children: "Edit topic" }), /* @__PURE__ */ D(P, { children: "The URL slug is fixed once created." })] }),
+				/* @__PURE__ */ O("div", {
 					className: "flex flex-col gap-4 py-2",
 					children: [
-						/* @__PURE__ */ E("div", {
+						/* @__PURE__ */ O("div", {
 							className: "grid gap-1.5",
-							children: [/* @__PURE__ */ T(A, {
+							children: [/* @__PURE__ */ D(j, {
 								htmlFor: "edit-topic-name",
 								children: "Name"
-							}), /* @__PURE__ */ T(k, {
+							}), /* @__PURE__ */ D(A, {
 								id: "edit-topic-name",
-								value: i,
+								value: a,
 								onChange: (e) => o(e.target.value)
 							})]
 						}),
-						/* @__PURE__ */ E("div", {
+						/* @__PURE__ */ O("div", {
 							className: "grid gap-1.5",
-							children: [/* @__PURE__ */ T(A, { children: "Category" }), /* @__PURE__ */ E(L, {
+							children: [/* @__PURE__ */ D(j, { children: "Category" }), /* @__PURE__ */ O(R, {
 								value: m,
-								onValueChange: (e) => _(e),
-								children: [/* @__PURE__ */ T(B, { children: /* @__PURE__ */ T(V, {}) }), /* @__PURE__ */ T(R, { children: U.map((e) => /* @__PURE__ */ T(z, {
+								onValueChange: (e) => h(e),
+								children: [/* @__PURE__ */ D(V, { children: /* @__PURE__ */ D(H, {}) }), /* @__PURE__ */ D(z, { children: W.map((e) => /* @__PURE__ */ D(B, {
 									value: e,
-									children: a(e)
+									children: i(e)
 								}, e)) })]
 							})]
 						}),
-						/* @__PURE__ */ E("div", {
+						/* @__PURE__ */ O("div", {
 							className: "grid gap-1.5",
-							children: [/* @__PURE__ */ T(A, {
+							children: [/* @__PURE__ */ D(j, {
 								htmlFor: "edit-topic-tradition",
 								children: "Tradition"
-							}), /* @__PURE__ */ T(k, {
+							}), /* @__PURE__ */ D(A, {
 								id: "edit-topic-tradition",
 								value: s,
 								onChange: (e) => c(e.target.value)
 							})]
 						}),
-						/* @__PURE__ */ E("div", {
+						/* @__PURE__ */ O("div", {
 							className: "grid gap-1.5",
-							children: [/* @__PURE__ */ T(A, {
+							children: [/* @__PURE__ */ D(j, {
 								htmlFor: "edit-topic-desc",
 								children: "Description"
-							}), /* @__PURE__ */ T(H, {
+							}), /* @__PURE__ */ D(U, {
 								id: "edit-topic-desc",
 								value: l,
 								onChange: (e) => u(e.target.value),
 								rows: 3
 							})]
 						}),
-						v && /* @__PURE__ */ T("p", {
+						v && /* @__PURE__ */ D("p", {
 							className: "text-sm text-status-error-text",
 							children: v
 						})
 					]
 				}),
-				/* @__PURE__ */ E(P, { children: [/* @__PURE__ */ T(D, {
+				/* @__PURE__ */ O(F, { children: [/* @__PURE__ */ D(k, {
 					variant: "outline",
 					onClick: () => t(!1),
 					children: "Cancel"
-				}), /* @__PURE__ */ T(D, {
+				}), /* @__PURE__ */ D(k, {
 					onClick: async () => {
-						if (!i.trim()) {
+						if (!a.trim()) {
 							y("A topic name is required.");
 							return;
 						}
@@ -237,12 +313,12 @@ function G({ open: e, onOpenChange: t, topic: n }) {
 							await r.mutateAsync({
 								id: n.id,
 								input: {
-									name: i.trim(),
+									name: a.trim(),
 									tradition: s.trim() || null,
 									description: l.trim() || null,
 									category: m
 								}
-							}), p.success("Topic updated", i.trim()), t(!1);
+							}), p.success("Topic updated", a.trim()), t(!1);
 						} catch (e) {
 							y(f(e));
 						}
@@ -255,6 +331,6 @@ function G({ open: e, onOpenChange: t, topic: n }) {
 	});
 }
 //#endregion
-export { W as TopicDetailPage };
+export { X as TopicDetailPage };
 
 //# sourceMappingURL=TopicDetailPage.js.map

package/dist/theculturepost/pages/topics/TopicDetailPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"TopicDetailPage.js","names":[],"sources":["../../../../src/theculturepost/pages/topics/TopicDetailPage.tsx"],"sourcesContent":["/**\n * TopicDetailPage — a single topic and the stories curated under it.\n * @module theculturepost/pages/topics\n *\n * Reads `tcpTopic` (with its stories). Writes `tcpUpdateTopic` (edit + feature\n * toggle) and `tcpArchiveTopic`. Stories are drawn from the topic's own\n * `stories` field.\n */\n\nimport { useMemo, useState } from 'react';\nimport { useParams } from 'react-router-dom';\nimport { ArrowLeft, Compass, Sparkles, Pencil, Archive, Plus, BookOpen } from 'lucide-react';\nimport {\n  Button,\n  GlassCard,\n  Input,\n  Label,\n  Textarea,\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 { PageLayout } from '../../components/PageLayout';\nimport { StatusBadge } from '../../components/StatusBadge';\nimport { StoryCard } from '../../components/StoryCard';\nimport { CreateStoryDialog } from '../../components/CreateStoryDialog';\nimport { EmptyState } from '../../components/EmptyState';\nimport { LoadingView, ErrorView, Section } from '../../components/StateViews';\nimport { useTcpTopic, useTcpUpdateTopic, useTcpArchiveTopic } from '../../hooks';\nimport { useTheCulturePost } from '../../context';\nimport { formatEnumLabel } from '../../utils/formatters';\nimport { notify, describeError } from '../../lib/toast';\nimport type { TcpTopic, TcpTopicCategory } from '../../types';\n\nconst CATEGORIES: TcpTopicCategory[] = [\n  'CULTURE_AND_IDENTITY',\n  'RELIGION_AND_FAITH',\n  'HISTORY',\n  'HERITAGE_AND_ARCHIVES',\n  'FESTIVALS_AND_RITUALS',\n  'MIGRATION_AND_DIASPORA',\n  'ORAL_HISTORIES',\n  'PHILOSOPHY_AND_THOUGHT',\n  'VALUES_AND_ETHICS',\n];\n\nexport function TopicDetailPage() {\n  const { id } = useParams<{ id: string }>();\n  const { navigateTo } = useTheCulturePost();\n  const { data: topic, isLoading, isError, refetch } = useTcpTopic(id);\n  const updateTopic = useTcpUpdateTopic();\n  const archiveTopic = useTcpArchiveTopic();\n\n  const [editOpen, setEditOpen] = useState(false);\n  const [createStoryOpen, setCreateStoryOpen] = useState(false);\n\n  const backButton = (\n    <Button variant=\"ghost\" size=\"sm\" onClick={() => navigateTo('topics')}>\n      <ArrowLeft className=\"mr-1.5 h-4 w-4\" /> Back\n    </Button>\n  );\n\n  if (isLoading) {\n    return (\n      <PageLayout title=\"Topic\" actions={backButton}>\n        <LoadingView label=\"Loading topic…\" />\n      </PageLayout>\n    );\n  }\n\n  if (isError || !topic) {\n    return (\n      <PageLayout title=\"Topic\" actions={backButton}>\n        <ErrorView\n          title=\"Topic not found\"\n          message=\"This topic may have been archived, or you may not have access.\"\n          onRetry={() => refetch()}\n        />\n      </PageLayout>\n    );\n  }\n\n  const stories = topic.stories ?? [];\n\n  const toggleFeatured = async () => {\n    try {\n      await updateTopic.mutateAsync({ id: topic.id, input: { isFeatured: !topic.isFeatured } });\n      notify.success(topic.isFeatured ? 'Removed from featured' : 'Topic featured');\n    } catch (err) {\n      notify.error('Could not update topic', describeError(err));\n    }\n  };\n\n  const doArchive = async () => {\n    try {\n      await archiveTopic.mutateAsync(topic.id);\n      notify.success('Topic archived');\n      navigateTo('topics');\n    } catch (err) {\n      notify.error('Could not archive topic', describeError(err));\n    }\n  };\n\n  return (\n    <PageLayout\n      title={topic.name}\n      actions={\n        <div className=\"flex items-center gap-2\">\n          {backButton}\n          <Button\n            variant=\"outline\"\n            size=\"sm\"\n            onClick={toggleFeatured}\n            disabled={updateTopic.isPending}\n          >\n            <Sparkles className=\"mr-1.5 h-4 w-4\" />\n            {topic.isFeatured ? 'Unfeature' : 'Feature'}\n          </Button>\n          <Button variant=\"outline\" size=\"sm\" onClick={() => setEditOpen(true)}>\n            <Pencil className=\"mr-1.5 h-4 w-4\" /> Edit\n          </Button>\n          <Button\n            variant=\"ghost\"\n            size=\"sm\"\n            onClick={doArchive}\n            disabled={archiveTopic.isPending}\n            className=\"text-status-error-text\"\n          >\n            <Archive className=\"mr-1.5 h-4 w-4\" /> Archive\n          </Button>\n        </div>\n      }\n    >\n      <div className=\"mx-auto flex max-w-5xl flex-col gap-6\">\n        <GlassCard treatment=\"plain\" className=\"flex flex-col gap-4 p-6\">\n          <div className=\"flex items-start gap-4\">\n            <div className=\"flex h-12 w-12 shrink-0 items-center justify-center rounded-xl bg-[var(--color-accent-soft)] text-text-primary\">\n              <Compass className=\"h-6 w-6\" />\n            </div>\n            <div className=\"min-w-0 flex-1\">\n              <div className=\"flex flex-wrap items-center gap-1.5\">\n                <StatusBadge status={topic.category} />\n                {topic.isFeatured && (\n                  <span className=\"inline-flex items-center gap-1 rounded-full bg-status-warning-bg-subtle px-2 py-0.5 text-xs font-medium text-status-warning-text\">\n                    <Sparkles className=\"h-3 w-3\" /> Featured\n                  </span>\n                )}\n              </div>\n              {topic.tradition && (\n                <p className=\"mt-1.5 text-sm text-text-secondary\">{topic.tradition}</p>\n              )}\n            </div>\n          </div>\n          {topic.description && (\n            <p className=\"whitespace-pre-wrap text-sm leading-relaxed text-text-secondary\">\n              {topic.description}\n            </p>\n          )}\n        </GlassCard>\n\n        <Section\n          title=\"Stories in this topic\"\n          action={\n            <Button size=\"sm\" variant=\"outline\" onClick={() => setCreateStoryOpen(true)}>\n              <Plus className=\"mr-1.5 h-4 w-4\" /> New story\n            </Button>\n          }\n        >\n          {stories.length === 0 ? (\n            <EmptyState\n              icon={<BookOpen className=\"h-9 w-9\" />}\n              title=\"No stories yet\"\n              description=\"Draft the first story under this topic.\"\n              action={\n                <Button onClick={() => setCreateStoryOpen(true)}>\n                  <Plus className=\"mr-1.5 h-4 w-4\" /> New story\n                </Button>\n              }\n            />\n          ) : (\n            <div className=\"grid gap-5 sm:grid-cols-2 xl:grid-cols-3\">\n              {stories.map((story) => (\n                <StoryCard\n                  key={story.id}\n                  story={story}\n                  onOpen={() => navigateTo(`stories/${story.id}`)}\n                />\n              ))}\n            </div>\n          )}\n        </Section>\n      </div>\n\n      <CreateStoryDialog\n        open={createStoryOpen}\n        onOpenChange={setCreateStoryOpen}\n        topicId={topic.id}\n        onCreated={(story) => navigateTo(`stories/${story.id}`)}\n      />\n      <EditTopicDialog open={editOpen} onOpenChange={setEditOpen} topic={topic} />\n    </PageLayout>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Edit topic dialog (local — only used here)\n// ---------------------------------------------------------------------------\n\nfunction EditTopicDialog({\n  open,\n  onOpenChange,\n  topic,\n}: {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  topic: TcpTopic;\n}) {\n  const updateTopic = useTcpUpdateTopic();\n  const [name, setName] = useState(topic.name);\n  const [tradition, setTradition] = useState(topic.tradition ?? '');\n  const [description, setDescription] = useState(topic.description ?? '');\n  const [category, setCategory] = useState<TcpTopicCategory>(topic.category);\n  const [error, setError] = useState<string | null>(null);\n\n  const topicKey = useMemo(() => `${topic.id}:${topic.updatedAt}`, [topic.id, topic.updatedAt]);\n  const [seededKey, setSeededKey] = useState(topicKey);\n  if (seededKey !== topicKey) {\n    setSeededKey(topicKey);\n    setName(topic.name);\n    setTradition(topic.tradition ?? '');\n    setDescription(topic.description ?? '');\n    setCategory(topic.category);\n    setError(null);\n  }\n\n  const submit = async () => {\n    if (!name.trim()) {\n      setError('A topic name is required.');\n      return;\n    }\n    try {\n      await updateTopic.mutateAsync({\n        id: topic.id,\n        input: {\n          name: name.trim(),\n          tradition: tradition.trim() || null,\n          description: description.trim() || null,\n          category,\n        },\n      });\n      notify.success('Topic updated', name.trim());\n      onOpenChange(false);\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>Edit topic</ResponsiveDialogTitle>\n          <ResponsiveDialogDescription>\n            The URL slug is fixed once created.\n          </ResponsiveDialogDescription>\n        </ResponsiveDialogHeader>\n        <div className=\"flex flex-col gap-4 py-2\">\n          <div className=\"grid gap-1.5\">\n            <Label htmlFor=\"edit-topic-name\">Name</Label>\n            <Input id=\"edit-topic-name\" value={name} onChange={(e) => setName(e.target.value)} />\n          </div>\n          <div className=\"grid gap-1.5\">\n            <Label>Category</Label>\n            <Select value={category} onValueChange={(v) => setCategory(v as TcpTopicCategory)}>\n              <SelectTrigger>\n                <SelectValue />\n              </SelectTrigger>\n              <SelectContent>\n                {CATEGORIES.map((c) => (\n                  <SelectItem key={c} value={c}>\n                    {formatEnumLabel(c)}\n                  </SelectItem>\n                ))}\n              </SelectContent>\n            </Select>\n          </div>\n          <div className=\"grid gap-1.5\">\n            <Label htmlFor=\"edit-topic-tradition\">Tradition</Label>\n            <Input\n              id=\"edit-topic-tradition\"\n              value={tradition}\n              onChange={(e) => setTradition(e.target.value)}\n            />\n          </div>\n          <div className=\"grid gap-1.5\">\n            <Label htmlFor=\"edit-topic-desc\">Description</Label>\n            <Textarea\n              id=\"edit-topic-desc\"\n              value={description}\n              onChange={(e) => setDescription(e.target.value)}\n              rows={3}\n            />\n          </div>\n          {error && <p className=\"text-sm text-status-error-text\">{error}</p>}\n        </div>\n        <ResponsiveDialogFooter>\n          <Button variant=\"outline\" onClick={() => onOpenChange(false)}>\n            Cancel\n          </Button>\n          <Button onClick={submit} disabled={updateTopic.isPending}>\n            Save changes\n          </Button>\n        </ResponsiveDialogFooter>\n      </ResponsiveDialogContent>\n    </ResponsiveDialog>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"TopicDetailPage.js","names":[],"sources":["../../../../src/theculturepost/pages/topics/TopicDetailPage.tsx"],"sourcesContent":["/**\n * TopicDetailPage — a single topic and the stories curated under it.\n * @module theculturepost/pages/topics\n *\n * An editorial {@link PageHero} banner carries the title, description and the\n * Featured / category / tradition badges, plus the feature-toggle, edit and\n * archive actions (`tcpUpdateTopic` / `tcpArchiveTopic`). Below, the topic's own\n * `stories` are shown in a richer {@link StoryCard} grid with a real count and a\n * client-side sort. Reads `tcpTopic` (with its stories) — no fabricated fields.\n */\n\nimport { createElement, useMemo, useState, type ReactNode } from 'react';\nimport { useParams } from 'react-router-dom';\nimport { ArrowLeft, Globe, Sparkles, Pencil, Archive, Plus, BookOpen } from 'lucide-react';\nimport {\n  Button,\n  Input,\n  Label,\n  Textarea,\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 {\n  PageHero,\n  StatusBadge,\n  StoryCard,\n  CreateStoryDialog,\n  EmptyState,\n  LoadingView,\n  ErrorView,\n  categoryIcon,\n} from '../../components';\nimport { useTcpTopic, useTcpUpdateTopic, useTcpArchiveTopic } from '../../hooks';\nimport { useTheCulturePost } from '../../context';\nimport { formatEnumLabel } from '../../utils/formatters';\nimport { notify, describeError } from '../../lib/toast';\nimport type { TcpStory, TcpTopic, TcpTopicCategory } from '../../types';\n\nconst CATEGORIES: TcpTopicCategory[] = [\n  'CULTURE_AND_IDENTITY',\n  'RELIGION_AND_FAITH',\n  'HISTORY',\n  'HERITAGE_AND_ARCHIVES',\n  'FESTIVALS_AND_RITUALS',\n  'MIGRATION_AND_DIASPORA',\n  'ORAL_HISTORIES',\n  'PHILOSOPHY_AND_THOUGHT',\n  'VALUES_AND_ETHICS',\n];\n\ntype SortKey = 'newest' | 'oldest' | 'updated' | 'title';\n\nconst SORT_OPTIONS: { value: SortKey; label: string }[] = [\n  { value: 'newest', label: 'Newest' },\n  { value: 'oldest', label: 'Oldest' },\n  { value: 'updated', label: 'Recently updated' },\n  { value: 'title', label: 'Title (A–Z)' },\n];\n\n/** ms timestamp of a story's effective publish date (published, else created). */\nconst publishedTs = (story: TcpStory): number => {\n  const t = new Date(story.publishedAt ?? story.createdAt).getTime();\n  return Number.isNaN(t) ? 0 : t;\n};\n\nconst updatedTs = (story: TcpStory): number => {\n  const t = new Date(story.updatedAt).getTime();\n  return Number.isNaN(t) ? 0 : t;\n};\n\nfunction sortStories(stories: TcpStory[], key: SortKey): TcpStory[] {\n  const copy = [...stories];\n  switch (key) {\n    case 'newest':\n      return copy.sort((a, b) => publishedTs(b) - publishedTs(a));\n    case 'oldest':\n      return copy.sort((a, b) => publishedTs(a) - publishedTs(b));\n    case 'updated':\n      return copy.sort((a, b) => updatedTs(b) - updatedTs(a));\n    case 'title':\n      return copy.sort((a, b) => a.title.localeCompare(b.title));\n    default:\n      return copy;\n  }\n}\n\n/** Minimal scroll shell so hero/loading/error surfaces share one container. */\nfunction DetailShell({ children }: { children: ReactNode }) {\n  return (\n    <div className=\"h-full overflow-y-auto\">\n      <div className=\"mx-auto flex max-w-5xl flex-col gap-6 p-4 sm:p-6\">{children}</div>\n    </div>\n  );\n}\n\nexport function TopicDetailPage() {\n  const { id } = useParams<{ id: string }>();\n  const { navigateTo } = useTheCulturePost();\n  const { data: topic, isLoading, isError, refetch } = useTcpTopic(id);\n  const updateTopic = useTcpUpdateTopic();\n  const archiveTopic = useTcpArchiveTopic();\n\n  const [editOpen, setEditOpen] = useState(false);\n  const [createStoryOpen, setCreateStoryOpen] = useState(false);\n  const [sort, setSort] = useState<SortKey>('newest');\n\n  const stories = useMemo(() => topic?.stories ?? [], [topic]);\n  const sortedStories = useMemo(() => sortStories(stories, sort), [stories, sort]);\n\n  const backToTopics = () => navigateTo('topics');\n\n  if (isLoading) {\n    return (\n      <DetailShell>\n        <button\n          type=\"button\"\n          onClick={backToTopics}\n          className=\"inline-flex w-fit items-center gap-1.5 text-sm font-medium text-text-secondary hover:text-text-primary\"\n        >\n          <ArrowLeft className=\"h-4 w-4\" aria-hidden=\"true\" /> Topics\n        </button>\n        <LoadingView label=\"Loading topic…\" />\n      </DetailShell>\n    );\n  }\n\n  if (isError || !topic) {\n    return (\n      <DetailShell>\n        <button\n          type=\"button\"\n          onClick={backToTopics}\n          className=\"inline-flex w-fit items-center gap-1.5 text-sm font-medium text-text-secondary hover:text-text-primary\"\n        >\n          <ArrowLeft className=\"h-4 w-4\" aria-hidden=\"true\" /> Topics\n        </button>\n        <ErrorView\n          title=\"Topic not found\"\n          message=\"This topic may have been archived, or you may not have access.\"\n          onRetry={() => refetch()}\n        />\n      </DetailShell>\n    );\n  }\n\n  const toggleFeatured = async () => {\n    try {\n      await updateTopic.mutateAsync({ id: topic.id, input: { isFeatured: !topic.isFeatured } });\n      notify.success(topic.isFeatured ? 'Removed from featured' : 'Topic featured');\n    } catch (err) {\n      notify.error('Could not update topic', describeError(err));\n    }\n  };\n\n  const doArchive = async () => {\n    try {\n      await archiveTopic.mutateAsync(topic.id);\n      notify.success('Topic archived');\n      navigateTo('topics');\n    } catch (err) {\n      notify.error('Could not archive topic', describeError(err));\n    }\n  };\n\n  const heroMeta = (\n    <>\n      {topic.isFeatured && (\n        <span className=\"inline-flex items-center gap-1 rounded-full bg-status-warning-bg-subtle px-2.5 py-0.5 text-xs font-medium text-status-warning-text\">\n          <Sparkles className=\"h-3 w-3\" aria-hidden=\"true\" /> Featured\n        </span>\n      )}\n      <StatusBadge\n        status={topic.category}\n        icon={createElement(categoryIcon(topic.category), { className: 'h-3 w-3' })}\n      />\n      {topic.tradition && (\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          <Globe className=\"h-3 w-3\" aria-hidden=\"true\" /> {topic.tradition}\n        </span>\n      )}\n    </>\n  );\n\n  const heroActions = (\n    <>\n      <Button variant=\"outline\" size=\"sm\" onClick={toggleFeatured} disabled={updateTopic.isPending}>\n        <Sparkles className=\"mr-1.5 h-4 w-4\" />\n        {topic.isFeatured ? 'Unfeature' : 'Feature'}\n      </Button>\n      <Button variant=\"outline\" size=\"sm\" onClick={() => setEditOpen(true)}>\n        <Pencil className=\"mr-1.5 h-4 w-4\" /> Edit\n      </Button>\n      <Button\n        variant=\"outline\"\n        size=\"sm\"\n        onClick={doArchive}\n        disabled={archiveTopic.isPending}\n        className=\"text-status-error-text\"\n      >\n        <Archive className=\"mr-1.5 h-4 w-4\" /> Archive\n      </Button>\n      <Button size=\"sm\" onClick={() => setCreateStoryOpen(true)}>\n        <Plus className=\"mr-1.5 h-4 w-4\" /> New story\n      </Button>\n    </>\n  );\n\n  return (\n    <DetailShell>\n      <PageHero\n        eyebrow=\"Topic\"\n        title={topic.name}\n        description={topic.description ?? undefined}\n        backAction={{ label: 'Topics', onClick: backToTopics }}\n        meta={heroMeta}\n        actions={heroActions}\n      />\n\n      <section aria-labelledby=\"topic-stories-heading\">\n        <div className=\"mb-4 flex flex-wrap items-center justify-between gap-3\">\n          <div className=\"flex items-center gap-2\">\n            <h2\n              id=\"topic-stories-heading\"\n              className=\"font-display text-xl font-semibold text-text-primary\"\n            >\n              Stories in this topic\n            </h2>\n            <span className=\"rounded-full bg-bg-sunken px-2 py-0.5 text-sm font-medium tabular-nums text-text-secondary\">\n              {stories.length}\n            </span>\n          </div>\n          {stories.length > 1 && (\n            <div className=\"flex items-center gap-2\">\n              <Label htmlFor=\"topic-story-sort\" className=\"text-sm text-text-secondary\">\n                Sort by\n              </Label>\n              <Select value={sort} onValueChange={(v) => setSort(v as SortKey)}>\n                <SelectTrigger\n                  id=\"topic-story-sort\"\n                  className=\"w-[12rem]\"\n                  aria-label=\"Sort stories\"\n                >\n                  <SelectValue />\n                </SelectTrigger>\n                <SelectContent>\n                  {SORT_OPTIONS.map((opt) => (\n                    <SelectItem key={opt.value} value={opt.value}>\n                      {opt.label}\n                    </SelectItem>\n                  ))}\n                </SelectContent>\n              </Select>\n            </div>\n          )}\n        </div>\n\n        {stories.length === 0 ? (\n          <EmptyState\n            icon={<BookOpen className=\"h-9 w-9\" />}\n            title=\"No stories yet\"\n            description=\"Draft the first story under this topic.\"\n            action={\n              <Button onClick={() => setCreateStoryOpen(true)}>\n                <Plus className=\"mr-1.5 h-4 w-4\" /> New story\n              </Button>\n            }\n          />\n        ) : (\n          <div className=\"grid gap-5 sm:grid-cols-2 xl:grid-cols-3\">\n            {sortedStories.map((story) => (\n              <StoryCard\n                key={story.id}\n                story={story}\n                onOpen={() => navigateTo(`stories/${story.id}`)}\n              />\n            ))}\n          </div>\n        )}\n      </section>\n\n      <CreateStoryDialog\n        open={createStoryOpen}\n        onOpenChange={setCreateStoryOpen}\n        topicId={topic.id}\n        onCreated={(story) => navigateTo(`stories/${story.id}`)}\n      />\n      <EditTopicDialog open={editOpen} onOpenChange={setEditOpen} topic={topic} />\n    </DetailShell>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Edit topic dialog (local — only used here)\n// ---------------------------------------------------------------------------\n\nfunction EditTopicDialog({\n  open,\n  onOpenChange,\n  topic,\n}: {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  topic: TcpTopic;\n}) {\n  const updateTopic = useTcpUpdateTopic();\n  const [name, setName] = useState(topic.name);\n  const [tradition, setTradition] = useState(topic.tradition ?? '');\n  const [description, setDescription] = useState(topic.description ?? '');\n  const [category, setCategory] = useState<TcpTopicCategory>(topic.category);\n  const [error, setError] = useState<string | null>(null);\n\n  const topicKey = useMemo(() => `${topic.id}:${topic.updatedAt}`, [topic.id, topic.updatedAt]);\n  const [seededKey, setSeededKey] = useState(topicKey);\n  if (seededKey !== topicKey) {\n    setSeededKey(topicKey);\n    setName(topic.name);\n    setTradition(topic.tradition ?? '');\n    setDescription(topic.description ?? '');\n    setCategory(topic.category);\n    setError(null);\n  }\n\n  const submit = async () => {\n    if (!name.trim()) {\n      setError('A topic name is required.');\n      return;\n    }\n    try {\n      await updateTopic.mutateAsync({\n        id: topic.id,\n        input: {\n          name: name.trim(),\n          tradition: tradition.trim() || null,\n          description: description.trim() || null,\n          category,\n        },\n      });\n      notify.success('Topic updated', name.trim());\n      onOpenChange(false);\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>Edit topic</ResponsiveDialogTitle>\n          <ResponsiveDialogDescription>\n            The URL slug is fixed once created.\n          </ResponsiveDialogDescription>\n        </ResponsiveDialogHeader>\n        <div className=\"flex flex-col gap-4 py-2\">\n          <div className=\"grid gap-1.5\">\n            <Label htmlFor=\"edit-topic-name\">Name</Label>\n            <Input id=\"edit-topic-name\" value={name} onChange={(e) => setName(e.target.value)} />\n          </div>\n          <div className=\"grid gap-1.5\">\n            <Label>Category</Label>\n            <Select value={category} onValueChange={(v) => setCategory(v as TcpTopicCategory)}>\n              <SelectTrigger>\n                <SelectValue />\n              </SelectTrigger>\n              <SelectContent>\n                {CATEGORIES.map((c) => (\n                  <SelectItem key={c} value={c}>\n                    {formatEnumLabel(c)}\n                  </SelectItem>\n                ))}\n              </SelectContent>\n            </Select>\n          </div>\n          <div className=\"grid gap-1.5\">\n            <Label htmlFor=\"edit-topic-tradition\">Tradition</Label>\n            <Input\n              id=\"edit-topic-tradition\"\n              value={tradition}\n              onChange={(e) => setTradition(e.target.value)}\n            />\n          </div>\n          <div className=\"grid gap-1.5\">\n            <Label htmlFor=\"edit-topic-desc\">Description</Label>\n            <Textarea\n              id=\"edit-topic-desc\"\n              value={description}\n              onChange={(e) => setDescription(e.target.value)}\n              rows={3}\n            />\n          </div>\n          {error && <p className=\"text-sm text-status-error-text\">{error}</p>}\n        </div>\n        <ResponsiveDialogFooter>\n          <Button variant=\"outline\" onClick={() => onOpenChange(false)}>\n            Cancel\n          </Button>\n          <Button onClick={submit} disabled={updateTopic.isPending}>\n            Save changes\n          </Button>\n        </ResponsiveDialogFooter>\n      </ResponsiveDialogContent>\n    </ResponsiveDialog>\n  );\n}\n"],"mappings":"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"}