@burdenoff/microfe-comradecircle 2026.819.1 → 2026.830.1

package/dist/comradecircle/components/PostCard.js

@@ -1,176 +1,189 @@
 import { useComradeCircle as e } from "../context/ComradeCircleContext.js";
 import "../context/index.js";
-import { cn as t } from "../utils/cn.js";
-import { useComRemovePost as n, useComUpdatePost as r } from "../hooks/useComradeCircleApi.js";
+import { useComRemovePost as t, useComUpdatePost as n } from "../hooks/useComradeCircleApi.js";
+import { useTr as r } from "../hooks/useTr.js";
 import "../hooks/index.js";
-import { MemberIdentity as i } from "./MemberIdentity.js";
-import { describeError as a, notify as o } from "../lib/toast.js";
-import { ReactionBar as s } from "./ReactionBar.js";
-import { formatRelativeTime as c } from "../utils/formatters.js";
-import { CommentThread as l } from "./CommentThread.js";
-import { AttachmentGrid as u } from "./ImageAttachments.js";
-import { useState as d } from "react";
-import { ArrowUpRight as f, MessageSquare as p, MoreHorizontal as m, Pencil as h, Pin as g, Trash2 as _ } from "lucide-react";
-import { jsx as v, jsxs as y } from "react/jsx-runtime";
-import { Button as b, DropdownMenu as x, DropdownMenuContent as S, DropdownMenuItem as C, DropdownMenuSeparator as w, DropdownMenuTrigger as T, GlassCard as E, Textarea as D } from "@burdenoff/fe-libs/ui";
+import { cn as i } from "../utils/cn.js";
+import { MemberIdentity as a } from "./MemberIdentity.js";
+import { describeError as o, notify as s } from "../lib/toast.js";
+import { ReactionBar as c } from "./ReactionBar.js";
+import { formatRelativeTime as l } from "../utils/formatters.js";
+import { CommentThread as u } from "./CommentThread.js";
+import { AttachmentGrid as d } from "./ImageAttachments.js";
+import { useState as f } from "react";
+import { ArrowUpRight as p, MessageSquare as m, MoreHorizontal as h, Pencil as g, Pin as _, Trash2 as v } from "lucide-react";
+import { jsx as y, jsxs as b } from "react/jsx-runtime";
+import { Button as x, DropdownMenu as S, DropdownMenuContent as C, DropdownMenuItem as w, DropdownMenuSeparator as T, DropdownMenuTrigger as E, GlassCard as D, Textarea as O } from "@burdenoff/fe-libs/ui";
 //#region src/comradecircle/components/PostCard.tsx
-function O({ post: O, defaultExpanded: k = !1, hideThreadLink: A = !1 }) {
-	let { currentUser: j, navigateTo: M } = e(), N = r(), P = n(), [F, I] = d(k), [L, R] = d(!1), [z, B] = d(O.body), V = !!(j?.id && j.id === O.authorId);
-	return /* @__PURE__ */ y(E, {
+function k({ post: k, defaultExpanded: A = !1, hideThreadLink: j = !1 }) {
+	let { currentUser: M, navigateTo: N } = e(), P = n(), F = t(), I = r(), [L, R] = f(A), [z, B] = f(!1), [V, H] = f(k.body), U = !!(M?.id && M.id === k.authorId);
+	return /* @__PURE__ */ b(D, {
 		treatment: "plain",
-		className: t("p-4 transition-all duration-200 motion-safe:hover:-translate-y-0.5 hover:border-[var(--color-accent-soft)]", O.isPinned && "ring-1 ring-accent/40"),
+		className: i("p-4 transition-all duration-200 motion-safe:hover:-translate-y-0.5 hover:border-[var(--color-accent-soft)]", k.isPinned && "ring-1 ring-accent/40"),
 		children: [
-			/* @__PURE__ */ y("div", {
+			/* @__PURE__ */ b("div", {
 				className: "flex items-start justify-between gap-3",
-				children: [/* @__PURE__ */ v(i, {
-					memberId: O.authorId,
+				children: [/* @__PURE__ */ y(a, {
+					memberId: k.authorId,
 					variant: "row",
 					size: "md",
-					suffix: c(O.createdAt),
+					suffix: l(k.createdAt),
 					showPresence: !0
-				}), /* @__PURE__ */ y("div", {
+				}), /* @__PURE__ */ b("div", {
 					className: "flex items-center gap-1",
-					children: [O.isPinned && /* @__PURE__ */ y("span", {
+					children: [k.isPinned && /* @__PURE__ */ b("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__ */ v(g, { className: "h-3 w-3" }), " Pinned"]
-					}), V && /* @__PURE__ */ y(x, { children: [/* @__PURE__ */ v(T, {
+						children: [
+							/* @__PURE__ */ y(_, { className: "h-3 w-3" }),
+							" ",
+							I("comradecircle.components.postCard.pinned", "Pinned")
+						]
+					}), U && /* @__PURE__ */ b(S, { children: [/* @__PURE__ */ y(E, {
 						asChild: !0,
-						children: /* @__PURE__ */ v("button", {
+						children: /* @__PURE__ */ y("button", {
 							type: "button",
-							"aria-label": "Post actions",
+							"aria-label": I("comradecircle.components.postCard.postActionsAriaLabel", "Post actions"),
 							className: "rounded-lg p-1.5 text-text-tertiary transition-colors hover:bg-bg-sunken hover:text-text-primary",
-							children: /* @__PURE__ */ v(m, { className: "h-4 w-4" })
+							children: /* @__PURE__ */ y(h, { className: "h-4 w-4" })
 						})
-					}), /* @__PURE__ */ y(S, {
+					}), /* @__PURE__ */ b(C, {
 						align: "end",
 						children: [
-							/* @__PURE__ */ y(C, {
-								onClick: () => R(!0),
-								children: [/* @__PURE__ */ v(h, { className: "mr-2 h-4 w-4" }), " Edit"]
+							/* @__PURE__ */ b(w, {
+								onClick: () => B(!0),
+								children: [
+									/* @__PURE__ */ y(g, { className: "mr-2 h-4 w-4" }),
+									" ",
+									I("comradecircle.components.postCard.edit", "Edit")
+								]
 							}),
-							/* @__PURE__ */ y(C, {
+							/* @__PURE__ */ b(w, {
 								onClick: async () => {
 									try {
-										await N.mutateAsync({
-											id: O.id,
-											input: { isPinned: !O.isPinned }
-										}), o.success(O.isPinned ? "Post unpinned" : "Post pinned");
+										await P.mutateAsync({
+											id: k.id,
+											input: { isPinned: !k.isPinned }
+										}), s.success(k.isPinned ? I("comradecircle.components.postCard.unpinnedSuccess", "Post unpinned") : I("comradecircle.components.postCard.pinnedSuccess", "Post pinned"));
 									} catch (e) {
-										o.error("Could not update post", a(e));
+										s.error(I("comradecircle.components.postCard.pinError", "Could not update post"), o(e));
 									}
 								},
 								children: [
-									/* @__PURE__ */ v(g, { className: "mr-2 h-4 w-4" }),
+									/* @__PURE__ */ y(_, { className: "mr-2 h-4 w-4" }),
 									" ",
-									O.isPinned ? "Unpin" : "Pin"
+									k.isPinned ? I("comradecircle.components.postCard.unpin", "Unpin") : I("comradecircle.components.postCard.pin", "Pin")
 								]
 							}),
-							/* @__PURE__ */ v(w, {}),
-							/* @__PURE__ */ y(C, {
+							/* @__PURE__ */ y(T, {}),
+							/* @__PURE__ */ b(w, {
 								onClick: async () => {
 									try {
-										await P.mutateAsync({
-											id: O.id,
-											channelId: O.channelId
-										}), o.success("Post removed");
+										await F.mutateAsync({
+											id: k.id,
+											channelId: k.channelId
+										}), s.success(I("comradecircle.components.postCard.removedSuccess", "Post removed"));
 									} catch (e) {
-										o.error("Could not remove post", a(e));
+										s.error(I("comradecircle.components.postCard.removeError", "Could not remove post"), o(e));
 									}
 								},
 								className: "text-status-error-text focus:text-status-error-text",
-								children: [/* @__PURE__ */ v(_, { className: "mr-2 h-4 w-4" }), " Delete"]
+								children: [
+									/* @__PURE__ */ y(v, { className: "mr-2 h-4 w-4" }),
+									" ",
+									I("comradecircle.components.postCard.delete", "Delete")
+								]
 							})
 						]
 					})] })]
 				})]
 			}),
-			L ? /* @__PURE__ */ y("div", {
+			z ? /* @__PURE__ */ b("div", {
 				className: "mt-3",
-				children: [/* @__PURE__ */ v(D, {
-					value: z,
-					onChange: (e) => B(e.target.value),
+				children: [/* @__PURE__ */ y(O, {
+					value: V,
+					onChange: (e) => H(e.target.value),
 					rows: 3,
 					className: "resize-none"
-				}), /* @__PURE__ */ y("div", {
+				}), /* @__PURE__ */ b("div", {
 					className: "mt-2 flex justify-end gap-2",
-					children: [/* @__PURE__ */ v(b, {
+					children: [/* @__PURE__ */ y(x, {
 						variant: "outline",
 						size: "sm",
 						onClick: () => {
-							B(O.body), R(!1);
+							H(k.body), B(!1);
 						},
-						children: "Cancel"
-					}), /* @__PURE__ */ v(b, {
+						children: I("comradecircle.components.postCard.cancel", "Cancel")
+					}), /* @__PURE__ */ y(x, {
 						size: "sm",
 						onClick: async () => {
-							let e = z.trim();
-							if (!e || e === O.body) {
-								R(!1);
+							let e = V.trim();
+							if (!e || e === k.body) {
+								B(!1);
 								return;
 							}
 							try {
-								await N.mutateAsync({
-									id: O.id,
+								await P.mutateAsync({
+									id: k.id,
 									input: { body: e }
-								}), R(!1), o.success("Post updated");
+								}), B(!1), s.success(I("comradecircle.components.postCard.updatedSuccess", "Post updated"));
 							} catch (e) {
-								o.error("Could not update post", a(e));
+								s.error(I("comradecircle.components.postCard.updateError", "Could not update post"), o(e));
 							}
 						},
-						disabled: N.isPending,
-						children: "Save"
+						disabled: P.isPending,
+						children: I("comradecircle.components.postCard.save", "Save")
 					})]
 				})]
-			}) : /* @__PURE__ */ v("p", {
+			}) : /* @__PURE__ */ y("p", {
 				className: "mt-3 whitespace-pre-wrap break-words text-sm text-text-primary",
-				children: O.body
+				children: k.body
 			}),
-			O.tags.length > 0 && /* @__PURE__ */ v("div", {
+			k.tags.length > 0 && /* @__PURE__ */ y("div", {
 				className: "mt-2 flex flex-wrap gap-1.5",
-				children: O.tags.map((e) => /* @__PURE__ */ y("span", {
+				children: k.tags.map((e) => /* @__PURE__ */ b("span", {
 					className: "rounded-full bg-bg-sunken px-2 py-0.5 text-xs font-medium text-text-secondary",
 					children: ["#", e]
 				}, e))
 			}),
-			O.attachmentFileIds.length > 0 && /* @__PURE__ */ v(u, { fileIds: O.attachmentFileIds }),
-			/* @__PURE__ */ y("div", {
+			k.attachmentFileIds.length > 0 && /* @__PURE__ */ y(d, { fileIds: k.attachmentFileIds }),
+			/* @__PURE__ */ b("div", {
 				className: "mt-3 flex items-center justify-between gap-3 border-t border-border-seam pt-3",
-				children: [/* @__PURE__ */ v(s, { post: O }), /* @__PURE__ */ y("div", {
+				children: [/* @__PURE__ */ y(c, { post: k }), /* @__PURE__ */ b("div", {
 					className: "flex items-center gap-1",
-					children: [/* @__PURE__ */ y("button", {
+					children: [/* @__PURE__ */ b("button", {
 						type: "button",
-						onClick: () => I((e) => !e),
-						"aria-expanded": F,
-						className: t("inline-flex items-center gap-1.5 rounded-full px-2 py-0.5 text-xs font-medium transition-colors", F ? "bg-[var(--color-accent-soft)] text-text-primary" : "text-text-secondary hover:bg-bg-sunken hover:text-text-primary"),
+						onClick: () => R((e) => !e),
+						"aria-expanded": L,
+						className: i("inline-flex items-center gap-1.5 rounded-full px-2 py-0.5 text-xs font-medium transition-colors", L ? "bg-[var(--color-accent-soft)] text-text-primary" : "text-text-secondary hover:bg-bg-sunken hover:text-text-primary"),
 						children: [
-							/* @__PURE__ */ v(p, { className: "h-3.5 w-3.5" }),
-							/* @__PURE__ */ v("span", {
+							/* @__PURE__ */ y(m, { className: "h-3.5 w-3.5" }),
+							/* @__PURE__ */ y("span", {
 								className: "tabular-nums",
-								children: O.commentCount
+								children: k.commentCount
 							}),
-							/* @__PURE__ */ v("span", {
+							/* @__PURE__ */ y("span", {
 								className: "hidden sm:inline",
-								children: O.commentCount === 1 ? "comment" : "comments"
+								children: k.commentCount === 1 ? I("comradecircle.components.postCard.comment", "comment") : I("comradecircle.components.postCard.comments", "comments")
 							})
 						]
-					}), !A && /* @__PURE__ */ y("button", {
+					}), !j && /* @__PURE__ */ b("button", {
 						type: "button",
-						onClick: () => M(`posts/${O.id}`),
-						"aria-label": "Open thread",
-						title: "Open thread",
+						onClick: () => N(`posts/${k.id}`),
+						"aria-label": I("comradecircle.components.postCard.openThreadAriaLabel", "Open thread"),
+						title: I("comradecircle.components.postCard.openThreadTitle", "Open thread"),
 						className: "inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-xs font-medium text-text-tertiary transition-colors hover:bg-bg-sunken hover:text-text-primary",
-						children: [/* @__PURE__ */ v(f, { className: "h-3.5 w-3.5" }), /* @__PURE__ */ v("span", {
+						children: [/* @__PURE__ */ y(p, { className: "h-3.5 w-3.5" }), /* @__PURE__ */ y("span", {
 							className: "hidden sm:inline",
-							children: "Open thread"
+							children: I("comradecircle.components.postCard.openThread", "Open thread")
 						})]
 					})]
 				})]
 			}),
-			F && /* @__PURE__ */ v(l, { postId: O.id })
+			L && /* @__PURE__ */ y(u, { postId: k.id })
 		]
 	});
 }
 //#endregion
-export { O as PostCard };
+export { k as PostCard };
 
 //# sourceMappingURL=PostCard.js.map

package/dist/comradecircle/components/PostCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"PostCard.js","names":[],"sources":["../../../src/comradecircle/components/PostCard.tsx"],"sourcesContent":["/**\n * PostCard — a single post with reactions and a collapsible comment thread.\n * @module comradecircle/components\n *\n * Reads its data from a `ComPost`; writes via `comUpdatePost` (edit / pin) and\n * `comRemovePost` (delete). Reactions + comments are delegated to\n * {@link ReactionBar} and {@link CommentThread}. Author-only actions (edit, pin,\n * delete) are gated on `authorId === currentUser.id`.\n */\n\nimport { useState } from 'react';\nimport { MessageSquare, MoreHorizontal, Pin, Pencil, Trash2, ArrowUpRight } from 'lucide-react';\nimport {\n  GlassCard,\n  Button,\n  Textarea,\n  DropdownMenu,\n  DropdownMenuTrigger,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuSeparator,\n} from '@burdenoff/fe-libs/ui';\nimport { cn } from '../utils/cn';\nimport { MemberIdentity } from './MemberIdentity';\nimport { ReactionBar } from './ReactionBar';\nimport { CommentThread } from './CommentThread';\nimport { AttachmentGrid } from './ImageAttachments';\nimport { useComUpdatePost, useComRemovePost } from '../hooks';\nimport { useComradeCircle } from '../context';\nimport { formatRelativeTime } from '../utils/formatters';\nimport { notify, describeError } from '../lib/toast';\nimport type { ComPost } from '../types';\n\ninterface PostCardProps {\n  post: ComPost;\n  /** Start with the comment thread open. */\n  defaultExpanded?: boolean;\n  /** Hide the \"open thread\" link — set when already rendered on the thread page itself. */\n  hideThreadLink?: boolean;\n}\n\nexport function PostCard({ post, defaultExpanded = false, hideThreadLink = false }: PostCardProps) {\n  const { currentUser, navigateTo } = useComradeCircle();\n  const updatePost = useComUpdatePost();\n  const removePost = useComRemovePost();\n  const [expanded, setExpanded] = useState(defaultExpanded);\n  const [editing, setEditing] = useState(false);\n  const [draft, setDraft] = useState(post.body);\n\n  const isAuthor = Boolean(currentUser?.id && currentUser.id === post.authorId);\n\n  const saveEdit = async () => {\n    const text = draft.trim();\n    if (!text || text === post.body) {\n      setEditing(false);\n      return;\n    }\n    try {\n      await updatePost.mutateAsync({ id: post.id, input: { body: text } });\n      setEditing(false);\n      notify.success('Post updated');\n    } catch (err) {\n      notify.error('Could not update post', describeError(err));\n    }\n  };\n\n  const togglePin = async () => {\n    try {\n      await updatePost.mutateAsync({ id: post.id, input: { isPinned: !post.isPinned } });\n      notify.success(post.isPinned ? 'Post unpinned' : 'Post pinned');\n    } catch (err) {\n      notify.error('Could not update post', describeError(err));\n    }\n  };\n\n  const remove = async () => {\n    try {\n      await removePost.mutateAsync({ id: post.id, channelId: post.channelId });\n      notify.success('Post removed');\n    } catch (err) {\n      notify.error('Could not remove post', describeError(err));\n    }\n  };\n\n  return (\n    <GlassCard\n      treatment=\"plain\"\n      className={cn(\n        'p-4 transition-all duration-200 motion-safe:hover:-translate-y-0.5 hover:border-[var(--color-accent-soft)]',\n        post.isPinned && 'ring-1 ring-accent/40'\n      )}\n    >\n      <div className=\"flex items-start justify-between gap-3\">\n        <MemberIdentity\n          memberId={post.authorId}\n          variant=\"row\"\n          size=\"md\"\n          suffix={formatRelativeTime(post.createdAt)}\n          showPresence\n        />\n        <div className=\"flex items-center gap-1\">\n          {post.isPinned && (\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              <Pin className=\"h-3 w-3\" /> Pinned\n            </span>\n          )}\n          {isAuthor && (\n            <DropdownMenu>\n              <DropdownMenuTrigger asChild>\n                <button\n                  type=\"button\"\n                  aria-label=\"Post actions\"\n                  className=\"rounded-lg p-1.5 text-text-tertiary transition-colors hover:bg-bg-sunken hover:text-text-primary\"\n                >\n                  <MoreHorizontal className=\"h-4 w-4\" />\n                </button>\n              </DropdownMenuTrigger>\n              <DropdownMenuContent align=\"end\">\n                <DropdownMenuItem onClick={() => setEditing(true)}>\n                  <Pencil className=\"mr-2 h-4 w-4\" /> Edit\n                </DropdownMenuItem>\n                <DropdownMenuItem onClick={togglePin}>\n                  <Pin className=\"mr-2 h-4 w-4\" /> {post.isPinned ? 'Unpin' : 'Pin'}\n                </DropdownMenuItem>\n                <DropdownMenuSeparator />\n                <DropdownMenuItem\n                  onClick={remove}\n                  className=\"text-status-error-text focus:text-status-error-text\"\n                >\n                  <Trash2 className=\"mr-2 h-4 w-4\" /> Delete\n                </DropdownMenuItem>\n              </DropdownMenuContent>\n            </DropdownMenu>\n          )}\n        </div>\n      </div>\n\n      {editing ? (\n        <div className=\"mt-3\">\n          <Textarea\n            value={draft}\n            onChange={(e) => setDraft(e.target.value)}\n            rows={3}\n            className=\"resize-none\"\n          />\n          <div className=\"mt-2 flex justify-end gap-2\">\n            <Button\n              variant=\"outline\"\n              size=\"sm\"\n              onClick={() => {\n                setDraft(post.body);\n                setEditing(false);\n              }}\n            >\n              Cancel\n            </Button>\n            <Button size=\"sm\" onClick={saveEdit} disabled={updatePost.isPending}>\n              Save\n            </Button>\n          </div>\n        </div>\n      ) : (\n        <p className=\"mt-3 whitespace-pre-wrap break-words text-sm text-text-primary\">\n          {post.body}\n        </p>\n      )}\n\n      {post.tags.length > 0 && (\n        <div className=\"mt-2 flex flex-wrap gap-1.5\">\n          {post.tags.map((tag) => (\n            <span\n              key={tag}\n              className=\"rounded-full bg-bg-sunken px-2 py-0.5 text-xs font-medium text-text-secondary\"\n            >\n              #{tag}\n            </span>\n          ))}\n        </div>\n      )}\n\n      {post.attachmentFileIds.length > 0 && <AttachmentGrid fileIds={post.attachmentFileIds} />}\n\n      <div className=\"mt-3 flex items-center justify-between gap-3 border-t border-border-seam pt-3\">\n        <ReactionBar post={post} />\n        <div className=\"flex items-center gap-1\">\n          <button\n            type=\"button\"\n            onClick={() => setExpanded((s) => !s)}\n            aria-expanded={expanded}\n            className={cn(\n              'inline-flex items-center gap-1.5 rounded-full px-2 py-0.5 text-xs font-medium transition-colors',\n              expanded\n                ? 'bg-[var(--color-accent-soft)] text-text-primary'\n                : 'text-text-secondary hover:bg-bg-sunken hover:text-text-primary'\n            )}\n          >\n            <MessageSquare className=\"h-3.5 w-3.5\" />\n            <span className=\"tabular-nums\">{post.commentCount}</span>\n            <span className=\"hidden sm:inline\">\n              {post.commentCount === 1 ? 'comment' : 'comments'}\n            </span>\n          </button>\n\n          {!hideThreadLink && (\n            <button\n              type=\"button\"\n              onClick={() => navigateTo(`posts/${post.id}`)}\n              aria-label=\"Open thread\"\n              title=\"Open thread\"\n              className=\"inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-xs font-medium text-text-tertiary transition-colors hover:bg-bg-sunken hover:text-text-primary\"\n            >\n              <ArrowUpRight className=\"h-3.5 w-3.5\" />\n              <span className=\"hidden sm:inline\">Open thread</span>\n            </button>\n          )}\n        </div>\n      </div>\n\n      {expanded && <CommentThread postId={post.id} />}\n    </GlassCard>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAyCA,SAAgB,EAAS,EAAE,SAAM,qBAAkB,IAAO,oBAAiB,MAAwB;CACjG,IAAM,EAAE,gBAAa,kBAAe,EAAiB,GAC/C,IAAa,EAAiB,GAC9B,IAAa,EAAiB,GAC9B,CAAC,GAAU,KAAe,EAAS,CAAe,GAClD,CAAC,GAAS,KAAc,EAAS,EAAK,GACtC,CAAC,GAAO,KAAY,EAAS,EAAK,IAAI,GAEtC,IAAW,GAAQ,GAAa,MAAM,EAAY,OAAO,EAAK;CAmCpE,OACE,kBAAC,GAAD;EACE,WAAU;EACV,WAAW,EACT,8GACA,EAAK,YAAY,uBACnB;YALF;GAOE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD;KACE,UAAU,EAAK;KACf,SAAQ;KACR,MAAK;KACL,QAAQ,EAAmB,EAAK,SAAS;KACzC,cAAA;IACD,CAAA,GACD,kBAAC,OAAD;KAAK,WAAU;eAAf,CACG,EAAK,YACJ,kBAAC,QAAD;MAAM,WAAU;gBAAhB,CACE,kBAAC,GAAD,EAAK,WAAU,UAAW,CAAA,GAAC,SACvB;SAEP,KACC,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;MAAqB,SAAA;gBACnB,kBAAC,UAAD;OACE,MAAK;OACL,cAAW;OACX,WAAU;iBAEV,kBAAC,GAAD,EAAgB,WAAU,UAAW,CAAA;MAC/B,CAAA;KACW,CAAA,GACrB,kBAAC,GAAD;MAAqB,OAAM;gBAA3B;OACE,kBAAC,GAAD;QAAkB,eAAe,EAAW,EAAI;kBAAhD,CACE,kBAAC,GAAD,EAAQ,WAAU,eAAgB,CAAA,GAAC,OACnB;;OAClB,kBAAC,GAAD;QAAkB,SAAS,YAvDX;SAC5B,IAAI;UAEF,AADA,MAAM,EAAW,YAAY;WAAE,IAAI,EAAK;WAAI,OAAO,EAAE,UAAU,CAAC,EAAK,SAAS;UAAE,CAAC,GACjF,EAAO,QAAQ,EAAK,WAAW,kBAAkB,aAAa;SAChE,SAAS,GAAK;UACZ,EAAO,MAAM,yBAAyB,EAAc,CAAG,CAAC;SAC1D;QACF;kBAgDc;SACE,kBAAC,GAAD,EAAK,WAAU,eAAgB,CAAA;SAAC;SAAE,EAAK,WAAW,UAAU;QAC5C;;OAClB,kBAAC,GAAD,CAAwB,CAAA;OACxB,kBAAC,GAAD;QACE,SAAS,YAnDE;SACzB,IAAI;UAEF,AADA,MAAM,EAAW,YAAY;WAAE,IAAI,EAAK;WAAI,WAAW,EAAK;UAAU,CAAC,GACvE,EAAO,QAAQ,cAAc;SAC/B,SAAS,GAAK;UACZ,EAAO,MAAM,yBAAyB,EAAc,CAAG,CAAC;SAC1D;QACF;QA6CgB,WAAU;kBAFZ,CAIE,kBAAC,GAAD,EAAQ,WAAU,eAAgB,CAAA,GAAC,SACnB;;MACC;OACT,EAAA,CAAA,CAEb;MACF;;GAEJ,IACC,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD;KACE,OAAO;KACP,WAAW,MAAM,EAAS,EAAE,OAAO,KAAK;KACxC,MAAM;KACN,WAAU;IACX,CAAA,GACD,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD;MACE,SAAQ;MACR,MAAK;MACL,eAAe;OAEb,AADA,EAAS,EAAK,IAAI,GAClB,EAAW,EAAK;MAClB;gBACD;KAEO,CAAA,GACR,kBAAC,GAAD;MAAQ,MAAK;MAAK,SAAS,YAzGR;OAC3B,IAAM,IAAO,EAAM,KAAK;OACxB,IAAI,CAAC,KAAQ,MAAS,EAAK,MAAM;QAC/B,EAAW,EAAK;QAChB;OACF;OACA,IAAI;QAGF,AAFA,MAAM,EAAW,YAAY;SAAE,IAAI,EAAK;SAAI,OAAO,EAAE,MAAM,EAAK;QAAE,CAAC,GACnE,EAAW,EAAK,GAChB,EAAO,QAAQ,cAAc;OAC/B,SAAS,GAAK;QACZ,EAAO,MAAM,yBAAyB,EAAc,CAAG,CAAC;OAC1D;MACF;MA4F+C,UAAU,EAAW;gBAAW;KAE7D,CAAA,CACL;MACF;QAEL,kBAAC,KAAD;IAAG,WAAU;cACV,EAAK;GACL,CAAA;GAGJ,EAAK,KAAK,SAAS,KAClB,kBAAC,OAAD;IAAK,WAAU;cACZ,EAAK,KAAK,KAAK,MACd,kBAAC,QAAD;KAEE,WAAU;eAFZ,CAGC,KACG,CACE;OAJC,CAID,CACP;GACE,CAAA;GAGN,EAAK,kBAAkB,SAAS,KAAK,kBAAC,GAAD,EAAgB,SAAS,EAAK,kBAAoB,CAAA;GAExF,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD,EAAmB,QAAO,CAAA,GAC1B,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,UAAD;MACE,MAAK;MACL,eAAe,GAAa,MAAM,CAAC,CAAC;MACpC,iBAAe;MACf,WAAW,EACT,mGACA,IACI,oDACA,gEACN;gBATF;OAWE,kBAAC,GAAD,EAAe,WAAU,cAAe,CAAA;OACxC,kBAAC,QAAD;QAAM,WAAU;kBAAgB,EAAK;OAAmB,CAAA;OACxD,kBAAC,QAAD;QAAM,WAAU;kBACb,EAAK,iBAAiB,IAAI,YAAY;OACnC,CAAA;MACA;SAEP,CAAC,KACA,kBAAC,UAAD;MACE,MAAK;MACL,eAAe,EAAW,SAAS,EAAK,IAAI;MAC5C,cAAW;MACX,OAAM;MACN,WAAU;gBALZ,CAOE,kBAAC,GAAD,EAAc,WAAU,cAAe,CAAA,GACvC,kBAAC,QAAD;OAAM,WAAU;iBAAmB;MAAiB,CAAA,CAC9C;OAEP;MACF;;GAEJ,KAAY,kBAAC,GAAD,EAAe,QAAQ,EAAK,GAAK,CAAA;EACrC;;AAEf"}
+{"version":3,"file":"PostCard.js","names":[],"sources":["../../../src/comradecircle/components/PostCard.tsx"],"sourcesContent":["/**\n * PostCard — a single post with reactions and a collapsible comment thread.\n * @module comradecircle/components\n *\n * Reads its data from a `ComPost`; writes via `comUpdatePost` (edit / pin) and\n * `comRemovePost` (delete). Reactions + comments are delegated to\n * {@link ReactionBar} and {@link CommentThread}. Author-only actions (edit, pin,\n * delete) are gated on `authorId === currentUser.id`.\n */\n\nimport { useState } from 'react';\nimport { MessageSquare, MoreHorizontal, Pin, Pencil, Trash2, ArrowUpRight } from 'lucide-react';\nimport {\n  GlassCard,\n  Button,\n  Textarea,\n  DropdownMenu,\n  DropdownMenuTrigger,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuSeparator,\n} from '@burdenoff/fe-libs/ui';\nimport { cn } from '../utils/cn';\nimport { MemberIdentity } from './MemberIdentity';\nimport { ReactionBar } from './ReactionBar';\nimport { CommentThread } from './CommentThread';\nimport { AttachmentGrid } from './ImageAttachments';\nimport { useComUpdatePost, useComRemovePost, useTr } from '../hooks';\nimport { useComradeCircle } from '../context';\nimport { formatRelativeTime } from '../utils/formatters';\nimport { notify, describeError } from '../lib/toast';\nimport type { ComPost } from '../types';\n\ninterface PostCardProps {\n  post: ComPost;\n  /** Start with the comment thread open. */\n  defaultExpanded?: boolean;\n  /** Hide the \"open thread\" link — set when already rendered on the thread page itself. */\n  hideThreadLink?: boolean;\n}\n\nexport function PostCard({ post, defaultExpanded = false, hideThreadLink = false }: PostCardProps) {\n  const { currentUser, navigateTo } = useComradeCircle();\n  const updatePost = useComUpdatePost();\n  const removePost = useComRemovePost();\n  const tr = useTr();\n  const [expanded, setExpanded] = useState(defaultExpanded);\n  const [editing, setEditing] = useState(false);\n  const [draft, setDraft] = useState(post.body);\n\n  const isAuthor = Boolean(currentUser?.id && currentUser.id === post.authorId);\n\n  const saveEdit = async () => {\n    const text = draft.trim();\n    if (!text || text === post.body) {\n      setEditing(false);\n      return;\n    }\n    try {\n      await updatePost.mutateAsync({ id: post.id, input: { body: text } });\n      setEditing(false);\n      notify.success(tr('comradecircle.components.postCard.updatedSuccess', 'Post updated'));\n    } catch (err) {\n      notify.error(\n        tr('comradecircle.components.postCard.updateError', 'Could not update post'),\n        describeError(err)\n      );\n    }\n  };\n\n  const togglePin = async () => {\n    try {\n      await updatePost.mutateAsync({ id: post.id, input: { isPinned: !post.isPinned } });\n      notify.success(\n        post.isPinned\n          ? tr('comradecircle.components.postCard.unpinnedSuccess', 'Post unpinned')\n          : tr('comradecircle.components.postCard.pinnedSuccess', 'Post pinned')\n      );\n    } catch (err) {\n      notify.error(\n        tr('comradecircle.components.postCard.pinError', 'Could not update post'),\n        describeError(err)\n      );\n    }\n  };\n\n  const remove = async () => {\n    try {\n      await removePost.mutateAsync({ id: post.id, channelId: post.channelId });\n      notify.success(tr('comradecircle.components.postCard.removedSuccess', 'Post removed'));\n    } catch (err) {\n      notify.error(\n        tr('comradecircle.components.postCard.removeError', 'Could not remove post'),\n        describeError(err)\n      );\n    }\n  };\n\n  return (\n    <GlassCard\n      treatment=\"plain\"\n      className={cn(\n        'p-4 transition-all duration-200 motion-safe:hover:-translate-y-0.5 hover:border-[var(--color-accent-soft)]',\n        post.isPinned && 'ring-1 ring-accent/40'\n      )}\n    >\n      <div className=\"flex items-start justify-between gap-3\">\n        <MemberIdentity\n          memberId={post.authorId}\n          variant=\"row\"\n          size=\"md\"\n          suffix={formatRelativeTime(post.createdAt)}\n          showPresence\n        />\n        <div className=\"flex items-center gap-1\">\n          {post.isPinned && (\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              <Pin className=\"h-3 w-3\" /> {tr('comradecircle.components.postCard.pinned', 'Pinned')}\n            </span>\n          )}\n          {isAuthor && (\n            <DropdownMenu>\n              <DropdownMenuTrigger asChild>\n                <button\n                  type=\"button\"\n                  aria-label={tr(\n                    'comradecircle.components.postCard.postActionsAriaLabel',\n                    'Post actions'\n                  )}\n                  className=\"rounded-lg p-1.5 text-text-tertiary transition-colors hover:bg-bg-sunken hover:text-text-primary\"\n                >\n                  <MoreHorizontal className=\"h-4 w-4\" />\n                </button>\n              </DropdownMenuTrigger>\n              <DropdownMenuContent align=\"end\">\n                <DropdownMenuItem onClick={() => setEditing(true)}>\n                  <Pencil className=\"mr-2 h-4 w-4\" />{' '}\n                  {tr('comradecircle.components.postCard.edit', 'Edit')}\n                </DropdownMenuItem>\n                <DropdownMenuItem onClick={togglePin}>\n                  <Pin className=\"mr-2 h-4 w-4\" />{' '}\n                  {post.isPinned\n                    ? tr('comradecircle.components.postCard.unpin', 'Unpin')\n                    : tr('comradecircle.components.postCard.pin', 'Pin')}\n                </DropdownMenuItem>\n                <DropdownMenuSeparator />\n                <DropdownMenuItem\n                  onClick={remove}\n                  className=\"text-status-error-text focus:text-status-error-text\"\n                >\n                  <Trash2 className=\"mr-2 h-4 w-4\" />{' '}\n                  {tr('comradecircle.components.postCard.delete', 'Delete')}\n                </DropdownMenuItem>\n              </DropdownMenuContent>\n            </DropdownMenu>\n          )}\n        </div>\n      </div>\n\n      {editing ? (\n        <div className=\"mt-3\">\n          <Textarea\n            value={draft}\n            onChange={(e) => setDraft(e.target.value)}\n            rows={3}\n            className=\"resize-none\"\n          />\n          <div className=\"mt-2 flex justify-end gap-2\">\n            <Button\n              variant=\"outline\"\n              size=\"sm\"\n              onClick={() => {\n                setDraft(post.body);\n                setEditing(false);\n              }}\n            >\n              {tr('comradecircle.components.postCard.cancel', 'Cancel')}\n            </Button>\n            <Button size=\"sm\" onClick={saveEdit} disabled={updatePost.isPending}>\n              {tr('comradecircle.components.postCard.save', 'Save')}\n            </Button>\n          </div>\n        </div>\n      ) : (\n        <p className=\"mt-3 whitespace-pre-wrap break-words text-sm text-text-primary\">\n          {post.body}\n        </p>\n      )}\n\n      {post.tags.length > 0 && (\n        <div className=\"mt-2 flex flex-wrap gap-1.5\">\n          {post.tags.map((tag) => (\n            <span\n              key={tag}\n              className=\"rounded-full bg-bg-sunken px-2 py-0.5 text-xs font-medium text-text-secondary\"\n            >\n              #{tag}\n            </span>\n          ))}\n        </div>\n      )}\n\n      {post.attachmentFileIds.length > 0 && <AttachmentGrid fileIds={post.attachmentFileIds} />}\n\n      <div className=\"mt-3 flex items-center justify-between gap-3 border-t border-border-seam pt-3\">\n        <ReactionBar post={post} />\n        <div className=\"flex items-center gap-1\">\n          <button\n            type=\"button\"\n            onClick={() => setExpanded((s) => !s)}\n            aria-expanded={expanded}\n            className={cn(\n              'inline-flex items-center gap-1.5 rounded-full px-2 py-0.5 text-xs font-medium transition-colors',\n              expanded\n                ? 'bg-[var(--color-accent-soft)] text-text-primary'\n                : 'text-text-secondary hover:bg-bg-sunken hover:text-text-primary'\n            )}\n          >\n            <MessageSquare className=\"h-3.5 w-3.5\" />\n            <span className=\"tabular-nums\">{post.commentCount}</span>\n            <span className=\"hidden sm:inline\">\n              {post.commentCount === 1\n                ? tr('comradecircle.components.postCard.comment', 'comment')\n                : tr('comradecircle.components.postCard.comments', 'comments')}\n            </span>\n          </button>\n\n          {!hideThreadLink && (\n            <button\n              type=\"button\"\n              onClick={() => navigateTo(`posts/${post.id}`)}\n              aria-label={tr(\n                'comradecircle.components.postCard.openThreadAriaLabel',\n                'Open thread'\n              )}\n              title={tr('comradecircle.components.postCard.openThreadTitle', 'Open thread')}\n              className=\"inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-xs font-medium text-text-tertiary transition-colors hover:bg-bg-sunken hover:text-text-primary\"\n            >\n              <ArrowUpRight className=\"h-3.5 w-3.5\" />\n              <span className=\"hidden sm:inline\">\n                {tr('comradecircle.components.postCard.openThread', 'Open thread')}\n              </span>\n            </button>\n          )}\n        </div>\n      </div>\n\n      {expanded && <CommentThread postId={post.id} />}\n    </GlassCard>\n  );\n}\n"],"mappings":"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"}

package/dist/comradecircle/components/PostComposer.d.ts

@@ -1,15 +1,21 @@
 /**
- * PostComposer — compose and publish a post to a channel.
+ * PostComposer — compose, save, and publish a post to a channel.
  * @module comradecircle/components
  *
- * Writes `comCreatePost({ channelId, body, tags })`. Text + tags only (file
- * attachments are a future enhancement — the svc accepts attachmentFileIds but
- * file upload/preview is out of scope for v1).
+ * Writes `comCreatePost({ channelId, body, tags, attachmentFileIds, status })`.
+ *
+ * `ComCreatePostInput.status` (`ComPostStatus`, server default `PUBLISHED`) is
+ * what backs the "Save draft" action: a draft is a real `ComPost` row with
+ * `status: DRAFT`, invisible to the channel feed (which reads
+ * `comListPosts(status: PUBLISHED)`) until its author publishes it through
+ * `comUpdatePost(id, { status: PUBLISHED })` from {@link DraftsPanel}.
  */
 interface PostComposerProps {
     channelId: string;
     channelName?: string;
     onPosted?: () => void;
+    /** Fired after a draft is stored, so the host can reveal its drafts list. */
+    onDraftSaved?: () => void;
     /**
      * 'announcement' renders the manager-only broadcast composer with distinct
      * styling (accent border + "New announcement" affordance) per BOFF-3969's
@@ -17,6 +23,6 @@ interface PostComposerProps {
      */
     variant?: 'default' | 'announcement';
 }
-export declare function PostComposer({ channelId, channelName, onPosted, variant, }: PostComposerProps): import("react/jsx-runtime").JSX.Element;
+export declare function PostComposer({ channelId, channelName, onPosted, onDraftSaved, variant, }: PostComposerProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=PostComposer.d.ts.map

package/dist/comradecircle/components/PostComposer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PostComposer.d.ts","sourceRoot":"","sources":["../../../src/comradecircle/components/PostComposer.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAaH,UAAU,iBAAiB;IACzB,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB;;;;OAIG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,cAAc,CAAC;CACtC;AAED,wBAAgB,YAAY,CAAC,EAC3B,SAAS,EACT,WAAW,EACX,QAAQ,EACR,OAAmB,GACpB,EAAE,iBAAiB,2CAyGnB"}
+{"version":3,"file":"PostComposer.d.ts","sourceRoot":"","sources":["../../../src/comradecircle/components/PostComposer.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAcH,UAAU,iBAAiB;IACzB,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,6EAA6E;IAC7E,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B;;;;OAIG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,cAAc,CAAC;CACtC;AAED,wBAAgB,YAAY,CAAC,EAC3B,SAAS,EACT,WAAW,EACX,QAAQ,EACR,YAAY,EACZ,OAAmB,GACpB,EAAE,iBAAiB,2CA+HnB"}

package/dist/comradecircle/components/PostComposer.js

@@ -1,83 +1,95 @@
 import { useComradeCircle as e } from "../context/ComradeCircleContext.js";
 import "../context/index.js";
-import { cn as t } from "../utils/cn.js";
-import { useComCreatePost as n } from "../hooks/useComradeCircleApi.js";
+import { useComCreatePost as t } from "../hooks/useComradeCircleApi.js";
 import "../hooks/index.js";
+import { cn as n } from "../utils/cn.js";
 import { Avatar as r } from "./Avatar.js";
 import { describeError as i, notify as a } from "../lib/toast.js";
 import { AttachmentPicker as o } from "./ImageAttachments.js";
 import { TagInput as s } from "./TagInput.js";
 import { useState as c } from "react";
-import { Megaphone as l, Send as u } from "lucide-react";
-import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
-import { Button as m, GlassCard as h, Textarea as g } from "@burdenoff/fe-libs/ui";
+import { FileText as l, Megaphone as u, Send as d } from "lucide-react";
+import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
+import { Button as h, GlassCard as g, Textarea as _ } from "@burdenoff/fe-libs/ui";
 //#region src/comradecircle/components/PostComposer.tsx
-function _({ channelId: _, channelName: v, onPosted: y, variant: b = "default" }) {
-	let x = b === "announcement", { currentUser: S } = e(), C = n(), [w, T] = c(""), [E, D] = c([]), [O, k] = c(!1), [A, j] = c([]), M = async () => {
-		let e = w.trim();
-		if (!(!e && A.length === 0)) try {
-			await C.mutateAsync({
-				channelId: _,
-				body: e,
-				tags: E.length ? E : null,
-				attachmentFileIds: A.length ? A : null
-			}), T(""), D([]), j([]), k(!1), a.success(x ? "Announcement published" : "Posted", v ? `Shared to #${v}` : void 0), y?.();
+function v({ channelId: v, channelName: y, onPosted: b, onDraftSaved: x, variant: S = "default" }) {
+	let C = S === "announcement", { currentUser: w } = e(), T = t(), [E, D] = c(""), [O, k] = c([]), [A, j] = c(!1), [M, N] = c([]), P = !E.trim() && M.length === 0, F = async (e) => {
+		let t = E.trim();
+		if (!t && M.length === 0) return;
+		let n = e === "DRAFT";
+		try {
+			await T.mutateAsync({
+				channelId: v,
+				body: t,
+				tags: O.length ? O : null,
+				attachmentFileIds: M.length ? M : null,
+				status: e
+			}), D(""), k([]), N([]), j(!1), n ? (a.success("Draft saved", y ? `Only you can see it until you publish it to #${y}.` : void 0), x?.()) : (a.success(C ? "Announcement published" : "Posted", y ? `Shared to #${y}` : void 0), b?.());
 		} catch (e) {
-			a.error("Could not publish post", i(e));
+			a.error(n ? "Could not save draft" : "Could not publish post", i(e));
 		}
 	};
-	return /* @__PURE__ */ p(h, {
+	return /* @__PURE__ */ m(g, {
 		treatment: "plain",
-		className: t("p-4", x && "border-2 border-[color:var(--color-accent)]"),
-		children: [x && /* @__PURE__ */ p("div", {
+		className: n("p-4", C && "border-2 border-[color:var(--color-accent)]"),
+		children: [C && /* @__PURE__ */ m("div", {
 			className: "mb-3 flex items-center gap-1.5 text-xs font-semibold uppercase tracking-wide text-accent",
-			children: [/* @__PURE__ */ f(l, { className: "h-3.5 w-3.5" }), " New announcement"]
-		}), /* @__PURE__ */ p("div", {
+			children: [/* @__PURE__ */ p(u, { className: "h-3.5 w-3.5" }), " New announcement"]
+		}), /* @__PURE__ */ m("div", {
 			className: "flex gap-3",
-			children: [/* @__PURE__ */ f(r, {
-				name: S?.name ?? S?.email ?? "You",
+			children: [/* @__PURE__ */ p(r, {
+				name: w?.name ?? w?.email ?? "You",
 				size: "md"
-			}), /* @__PURE__ */ p("div", {
+			}), /* @__PURE__ */ m("div", {
 				className: "flex-1",
 				children: [
-					/* @__PURE__ */ f(g, {
-						value: w,
-						onChange: (e) => T(e.target.value),
-						placeholder: x ? `Broadcast an announcement to #${v ?? "this channel"}…` : v ? `Share something in #${v}…` : "Share something…",
+					/* @__PURE__ */ p(_, {
+						value: E,
+						onChange: (e) => D(e.target.value),
+						placeholder: C ? `Broadcast an announcement to #${y ?? "this channel"}…` : y ? `Share something in #${y}…` : "Share something…",
 						rows: 2,
 						className: "resize-none border-0 bg-transparent px-0 shadow-none focus-visible:ring-0",
 						onKeyDown: (e) => {
-							e.key === "Enter" && (e.metaKey || e.ctrlKey) && (e.preventDefault(), M());
+							e.key === "Enter" && (e.metaKey || e.ctrlKey) && (e.preventDefault(), F("PUBLISHED"));
 						}
 					}),
-					O && /* @__PURE__ */ f("div", {
+					A && /* @__PURE__ */ p("div", {
 						className: "mt-2",
-						children: /* @__PURE__ */ f(s, {
-							value: E,
-							onChange: D,
+						children: /* @__PURE__ */ p(s, {
+							value: O,
+							onChange: k,
 							placeholder: "Add topics…"
 						})
 					}),
-					/* @__PURE__ */ f("div", {
+					/* @__PURE__ */ p("div", {
 						className: "mt-2",
-						children: /* @__PURE__ */ f(o, {
-							fileIds: A,
-							onChange: j,
-							disabled: C.isPending
+						children: /* @__PURE__ */ p(o, {
+							fileIds: M,
+							onChange: N,
+							disabled: T.isPending
 						})
 					}),
-					/* @__PURE__ */ p("div", {
+					/* @__PURE__ */ m("div", {
 						className: "mt-3 flex items-center justify-between",
-						children: [/* @__PURE__ */ f("button", {
+						children: [/* @__PURE__ */ p("button", {
 							type: "button",
-							onClick: () => k((e) => !e),
+							onClick: () => j((e) => !e),
 							className: "text-xs font-medium text-text-secondary transition-colors hover:text-text-primary",
-							children: O ? "Hide topics" : "# Add topics"
-						}), /* @__PURE__ */ f(m, {
-							size: "sm",
-							onClick: M,
-							disabled: !w.trim() && A.length === 0 || C.isPending,
-							children: x ? /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f(l, { className: "mr-1.5 h-4 w-4" }), " Broadcast"] }) : /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f(u, { className: "mr-1.5 h-4 w-4" }), " Post"] })
+							children: A ? "Hide topics" : "# Add topics"
+						}), /* @__PURE__ */ m("div", {
+							className: "flex items-center gap-2",
+							children: [/* @__PURE__ */ m(h, {
+								size: "sm",
+								variant: "outline",
+								onClick: () => void F("DRAFT"),
+								disabled: P || T.isPending,
+								children: [/* @__PURE__ */ p(l, { className: "mr-1.5 h-4 w-4" }), " Save draft"]
+							}), /* @__PURE__ */ p(h, {
+								size: "sm",
+								onClick: () => void F("PUBLISHED"),
+								disabled: P || T.isPending,
+								children: C ? /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(u, { className: "mr-1.5 h-4 w-4" }), " Broadcast"] }) : /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(d, { className: "mr-1.5 h-4 w-4" }), " Post"] })
+							})]
 						})]
 					})
 				]
@@ -86,6 +98,6 @@ function _({ channelId: _, channelName: v, onPosted: y, variant: b = "default" }
 	});
 }
 //#endregion
-export { _ as PostComposer };
+export { v as PostComposer };
 
 //# sourceMappingURL=PostComposer.js.map

package/dist/comradecircle/components/PostComposer.js.map

@@ -1 +1 @@
-{"version":3,"file":"PostComposer.js","names":[],"sources":["../../../src/comradecircle/components/PostComposer.tsx"],"sourcesContent":["/**\n * PostComposer — compose and publish a post to a channel.\n * @module comradecircle/components\n *\n * Writes `comCreatePost({ channelId, body, tags })`. Text + tags only (file\n * attachments are a future enhancement — the svc accepts attachmentFileIds but\n * file upload/preview is out of scope for v1).\n */\n\nimport { useState } from 'react';\nimport { Send, Megaphone } from 'lucide-react';\nimport { Button, Textarea, GlassCard } from '@burdenoff/fe-libs/ui';\nimport { cn } from '../utils/cn';\nimport { TagInput } from './TagInput';\nimport { Avatar } from './Avatar';\nimport { AttachmentPicker } from './ImageAttachments';\nimport { useComCreatePost } from '../hooks';\nimport { useComradeCircle } from '../context';\nimport { notify, describeError } from '../lib/toast';\n\ninterface PostComposerProps {\n  channelId: string;\n  channelName?: string;\n  onPosted?: () => void;\n  /**\n   * 'announcement' renders the manager-only broadcast composer with distinct\n   * styling (accent border + \"New announcement\" affordance) per BOFF-3969's\n   * mock; 'default' is the regular post composer used on TEXT/FORUM channels.\n   */\n  variant?: 'default' | 'announcement';\n}\n\nexport function PostComposer({\n  channelId,\n  channelName,\n  onPosted,\n  variant = 'default',\n}: PostComposerProps) {\n  const isAnnouncement = variant === 'announcement';\n  const { currentUser } = useComradeCircle();\n  const createPost = useComCreatePost();\n  const [body, setBody] = useState('');\n  const [tags, setTags] = useState<string[]>([]);\n  const [showTags, setShowTags] = useState(false);\n  const [attachmentFileIds, setAttachmentFileIds] = useState<string[]>([]);\n\n  const submit = async () => {\n    const text = body.trim();\n    if (!text && attachmentFileIds.length === 0) return;\n    try {\n      await createPost.mutateAsync({\n        channelId,\n        body: text,\n        tags: tags.length ? tags : null,\n        attachmentFileIds: attachmentFileIds.length ? attachmentFileIds : null,\n      });\n      setBody('');\n      setTags([]);\n      setAttachmentFileIds([]);\n      setShowTags(false);\n      notify.success(\n        isAnnouncement ? 'Announcement published' : 'Posted',\n        channelName ? `Shared to #${channelName}` : undefined\n      );\n      onPosted?.();\n    } catch (err) {\n      notify.error('Could not publish post', describeError(err));\n    }\n  };\n\n  return (\n    <GlassCard\n      treatment=\"plain\"\n      className={cn('p-4', isAnnouncement && 'border-2 border-[color:var(--color-accent)]')}\n    >\n      {isAnnouncement && (\n        <div className=\"mb-3 flex items-center gap-1.5 text-xs font-semibold uppercase tracking-wide text-accent\">\n          <Megaphone className=\"h-3.5 w-3.5\" /> New announcement\n        </div>\n      )}\n      <div className=\"flex gap-3\">\n        <Avatar name={currentUser?.name ?? currentUser?.email ?? 'You'} size=\"md\" />\n        <div className=\"flex-1\">\n          <Textarea\n            value={body}\n            onChange={(e) => setBody(e.target.value)}\n            placeholder={\n              isAnnouncement\n                ? `Broadcast an announcement to #${channelName ?? 'this channel'}…`\n                : channelName\n                  ? `Share something in #${channelName}…`\n                  : 'Share something…'\n            }\n            rows={2}\n            className=\"resize-none border-0 bg-transparent px-0 shadow-none focus-visible:ring-0\"\n            onKeyDown={(e) => {\n              if (e.key === 'Enter' && (e.metaKey || e.ctrlKey)) {\n                e.preventDefault();\n                void submit();\n              }\n            }}\n          />\n          {showTags && (\n            <div className=\"mt-2\">\n              <TagInput value={tags} onChange={setTags} placeholder=\"Add topics…\" />\n            </div>\n          )}\n          <div className=\"mt-2\">\n            <AttachmentPicker\n              fileIds={attachmentFileIds}\n              onChange={setAttachmentFileIds}\n              disabled={createPost.isPending}\n            />\n          </div>\n          <div className=\"mt-3 flex items-center justify-between\">\n            <button\n              type=\"button\"\n              onClick={() => setShowTags((s) => !s)}\n              className=\"text-xs font-medium text-text-secondary transition-colors hover:text-text-primary\"\n            >\n              {showTags ? 'Hide topics' : '# Add topics'}\n            </button>\n            <Button\n              size=\"sm\"\n              onClick={submit}\n              disabled={(!body.trim() && attachmentFileIds.length === 0) || createPost.isPending}\n            >\n              {isAnnouncement ? (\n                <>\n                  <Megaphone className=\"mr-1.5 h-4 w-4\" /> Broadcast\n                </>\n              ) : (\n                <>\n                  <Send className=\"mr-1.5 h-4 w-4\" /> Post\n                </>\n              )}\n            </Button>\n          </div>\n        </div>\n      </div>\n    </GlassCard>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;AAgCA,SAAgB,EAAa,EAC3B,cACA,gBACA,aACA,aAAU,aACU;CACpB,IAAM,IAAiB,MAAY,gBAC7B,EAAE,mBAAgB,EAAiB,GACnC,IAAa,EAAiB,GAC9B,CAAC,GAAM,KAAW,EAAS,EAAE,GAC7B,CAAC,GAAM,KAAW,EAAmB,CAAC,CAAC,GACvC,CAAC,GAAU,KAAe,EAAS,EAAK,GACxC,CAAC,GAAmB,KAAwB,EAAmB,CAAC,CAAC,GAEjE,IAAS,YAAY;EACzB,IAAM,IAAO,EAAK,KAAK;EACnB,OAAC,KAAQ,EAAkB,WAAW,IAC1C,IAAI;GAeF,AAdA,MAAM,EAAW,YAAY;IAC3B;IACA,MAAM;IACN,MAAM,EAAK,SAAS,IAAO;IAC3B,mBAAmB,EAAkB,SAAS,IAAoB;GACpE,CAAC,GACD,EAAQ,EAAE,GACV,EAAQ,CAAC,CAAC,GACV,EAAqB,CAAC,CAAC,GACvB,EAAY,EAAK,GACjB,EAAO,QACL,IAAiB,2BAA2B,UAC5C,IAAc,cAAc,MAAgB,KAAA,CAC9C,GACA,IAAW;EACb,SAAS,GAAK;GACZ,EAAO,MAAM,0BAA0B,EAAc,CAAG,CAAC;EAC3D;CACF;CAEA,OACE,kBAAC,GAAD;EACE,WAAU;EACV,WAAW,EAAG,OAAO,KAAkB,6CAA6C;YAFtF,CAIG,KACC,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,GAAD,EAAW,WAAU,cAAe,CAAA,GAAC,mBAClC;MAEP,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,GAAD;IAAQ,MAAM,GAAa,QAAQ,GAAa,SAAS;IAAO,MAAK;GAAM,CAAA,GAC3E,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,GAAD;MACE,OAAO;MACP,WAAW,MAAM,EAAQ,EAAE,OAAO,KAAK;MACvC,aACE,IACI,iCAAiC,KAAe,eAAe,KAC/D,IACE,uBAAuB,EAAY,KACnC;MAER,MAAM;MACN,WAAU;MACV,YAAY,MAAM;OAChB,AAAI,EAAE,QAAQ,YAAY,EAAE,WAAW,EAAE,aACvC,EAAE,eAAe,GACjB,EAAY;MAEhB;KACD,CAAA;KACA,KACC,kBAAC,OAAD;MAAK,WAAU;gBACb,kBAAC,GAAD;OAAU,OAAO;OAAM,UAAU;OAAS,aAAY;MAAe,CAAA;KAClE,CAAA;KAEP,kBAAC,OAAD;MAAK,WAAU;gBACb,kBAAC,GAAD;OACE,SAAS;OACT,UAAU;OACV,UAAU,EAAW;MACtB,CAAA;KACE,CAAA;KACL,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,UAAD;OACE,MAAK;OACL,eAAe,GAAa,MAAM,CAAC,CAAC;OACpC,WAAU;iBAET,IAAW,gBAAgB;MACtB,CAAA,GACR,kBAAC,GAAD;OACE,MAAK;OACL,SAAS;OACT,UAAW,CAAC,EAAK,KAAK,KAAK,EAAkB,WAAW,KAAM,EAAW;iBAExE,IACC,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD,EAAW,WAAU,iBAAkB,CAAA,GAAC,YACxC,EAAA,CAAA,IAEF,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD,EAAM,WAAU,iBAAkB,CAAA,GAAC,OACnC,EAAA,CAAA;MAEE,CAAA,CACL;;IACF;KACF;IACI;;AAEf"}
+{"version":3,"file":"PostComposer.js","names":[],"sources":["../../../src/comradecircle/components/PostComposer.tsx"],"sourcesContent":["/**\n * PostComposer — compose, save, and publish a post to a channel.\n * @module comradecircle/components\n *\n * Writes `comCreatePost({ channelId, body, tags, attachmentFileIds, status })`.\n *\n * `ComCreatePostInput.status` (`ComPostStatus`, server default `PUBLISHED`) is\n * what backs the \"Save draft\" action: a draft is a real `ComPost` row with\n * `status: DRAFT`, invisible to the channel feed (which reads\n * `comListPosts(status: PUBLISHED)`) until its author publishes it through\n * `comUpdatePost(id, { status: PUBLISHED })` from {@link DraftsPanel}.\n */\n\nimport { useState } from 'react';\nimport { Send, Megaphone, FileText } from 'lucide-react';\nimport { Button, Textarea, GlassCard } from '@burdenoff/fe-libs/ui';\nimport { cn } from '../utils/cn';\nimport { TagInput } from './TagInput';\nimport { Avatar } from './Avatar';\nimport { AttachmentPicker } from './ImageAttachments';\nimport { useComCreatePost } from '../hooks';\nimport { useComradeCircle } from '../context';\nimport { notify, describeError } from '../lib/toast';\nimport type { ComPostStatus } from '../types';\n\ninterface PostComposerProps {\n  channelId: string;\n  channelName?: string;\n  onPosted?: () => void;\n  /** Fired after a draft is stored, so the host can reveal its drafts list. */\n  onDraftSaved?: () => void;\n  /**\n   * 'announcement' renders the manager-only broadcast composer with distinct\n   * styling (accent border + \"New announcement\" affordance) per BOFF-3969's\n   * mock; 'default' is the regular post composer used on TEXT/FORUM channels.\n   */\n  variant?: 'default' | 'announcement';\n}\n\nexport function PostComposer({\n  channelId,\n  channelName,\n  onPosted,\n  onDraftSaved,\n  variant = 'default',\n}: PostComposerProps) {\n  const isAnnouncement = variant === 'announcement';\n  const { currentUser } = useComradeCircle();\n  const createPost = useComCreatePost();\n  const [body, setBody] = useState('');\n  const [tags, setTags] = useState<string[]>([]);\n  const [showTags, setShowTags] = useState(false);\n  const [attachmentFileIds, setAttachmentFileIds] = useState<string[]>([]);\n\n  const isEmpty = !body.trim() && attachmentFileIds.length === 0;\n\n  const submit = async (status: ComPostStatus) => {\n    const text = body.trim();\n    if (!text && attachmentFileIds.length === 0) return;\n    const draft = status === 'DRAFT';\n    try {\n      await createPost.mutateAsync({\n        channelId,\n        body: text,\n        tags: tags.length ? tags : null,\n        attachmentFileIds: attachmentFileIds.length ? attachmentFileIds : null,\n        status,\n      });\n      setBody('');\n      setTags([]);\n      setAttachmentFileIds([]);\n      setShowTags(false);\n      if (draft) {\n        notify.success(\n          'Draft saved',\n          channelName ? `Only you can see it until you publish it to #${channelName}.` : undefined\n        );\n        onDraftSaved?.();\n      } else {\n        notify.success(\n          isAnnouncement ? 'Announcement published' : 'Posted',\n          channelName ? `Shared to #${channelName}` : undefined\n        );\n        onPosted?.();\n      }\n    } catch (err) {\n      notify.error(draft ? 'Could not save draft' : 'Could not publish post', describeError(err));\n    }\n  };\n\n  return (\n    <GlassCard\n      treatment=\"plain\"\n      className={cn('p-4', isAnnouncement && 'border-2 border-[color:var(--color-accent)]')}\n    >\n      {isAnnouncement && (\n        <div className=\"mb-3 flex items-center gap-1.5 text-xs font-semibold uppercase tracking-wide text-accent\">\n          <Megaphone className=\"h-3.5 w-3.5\" /> New announcement\n        </div>\n      )}\n      <div className=\"flex gap-3\">\n        <Avatar name={currentUser?.name ?? currentUser?.email ?? 'You'} size=\"md\" />\n        <div className=\"flex-1\">\n          <Textarea\n            value={body}\n            onChange={(e) => setBody(e.target.value)}\n            placeholder={\n              isAnnouncement\n                ? `Broadcast an announcement to #${channelName ?? 'this channel'}…`\n                : channelName\n                  ? `Share something in #${channelName}…`\n                  : 'Share something…'\n            }\n            rows={2}\n            className=\"resize-none border-0 bg-transparent px-0 shadow-none focus-visible:ring-0\"\n            onKeyDown={(e) => {\n              if (e.key === 'Enter' && (e.metaKey || e.ctrlKey)) {\n                e.preventDefault();\n                void submit('PUBLISHED');\n              }\n            }}\n          />\n          {showTags && (\n            <div className=\"mt-2\">\n              <TagInput value={tags} onChange={setTags} placeholder=\"Add topics…\" />\n            </div>\n          )}\n          <div className=\"mt-2\">\n            <AttachmentPicker\n              fileIds={attachmentFileIds}\n              onChange={setAttachmentFileIds}\n              disabled={createPost.isPending}\n            />\n          </div>\n          <div className=\"mt-3 flex items-center justify-between\">\n            <button\n              type=\"button\"\n              onClick={() => setShowTags((s) => !s)}\n              className=\"text-xs font-medium text-text-secondary transition-colors hover:text-text-primary\"\n            >\n              {showTags ? 'Hide topics' : '# Add topics'}\n            </button>\n            <div className=\"flex items-center gap-2\">\n              <Button\n                size=\"sm\"\n                variant=\"outline\"\n                onClick={() => void submit('DRAFT')}\n                disabled={isEmpty || createPost.isPending}\n              >\n                <FileText className=\"mr-1.5 h-4 w-4\" /> Save draft\n              </Button>\n              <Button\n                size=\"sm\"\n                onClick={() => void submit('PUBLISHED')}\n                disabled={isEmpty || createPost.isPending}\n              >\n                {isAnnouncement ? (\n                  <>\n                    <Megaphone className=\"mr-1.5 h-4 w-4\" /> Broadcast\n                  </>\n                ) : (\n                  <>\n                    <Send className=\"mr-1.5 h-4 w-4\" /> Post\n                  </>\n                )}\n              </Button>\n            </div>\n          </div>\n        </div>\n      </div>\n    </GlassCard>\n  );\n}\n"],"mappings":"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"}

package/dist/comradecircle/components/ReactionBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ReactionBar.d.ts","sourceRoot":"","sources":["../../../src/comradecircle/components/ReactionBar.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AASH,OAAO,KAAK,EAAE,OAAO,EAAmB,MAAM,UAAU,CAAC;AAWzD,UAAU,gBAAgB;IACxB,IAAI,EAAE,OAAO,CAAC;CACf;AAED,wBAAgB,WAAW,CAAC,EAAE,IAAI,EAAE,EAAE,gBAAgB,2CAsFrD"}
+{"version":3,"file":"ReactionBar.d.ts","sourceRoot":"","sources":["../../../src/comradecircle/components/ReactionBar.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AASH,OAAO,KAAK,EAAE,OAAO,EAAmB,MAAM,UAAU,CAAC;AA+BzD,UAAU,gBAAgB;IACxB,IAAI,EAAE,OAAO,CAAC;CACf;AAED,wBAAgB,WAAW,CAAC,EAAE,IAAI,EAAE,EAAE,gBAAgB,2CAqGrD"}