@burdenoff/microfe-comradecircle 2026.704.2 → 2026.704.3

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

@@ -1 +1 @@
-{"version":3,"file":"CommentThread.js","names":[],"sources":["../../../src/comradecircle/components/CommentThread.tsx"],"sourcesContent":["/**\n * CommentThread — threaded comments for a post.\n * @module comradecircle/components\n *\n * Reads `comListComments(postId)`; writes `comAddComment`. Top-level comments\n * (parentId == null) render replies one level deep. Author identity comes from\n * `ComProfile` via {@link MemberIdentity}.\n */\n\nimport { useMemo, useState } from 'react';\nimport { CornerDownRight, Send } from 'lucide-react';\nimport { Button, Textarea, Spinner } from '@burdenoff/fe-libs/ui';\nimport { cn } from '../utils/cn';\nimport { useComComments, useComAddComment } from '../hooks';\nimport { MemberIdentity } from './MemberIdentity';\nimport { formatRelativeTime } from '../utils/formatters';\nimport { notify, describeError } from '../lib/toast';\nimport type { ComComment } from '../types';\n\ninterface CommentThreadProps {\n  postId: string;\n}\n\nexport function CommentThread({ postId }: CommentThreadProps) {\n  const { data: comments, isLoading } = useComComments(postId);\n  const addComment = useComAddComment();\n  const [body, setBody] = useState('');\n  const [replyTo, setReplyTo] = useState<ComComment | null>(null);\n\n  const { roots, repliesByParent } = useMemo(() => {\n    const list = comments ?? [];\n    const repliesMap = new Map<string, ComComment[]>();\n    const top: ComComment[] = [];\n    for (const c of list) {\n      if (c.parentId) {\n        const arr = repliesMap.get(c.parentId) ?? [];\n        arr.push(c);\n        repliesMap.set(c.parentId, arr);\n      } else {\n        top.push(c);\n      }\n    }\n    return { roots: top, repliesByParent: repliesMap };\n  }, [comments]);\n\n  const submit = async () => {\n    const text = body.trim();\n    if (!text) return;\n    try {\n      await addComment.mutateAsync({ postId, body: text, parentId: replyTo?.id ?? null });\n      setBody('');\n      setReplyTo(null);\n    } catch (err) {\n      notify.error('Could not add comment', describeError(err));\n    }\n  };\n\n  const renderComment = (c: ComComment, isReply = false) => (\n    <div key={c.id} className={cn('flex flex-col gap-1', isReply && 'ml-8')}>\n      <div className=\"rounded-xl bg-bg-sunken/60 px-3 py-2\">\n        <div className=\"flex items-center justify-between gap-2\">\n          <MemberIdentity\n            memberId={c.authorId}\n            size=\"xs\"\n            suffix={formatRelativeTime(c.createdAt)}\n          />\n          {!isReply && (\n            <button\n              type=\"button\"\n              onClick={() => setReplyTo(c)}\n              className=\"inline-flex items-center gap-1 text-xs text-text-tertiary transition-colors hover:text-text-primary\"\n            >\n              <CornerDownRight className=\"h-3 w-3\" /> Reply\n            </button>\n          )}\n        </div>\n        <p className=\"mt-1 whitespace-pre-wrap break-words text-sm text-text-primary\">{c.body}</p>\n      </div>\n      {(repliesByParent.get(c.id) ?? []).map((r) => renderComment(r, true))}\n    </div>\n  );\n\n  return (\n    <div className=\"mt-3 border-t border-border-seam pt-3\">\n      {isLoading ? (\n        <div className=\"flex justify-center py-4\">\n          <Spinner size=\"sm\" />\n        </div>\n      ) : roots.length === 0 ? (\n        <p className=\"py-2 text-center text-sm text-text-tertiary\">\n          No comments yet. Start the conversation.\n        </p>\n      ) : (\n        <div className=\"flex flex-col gap-3\">{roots.map((c) => renderComment(c))}</div>\n      )}\n\n      <div className=\"mt-3 flex flex-col gap-2\">\n        {replyTo && (\n          <div className=\"flex items-center justify-between rounded-lg bg-bg-sunken px-3 py-1.5 text-xs text-text-secondary\">\n            <span className=\"truncate\">Replying to a comment</span>\n            <button\n              type=\"button\"\n              onClick={() => setReplyTo(null)}\n              className=\"text-text-tertiary hover:text-text-primary\"\n            >\n              Cancel\n            </button>\n          </div>\n        )}\n        <div className=\"flex items-end gap-2\">\n          <Textarea\n            value={body}\n            onChange={(e) => setBody(e.target.value)}\n            placeholder=\"Add a comment…\"\n            rows={1}\n            className=\"min-h-[40px] resize-none\"\n            onKeyDown={(e) => {\n              if (e.key === 'Enter' && (e.metaKey || e.ctrlKey)) {\n                e.preventDefault();\n                void submit();\n              }\n            }}\n          />\n          <Button\n            size=\"sm\"\n            onClick={submit}\n            disabled={!body.trim() || addComment.isPending}\n            aria-label=\"Post comment\"\n          >\n            <Send className=\"h-4 w-4\" />\n          </Button>\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAuBA,SAAgB,EAAc,EAAE,aAA8B;CAC5D,IAAM,EAAE,MAAM,GAAU,iBAAc,EAAe,EAAO,EACtD,IAAa,GAAkB,EAC/B,CAAC,GAAM,KAAW,EAAS,GAAG,EAC9B,CAAC,GAAS,KAAc,EAA4B,KAAK,EAEzD,EAAE,UAAO,uBAAoB,QAAc;EAC/C,IAAM,IAAO,KAAY,EAAE,EACrB,oBAAa,IAAI,KAA2B,EAC5C,IAAoB,EAAE;AAC5B,OAAK,IAAM,KAAK,EACd,KAAI,EAAE,UAAU;GACd,IAAM,IAAM,EAAW,IAAI,EAAE,SAAS,IAAI,EAAE;AAE5C,GADA,EAAI,KAAK,EAAE,EACX,EAAW,IAAI,EAAE,UAAU,EAAI;QAE/B,GAAI,KAAK,EAAE;AAGf,SAAO;GAAE,OAAO;GAAK,iBAAiB;GAAY;IACjD,CAAC,EAAS,CAAC,EAER,IAAS,YAAY;EACzB,IAAM,IAAO,EAAK,MAAM;AACnB,QACL,KAAI;AAGF,GAFA,MAAM,EAAW,YAAY;IAAE;IAAQ,MAAM;IAAM,UAAU,GAAS,MAAM;IAAM,CAAC,EACnF,EAAQ,GAAG,EACX,EAAW,KAAK;WACT,GAAK;AACZ,KAAO,MAAM,yBAAyB,EAAc,EAAI,CAAC;;IAIvD,KAAiB,GAAe,IAAU,OAC9C,kBAAC,OAAD;EAAgB,WAAW,EAAG,uBAAuB,KAAW,OAAO;YAAvE,CACE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD;KACE,UAAU,EAAE;KACZ,MAAK;KACL,QAAQ,EAAmB,EAAE,UAAU;KACvC,CAAA,EACD,CAAC,KACA,kBAAC,UAAD;KACE,MAAK;KACL,eAAe,EAAW,EAAE;KAC5B,WAAU;eAHZ,CAKE,kBAAC,GAAD,EAAiB,WAAU,WAAY,CAAA,EAAA,SAChC;OAEP;OACN,kBAAC,KAAD;IAAG,WAAU;cAAkE,EAAE;IAAS,CAAA,CACtF;OACJ,EAAgB,IAAI,EAAE,GAAG,IAAI,EAAE,EAAE,KAAK,MAAM,EAAc,GAAG,GAAK,CAAC,CACjE;IArBI,EAAE,GAqBN;AAGR,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACG,IACC,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,GAAD,EAAS,MAAK,MAAO,CAAA;GACjB,CAAA,GACJ,EAAM,WAAW,IACnB,kBAAC,KAAD;GAAG,WAAU;aAA8C;GAEvD,CAAA,GAEJ,kBAAC,OAAD;GAAK,WAAU;aAAuB,EAAM,KAAK,MAAM,EAAc,EAAE,CAAC;GAAO,CAAA,EAGjF,kBAAC,OAAD;GAAK,WAAU;aAAf,CACG,KACC,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,QAAD;KAAM,WAAU;eAAW;KAA4B,CAAA,EACvD,kBAAC,UAAD;KACE,MAAK;KACL,eAAe,EAAW,KAAK;KAC/B,WAAU;eACX;KAEQ,CAAA,CACL;OAER,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD;KACE,OAAO;KACP,WAAW,MAAM,EAAQ,EAAE,OAAO,MAAM;KACxC,aAAY;KACZ,MAAM;KACN,WAAU;KACV,YAAY,MAAM;AAChB,MAAI,EAAE,QAAQ,YAAY,EAAE,WAAW,EAAE,aACvC,EAAE,gBAAgB,EACb,GAAQ;;KAGjB,CAAA,EACF,kBAAC,GAAD;KACE,MAAK;KACL,SAAS;KACT,UAAU,CAAC,EAAK,MAAM,IAAI,EAAW;KACrC,cAAW;eAEX,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA;KACrB,CAAA,CACL;MACF;KACF"}
+{"version":3,"file":"CommentThread.js","names":[],"sources":["../../../src/comradecircle/components/CommentThread.tsx"],"sourcesContent":["/**\n * CommentThread — threaded comments for a post.\n * @module comradecircle/components\n *\n * Reads `comListComments(postId)`; writes `comAddComment`. Top-level comments\n * (parentId == null) render replies one level deep. Author identity comes from\n * `ComProfile` via {@link MemberIdentity}.\n */\n\nimport { useMemo, useState } from 'react';\nimport { CornerDownRight, Send, MessageCircle } from 'lucide-react';\nimport { Button, Textarea, Spinner } from '@burdenoff/fe-libs/ui';\nimport { cn } from '../utils/cn';\nimport { useComComments, useComAddComment } from '../hooks';\nimport { useComradeCircle } from '../context';\nimport { MemberIdentity } from './MemberIdentity';\nimport { Avatar } from './Avatar';\nimport { formatRelativeTime } from '../utils/formatters';\nimport { notify, describeError } from '../lib/toast';\nimport type { ComComment } from '../types';\n\ninterface CommentThreadProps {\n  postId: string;\n}\n\nexport function CommentThread({ postId }: CommentThreadProps) {\n  const { currentUser } = useComradeCircle();\n  const { data: comments, isLoading } = useComComments(postId);\n  const addComment = useComAddComment();\n  const [body, setBody] = useState('');\n  const [replyTo, setReplyTo] = useState<ComComment | null>(null);\n\n  const { roots, repliesByParent } = useMemo(() => {\n    const list = comments ?? [];\n    const repliesMap = new Map<string, ComComment[]>();\n    const top: ComComment[] = [];\n    for (const c of list) {\n      if (c.parentId) {\n        const arr = repliesMap.get(c.parentId) ?? [];\n        arr.push(c);\n        repliesMap.set(c.parentId, arr);\n      } else {\n        top.push(c);\n      }\n    }\n    return { roots: top, repliesByParent: repliesMap };\n  }, [comments]);\n\n  const submit = async () => {\n    const text = body.trim();\n    if (!text) return;\n    try {\n      await addComment.mutateAsync({ postId, body: text, parentId: replyTo?.id ?? null });\n      setBody('');\n      setReplyTo(null);\n    } catch (err) {\n      notify.error('Could not add comment', describeError(err));\n    }\n  };\n\n  const renderComment = (c: ComComment, isReply = false) => (\n    <div key={c.id} className={cn('flex flex-col gap-1', isReply && 'ml-8')}>\n      <div className=\"rounded-xl bg-bg-sunken/60 px-3 py-2\">\n        <div className=\"flex items-center justify-between gap-2\">\n          <MemberIdentity\n            memberId={c.authorId}\n            size=\"xs\"\n            suffix={formatRelativeTime(c.createdAt)}\n          />\n          {!isReply && (\n            <button\n              type=\"button\"\n              onClick={() => setReplyTo(c)}\n              className=\"inline-flex items-center gap-1 text-xs text-text-tertiary transition-colors hover:text-text-primary\"\n            >\n              <CornerDownRight className=\"h-3 w-3\" /> Reply\n            </button>\n          )}\n        </div>\n        <p className=\"mt-1 whitespace-pre-wrap break-words text-sm text-text-primary\">{c.body}</p>\n      </div>\n      {(repliesByParent.get(c.id) ?? []).map((r) => renderComment(r, true))}\n    </div>\n  );\n\n  return (\n    <div className=\"mt-3 border-t border-border-seam pt-3\">\n      {isLoading ? (\n        <div className=\"flex justify-center py-4\">\n          <Spinner size=\"sm\" />\n        </div>\n      ) : roots.length === 0 ? (\n        <div className=\"flex flex-col items-center gap-1.5 py-4 text-center\">\n          <MessageCircle className=\"h-6 w-6 text-text-tertiary opacity-60\" />\n          <p className=\"text-sm text-text-tertiary\">No comments yet — start the conversation.</p>\n        </div>\n      ) : (\n        <div className=\"flex flex-col gap-3\">{roots.map((c) => renderComment(c))}</div>\n      )}\n\n      <div className=\"mt-3 flex flex-col gap-2\">\n        {replyTo && (\n          <div className=\"flex items-center justify-between rounded-lg bg-bg-sunken px-3 py-1.5 text-xs text-text-secondary\">\n            <span className=\"truncate\">Replying to a comment</span>\n            <button\n              type=\"button\"\n              onClick={() => setReplyTo(null)}\n              className=\"text-text-tertiary hover:text-text-primary\"\n            >\n              Cancel\n            </button>\n          </div>\n        )}\n        <div className=\"flex items-end gap-2\">\n          <Avatar\n            name={currentUser?.name ?? currentUser?.email ?? 'You'}\n            seed={currentUser?.id}\n            size=\"sm\"\n            className=\"mb-1\"\n          />\n          <Textarea\n            value={body}\n            onChange={(e) => setBody(e.target.value)}\n            placeholder=\"Add a comment…\"\n            rows={1}\n            className=\"min-h-[40px] resize-none\"\n            onKeyDown={(e) => {\n              if (e.key === 'Enter' && (e.metaKey || e.ctrlKey)) {\n                e.preventDefault();\n                void submit();\n              }\n            }}\n          />\n          <Button\n            size=\"icon\"\n            onClick={submit}\n            disabled={!body.trim() || addComment.isPending}\n            aria-label=\"Post comment\"\n            className=\"shrink-0 rounded-full\"\n          >\n            <Send className=\"h-4 w-4\" />\n          </Button>\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;AAyBA,SAAgB,EAAc,EAAE,aAA8B;CAC5D,IAAM,EAAE,mBAAgB,GAAkB,EACpC,EAAE,MAAM,GAAU,iBAAc,EAAe,EAAO,EACtD,IAAa,GAAkB,EAC/B,CAAC,GAAM,KAAW,EAAS,GAAG,EAC9B,CAAC,GAAS,KAAc,EAA4B,KAAK,EAEzD,EAAE,UAAO,uBAAoB,QAAc;EAC/C,IAAM,IAAO,KAAY,EAAE,EACrB,oBAAa,IAAI,KAA2B,EAC5C,IAAoB,EAAE;AAC5B,OAAK,IAAM,KAAK,EACd,KAAI,EAAE,UAAU;GACd,IAAM,IAAM,EAAW,IAAI,EAAE,SAAS,IAAI,EAAE;AAE5C,GADA,EAAI,KAAK,EAAE,EACX,EAAW,IAAI,EAAE,UAAU,EAAI;QAE/B,GAAI,KAAK,EAAE;AAGf,SAAO;GAAE,OAAO;GAAK,iBAAiB;GAAY;IACjD,CAAC,EAAS,CAAC,EAER,IAAS,YAAY;EACzB,IAAM,IAAO,EAAK,MAAM;AACnB,QACL,KAAI;AAGF,GAFA,MAAM,EAAW,YAAY;IAAE;IAAQ,MAAM;IAAM,UAAU,GAAS,MAAM;IAAM,CAAC,EACnF,EAAQ,GAAG,EACX,EAAW,KAAK;WACT,GAAK;AACZ,KAAO,MAAM,yBAAyB,EAAc,EAAI,CAAC;;IAIvD,KAAiB,GAAe,IAAU,OAC9C,kBAAC,OAAD;EAAgB,WAAW,EAAG,uBAAuB,KAAW,OAAO;YAAvE,CACE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD;KACE,UAAU,EAAE;KACZ,MAAK;KACL,QAAQ,EAAmB,EAAE,UAAU;KACvC,CAAA,EACD,CAAC,KACA,kBAAC,UAAD;KACE,MAAK;KACL,eAAe,EAAW,EAAE;KAC5B,WAAU;eAHZ,CAKE,kBAAC,GAAD,EAAiB,WAAU,WAAY,CAAA,EAAA,SAChC;OAEP;OACN,kBAAC,KAAD;IAAG,WAAU;cAAkE,EAAE;IAAS,CAAA,CACtF;OACJ,EAAgB,IAAI,EAAE,GAAG,IAAI,EAAE,EAAE,KAAK,MAAM,EAAc,GAAG,GAAK,CAAC,CACjE;IArBI,EAAE,GAqBN;AAGR,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACG,IACC,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,GAAD,EAAS,MAAK,MAAO,CAAA;GACjB,CAAA,GACJ,EAAM,WAAW,IACnB,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,GAAD,EAAe,WAAU,yCAA0C,CAAA,EACnE,kBAAC,KAAD;IAAG,WAAU;cAA6B;IAA6C,CAAA,CACnF;OAEN,kBAAC,OAAD;GAAK,WAAU;aAAuB,EAAM,KAAK,MAAM,EAAc,EAAE,CAAC;GAAO,CAAA,EAGjF,kBAAC,OAAD;GAAK,WAAU;aAAf,CACG,KACC,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,QAAD;KAAM,WAAU;eAAW;KAA4B,CAAA,EACvD,kBAAC,UAAD;KACE,MAAK;KACL,eAAe,EAAW,KAAK;KAC/B,WAAU;eACX;KAEQ,CAAA,CACL;OAER,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,GAAD;MACE,MAAM,GAAa,QAAQ,GAAa,SAAS;MACjD,MAAM,GAAa;MACnB,MAAK;MACL,WAAU;MACV,CAAA;KACF,kBAAC,GAAD;MACE,OAAO;MACP,WAAW,MAAM,EAAQ,EAAE,OAAO,MAAM;MACxC,aAAY;MACZ,MAAM;MACN,WAAU;MACV,YAAY,MAAM;AAChB,OAAI,EAAE,QAAQ,YAAY,EAAE,WAAW,EAAE,aACvC,EAAE,gBAAgB,EACb,GAAQ;;MAGjB,CAAA;KACF,kBAAC,GAAD;MACE,MAAK;MACL,SAAS;MACT,UAAU,CAAC,EAAK,MAAM,IAAI,EAAW;MACrC,cAAW;MACX,WAAU;gBAEV,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA;MACrB,CAAA;KACL;MACF;KACF"}

package/dist/comradecircle/components/EventCard.js

@@ -1,93 +1,119 @@
-import { useComRsvpEvent as e } from "../hooks/useComradeCircleApi.js";
+import { cn as e } from "../utils/cn.js";
+import { useComRsvpEvent as t } from "../hooks/useComradeCircleApi.js";
 import "../hooks/index.js";
-import { describeError as t, notify as n } from "../lib/toast.js";
-import { formatDateTime as r, formatNumber as i } from "../utils/formatters.js";
-import { StatusBadge as a } from "./StatusBadge.js";
-import { Calendar as o, ExternalLink as s, MapPin as c, Users as l, Video as u } from "lucide-react";
-import { jsx as d, jsxs as f } from "react/jsx-runtime";
-import { Button as p, GlassCard as m } from "@burdenoff/fe-libs/ui";
+import { describeError as n, notify as r } from "../lib/toast.js";
+import { formatDateTime as i, formatNumber as a, formatRelativeTime as o } from "../utils/formatters.js";
+import { StatusBadge as s } from "./StatusBadge.js";
+import { MiniBar as c } from "./MiniBar.js";
+import { useState as l } from "react";
+import { Calendar as u, Check as d, ExternalLink as f, MapPin as p, Users as m, Video as h } from "lucide-react";
+import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { Button as v, GlassCard as y } from "@burdenoff/fe-libs/ui";
 //#region src/comradecircle/components/EventCard.tsx
-var h = [{
+var b = [{
 	status: "GOING",
 	label: "Going"
 }, {
 	status: "INTERESTED",
 	label: "Interested"
 }];
-function g({ event: g, onOpen: _ }) {
-	let v = e(), y = g.status === "SCHEDULED" || g.status === "LIVE", b = async (e) => {
+function x({ event: x, onOpen: S }) {
+	let C = t(), [w, T] = l(null), E = x.status === "SCHEDULED" || x.status === "LIVE", D = x.status === "LIVE", O = async (e) => {
 		try {
-			await v.mutateAsync({
-				eventId: g.id,
+			await C.mutateAsync({
+				eventId: x.id,
 				status: e
-			}), n.success(`RSVP: ${e === "GOING" ? "Going" : "Interested"}`, g.title);
+			}), T(e), r.success(`RSVP: ${e === "GOING" ? "Going" : "Interested"}`, x.title);
 		} catch (e) {
-			n.error("Could not RSVP", t(e));
+			r.error("Could not RSVP", n(e));
 		}
-	}, x = g.mode === "IN_PERSON" ? c : u;
-	return /* @__PURE__ */ f(m, {
+	}, k = x.mode === "IN_PERSON" ? p : h, A = x.capacity ? Math.min(100, x.rsvpCount / x.capacity * 100) : 0, j = A >= 80;
+	return /* @__PURE__ */ _(y, {
 		treatment: "plain",
-		className: "flex flex-col p-5",
+		className: e("flex flex-col p-5 transition-all duration-200 motion-safe:hover:-translate-y-0.5 hover:border-[var(--color-accent-soft)]", D && "ring-1 ring-[var(--color-accent-soft)]"),
 		children: [
-			/* @__PURE__ */ f("div", {
+			/* @__PURE__ */ _("div", {
 				className: "flex items-start justify-between gap-3",
-				children: [/* @__PURE__ */ d("button", {
-					type: "button",
-					onClick: _,
-					className: "text-left text-base font-semibold text-text-primary hover:underline",
-					children: g.title
-				}), /* @__PURE__ */ d(a, { status: g.status })]
+				children: [/* @__PURE__ */ g(s, { status: x.status }), E && /* @__PURE__ */ g("span", {
+					className: "text-xs font-medium text-text-tertiary",
+					children: o(x.startsAt)
+				})]
+			}),
+			/* @__PURE__ */ g("button", {
+				type: "button",
+				onClick: S,
+				className: "mt-2 text-left text-base font-semibold text-text-primary transition-colors hover:text-accent",
+				children: x.title
 			}),
-			g.description && /* @__PURE__ */ d("p", {
-				className: "mt-2 line-clamp-2 text-sm text-text-secondary",
-				children: g.description
+			x.description && /* @__PURE__ */ g("p", {
+				className: "mt-1.5 line-clamp-2 text-sm text-text-secondary",
+				children: x.description
 			}),
-			/* @__PURE__ */ f("div", {
+			/* @__PURE__ */ _("div", {
 				className: "mt-3 flex flex-col gap-1.5 text-sm text-text-secondary",
-				children: [/* @__PURE__ */ f("span", {
+				children: [/* @__PURE__ */ _("span", {
 					className: "inline-flex items-center gap-2",
 					children: [
-						/* @__PURE__ */ d(o, { className: "h-4 w-4 text-text-tertiary" }),
+						/* @__PURE__ */ g(u, { className: "h-4 w-4 text-text-tertiary" }),
 						" ",
-						r(g.startsAt)
+						i(x.startsAt)
 					]
-				}), /* @__PURE__ */ f("span", {
+				}), /* @__PURE__ */ _("span", {
 					className: "inline-flex items-center gap-2",
-					children: [/* @__PURE__ */ d(x, { className: "h-4 w-4 text-text-tertiary" }), g.mode === "IN_PERSON" ? g.location || "In person" : g.mode === "HYBRID" ? `Hybrid${g.location ? ` · ${g.location}` : ""}` : "Online"]
+					children: [/* @__PURE__ */ g(k, { className: "h-4 w-4 text-text-tertiary" }), x.mode === "IN_PERSON" ? x.location || "In person" : x.mode === "HYBRID" ? `Hybrid${x.location ? ` · ${x.location}` : ""}` : "Online"]
 				})]
 			}),
-			/* @__PURE__ */ f("div", {
+			/* @__PURE__ */ _("div", {
+				className: "mt-3",
+				children: [/* @__PURE__ */ _("div", {
+					className: "flex items-center justify-between text-xs text-text-tertiary",
+					children: [/* @__PURE__ */ _("span", {
+						className: "inline-flex items-center gap-1",
+						children: [
+							/* @__PURE__ */ g(m, { className: "h-3.5 w-3.5" }),
+							" ",
+							a(x.rsvpCount),
+							x.capacity ? ` / ${a(x.capacity)}` : "",
+							" attending"
+						]
+					}), x.capacity && j && /* @__PURE__ */ g("span", {
+						className: e(A >= 100 ? "text-status-error-text" : "text-status-warning-text"),
+						children: A >= 100 ? "Full" : `${Math.round(A)}% full`
+					})]
+				}), x.capacity ? /* @__PURE__ */ g(c, {
+					value: A,
+					className: "mt-1.5",
+					height: 4,
+					barClassName: A >= 100 ? "bg-status-error-text" : j ? "bg-status-warning-text" : "bg-accent"
+				}) : null]
+			}),
+			/* @__PURE__ */ _("div", {
 				className: "mt-4 flex items-center justify-between gap-3 border-t border-border-seam pt-3",
-				children: [/* @__PURE__ */ f("span", {
-					className: "inline-flex items-center gap-1 text-xs text-text-tertiary",
-					children: [
-						/* @__PURE__ */ d(l, { className: "h-3.5 w-3.5" }),
-						" ",
-						i(g.rsvpCount),
-						g.capacity ? ` / ${i(g.capacity)}` : "",
-						" attending"
-					]
-				}), /* @__PURE__ */ f("div", {
+				children: [D && x.joinUrl ? /* @__PURE__ */ _("a", {
+					href: x.joinUrl,
+					target: "_blank",
+					rel: "noreferrer noopener",
+					className: "inline-flex items-center gap-1 text-xs font-medium text-accent hover:underline",
+					children: ["Join live ", /* @__PURE__ */ g(f, { className: "h-3 w-3" })]
+				}) : /* @__PURE__ */ g("span", {}), /* @__PURE__ */ g("div", {
 					className: "flex items-center gap-2",
-					children: [g.status === "LIVE" && g.joinUrl && /* @__PURE__ */ f("a", {
-						href: g.joinUrl,
-						target: "_blank",
-						rel: "noreferrer noopener",
-						className: "inline-flex items-center gap-1 text-xs font-medium text-accent hover:underline",
-						children: ["Join ", /* @__PURE__ */ d(s, { className: "h-3 w-3" })]
-					}), y && h.map((e) => /* @__PURE__ */ d(p, {
-						size: "sm",
-						variant: e.status === "GOING" ? "default" : "outline",
-						onClick: () => b(e.status),
-						disabled: v.isPending,
-						children: e.label
-					}, e.status))]
+					children: E && b.map((e) => {
+						let t = w === e.status;
+						return /* @__PURE__ */ _(v, {
+							size: "sm",
+							variant: t || e.status === "GOING" ? "default" : "outline",
+							onClick: () => O(e.status),
+							disabled: C.isPending,
+							"aria-pressed": t,
+							children: [t && /* @__PURE__ */ g(d, { className: "mr-1 h-3.5 w-3.5" }), e.label]
+						}, e.status);
+					})
 				})]
 			})
 		]
 	});
 }
 //#endregion
-export { g as EventCard };
+export { x as EventCard };
 
 //# sourceMappingURL=EventCard.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"EventCard.js","names":[],"sources":["../../../src/comradecircle/components/EventCard.tsx"],"sourcesContent":["/**\n * EventCard — a tile for a community event with a quick RSVP control.\n * @module comradecircle/components\n *\n * Writes `comRsvpEvent`. Shows mode + lifecycle status, schedule, attendee\n * count, and (for online/hybrid) a join link when the event is live.\n */\n\nimport { Calendar, MapPin, Video, Users, ExternalLink } from 'lucide-react';\nimport { GlassCard, Button } from '@burdenoff/fe-libs/ui';\nimport { StatusBadge } from './StatusBadge';\nimport { useComRsvpEvent } from '../hooks';\nimport { formatDateTime, formatNumber } from '../utils/formatters';\nimport { notify, describeError } from '../lib/toast';\nimport type { ComEvent, ComRsvpStatus } from '../types';\n\ninterface EventCardProps {\n  event: ComEvent;\n  onOpen: () => void;\n}\n\nconst RSVP_ACTIONS: { status: ComRsvpStatus; label: string }[] = [\n  { status: 'GOING', label: 'Going' },\n  { status: 'INTERESTED', label: 'Interested' },\n];\n\nexport function EventCard({ event, onOpen }: EventCardProps) {\n  const rsvp = useComRsvpEvent();\n  const canRsvp = event.status === 'SCHEDULED' || event.status === 'LIVE';\n\n  const doRsvp = async (status: ComRsvpStatus) => {\n    try {\n      await rsvp.mutateAsync({ eventId: event.id, status });\n      notify.success(`RSVP: ${status === 'GOING' ? 'Going' : 'Interested'}`, event.title);\n    } catch (err) {\n      notify.error('Could not RSVP', describeError(err));\n    }\n  };\n\n  const ModeIcon = event.mode === 'IN_PERSON' ? MapPin : Video;\n\n  return (\n    <GlassCard treatment=\"plain\" className=\"flex flex-col p-5\">\n      <div className=\"flex items-start justify-between gap-3\">\n        <button\n          type=\"button\"\n          onClick={onOpen}\n          className=\"text-left text-base font-semibold text-text-primary hover:underline\"\n        >\n          {event.title}\n        </button>\n        <StatusBadge status={event.status} />\n      </div>\n\n      {event.description && (\n        <p className=\"mt-2 line-clamp-2 text-sm text-text-secondary\">{event.description}</p>\n      )}\n\n      <div className=\"mt-3 flex flex-col gap-1.5 text-sm text-text-secondary\">\n        <span className=\"inline-flex items-center gap-2\">\n          <Calendar className=\"h-4 w-4 text-text-tertiary\" /> {formatDateTime(event.startsAt)}\n        </span>\n        <span className=\"inline-flex items-center gap-2\">\n          <ModeIcon className=\"h-4 w-4 text-text-tertiary\" />\n          {event.mode === 'IN_PERSON'\n            ? event.location || 'In person'\n            : event.mode === 'HYBRID'\n              ? `Hybrid${event.location ? ` · ${event.location}` : ''}`\n              : 'Online'}\n        </span>\n      </div>\n\n      <div className=\"mt-4 flex items-center justify-between gap-3 border-t border-border-seam pt-3\">\n        <span className=\"inline-flex items-center gap-1 text-xs text-text-tertiary\">\n          <Users className=\"h-3.5 w-3.5\" /> {formatNumber(event.rsvpCount)}\n          {event.capacity ? ` / ${formatNumber(event.capacity)}` : ''} attending\n        </span>\n        <div className=\"flex items-center gap-2\">\n          {event.status === 'LIVE' && event.joinUrl && (\n            <a\n              href={event.joinUrl}\n              target=\"_blank\"\n              rel=\"noreferrer noopener\"\n              className=\"inline-flex items-center gap-1 text-xs font-medium text-accent hover:underline\"\n            >\n              Join <ExternalLink className=\"h-3 w-3\" />\n            </a>\n          )}\n          {canRsvp &&\n            RSVP_ACTIONS.map((a) => (\n              <Button\n                key={a.status}\n                size=\"sm\"\n                variant={a.status === 'GOING' ? 'default' : 'outline'}\n                onClick={() => doRsvp(a.status)}\n                disabled={rsvp.isPending}\n              >\n                {a.label}\n              </Button>\n            ))}\n        </div>\n      </div>\n    </GlassCard>\n  );\n}\n"],"mappings":";;;;;;;;;AAqBA,IAAM,IAA2D,CAC/D;CAAE,QAAQ;CAAS,OAAO;CAAS,EACnC;CAAE,QAAQ;CAAc,OAAO;CAAc,CAC9C;AAED,SAAgB,EAAU,EAAE,UAAO,aAA0B;CAC3D,IAAM,IAAO,GAAiB,EACxB,IAAU,EAAM,WAAW,eAAe,EAAM,WAAW,QAE3D,IAAS,OAAO,MAA0B;AAC9C,MAAI;AAEF,GADA,MAAM,EAAK,YAAY;IAAE,SAAS,EAAM;IAAI;IAAQ,CAAC,EACrD,EAAO,QAAQ,SAAS,MAAW,UAAU,UAAU,gBAAgB,EAAM,MAAM;WAC5E,GAAK;AACZ,KAAO,MAAM,kBAAkB,EAAc,EAAI,CAAC;;IAIhD,IAAW,EAAM,SAAS,cAAc,IAAS;AAEvD,QACE,kBAAC,GAAD;EAAW,WAAU;EAAQ,WAAU;YAAvC;GACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,UAAD;KACE,MAAK;KACL,SAAS;KACT,WAAU;eAET,EAAM;KACA,CAAA,EACT,kBAAC,GAAD,EAAa,QAAQ,EAAM,QAAU,CAAA,CACjC;;GAEL,EAAM,eACL,kBAAC,KAAD;IAAG,WAAU;cAAiD,EAAM;IAAgB,CAAA;GAGtF,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,QAAD;KAAM,WAAU;eAAhB;MACE,kBAAC,GAAD,EAAU,WAAU,8BAA+B,CAAA;;MAAE,EAAe,EAAM,SAAS;MAC9E;QACP,kBAAC,QAAD;KAAM,WAAU;eAAhB,CACE,kBAAC,GAAD,EAAU,WAAU,8BAA+B,CAAA,EAClD,EAAM,SAAS,cACZ,EAAM,YAAY,cAClB,EAAM,SAAS,WACb,SAAS,EAAM,WAAW,MAAM,EAAM,aAAa,OACnD,SACD;OACH;;GAEN,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,QAAD;KAAM,WAAU;eAAhB;MACE,kBAAC,GAAD,EAAO,WAAU,eAAgB,CAAA;;MAAE,EAAa,EAAM,UAAU;MAC/D,EAAM,WAAW,MAAM,EAAa,EAAM,SAAS,KAAK;MAAG;MACvD;QACP,kBAAC,OAAD;KAAK,WAAU;eAAf,CACG,EAAM,WAAW,UAAU,EAAM,WAChC,kBAAC,KAAD;MACE,MAAM,EAAM;MACZ,QAAO;MACP,KAAI;MACJ,WAAU;gBAJZ,CAKC,SACM,kBAAC,GAAD,EAAc,WAAU,WAAY,CAAA,CACvC;SAEL,KACC,EAAa,KAAK,MAChB,kBAAC,GAAD;MAEE,MAAK;MACL,SAAS,EAAE,WAAW,UAAU,YAAY;MAC5C,eAAe,EAAO,EAAE,OAAO;MAC/B,UAAU,EAAK;gBAEd,EAAE;MACI,EAPF,EAAE,OAOA,CACT,CACA;OACF;;GACI"}
+{"version":3,"file":"EventCard.js","names":[],"sources":["../../../src/comradecircle/components/EventCard.tsx"],"sourcesContent":["/**\n * EventCard — a tile for a community event with a quick RSVP control.\n * @module comradecircle/components\n *\n * Writes `comRsvpEvent`. Shows mode + lifecycle status, a relative-time cue, a\n * capacity fill bar, the caller's selected RSVP (tracked client-side after a\n * successful mutation — the list query returns no viewer RSVP), and a live-join\n * link. LIVE events get an accent ring so they pop out of the grid.\n */\n\nimport { useState } from 'react';\nimport { Calendar, MapPin, Video, Users, ExternalLink, Check } from 'lucide-react';\nimport { GlassCard, Button } from '@burdenoff/fe-libs/ui';\nimport { cn } from '../utils/cn';\nimport { MiniBar } from './MiniBar';\nimport { StatusBadge } from './StatusBadge';\nimport { useComRsvpEvent } from '../hooks';\nimport { formatDateTime, formatNumber, formatRelativeTime } from '../utils/formatters';\nimport { notify, describeError } from '../lib/toast';\nimport type { ComEvent, ComRsvpStatus } from '../types';\n\ninterface EventCardProps {\n  event: ComEvent;\n  onOpen: () => void;\n}\n\nconst RSVP_ACTIONS: { status: ComRsvpStatus; label: string }[] = [\n  { status: 'GOING', label: 'Going' },\n  { status: 'INTERESTED', label: 'Interested' },\n];\n\nexport function EventCard({ event, onOpen }: EventCardProps) {\n  const rsvp = useComRsvpEvent();\n  const [myStatus, setMyStatus] = useState<ComRsvpStatus | null>(null);\n  const canRsvp = event.status === 'SCHEDULED' || event.status === 'LIVE';\n  const isLive = event.status === 'LIVE';\n\n  const doRsvp = async (status: ComRsvpStatus) => {\n    try {\n      await rsvp.mutateAsync({ eventId: event.id, status });\n      setMyStatus(status);\n      notify.success(`RSVP: ${status === 'GOING' ? 'Going' : 'Interested'}`, event.title);\n    } catch (err) {\n      notify.error('Could not RSVP', describeError(err));\n    }\n  };\n\n  const ModeIcon = event.mode === 'IN_PERSON' ? MapPin : Video;\n  const fillPct = event.capacity ? Math.min(100, (event.rsvpCount / event.capacity) * 100) : 0;\n  const nearFull = fillPct >= 80;\n\n  return (\n    <GlassCard\n      treatment=\"plain\"\n      className={cn(\n        'flex flex-col p-5 transition-all duration-200 motion-safe:hover:-translate-y-0.5 hover:border-[var(--color-accent-soft)]',\n        isLive && 'ring-1 ring-[var(--color-accent-soft)]'\n      )}\n    >\n      <div className=\"flex items-start justify-between gap-3\">\n        <StatusBadge status={event.status} />\n        {canRsvp && (\n          <span className=\"text-xs font-medium text-text-tertiary\">\n            {formatRelativeTime(event.startsAt)}\n          </span>\n        )}\n      </div>\n\n      <button\n        type=\"button\"\n        onClick={onOpen}\n        className=\"mt-2 text-left text-base font-semibold text-text-primary transition-colors hover:text-accent\"\n      >\n        {event.title}\n      </button>\n\n      {event.description && (\n        <p className=\"mt-1.5 line-clamp-2 text-sm text-text-secondary\">{event.description}</p>\n      )}\n\n      <div className=\"mt-3 flex flex-col gap-1.5 text-sm text-text-secondary\">\n        <span className=\"inline-flex items-center gap-2\">\n          <Calendar className=\"h-4 w-4 text-text-tertiary\" /> {formatDateTime(event.startsAt)}\n        </span>\n        <span className=\"inline-flex items-center gap-2\">\n          <ModeIcon className=\"h-4 w-4 text-text-tertiary\" />\n          {event.mode === 'IN_PERSON'\n            ? event.location || 'In person'\n            : event.mode === 'HYBRID'\n              ? `Hybrid${event.location ? ` · ${event.location}` : ''}`\n              : 'Online'}\n        </span>\n      </div>\n\n      <div className=\"mt-3\">\n        <div className=\"flex items-center justify-between text-xs text-text-tertiary\">\n          <span className=\"inline-flex items-center gap-1\">\n            <Users className=\"h-3.5 w-3.5\" /> {formatNumber(event.rsvpCount)}\n            {event.capacity ? ` / ${formatNumber(event.capacity)}` : ''} attending\n          </span>\n          {event.capacity && nearFull && (\n            <span\n              className={cn(fillPct >= 100 ? 'text-status-error-text' : 'text-status-warning-text')}\n            >\n              {fillPct >= 100 ? 'Full' : `${Math.round(fillPct)}% full`}\n            </span>\n          )}\n        </div>\n        {event.capacity ? (\n          <MiniBar\n            value={fillPct}\n            className=\"mt-1.5\"\n            height={4}\n            barClassName={\n              fillPct >= 100\n                ? 'bg-status-error-text'\n                : nearFull\n                  ? 'bg-status-warning-text'\n                  : 'bg-accent'\n            }\n          />\n        ) : null}\n      </div>\n\n      <div className=\"mt-4 flex items-center justify-between gap-3 border-t border-border-seam pt-3\">\n        {isLive && event.joinUrl ? (\n          <a\n            href={event.joinUrl}\n            target=\"_blank\"\n            rel=\"noreferrer noopener\"\n            className=\"inline-flex items-center gap-1 text-xs font-medium text-accent hover:underline\"\n          >\n            Join live <ExternalLink className=\"h-3 w-3\" />\n          </a>\n        ) : (\n          <span />\n        )}\n        <div className=\"flex items-center gap-2\">\n          {canRsvp &&\n            RSVP_ACTIONS.map((a) => {\n              const active = myStatus === a.status;\n              return (\n                <Button\n                  key={a.status}\n                  size=\"sm\"\n                  variant={active || a.status === 'GOING' ? 'default' : 'outline'}\n                  onClick={() => doRsvp(a.status)}\n                  disabled={rsvp.isPending}\n                  aria-pressed={active}\n                >\n                  {active && <Check className=\"mr-1 h-3.5 w-3.5\" />}\n                  {a.label}\n                </Button>\n              );\n            })}\n        </div>\n      </div>\n    </GlassCard>\n  );\n}\n"],"mappings":"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"}

package/dist/comradecircle/components/MemberIdentity.js

@@ -17,6 +17,7 @@ var s = ({ memberId: s, variant: c = "inline", size: l = "sm", suffix: u, showPr
 		className: t("flex items-center gap-2.5 text-left", f && "rounded-lg transition-colors hover:opacity-80", p),
 		children: [/* @__PURE__ */ i(r, {
 			name: v,
+			seed: s,
 			size: l,
 			presence: y,
 			fileId: g?.avatar?.id
@@ -27,7 +28,7 @@ var s = ({ memberId: s, variant: c = "inline", size: l = "sm", suffix: u, showPr
 				children: [/* @__PURE__ */ i("span", {
 					className: "truncate text-sm font-medium text-text-primary",
 					children: _
-				}), u && c === "inline" && /* @__PURE__ */ a("span", {
+				}), u && /* @__PURE__ */ a("span", {
 					className: "shrink-0 text-xs text-text-tertiary",
 					children: ["· ", u]
 				})]

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

@@ -1 +1 @@
-{"version":3,"file":"MemberIdentity.js","names":[],"sources":["../../../src/comradecircle/components/MemberIdentity.tsx"],"sourcesContent":["/**\n * MemberIdentity — resolve a `memberId` to a display name + avatar via the\n * product's own social-identity layer (`ComProfile`).\n * @module comradecircle/components\n *\n * The composed `User` entity resolves `id` only, so we never render a raw actor\n * id. Instead we look up the member's `ComProfile` (cached aggressively). The\n * calling user is labelled \"You\". If a member has not created a profile yet we\n * fall back to a neutral \"Member\" label with initials from the id.\n */\n\nimport type { FC } from 'react';\nimport { cn } from '../utils/cn';\nimport { useComProfile } from '../hooks';\nimport { useComradeCircle } from '../context';\nimport { Avatar } from './Avatar';\nimport type { ComPresence } from '../types';\n\ninterface MemberIdentityProps {\n  memberId: string;\n  /** Layout: 'inline' = avatar + name only; 'row' = avatar + name + headline. */\n  variant?: 'inline' | 'row';\n  size?: 'xs' | 'sm' | 'md' | 'lg';\n  /** Suffix shown after the name (e.g. a timestamp) in inline variant. */\n  suffix?: string;\n  showPresence?: boolean;\n  onClick?: () => void;\n  className?: string;\n}\n\nfunction labelForMember(\n  displayName: string | undefined,\n  isSelf: boolean\n): { name: string; presence?: ComPresence | null } {\n  if (displayName) return { name: isSelf ? `${displayName} (You)` : displayName };\n  return { name: isSelf ? 'You' : 'Member' };\n}\n\nexport const MemberIdentity: FC<MemberIdentityProps> = ({\n  memberId,\n  variant = 'inline',\n  size = 'sm',\n  suffix,\n  showPresence = false,\n  onClick,\n  className,\n}) => {\n  const { currentUser } = useComradeCircle();\n  const isSelf = Boolean(currentUser?.id && currentUser.id === memberId);\n  const { data: profile } = useComProfile(memberId);\n\n  const { name } = labelForMember(profile?.displayName ?? undefined, isSelf);\n  const nameForAvatar = profile?.displayName ?? (isSelf ? (currentUser?.name ?? 'You') : memberId);\n  const presence = showPresence ? (profile?.presence ?? null) : null;\n\n  const Wrapper = onClick ? 'button' : 'div';\n\n  return (\n    <Wrapper\n      type={onClick ? 'button' : undefined}\n      onClick={onClick}\n      className={cn(\n        'flex items-center gap-2.5 text-left',\n        onClick && 'rounded-lg transition-colors hover:opacity-80',\n        className\n      )}\n    >\n      <Avatar name={nameForAvatar} size={size} presence={presence} fileId={profile?.avatar?.id} />\n      <div className=\"min-w-0\">\n        <div className=\"flex items-center gap-1.5\">\n          <span className=\"truncate text-sm font-medium text-text-primary\">{name}</span>\n          {suffix && variant === 'inline' && (\n            <span className=\"shrink-0 text-xs text-text-tertiary\">· {suffix}</span>\n          )}\n        </div>\n        {variant === 'row' && profile?.headline && (\n          <p className=\"truncate text-xs text-text-secondary\">{profile.headline}</p>\n        )}\n      </div>\n    </Wrapper>\n  );\n};\n"],"mappings":";;;;;;;;AA8BA,SAAS,EACP,GACA,GACiD;AAEjD,QADI,IAAoB,EAAE,MAAM,IAAS,GAAG,EAAY,UAAU,GAAa,GACxE,EAAE,MAAM,IAAS,QAAQ,UAAU;;AAG5C,IAAa,KAA2C,EACtD,aACA,aAAU,UACV,UAAO,MACP,WACA,kBAAe,IACf,YACA,mBACI;CACJ,IAAM,EAAE,mBAAgB,GAAkB,EACpC,IAAS,GAAQ,GAAa,MAAM,EAAY,OAAO,IACvD,EAAE,MAAM,MAAY,EAAc,EAAS,EAE3C,EAAE,YAAS,EAAe,GAAS,eAAe,KAAA,GAAW,EAAO,EACpE,IAAgB,GAAS,gBAAgB,IAAU,GAAa,QAAQ,QAAS,IACjF,IAAW,IAAgB,GAAS,YAAY,OAAQ;AAI9D,QACE,kBAHc,IAAU,WAAW,OAGnC;EACE,MAAM,IAAU,WAAW,KAAA;EAClB;EACT,WAAW,EACT,uCACA,KAAW,iDACX,EACD;YAPH,CASE,kBAAC,GAAD;GAAQ,MAAM;GAAqB;GAAgB;GAAU,QAAQ,GAAS,QAAQ;GAAM,CAAA,EAC5F,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,QAAD;KAAM,WAAU;eAAkD;KAAY,CAAA,EAC7E,KAAU,MAAY,YACrB,kBAAC,QAAD;KAAM,WAAU;eAAhB,CAAsD,MAAG,EAAc;OAErE;OACL,MAAY,SAAS,GAAS,YAC7B,kBAAC,KAAD;IAAG,WAAU;cAAwC,EAAQ;IAAa,CAAA,CAExE;KACE"}
+{"version":3,"file":"MemberIdentity.js","names":[],"sources":["../../../src/comradecircle/components/MemberIdentity.tsx"],"sourcesContent":["/**\n * MemberIdentity — resolve a `memberId` to a display name + avatar via the\n * product's own social-identity layer (`ComProfile`).\n * @module comradecircle/components\n *\n * The composed `User` entity resolves `id` only, so we never render a raw actor\n * id. Instead we look up the member's `ComProfile` (cached aggressively). The\n * calling user is labelled \"You\". If a member has not created a profile yet we\n * fall back to a neutral \"Member\" label with initials from the id.\n */\n\nimport type { FC } from 'react';\nimport { cn } from '../utils/cn';\nimport { useComProfile } from '../hooks';\nimport { useComradeCircle } from '../context';\nimport { Avatar } from './Avatar';\nimport type { ComPresence } from '../types';\n\ninterface MemberIdentityProps {\n  memberId: string;\n  /** Layout: 'inline' = avatar + name only; 'row' = avatar + name + headline. */\n  variant?: 'inline' | 'row';\n  size?: 'xs' | 'sm' | 'md' | 'lg';\n  /** Suffix shown after the name (e.g. a timestamp) in inline variant. */\n  suffix?: string;\n  showPresence?: boolean;\n  onClick?: () => void;\n  className?: string;\n}\n\nfunction labelForMember(\n  displayName: string | undefined,\n  isSelf: boolean\n): { name: string; presence?: ComPresence | null } {\n  if (displayName) return { name: isSelf ? `${displayName} (You)` : displayName };\n  return { name: isSelf ? 'You' : 'Member' };\n}\n\nexport const MemberIdentity: FC<MemberIdentityProps> = ({\n  memberId,\n  variant = 'inline',\n  size = 'sm',\n  suffix,\n  showPresence = false,\n  onClick,\n  className,\n}) => {\n  const { currentUser } = useComradeCircle();\n  const isSelf = Boolean(currentUser?.id && currentUser.id === memberId);\n  const { data: profile } = useComProfile(memberId);\n\n  const { name } = labelForMember(profile?.displayName ?? undefined, isSelf);\n  const nameForAvatar = profile?.displayName ?? (isSelf ? (currentUser?.name ?? 'You') : memberId);\n  const presence = showPresence ? (profile?.presence ?? null) : null;\n\n  const Wrapper = onClick ? 'button' : 'div';\n\n  return (\n    <Wrapper\n      type={onClick ? 'button' : undefined}\n      onClick={onClick}\n      className={cn(\n        'flex items-center gap-2.5 text-left',\n        onClick && 'rounded-lg transition-colors hover:opacity-80',\n        className\n      )}\n    >\n      <Avatar\n        name={nameForAvatar}\n        seed={memberId}\n        size={size}\n        presence={presence}\n        fileId={profile?.avatar?.id}\n      />\n      <div className=\"min-w-0\">\n        <div className=\"flex items-center gap-1.5\">\n          <span className=\"truncate text-sm font-medium text-text-primary\">{name}</span>\n          {suffix && <span className=\"shrink-0 text-xs text-text-tertiary\">· {suffix}</span>}\n        </div>\n        {variant === 'row' && profile?.headline && (\n          <p className=\"truncate text-xs text-text-secondary\">{profile.headline}</p>\n        )}\n      </div>\n    </Wrapper>\n  );\n};\n"],"mappings":";;;;;;;;AA8BA,SAAS,EACP,GACA,GACiD;AAEjD,QADI,IAAoB,EAAE,MAAM,IAAS,GAAG,EAAY,UAAU,GAAa,GACxE,EAAE,MAAM,IAAS,QAAQ,UAAU;;AAG5C,IAAa,KAA2C,EACtD,aACA,aAAU,UACV,UAAO,MACP,WACA,kBAAe,IACf,YACA,mBACI;CACJ,IAAM,EAAE,mBAAgB,GAAkB,EACpC,IAAS,GAAQ,GAAa,MAAM,EAAY,OAAO,IACvD,EAAE,MAAM,MAAY,EAAc,EAAS,EAE3C,EAAE,YAAS,EAAe,GAAS,eAAe,KAAA,GAAW,EAAO,EACpE,IAAgB,GAAS,gBAAgB,IAAU,GAAa,QAAQ,QAAS,IACjF,IAAW,IAAgB,GAAS,YAAY,OAAQ;AAI9D,QACE,kBAHc,IAAU,WAAW,OAGnC;EACE,MAAM,IAAU,WAAW,KAAA;EAClB;EACT,WAAW,EACT,uCACA,KAAW,iDACX,EACD;YAPH,CASE,kBAAC,GAAD;GACE,MAAM;GACN,MAAM;GACA;GACI;GACV,QAAQ,GAAS,QAAQ;GACzB,CAAA,EACF,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,QAAD;KAAM,WAAU;eAAkD;KAAY,CAAA,EAC7E,KAAU,kBAAC,QAAD;KAAM,WAAU;eAAhB,CAAsD,MAAG,EAAc;OAC9E;OACL,MAAY,SAAS,GAAS,YAC7B,kBAAC,KAAD;IAAG,WAAU;cAAwC,EAAQ;IAAa,CAAA,CAExE;KACE"}

package/dist/comradecircle/components/PollCard.js

@@ -5,54 +5,69 @@ import { describeError as r, notify as i } from "../lib/toast.js";
 import { formatNumber as a, formatRelativeTime as o } from "../utils/formatters.js";
 import { StatusBadge as s } from "./StatusBadge.js";
 import { MiniBar as c } from "./MiniBar.js";
-import { CheckCircle2 as l, Lock as u } from "lucide-react";
-import { jsx as d, jsxs as f } from "react/jsx-runtime";
-import { Button as p, GlassCard as m } from "@burdenoff/fe-libs/ui";
+import { useMemo as l, useState as u } from "react";
+import { CheckCircle2 as d, Crown as f, Lock as p } from "lucide-react";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+import { Button as g, GlassCard as _ } from "@burdenoff/fe-libs/ui";
 //#region src/comradecircle/components/PollCard.tsx
-function h({ poll: h, canManage: g = !1 }) {
-	let _ = n(), v = t(), y = h.options.reduce((e, t) => e + t.voteCount, 0), b = h.status === "CLOSED", x = async (e) => {
-		if (!b) try {
-			await _.mutateAsync({
-				pollId: h.id,
+function v({ poll: v, canManage: y = !1 }) {
+	let b = n(), x = t(), [S, C] = u(/* @__PURE__ */ new Set()), w = v.options.reduce((e, t) => e + t.voteCount, 0), T = v.status === "CLOSED", E = l(() => v.options.reduce((e, t) => Math.max(e, t.voteCount), 0), [v.options]), D = S.size > 0, O = async (e) => {
+		if (!T) try {
+			await b.mutateAsync({
+				pollId: v.id,
 				optionId: e,
-				circleId: h.circleId
-			}), i.success("Vote recorded");
+				circleId: v.circleId
+			}), C((t) => new Set(t).add(e)), i.success("Vote recorded");
 		} catch (e) {
 			i.error("Could not vote", r(e));
 		}
-	}, S = async () => {
+	}, k = async () => {
 		try {
-			await v.mutateAsync(h.id), i.success("Poll closed");
+			await x.mutateAsync(v.id), i.success("Poll closed");
 		} catch (e) {
 			i.error("Could not close poll", r(e));
 		}
 	};
-	return /* @__PURE__ */ f(m, {
+	return /* @__PURE__ */ h(_, {
 		treatment: "plain",
 		className: "p-5",
 		children: [
-			/* @__PURE__ */ f("div", {
+			/* @__PURE__ */ h("div", {
 				className: "flex items-start justify-between gap-3",
-				children: [/* @__PURE__ */ d("h3", {
+				children: [/* @__PURE__ */ m("h3", {
 					className: "text-base font-semibold text-text-primary",
-					children: h.question
-				}), /* @__PURE__ */ d(s, { status: h.status })]
+					children: v.question
+				}), /* @__PURE__ */ m(s, { status: v.status })]
 			}),
-			/* @__PURE__ */ d("div", {
+			/* @__PURE__ */ m("div", {
 				className: "mt-4 flex flex-col gap-2.5",
-				children: [...h.options].sort((e, t) => e.position - t.position).map((t) => {
-					let n = y > 0 ? t.voteCount / y * 100 : 0;
-					return /* @__PURE__ */ f("button", {
+				children: [...v.options].sort((e, t) => e.position - t.position).map((t) => {
+					let n = w > 0 ? t.voteCount / w * 100 : 0, r = w > 0 && t.voteCount === E, i = S.has(t.id);
+					return /* @__PURE__ */ h("button", {
 						type: "button",
-						onClick: () => x(t.id),
-						disabled: b || _.isPending,
-						className: e("group w-full rounded-xl border border-border-seam px-3 py-2.5 text-left transition-colors", !b && "hover:border-accent hover:bg-bg-sunken/60", b && "cursor-default"),
-						children: [/* @__PURE__ */ f("div", {
+						onClick: () => O(t.id),
+						disabled: T || b.isPending,
+						"aria-pressed": i,
+						className: e("group w-full rounded-xl border px-3 py-2.5 text-left transition-all duration-200", i ? "border-accent bg-[var(--color-accent-soft)]/40" : "border-border-seam", !T && !i && "hover:-translate-y-px hover:border-accent hover:bg-bg-sunken/60", T && "cursor-default"),
+						children: [/* @__PURE__ */ h("div", {
 							className: "flex items-center justify-between gap-2",
-							children: [/* @__PURE__ */ d("span", {
-								className: "text-sm font-medium text-text-primary",
-								children: t.label
-							}), /* @__PURE__ */ f("span", {
+							children: [/* @__PURE__ */ h("span", {
+								className: "flex min-w-0 items-center gap-1.5",
+								children: [
+									i && /* @__PURE__ */ m(d, {
+										className: "h-4 w-4 shrink-0 text-accent",
+										"aria-hidden": "true"
+									}),
+									/* @__PURE__ */ m("span", {
+										className: e("truncate text-sm", r ? "font-semibold text-text-primary" : "font-medium text-text-secondary"),
+										children: t.label
+									}),
+									r && w > 1 && /* @__PURE__ */ m(f, {
+										className: "h-3.5 w-3.5 shrink-0 text-status-warning-text",
+										"aria-label": "Leading"
+									})
+								]
+							}), /* @__PURE__ */ h("span", {
 								className: "shrink-0 text-xs tabular-nums text-text-secondary",
 								children: [
 									a(t.voteCount),
@@ -61,37 +76,43 @@ function h({ poll: h, canManage: g = !1 }) {
 									"%"
 								]
 							})]
-						}), /* @__PURE__ */ d(c, {
+						}), /* @__PURE__ */ m(c, {
 							value: n,
-							className: "mt-2"
+							className: "mt-2",
+							barClassName: r ? "bg-gradient-to-r from-accent to-[var(--color-accent-soft)]" : "bg-accent/40"
 						})]
 					}, t.id);
 				})
 			}),
-			/* @__PURE__ */ f("div", {
+			/* @__PURE__ */ h("div", {
 				className: "mt-4 flex items-center justify-between gap-3 border-t border-border-seam pt-3 text-xs text-text-tertiary",
-				children: [/* @__PURE__ */ f("span", {
-					className: "inline-flex items-center gap-1.5",
+				children: [/* @__PURE__ */ h("span", {
+					className: "inline-flex flex-wrap items-center gap-1.5",
 					children: [
-						h.allowMultiple ? /* @__PURE__ */ d(l, { className: "h-3.5 w-3.5" }) : null,
-						a(y),
+						v.allowMultiple ? /* @__PURE__ */ m(d, { className: "h-3.5 w-3.5" }) : null,
+						a(w),
 						" vote",
-						y === 1 ? "" : "s",
-						h.isAnonymous ? " · anonymous" : "",
-						h.closesAt ? ` · closes ${o(h.closesAt)}` : ""
+						w === 1 ? "" : "s",
+						v.allowMultiple ? " · multiple choice" : "",
+						v.isAnonymous ? " · anonymous" : "",
+						v.closesAt ? ` · closes ${o(v.closesAt)}` : "",
+						D && /* @__PURE__ */ m("span", {
+							className: "font-medium text-accent",
+							children: "· You voted"
+						})
 					]
-				}), g && !b && /* @__PURE__ */ f(p, {
+				}), y && !T && /* @__PURE__ */ h(g, {
 					size: "sm",
 					variant: "outline",
-					onClick: S,
-					disabled: v.isPending,
-					children: [/* @__PURE__ */ d(u, { className: "mr-1.5 h-3.5 w-3.5" }), " Close"]
+					onClick: k,
+					disabled: x.isPending,
+					children: [/* @__PURE__ */ m(p, { className: "mr-1.5 h-3.5 w-3.5" }), " Close"]
 				})]
 			})
 		]
 	});
 }
 //#endregion
-export { h as PollCard };
+export { v as PollCard };
 
 //# sourceMappingURL=PollCard.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PollCard.js","names":[],"sources":["../../../src/comradecircle/components/PollCard.tsx"],"sourcesContent":["/**\n * PollCard — a circle poll with vote + live results.\n * @module comradecircle/components\n *\n * Writes `comVotePoll(pollId, optionId)` and `comClosePoll`. Options render as\n * clickable result bars; a closed poll (or one past its close time) is read-only.\n * The creator can close an open poll.\n */\n\nimport { CheckCircle2, Lock } from 'lucide-react';\nimport { GlassCard, Button } from '@burdenoff/fe-libs/ui';\nimport { cn } from '../utils/cn';\nimport { MiniBar } from './MiniBar';\nimport { StatusBadge } from './StatusBadge';\nimport { useComVotePoll, useComClosePoll } from '../hooks';\nimport { formatNumber, formatRelativeTime } from '../utils/formatters';\nimport { notify, describeError } from '../lib/toast';\nimport type { ComPoll } from '../types';\n\ninterface PollCardProps {\n  poll: ComPoll;\n  /** Whether the caller may close the poll (creator / circle admin). */\n  canManage?: boolean;\n}\n\nexport function PollCard({ poll, canManage = false }: PollCardProps) {\n  const vote = useComVotePoll();\n  const close = useComClosePoll();\n\n  const totalVotes = poll.options.reduce((sum, o) => sum + o.voteCount, 0);\n  const isClosed = poll.status === 'CLOSED';\n\n  const doVote = async (optionId: string) => {\n    if (isClosed) return;\n    try {\n      await vote.mutateAsync({ pollId: poll.id, optionId, circleId: poll.circleId });\n      notify.success('Vote recorded');\n    } catch (err) {\n      notify.error('Could not vote', describeError(err));\n    }\n  };\n\n  const doClose = async () => {\n    try {\n      await close.mutateAsync(poll.id);\n      notify.success('Poll closed');\n    } catch (err) {\n      notify.error('Could not close poll', describeError(err));\n    }\n  };\n\n  return (\n    <GlassCard treatment=\"plain\" className=\"p-5\">\n      <div className=\"flex items-start justify-between gap-3\">\n        <h3 className=\"text-base font-semibold text-text-primary\">{poll.question}</h3>\n        <StatusBadge status={poll.status} />\n      </div>\n\n      <div className=\"mt-4 flex flex-col gap-2.5\">\n        {[...poll.options]\n          .sort((a, b) => a.position - b.position)\n          .map((opt) => {\n            const pct = totalVotes > 0 ? (opt.voteCount / totalVotes) * 100 : 0;\n            return (\n              <button\n                key={opt.id}\n                type=\"button\"\n                onClick={() => doVote(opt.id)}\n                disabled={isClosed || vote.isPending}\n                className={cn(\n                  'group w-full rounded-xl border border-border-seam px-3 py-2.5 text-left transition-colors',\n                  !isClosed && 'hover:border-accent hover:bg-bg-sunken/60',\n                  isClosed && 'cursor-default'\n                )}\n              >\n                <div className=\"flex items-center justify-between gap-2\">\n                  <span className=\"text-sm font-medium text-text-primary\">{opt.label}</span>\n                  <span className=\"shrink-0 text-xs tabular-nums text-text-secondary\">\n                    {formatNumber(opt.voteCount)} · {Math.round(pct)}%\n                  </span>\n                </div>\n                <MiniBar value={pct} className=\"mt-2\" />\n              </button>\n            );\n          })}\n      </div>\n\n      <div className=\"mt-4 flex items-center justify-between gap-3 border-t border-border-seam pt-3 text-xs text-text-tertiary\">\n        <span className=\"inline-flex items-center gap-1.5\">\n          {poll.allowMultiple ? <CheckCircle2 className=\"h-3.5 w-3.5\" /> : null}\n          {formatNumber(totalVotes)} vote{totalVotes === 1 ? '' : 's'}\n          {poll.isAnonymous ? ' · anonymous' : ''}\n          {poll.closesAt ? ` · closes ${formatRelativeTime(poll.closesAt)}` : ''}\n        </span>\n        {canManage && !isClosed && (\n          <Button size=\"sm\" variant=\"outline\" onClick={doClose} disabled={close.isPending}>\n            <Lock className=\"mr-1.5 h-3.5 w-3.5\" /> Close\n          </Button>\n        )}\n      </div>\n    </GlassCard>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAyBA,SAAgB,EAAS,EAAE,SAAM,eAAY,MAAwB;CACnE,IAAM,IAAO,GAAgB,EACvB,IAAQ,GAAiB,EAEzB,IAAa,EAAK,QAAQ,QAAQ,GAAK,MAAM,IAAM,EAAE,WAAW,EAAE,EAClE,IAAW,EAAK,WAAW,UAE3B,IAAS,OAAO,MAAqB;AACrC,SACJ,KAAI;AAEF,GADA,MAAM,EAAK,YAAY;IAAE,QAAQ,EAAK;IAAI;IAAU,UAAU,EAAK;IAAU,CAAC,EAC9E,EAAO,QAAQ,gBAAgB;WACxB,GAAK;AACZ,KAAO,MAAM,kBAAkB,EAAc,EAAI,CAAC;;IAIhD,IAAU,YAAY;AAC1B,MAAI;AAEF,GADA,MAAM,EAAM,YAAY,EAAK,GAAG,EAChC,EAAO,QAAQ,cAAc;WACtB,GAAK;AACZ,KAAO,MAAM,wBAAwB,EAAc,EAAI,CAAC;;;AAI5D,QACE,kBAAC,GAAD;EAAW,WAAU;EAAQ,WAAU;YAAvC;GACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,MAAD;KAAI,WAAU;eAA6C,EAAK;KAAc,CAAA,EAC9E,kBAAC,GAAD,EAAa,QAAQ,EAAK,QAAU,CAAA,CAChC;;GAEN,kBAAC,OAAD;IAAK,WAAU;cACZ,CAAC,GAAG,EAAK,QAAQ,CACf,MAAM,GAAG,MAAM,EAAE,WAAW,EAAE,SAAS,CACvC,KAAK,MAAQ;KACZ,IAAM,IAAM,IAAa,IAAK,EAAI,YAAY,IAAc,MAAM;AAClE,YACE,kBAAC,UAAD;MAEE,MAAK;MACL,eAAe,EAAO,EAAI,GAAG;MAC7B,UAAU,KAAY,EAAK;MAC3B,WAAW,EACT,6FACA,CAAC,KAAY,6CACb,KAAY,iBACb;gBATH,CAWE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,QAAD;QAAM,WAAU;kBAAyC,EAAI;QAAa,CAAA,EAC1E,kBAAC,QAAD;QAAM,WAAU;kBAAhB;SACG,EAAa,EAAI,UAAU;SAAC;SAAI,KAAK,MAAM,EAAI;SAAC;SAC5C;UACH;UACN,kBAAC,GAAD;OAAS,OAAO;OAAK,WAAU;OAAS,CAAA,CACjC;QAjBF,EAAI,GAiBF;MAEX;IACA,CAAA;GAEN,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,QAAD;KAAM,WAAU;eAAhB;MACG,EAAK,gBAAgB,kBAAC,GAAD,EAAc,WAAU,eAAgB,CAAA,GAAG;MAChE,EAAa,EAAW;MAAC;MAAM,MAAe,IAAI,KAAK;MACvD,EAAK,cAAc,iBAAiB;MACpC,EAAK,WAAW,aAAa,EAAmB,EAAK,SAAS,KAAK;MAC/D;QACN,KAAa,CAAC,KACb,kBAAC,GAAD;KAAQ,MAAK;KAAK,SAAQ;KAAU,SAAS;KAAS,UAAU,EAAM;eAAtE,CACE,kBAAC,GAAD,EAAM,WAAU,sBAAuB,CAAA,EAAA,SAChC;OAEP;;GACI"}
+{"version":3,"file":"PollCard.js","names":[],"sources":["../../../src/comradecircle/components/PollCard.tsx"],"sourcesContent":["/**\n * PollCard — a circle poll with vote + live results.\n * @module comradecircle/components\n *\n * Writes `comVotePoll(pollId, optionId)` and `comClosePoll`. Options render as\n * clickable result bars; the leading option is emphasised with an accent\n * gradient fill and the caller's own voted option(s) are checkmarked (tracked\n * client-side — the poll query returns aggregate counts, not per-member votes).\n * A closed poll (or one past its close time) is read-only.\n */\n\nimport { useMemo, useState } from 'react';\nimport { CheckCircle2, Lock, Crown } from 'lucide-react';\nimport { GlassCard, Button } from '@burdenoff/fe-libs/ui';\nimport { cn } from '../utils/cn';\nimport { MiniBar } from './MiniBar';\nimport { StatusBadge } from './StatusBadge';\nimport { useComVotePoll, useComClosePoll } from '../hooks';\nimport { formatNumber, formatRelativeTime } from '../utils/formatters';\nimport { notify, describeError } from '../lib/toast';\nimport type { ComPoll } from '../types';\n\ninterface PollCardProps {\n  poll: ComPoll;\n  /** Whether the caller may close the poll (creator / circle admin). */\n  canManage?: boolean;\n}\n\nexport function PollCard({ poll, canManage = false }: PollCardProps) {\n  const vote = useComVotePoll();\n  const close = useComClosePoll();\n  // The poll query returns aggregate voteCounts, not per-member votes, so track\n  // the options this caller has voted for in this session for the \"You voted\" cue.\n  const [votedIds, setVotedIds] = useState<Set<string>>(new Set());\n\n  const totalVotes = poll.options.reduce((sum, o) => sum + o.voteCount, 0);\n  const isClosed = poll.status === 'CLOSED';\n  const leadingCount = useMemo(\n    () => poll.options.reduce((max, o) => Math.max(max, o.voteCount), 0),\n    [poll.options]\n  );\n  const hasVoted = votedIds.size > 0;\n\n  const doVote = async (optionId: string) => {\n    if (isClosed) return;\n    try {\n      await vote.mutateAsync({ pollId: poll.id, optionId, circleId: poll.circleId });\n      setVotedIds((prev) => new Set(prev).add(optionId));\n      notify.success('Vote recorded');\n    } catch (err) {\n      notify.error('Could not vote', describeError(err));\n    }\n  };\n\n  const doClose = async () => {\n    try {\n      await close.mutateAsync(poll.id);\n      notify.success('Poll closed');\n    } catch (err) {\n      notify.error('Could not close poll', describeError(err));\n    }\n  };\n\n  return (\n    <GlassCard treatment=\"plain\" className=\"p-5\">\n      <div className=\"flex items-start justify-between gap-3\">\n        <h3 className=\"text-base font-semibold text-text-primary\">{poll.question}</h3>\n        <StatusBadge status={poll.status} />\n      </div>\n\n      <div className=\"mt-4 flex flex-col gap-2.5\">\n        {[...poll.options]\n          .sort((a, b) => a.position - b.position)\n          .map((opt) => {\n            const pct = totalVotes > 0 ? (opt.voteCount / totalVotes) * 100 : 0;\n            const isLeading = totalVotes > 0 && opt.voteCount === leadingCount;\n            const isMine = votedIds.has(opt.id);\n            return (\n              <button\n                key={opt.id}\n                type=\"button\"\n                onClick={() => doVote(opt.id)}\n                disabled={isClosed || vote.isPending}\n                aria-pressed={isMine}\n                className={cn(\n                  'group w-full rounded-xl border px-3 py-2.5 text-left transition-all duration-200',\n                  isMine ? 'border-accent bg-[var(--color-accent-soft)]/40' : 'border-border-seam',\n                  !isClosed &&\n                    !isMine &&\n                    'hover:-translate-y-px hover:border-accent hover:bg-bg-sunken/60',\n                  isClosed && 'cursor-default'\n                )}\n              >\n                <div className=\"flex items-center justify-between gap-2\">\n                  <span className=\"flex min-w-0 items-center gap-1.5\">\n                    {isMine && (\n                      <CheckCircle2 className=\"h-4 w-4 shrink-0 text-accent\" aria-hidden=\"true\" />\n                    )}\n                    <span\n                      className={cn(\n                        'truncate text-sm',\n                        isLeading\n                          ? 'font-semibold text-text-primary'\n                          : 'font-medium text-text-secondary'\n                      )}\n                    >\n                      {opt.label}\n                    </span>\n                    {isLeading && totalVotes > 1 && (\n                      <Crown\n                        className=\"h-3.5 w-3.5 shrink-0 text-status-warning-text\"\n                        aria-label=\"Leading\"\n                      />\n                    )}\n                  </span>\n                  <span className=\"shrink-0 text-xs tabular-nums text-text-secondary\">\n                    {formatNumber(opt.voteCount)} · {Math.round(pct)}%\n                  </span>\n                </div>\n                <MiniBar\n                  value={pct}\n                  className=\"mt-2\"\n                  barClassName={\n                    isLeading\n                      ? 'bg-gradient-to-r from-accent to-[var(--color-accent-soft)]'\n                      : 'bg-accent/40'\n                  }\n                />\n              </button>\n            );\n          })}\n      </div>\n\n      <div className=\"mt-4 flex items-center justify-between gap-3 border-t border-border-seam pt-3 text-xs text-text-tertiary\">\n        <span className=\"inline-flex flex-wrap items-center gap-1.5\">\n          {poll.allowMultiple ? <CheckCircle2 className=\"h-3.5 w-3.5\" /> : null}\n          {formatNumber(totalVotes)} vote{totalVotes === 1 ? '' : 's'}\n          {poll.allowMultiple ? ' · multiple choice' : ''}\n          {poll.isAnonymous ? ' · anonymous' : ''}\n          {poll.closesAt ? ` · closes ${formatRelativeTime(poll.closesAt)}` : ''}\n          {hasVoted && <span className=\"font-medium text-accent\">· You voted</span>}\n        </span>\n        {canManage && !isClosed && (\n          <Button size=\"sm\" variant=\"outline\" onClick={doClose} disabled={close.isPending}>\n            <Lock className=\"mr-1.5 h-3.5 w-3.5\" /> Close\n          </Button>\n        )}\n      </div>\n    </GlassCard>\n  );\n}\n"],"mappings":"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"}

package/dist/comradecircle/components/PostCard.js

@@ -18,7 +18,7 @@ function D({ post: D, defaultExpanded: O = !1 }) {
 	let { currentUser: k } = e(), A = r(), j = n(), [M, N] = d(O), [P, F] = d(!1), [I, L] = d(D.body), R = !!(k?.id && k.id === D.authorId);
 	return /* @__PURE__ */ v(T, {
 		treatment: "plain",
-		className: t("p-4", D.isPinned && "ring-1 ring-accent/40"),
+		className: t("p-4 transition-all duration-200 motion-safe:hover:-translate-y-0.5 hover:border-[var(--color-accent-soft)]", D.isPinned && "ring-1 ring-accent/40"),
 		children: [
 			/* @__PURE__ */ v("div", {
 				className: "flex items-start justify-between gap-3",

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 } 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}\n\nexport function PostCard({ post, defaultExpanded = false }: PostCardProps) {\n  const { currentUser } = 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 treatment=\"plain\" className={cn('p-4', post.isPinned && 'ring-1 ring-accent/40')}>\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        <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      </div>\n\n      {expanded && <CommentThread postId={post.id} />}\n    </GlassCard>\n  );\n}\n"],"mappings":"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"}
+{"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 } 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}\n\nexport function PostCard({ post, defaultExpanded = false }: PostCardProps) {\n  const { currentUser } = 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        <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      </div>\n\n      {expanded && <CommentThread postId={post.id} />}\n    </GlassCard>\n  );\n}\n"],"mappings":"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"}

package/dist/comradecircle/components/ReactionBar.js

@@ -71,7 +71,7 @@ function p({ post: p }) {
 				disabled: h.isPending,
 				"aria-pressed": n.mine,
 				"aria-label": `${e.label} (${n.count})`,
-				className: t("inline-flex items-center gap-1 rounded-full border px-2 py-0.5 text-xs font-medium transition-colors", n.mine ? "border-accent bg-[var(--color-accent-soft)] text-text-primary" : "border-border-seam bg-bg-surface text-text-secondary hover:bg-bg-sunken"),
+				className: t("inline-flex items-center gap-1 rounded-full border px-2 py-0.5 text-xs font-medium transition-transform duration-150 active:scale-90", n.mine ? "border-accent bg-[var(--color-accent-soft)] text-text-primary shadow-[0_0_0_2px_var(--color-accent-soft)]" : "border-border-seam bg-bg-surface text-text-secondary hover:-translate-y-px hover:bg-bg-sunken"),
 				children: [/* @__PURE__ */ s("span", {
 					"aria-hidden": "true",
 					children: e.emoji