@burdenoff/microfe-comradecircle 2026.704.2 → 2026.713.1

package/dist/comradecircle/components/CommentThread.js

@@ -1,17 +1,20 @@
-import { cn as e } from "../utils/cn.js";
-import { useComAddComment as t, useComComments as n } from "../hooks/useComradeCircleApi.js";
+import { useComradeCircle as e } from "../context/ComradeCircleContext.js";
+import { cn as t } from "../utils/cn.js";
+import "../context/index.js";
+import { useComAddComment as n, useComComments as r } from "../hooks/useComradeCircleApi.js";
 import "../hooks/index.js";
-import { MemberIdentity as r } from "./MemberIdentity.js";
-import { describeError as i, notify as a } from "../lib/toast.js";
-import { formatRelativeTime as o } from "../utils/formatters.js";
-import { useMemo as s, useState as c } from "react";
-import { CornerDownRight as l, Send as u } from "lucide-react";
-import { jsx as d, jsxs as f } from "react/jsx-runtime";
-import { Button as p, Spinner as m, Textarea as h } from "@burdenoff/fe-libs/ui";
+import { Avatar as i } from "./Avatar.js";
+import { MemberIdentity as a } from "./MemberIdentity.js";
+import { describeError as o, notify as s } from "../lib/toast.js";
+import { formatRelativeTime as c } from "../utils/formatters.js";
+import { useMemo as l, useState as u } from "react";
+import { CornerDownRight as d, MessageCircle as f, Send as p } from "lucide-react";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+import { Button as g, Spinner as _, Textarea as v } from "@burdenoff/fe-libs/ui";
 //#region src/comradecircle/components/CommentThread.tsx
-function g({ postId: g }) {
-	let { data: _, isLoading: v } = n(g), y = t(), [b, x] = c(""), [S, C] = c(null), { roots: w, repliesByParent: T } = s(() => {
-		let e = _ ?? [], t = /* @__PURE__ */ new Map(), n = [];
+function y({ postId: y }) {
+	let { currentUser: b } = e(), { data: x, isLoading: S } = r(y), C = n(), [w, T] = u(""), [E, D] = u(null), { roots: O, repliesByParent: k } = l(() => {
+		let e = x ?? [], t = /* @__PURE__ */ new Map(), n = [];
 		for (let r of e) if (r.parentId) {
 			let e = t.get(r.parentId) ?? [];
 			e.push(r), t.set(r.parentId, e);
@@ -20,86 +23,99 @@ function g({ postId: g }) {
 			roots: n,
 			repliesByParent: t
 		};
-	}, [_]), E = async () => {
-		let e = b.trim();
+	}, [x]), A = async () => {
+		let e = w.trim();
 		if (e) try {
-			await y.mutateAsync({
-				postId: g,
+			await C.mutateAsync({
+				postId: y,
 				body: e,
-				parentId: S?.id ?? null
-			}), x(""), C(null);
+				parentId: E?.id ?? null
+			}), T(""), D(null);
 		} catch (e) {
-			a.error("Could not add comment", i(e));
+			s.error("Could not add comment", o(e));
 		}
-	}, D = (t, n = !1) => /* @__PURE__ */ f("div", {
-		className: e("flex flex-col gap-1", n && "ml-8"),
-		children: [/* @__PURE__ */ f("div", {
+	}, j = (e, n = !1) => /* @__PURE__ */ h("div", {
+		className: t("flex flex-col gap-1", n && "ml-8"),
+		children: [/* @__PURE__ */ h("div", {
 			className: "rounded-xl bg-bg-sunken/60 px-3 py-2",
-			children: [/* @__PURE__ */ f("div", {
+			children: [/* @__PURE__ */ h("div", {
 				className: "flex items-center justify-between gap-2",
-				children: [/* @__PURE__ */ d(r, {
-					memberId: t.authorId,
+				children: [/* @__PURE__ */ m(a, {
+					memberId: e.authorId,
 					size: "xs",
-					suffix: o(t.createdAt)
-				}), !n && /* @__PURE__ */ f("button", {
+					suffix: c(e.createdAt)
+				}), !n && /* @__PURE__ */ h("button", {
 					type: "button",
-					onClick: () => C(t),
+					onClick: () => D(e),
 					className: "inline-flex items-center gap-1 text-xs text-text-tertiary transition-colors hover:text-text-primary",
-					children: [/* @__PURE__ */ d(l, { className: "h-3 w-3" }), " Reply"]
+					children: [/* @__PURE__ */ m(d, { className: "h-3 w-3" }), " Reply"]
 				})]
-			}), /* @__PURE__ */ d("p", {
+			}), /* @__PURE__ */ m("p", {
 				className: "mt-1 whitespace-pre-wrap break-words text-sm text-text-primary",
-				children: t.body
+				children: e.body
 			})]
-		}), (T.get(t.id) ?? []).map((e) => D(e, !0))]
-	}, t.id);
-	return /* @__PURE__ */ f("div", {
+		}), (k.get(e.id) ?? []).map((e) => j(e, !0))]
+	}, e.id);
+	return /* @__PURE__ */ h("div", {
 		className: "mt-3 border-t border-border-seam pt-3",
-		children: [v ? /* @__PURE__ */ d("div", {
+		children: [S ? /* @__PURE__ */ m("div", {
 			className: "flex justify-center py-4",
-			children: /* @__PURE__ */ d(m, { size: "sm" })
-		}) : w.length === 0 ? /* @__PURE__ */ d("p", {
-			className: "py-2 text-center text-sm text-text-tertiary",
-			children: "No comments yet. Start the conversation."
-		}) : /* @__PURE__ */ d("div", {
+			children: /* @__PURE__ */ m(_, { size: "sm" })
+		}) : O.length === 0 ? /* @__PURE__ */ h("div", {
+			className: "flex flex-col items-center gap-1.5 py-4 text-center",
+			children: [/* @__PURE__ */ m(f, { className: "h-6 w-6 text-text-tertiary opacity-60" }), /* @__PURE__ */ m("p", {
+				className: "text-sm text-text-tertiary",
+				children: "No comments yet — start the conversation."
+			})]
+		}) : /* @__PURE__ */ m("div", {
 			className: "flex flex-col gap-3",
-			children: w.map((e) => D(e))
-		}), /* @__PURE__ */ f("div", {
+			children: O.map((e) => j(e))
+		}), /* @__PURE__ */ h("div", {
 			className: "mt-3 flex flex-col gap-2",
-			children: [S && /* @__PURE__ */ f("div", {
+			children: [E && /* @__PURE__ */ h("div", {
 				className: "flex items-center justify-between rounded-lg bg-bg-sunken px-3 py-1.5 text-xs text-text-secondary",
-				children: [/* @__PURE__ */ d("span", {
+				children: [/* @__PURE__ */ m("span", {
 					className: "truncate",
 					children: "Replying to a comment"
-				}), /* @__PURE__ */ d("button", {
+				}), /* @__PURE__ */ m("button", {
 					type: "button",
-					onClick: () => C(null),
+					onClick: () => D(null),
 					className: "text-text-tertiary hover:text-text-primary",
 					children: "Cancel"
 				})]
-			}), /* @__PURE__ */ f("div", {
+			}), /* @__PURE__ */ h("div", {
 				className: "flex items-end gap-2",
-				children: [/* @__PURE__ */ d(h, {
-					value: b,
-					onChange: (e) => x(e.target.value),
-					placeholder: "Add a comment…",
-					rows: 1,
-					className: "min-h-[40px] resize-none",
-					onKeyDown: (e) => {
-						e.key === "Enter" && (e.metaKey || e.ctrlKey) && (e.preventDefault(), E());
-					}
-				}), /* @__PURE__ */ d(p, {
-					size: "sm",
-					onClick: E,
-					disabled: !b.trim() || y.isPending,
-					"aria-label": "Post comment",
-					children: /* @__PURE__ */ d(u, { className: "h-4 w-4" })
-				})]
+				children: [
+					/* @__PURE__ */ m(i, {
+						name: b?.name ?? b?.email ?? "You",
+						seed: b?.id,
+						size: "sm",
+						className: "mb-1"
+					}),
+					/* @__PURE__ */ m(v, {
+						value: w,
+						onChange: (e) => T(e.target.value),
+						placeholder: "Add a comment…",
+						rows: 1,
+						className: "min-h-[40px] resize-none",
+						onKeyDown: (e) => {
+							e.key === "Enter" && (e.metaKey || e.ctrlKey) && (e.preventDefault(), A());
+						}
+					}),
+					/* @__PURE__ */ m(g, {
+						size: "icon",
+						onClick: A,
+						disabled: !w.trim() || C.isPending,
+						"aria-label": "Post comment",
+						className: "shrink-0 rounded-full",
+						children: /* @__PURE__ */ m(p, { className: "h-4 w-4" })
+					})
+				]
 			})]
 		})]
 	});
 }
 //#endregion
-export { g as CommentThread };
+export { y as CommentThread };
 
 //# sourceMappingURL=CommentThread.js.map

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":"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"}

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

@@ -0,0 +1,10 @@
+import { ComCircle } from '../types';
+
+interface CreateCircleDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    onCreated?: (circle: ComCircle) => void;
+}
+export declare function CreateCircleDialog({ open, onOpenChange, onCreated }: CreateCircleDialogProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=CreateCircleDialog.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CreateCircleDialog.d.ts","sourceRoot":"","sources":["../../../src/comradecircle/components/CreateCircleDialog.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AA0BH,OAAO,KAAK,EAAE,SAAS,EAAuB,MAAM,UAAU,CAAC;AAI/D,UAAU,uBAAuB;IAC/B,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,SAAS,KAAK,IAAI,CAAC;CACzC;AAED,wBAAgB,kBAAkB,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,SAAS,EAAE,EAAE,uBAAuB,2CAsJ5F"}

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

@@ -0,0 +1,12 @@
+import { ComEvent } from '../types';
+
+interface CreateEventDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    /** Fixed circle — when omitted the dialog shows an active-circle picker. */
+    circleId?: string;
+    onCreated?: (event: ComEvent) => void;
+}
+export declare function CreateEventDialog({ open, onOpenChange, circleId, onCreated, }: CreateEventDialogProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=CreateEventDialog.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CreateEventDialog.d.ts","sourceRoot":"","sources":["../../../src/comradecircle/components/CreateEventDialog.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAwBH,OAAO,KAAK,EAAE,QAAQ,EAAgB,MAAM,UAAU,CAAC;AAUvD,UAAU,sBAAsB;IAC9B,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,KAAK,IAAI,CAAC;CACvC;AAED,wBAAgB,iBAAiB,CAAC,EAChC,IAAI,EACJ,YAAY,EACZ,QAAQ,EACR,SAAS,GACV,EAAE,sBAAsB,2CAyMxB"}

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

@@ -0,0 +1,28 @@
+import { ReactNode } from 'react';
+
+export interface Column<T> {
+    key: string;
+    header: ReactNode;
+    render: (row: T) => ReactNode;
+    align?: 'left' | 'right' | 'center';
+    className?: string;
+    /** Hide below the `md` breakpoint for a mobile-friendly layout. */
+    hideOnMobile?: boolean;
+    /** Provide to make this column click-sortable (returns a comparable value). */
+    sortValue?: (row: T) => string | number;
+}
+interface DataTableProps<T> {
+    columns: Column<T>[];
+    rows: T[];
+    rowKey: (row: T) => string;
+    onRowClick?: (row: T) => void;
+    className?: string;
+    /** Default sort: a column key + direction. */
+    defaultSort?: {
+        key: string;
+        dir: 'asc' | 'desc';
+    };
+}
+export declare function DataTable<T>({ columns, rows, rowKey, onRowClick, className, defaultSort, }: DataTableProps<T>): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=DataTable.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../src/comradecircle/components/DataTable.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,EAAqB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAK1D,MAAM,WAAW,MAAM,CAAC,CAAC;IACvB,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,SAAS,CAAC;IAClB,MAAM,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,SAAS,CAAC;IAC9B,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mEAAmE;IACnE,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,+EAA+E;IAC/E,SAAS,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,MAAM,GAAG,MAAM,CAAC;CACzC;AAED,UAAU,cAAc,CAAC,CAAC;IACxB,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;IACrB,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,MAAM,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,MAAM,CAAC;IAC3B,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,IAAI,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8CAA8C;IAC9C,WAAW,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,KAAK,GAAG,MAAM,CAAA;KAAE,CAAC;CACpD;AAQD,wBAAgB,SAAS,CAAC,CAAC,EAAE,EAC3B,OAAO,EACP,IAAI,EACJ,MAAM,EACN,UAAU,EACV,SAAS,EACT,WAAW,GACZ,EAAE,cAAc,CAAC,CAAC,CAAC,2CAqGnB"}

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

@@ -0,0 +1,18 @@
+import { FC, ReactNode } from 'react';
+
+interface EmptyStateProps {
+    icon?: ReactNode;
+    /**
+     * On-brand illustration name → `/illustrations/<name>.webp`. Standard names:
+     * empty-data, empty-search, empty-files, empty-people, empty-notifications,
+     * onboarding, empty-generic.
+     */
+    illustration?: string;
+    title: string;
+    description?: string;
+    action?: ReactNode;
+    className?: string;
+}
+export declare const EmptyState: FC<EmptyStateProps>;
+export {};
+//# sourceMappingURL=EmptyState.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.d.ts","sourceRoot":"","sources":["../../../src/comradecircle/components/EmptyState.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAI3C,UAAU,eAAe;IACvB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CA8B1C,CAAC"}

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

@@ -0,0 +1,9 @@
+import { ComEvent } from '../types';
+
+interface EventCardProps {
+    event: ComEvent;
+    onOpen: () => void;
+}
+export declare function EventCard({ event, onOpen }: EventCardProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=EventCard.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EventCard.d.ts","sourceRoot":"","sources":["../../../src/comradecircle/components/EventCard.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAWH,OAAO,KAAK,EAAE,QAAQ,EAAiB,MAAM,UAAU,CAAC;AAExD,UAAU,cAAc;IACtB,KAAK,EAAE,QAAQ,CAAC;IAChB,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB;AAOD,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,cAAc,2CAgI1D"}

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/FileImage.d.ts

@@ -0,0 +1,18 @@
+/**
+ * FileImage — render a wspace-files-svc file id as an image.
+ * @module comradecircle/components
+ *
+ * Resolves the id to a presigned URL via {@link useFileUrl}. Shows a skeleton
+ * while resolving and renders nothing (so the caller's fallback shows) if the id
+ * is absent or the URL fails to resolve.
+ */
+interface FileImageProps {
+    fileId?: string | null;
+    alt: string;
+    className?: string;
+    /** Rendered when there is no fileId, resolution fails, or the image errors. */
+    fallback?: React.ReactNode;
+}
+export declare function FileImage({ fileId, alt, className, fallback }: FileImageProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=FileImage.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FileImage.d.ts","sourceRoot":"","sources":["../../../src/comradecircle/components/FileImage.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAOH,UAAU,cAAc;IACtB,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,GAAG,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,wBAAgB,SAAS,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,SAAS,EAAE,QAAe,EAAE,EAAE,cAAc,2CAiBpF"}

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

@@ -0,0 +1,18 @@
+/**
+ * FilterTabs — a segmented status/enum filter control.
+ * @module comradecircle/components
+ */
+export interface FilterOption<V extends string> {
+    value: V;
+    label: string;
+    count?: number;
+}
+interface FilterTabsProps<V extends string> {
+    options: FilterOption<V>[];
+    value: V;
+    onChange: (value: V) => void;
+    className?: string;
+}
+export declare function FilterTabs<V extends string>({ options, value, onChange, className, }: FilterTabsProps<V>): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=FilterTabs.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FilterTabs.d.ts","sourceRoot":"","sources":["../../../src/comradecircle/components/FilterTabs.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAIH,MAAM,WAAW,YAAY,CAAC,CAAC,SAAS,MAAM;IAC5C,KAAK,EAAE,CAAC,CAAC;IACT,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,UAAU,eAAe,CAAC,CAAC,SAAS,MAAM;IACxC,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC;IAC3B,KAAK,EAAE,CAAC,CAAC;IACT,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,UAAU,CAAC,CAAC,SAAS,MAAM,EAAE,EAC3C,OAAO,EACP,KAAK,EACL,QAAQ,EACR,SAAS,GACV,EAAE,eAAe,CAAC,CAAC,CAAC,2CAyCpB"}