@burdenoff/microfe-theculturepost 2026.704.2 → 2026.705.2

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"DiscussionDetailPage.js","names":[],"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.\n */\n\nimport { useParams } from 'react-router-dom';\nimport {\n  ArrowLeft,\n  Lock,\n  Unlock,\n  HeartHandshake,\n  Tag,\n  BookOpen,\n  MessagesSquare,\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, Section } from '../../components/StateViews';\nimport { useTcpDiscussion, useTcpLockDiscussion } from '../../hooks';\nimport { useTheCulturePost } from '../../context';\nimport { formatNumber, formatRelativeTime } from '../../utils/formatters';\nimport { notify, describeError } from '../../lib/toast';\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    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\n      title={discussion.title}\n      actions={\n        <div className=\"flex items-center gap-2\">\n          {backButton}\n          <Button variant=\"outline\" size=\"sm\" onClick={doLock} disabled={lock.isPending}>\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    >\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          <div className=\"flex flex-wrap items-center gap-1.5\">\n            <StatusBadge status={discussion.status} />\n            {discussion.isInterfaith && (\n              <span className=\"inline-flex items-center gap-1 rounded-full bg-[var(--color-accent-soft)] px-2 py-0.5 text-xs font-medium text-text-primary\">\n                <HeartHandshake className=\"h-3 w-3\" /> Interfaith\n              </span>\n            )}\n            {discussion.isLocked && (\n              <span className=\"inline-flex items-center gap-1 rounded-full bg-bg-sunken px-2 py-0.5 text-xs font-medium text-text-secondary\">\n                <Lock className=\"h-3 w-3\" /> Locked\n              </span>\n            )}\n          </div>\n\n          {discussion.prompt && (\n            <p className=\"whitespace-pre-wrap text-base leading-relaxed text-text-secondary\">\n              {discussion.prompt}\n            </p>\n          )}\n\n          {discussion.tags.length > 0 && (\n            <div className=\"flex flex-wrap items-center gap-1.5\">\n              <Tag className=\"h-3.5 w-3.5 text-text-tertiary\" aria-hidden=\"true\" />\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\n          <div className=\"flex flex-wrap items-center gap-x-4 gap-y-1 border-t border-border-seam pt-3 text-xs text-text-tertiary\">\n            <AuthorLabel actorId={discussion.openedById} prefix=\"Opened by\" />\n            <span className=\"inline-flex items-center gap-1\">\n              <MessagesSquare className=\"h-3.5 w-3.5\" /> {formatNumber(discussion.replyCount)}{' '}\n              replies\n            </span>\n            <span>Started {formatRelativeTime(discussion.createdAt)}</span>\n            {discussion.storyId && (\n              <button\n                type=\"button\"\n                onClick={() => navigateTo(`stories/${discussion.storyId}`)}\n                className=\"inline-flex items-center gap-1 font-medium text-accent hover:underline\"\n              >\n                <BookOpen className=\"h-3.5 w-3.5\" /> View linked story\n              </button>\n            )}\n          </div>\n        </GlassCard>\n\n        <Section\n          title=\"Replies\"\n          description=\"Perspectives from the community — moderated with care.\"\n        >\n          <ReplyThread discussionId={discussion.id} isLocked={discussion.isLocked} />\n        </Section>\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"DiscussionDetailPage.js","names":[],"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-dom';\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 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    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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"}

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

@@ -1,15 +1,15 @@
 import { useTheCulturePost as e } from "../../context/TheCulturePostContext.js";
 import { cn as t } from "../../utils/cn.js";
-import { PageLayout as n } from "../../components/PageLayout.js";
-import { ErrorView as r, LoadingView as i } from "../../components/StateViews.js";
 import "../../context/index.js";
-import { DiscussionCard as a } from "../../components/DiscussionCard.js";
-import { EmptyState as o } from "../../components/EmptyState.js";
-import { useTcpDiscussions as s } from "../../hooks/useTcpApi.js";
-import { useCursorPager as c } from "../../hooks/useCursorPager.js";
+import { ErrorView as n, LoadingView as r } from "../../components/StateViews.js";
+import { EmptyState as i } from "../../components/EmptyState.js";
+import { useTcpDiscussions as a } from "../../hooks/useTcpApi.js";
+import { useCursorPager as o } from "../../hooks/useCursorPager.js";
 import "../../hooks/index.js";
+import { Pagination as s } from "../../components/Pagination.js";
+import { PageLayout as c } from "../../components/PageLayout.js";
 import { FilterTabs as l } from "../../components/FilterTabs.js";
-import { Pagination as u } from "../../components/Pagination.js";
+import { DiscussionCard as u } from "../../components/DiscussionCard.js";
 import { OpenDiscussionDialog as d } from "../../components/OpenDiscussionDialog.js";
 import { useState as f } from "react";
 import { HeartHandshake as p, MessagesSquare as m, Plus as h } from "lucide-react";
@@ -39,14 +39,14 @@ var b = 12, x = [
 	}
 ];
 function S() {
-	let { navigateTo: S } = e(), C = c(), [w, T] = f("ALL"), [E, D] = f(!1), [O, k] = f(!1), { data: A, isLoading: j, isError: M, refetch: N } = s({
+	let { navigateTo: S } = e(), C = o(), [w, T] = f("ALL"), [E, D] = f(!1), [O, k] = f(!1), { data: A, isLoading: j, isError: M, refetch: N } = a({
 		status: w === "ALL" ? void 0 : w,
 		pagination: {
 			limit: b,
 			cursor: C.cursor
 		}
 	}), P = A?.items ?? [], F = E ? P.filter((e) => e.isInterfaith) : P;
-	return /* @__PURE__ */ v(n, {
+	return /* @__PURE__ */ v(c, {
 		title: "Discussions",
 		description: "Respectful, moderated conversations — including interfaith spaces that welcome many traditions.",
 		actions: /* @__PURE__ */ v(y, {
@@ -70,10 +70,10 @@ function S() {
 					children: [/* @__PURE__ */ _(p, { className: "h-4 w-4" }), " Interfaith"]
 				})]
 			}),
-			j ? /* @__PURE__ */ _(i, { label: "Loading discussions…" }) : M ? /* @__PURE__ */ _(r, {
+			j ? /* @__PURE__ */ _(r, { label: "Loading discussions…" }) : M ? /* @__PURE__ */ _(n, {
 				message: "We couldn't load discussions.",
 				onRetry: () => N()
-			}) : F.length === 0 && C.page === 0 ? /* @__PURE__ */ _(o, {
+			}) : F.length === 0 && C.page === 0 ? /* @__PURE__ */ _(i, {
 				illustration: "empty-notifications",
 				icon: /* @__PURE__ */ _(m, { className: "h-10 w-10" }),
 				title: E ? "No interfaith discussions here" : w === "ALL" ? "No discussions yet" : "No discussions match this filter",
@@ -82,13 +82,13 @@ function S() {
 					onClick: () => k(!0),
 					children: [/* @__PURE__ */ _(h, { className: "mr-1.5 h-4 w-4" }), " Open discussion"]
 				})
-			}) : /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _("div", {
-				className: "grid gap-4 md:grid-cols-2 xl:grid-cols-3",
-				children: F.map((e) => /* @__PURE__ */ _(a, {
+			}) : /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _("ul", {
+				className: "flex flex-col gap-3",
+				children: F.map((e) => /* @__PURE__ */ _("li", { children: /* @__PURE__ */ _(u, {
 					discussion: e,
 					onOpen: () => S(`discussions/${e.id}`)
-				}, e.id))
-			}), /* @__PURE__ */ _(u, {
+				}) }, e.id))
+			}), /* @__PURE__ */ _(s, {
 				page: C.page,
 				pageSize: b,
 				itemCount: P.length,

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

@@ -1 +1 @@
-{"version":3,"file":"DiscussionsPage.js","names":[],"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 } 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 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=\"Discussions\"\n      description=\"Respectful, moderated conversations — including interfaith spaces that welcome many traditions.\"\n      actions={\n        <Button onClick={() => setCreateOpen(true)}>\n          <Plus className=\"mr-1.5 h-4 w-4\" /> Open discussion\n        </Button>\n      }\n    >\n      <div className=\"mb-5 flex flex-wrap items-center gap-3\">\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          <div className=\"grid gap-4 md:grid-cols-2 xl:grid-cols-3\">\n            {discussions.map((discussion) => (\n              <DiscussionCard\n                key={discussion.id}\n                discussion={discussion}\n                onOpen={() => navigateTo(`discussions/${discussion.id}`)}\n              />\n            ))}\n          </div>\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":";;;;;;;;;;;;;;;;;;AAwBA,IAAM,IAAY,IAIZ,IAA+C;CACnD;EAAE,OAAO;EAAO,OAAO;EAAO;CAC9B;EAAE,OAAO;EAAY,OAAO;EAAY;CACxC;EAAE,OAAO;EAAW,OAAO;EAAW;CACtC;EAAE,OAAO;EAAW,OAAO;EAAW;CACtC;EAAE,OAAO;EAAW,OAAO;EAAW;CACvC;AAED,SAAgB,IAAkB;CAChC,IAAM,EAAE,kBAAe,GAAmB,EACpC,IAAQ,GAAgB,EACxB,CAAC,GAAQ,KAAa,EAAuB,MAAM,EACnD,CAAC,GAAgB,KAAqB,EAAS,GAAM,EACrD,CAAC,GAAY,KAAiB,EAAS,GAAM,EAE7C,EAAE,SAAM,cAAW,YAAS,eAAY,EAAkB;EAC9D,QAAQ,MAAW,QAAQ,KAAA,IAAY;EACvC,YAAY;GAAE,OAAO;GAAW,QAAQ,EAAM;GAAQ;EACvD,CAAC,EAEI,IAAW,GAAM,SAAS,EAAE,EAC5B,IAAc,IAAiB,EAAS,QAAQ,MAAM,EAAE,aAAa,GAAG;AAO9E,QACE,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;EACZ,SACE,kBAAC,GAAD;GAAQ,eAAe,EAAc,GAAK;aAA1C,CACE,kBAAC,GAAD,EAAM,WAAU,kBAAmB,CAAA,EAAA,mBAC5B;;YANb;GASE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD;KAAY,SAAS;KAAgB,OAAO;KAAQ,WAhBpC,MAAuB;AAE3C,MADA,EAAU,EAAK,EACf,EAAM,OAAO;;KAcqE,CAAA,EAC9E,kBAAC,UAAD;KACE,MAAK;KACL,gBAAc;KACd,eAAe,GAAmB,MAAM,CAAC,EAAE;KAC3C,WAAW,EACT,wGACA,IACI,qEACA,kGACL;eATH,CAWE,kBAAC,GAAD,EAAgB,WAAU,WAAY,CAAA,EAAA,cAC/B;OACL;;GAEL,IACC,kBAAC,GAAD,EAAa,OAAM,wBAAyB,CAAA,GAC1C,IACF,kBAAC,GAAD;IAAW,SAAQ;IAAgC,eAAe,GAAS;IAAI,CAAA,GAC7E,EAAY,WAAW,KAAK,EAAM,SAAS,IAC7C,kBAAC,GAAD;IACE,cAAa;IACb,MAAM,kBAAC,GAAD,EAAgB,WAAU,aAAc,CAAA;IAC9C,OACE,IACI,mCACA,MAAW,QACT,uBACA;IAER,aACE,MAAW,SAAS,CAAC,IACjB,qEACA;IAEN,QACE,kBAAC,GAAD;KAAQ,eAAe,EAAc,GAAK;eAA1C,CACE,kBAAC,GAAD,EAAM,WAAU,kBAAmB,CAAA,EAAA,mBAC5B;;IAEX,CAAA,GAEF,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,OAAD;IAAK,WAAU;cACZ,EAAY,KAAK,MAChB,kBAAC,GAAD;KAEc;KACZ,cAAc,EAAW,eAAe,EAAW,KAAK;KACxD,EAHK,EAAW,GAGhB,CACF;IACE,CAAA,EACN,kBAAC,GAAD;IACE,MAAM,EAAM;IACZ,UAAU;IACV,WAAW,EAAS;IACpB,SAAS,GAAM,SAAS,WAAW;IACnC,eAAe,MAAW,EAAM,aAAa,GAAQ,GAAM,SAAS,OAAO;IAC3E,CAAA,CACD,EAAA,CAAA;GAGL,kBAAC,GAAD;IACE,MAAM;IACN,cAAc;IACd,YAAY,MAAe,EAAW,eAAe,EAAW,KAAK;IACrE,CAAA;GACS"}
+{"version":3,"file":"DiscussionsPage.js","names":[],"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 } 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 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=\"Discussions\"\n      description=\"Respectful, moderated conversations — including interfaith spaces that welcome many traditions.\"\n      actions={\n        <Button onClick={() => setCreateOpen(true)}>\n          <Plus className=\"mr-1.5 h-4 w-4\" /> Open discussion\n        </Button>\n      }\n    >\n      <div className=\"mb-5 flex flex-wrap items-center gap-3\">\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":";;;;;;;;;;;;;;;;;;AAwBA,IAAM,IAAY,IAIZ,IAA+C;CACnD;EAAE,OAAO;EAAO,OAAO;EAAO;CAC9B;EAAE,OAAO;EAAY,OAAO;EAAY;CACxC;EAAE,OAAO;EAAW,OAAO;EAAW;CACtC;EAAE,OAAO;EAAW,OAAO;EAAW;CACtC;EAAE,OAAO;EAAW,OAAO;EAAW;CACvC;AAED,SAAgB,IAAkB;CAChC,IAAM,EAAE,kBAAe,GAAmB,EACpC,IAAQ,GAAgB,EACxB,CAAC,GAAQ,KAAa,EAAuB,MAAM,EACnD,CAAC,GAAgB,KAAqB,EAAS,GAAM,EACrD,CAAC,GAAY,KAAiB,EAAS,GAAM,EAE7C,EAAE,SAAM,cAAW,YAAS,eAAY,EAAkB;EAC9D,QAAQ,MAAW,QAAQ,KAAA,IAAY;EACvC,YAAY;GAAE,OAAO;GAAW,QAAQ,EAAM;GAAQ;EACvD,CAAC,EAEI,IAAW,GAAM,SAAS,EAAE,EAC5B,IAAc,IAAiB,EAAS,QAAQ,MAAM,EAAE,aAAa,GAAG;AAO9E,QACE,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;EACZ,SACE,kBAAC,GAAD;GAAQ,eAAe,EAAc,GAAK;aAA1C,CACE,kBAAC,GAAD,EAAM,WAAU,kBAAmB,CAAA,EAAA,mBAC5B;;YANb;GASE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD;KAAY,SAAS;KAAgB,OAAO;KAAQ,WAhBpC,MAAuB;AAE3C,MADA,EAAU,EAAK,EACf,EAAM,OAAO;;KAcqE,CAAA,EAC9E,kBAAC,UAAD;KACE,MAAK;KACL,gBAAc;KACd,eAAe,GAAmB,MAAM,CAAC,EAAE;KAC3C,WAAW,EACT,wGACA,IACI,qEACA,kGACL;eATH,CAWE,kBAAC,GAAD,EAAgB,WAAU,WAAY,CAAA,EAAA,cAC/B;OACL;;GAEL,IACC,kBAAC,GAAD,EAAa,OAAM,wBAAyB,CAAA,GAC1C,IACF,kBAAC,GAAD;IAAW,SAAQ;IAAgC,eAAe,GAAS;IAAI,CAAA,GAC7E,EAAY,WAAW,KAAK,EAAM,SAAS,IAC7C,kBAAC,GAAD;IACE,cAAa;IACb,MAAM,kBAAC,GAAD,EAAgB,WAAU,aAAc,CAAA;IAC9C,OACE,IACI,mCACA,MAAW,QACT,uBACA;IAER,aACE,MAAW,SAAS,CAAC,IACjB,qEACA;IAEN,QACE,kBAAC,GAAD;KAAQ,eAAe,EAAc,GAAK;eAA1C,CACE,kBAAC,GAAD,EAAM,WAAU,kBAAmB,CAAA,EAAA,mBAC5B;;IAEX,CAAA,GAEF,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,MAAD;IAAI,WAAU;cACX,EAAY,KAAK,MAChB,kBAAC,MAAD,EAAA,UACE,kBAAC,GAAD;KACc;KACZ,cAAc,EAAW,eAAe,EAAW,KAAK;KACxD,CAAA,EACC,EALI,EAAW,GAKf,CACL;IACC,CAAA,EACL,kBAAC,GAAD;IACE,MAAM,EAAM;IACZ,UAAU;IACV,WAAW,EAAS;IACpB,SAAS,GAAM,SAAS,WAAW;IACnC,eAAe,MAAW,EAAM,aAAa,GAAQ,GAAM,SAAS,OAAO;IAC3E,CAAA,CACD,EAAA,CAAA;GAGL,kBAAC,GAAD;IACE,MAAM;IACN,cAAc;IACd,YAAY,MAAe,EAAW,eAAe,EAAW,KAAK;IACrE,CAAA;GACS"}