@burdenoff/microfe-comradecircle 2026.819.1 → 2026.830.1

package/dist/comradecircle/components/ReactionBar.js

@@ -1,111 +1,121 @@
 import { useComradeCircle as e } from "../context/ComradeCircleContext.js";
 import "../context/index.js";
-import { cn as t } from "../utils/cn.js";
-import { useComReactToPost as n } from "../hooks/useComradeCircleApi.js";
+import { useComReactToPost as t } from "../hooks/useComradeCircleApi.js";
+import { useTr as n } from "../hooks/useTr.js";
 import "../hooks/index.js";
-import { describeError as r, notify as i } from "../lib/toast.js";
-import { useState as a } from "react";
-import { SmilePlus as o } from "lucide-react";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
-import { Popover as l, PopoverContent as u, PopoverTrigger as d } from "@burdenoff/fe-libs/ui";
+import { cn as r } from "../utils/cn.js";
+import { describeError as i, notify as a } from "../lib/toast.js";
+import { useState as o } from "react";
+import { SmilePlus as s } from "lucide-react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { Popover as u, PopoverContent as d, PopoverTrigger as f } from "@burdenoff/fe-libs/ui";
 //#region src/comradecircle/components/ReactionBar.tsx
-var f = [
+var p = [
 	{
 		type: "LIKE",
 		emoji: "👍",
-		label: "Like"
+		key: "comradecircle.components.reactionBar.like",
+		fallback: "Like"
 	},
 	{
 		type: "LOVE",
 		emoji: "❤️",
-		label: "Love"
+		key: "comradecircle.components.reactionBar.love",
+		fallback: "Love"
 	},
 	{
 		type: "CELEBRATE",
 		emoji: "🎉",
-		label: "Celebrate"
+		key: "comradecircle.components.reactionBar.celebrate",
+		fallback: "Celebrate"
 	},
 	{
 		type: "INSIGHTFUL",
 		emoji: "💡",
-		label: "Insightful"
+		key: "comradecircle.components.reactionBar.insightful",
+		fallback: "Insightful"
 	},
 	{
 		type: "LAUGH",
 		emoji: "😄",
-		label: "Funny"
+		key: "comradecircle.components.reactionBar.funny",
+		fallback: "Funny"
 	},
 	{
 		type: "SUPPORT",
 		emoji: "🤝",
-		label: "Support"
+		key: "comradecircle.components.reactionBar.support",
+		fallback: "Support"
 	}
 ];
-function p({ post: p }) {
-	let { currentUser: m } = e(), h = n(), [g, _] = a(!1), v = m?.id, y = /* @__PURE__ */ new Map();
-	for (let e of p.reactions ?? []) {
-		let t = y.get(e.type) ?? {
+function m({ post: m }) {
+	let { currentUser: h } = e(), g = t(), _ = n(), [v, y] = o(!1), b = h?.id, x = /* @__PURE__ */ new Map();
+	for (let e of m.reactions ?? []) {
+		let t = x.get(e.type) ?? {
 			count: 0,
 			mine: !1
 		};
-		t.count += 1, v && e.memberId === v && (t.mine = !0), y.set(e.type, t);
+		t.count += 1, b && e.memberId === b && (t.mine = !0), x.set(e.type, t);
 	}
-	let b = async (e) => {
-		_(!1);
+	let S = async (e) => {
+		y(!1);
 		try {
-			await h.mutateAsync({
-				postId: p.id,
+			await g.mutateAsync({
+				postId: m.id,
 				type: e
 			});
 		} catch (e) {
-			i.error("Could not react", r(e));
+			a.error(_("comradecircle.components.reactionBar.reactError", "Could not react"), i(e));
 		}
 	};
-	return /* @__PURE__ */ c("div", {
+	return /* @__PURE__ */ l("div", {
 		className: "flex flex-wrap items-center gap-1.5",
-		children: [f.filter((e) => (y.get(e.type)?.count ?? 0) > 0).map((e) => {
-			let n = y.get(e.type);
-			return /* @__PURE__ */ c("button", {
+		children: [p.filter((e) => (x.get(e.type)?.count ?? 0) > 0).map((e) => {
+			let t = x.get(e.type);
+			return /* @__PURE__ */ l("button", {
 				type: "button",
-				onClick: () => b(e.type),
-				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-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", {
+				onClick: () => S(e.type),
+				disabled: g.isPending,
+				"aria-pressed": t.mine,
+				"aria-label": _("comradecircle.components.reactionBar.reactionAriaLabel", "{{label}} ({{count}})", {
+					label: _(e.key, e.fallback),
+					count: t.count
+				}),
+				className: r("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", t.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__ */ c("span", {
 					"aria-hidden": "true",
 					children: e.emoji
-				}), /* @__PURE__ */ s("span", {
+				}), /* @__PURE__ */ c("span", {
 					className: "tabular-nums",
-					children: n.count
+					children: t.count
 				})]
 			}, e.type);
-		}), /* @__PURE__ */ c(l, {
-			open: g,
-			onOpenChange: _,
-			children: [/* @__PURE__ */ s(d, {
+		}), /* @__PURE__ */ l(u, {
+			open: v,
+			onOpenChange: y,
+			children: [/* @__PURE__ */ c(f, {
 				asChild: !0,
-				children: /* @__PURE__ */ s("button", {
+				children: /* @__PURE__ */ c("button", {
 					type: "button",
-					"aria-label": "Add reaction",
+					"aria-label": _("comradecircle.components.reactionBar.addReactionAriaLabel", "Add reaction"),
 					className: "inline-flex items-center gap-1 rounded-full border border-border-seam bg-bg-surface px-2 py-0.5 text-xs text-text-secondary transition-colors hover:bg-bg-sunken hover:text-text-primary",
-					children: /* @__PURE__ */ s(o, { className: "h-3.5 w-3.5" })
+					children: /* @__PURE__ */ c(s, { className: "h-3.5 w-3.5" })
 				})
-			}), /* @__PURE__ */ s(u, {
+			}), /* @__PURE__ */ c(d, {
 				className: "w-auto p-1.5",
 				align: "start",
-				children: /* @__PURE__ */ s("div", {
+				children: /* @__PURE__ */ c("div", {
 					className: "flex items-center gap-0.5",
-					children: f.map((e) => {
-						let n = y.get(e.type)?.mine ?? !1;
-						return /* @__PURE__ */ s("button", {
+					children: p.map((e) => {
+						let t = x.get(e.type)?.mine ?? !1, n = _(e.key, e.fallback);
+						return /* @__PURE__ */ c("button", {
 							type: "button",
-							onClick: () => b(e.type),
-							disabled: h.isPending,
-							title: e.label,
-							"aria-label": e.label,
-							className: t("flex h-9 w-9 items-center justify-center rounded-lg text-lg transition-transform hover:scale-110 hover:bg-bg-sunken", n && "bg-[var(--color-accent-soft)]"),
-							children: /* @__PURE__ */ s("span", {
+							onClick: () => S(e.type),
+							disabled: g.isPending,
+							title: n,
+							"aria-label": n,
+							className: r("flex h-9 w-9 items-center justify-center rounded-lg text-lg transition-transform hover:scale-110 hover:bg-bg-sunken", t && "bg-[var(--color-accent-soft)]"),
+							children: /* @__PURE__ */ c("span", {
 								"aria-hidden": "true",
 								children: e.emoji
 							})
@@ -117,6 +127,6 @@ function p({ post: p }) {
 	});
 }
 //#endregion
-export { p as ReactionBar };
+export { m as ReactionBar };
 
 //# sourceMappingURL=ReactionBar.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ReactionBar.js","names":[],"sources":["../../../src/comradecircle/components/ReactionBar.tsx"],"sourcesContent":["/**\n * ReactionBar — Slack-style multi-reaction control for a post.\n * @module comradecircle/components\n *\n * `comReactToPost(postId, type)` is an idempotent toggle for one typed reaction,\n * so a member may hold several distinct reactions on a post. We render a chip\n * per reaction type that has a count (highlighted when the caller reacted) plus\n * a popover to add any of the six types.\n */\n\nimport { useState } from 'react';\nimport { SmilePlus } from 'lucide-react';\nimport { Popover, PopoverContent, PopoverTrigger } from '@burdenoff/fe-libs/ui';\nimport { cn } from '../utils/cn';\nimport { useComReactToPost } from '../hooks';\nimport { useComradeCircle } from '../context';\nimport { notify, describeError } from '../lib/toast';\nimport type { ComPost, ComReactionType } from '../types';\n\nconst REACTIONS: { type: ComReactionType; emoji: string; label: string }[] = [\n  { type: 'LIKE', emoji: '👍', label: 'Like' },\n  { type: 'LOVE', emoji: '❤️', label: 'Love' },\n  { type: 'CELEBRATE', emoji: '🎉', label: 'Celebrate' },\n  { type: 'INSIGHTFUL', emoji: '💡', label: 'Insightful' },\n  { type: 'LAUGH', emoji: '😄', label: 'Funny' },\n  { type: 'SUPPORT', emoji: '🤝', label: 'Support' },\n];\n\ninterface ReactionBarProps {\n  post: ComPost;\n}\n\nexport function ReactionBar({ post }: ReactionBarProps) {\n  const { currentUser } = useComradeCircle();\n  const react = useComReactToPost();\n  const [open, setOpen] = useState(false);\n\n  const meId = currentUser?.id;\n  const counts = new Map<ComReactionType, { count: number; mine: boolean }>();\n  for (const r of post.reactions ?? []) {\n    const cur = counts.get(r.type) ?? { count: 0, mine: false };\n    cur.count += 1;\n    if (meId && r.memberId === meId) cur.mine = true;\n    counts.set(r.type, cur);\n  }\n\n  const toggle = async (type: ComReactionType) => {\n    setOpen(false);\n    try {\n      await react.mutateAsync({ postId: post.id, type });\n    } catch (err) {\n      notify.error('Could not react', describeError(err));\n    }\n  };\n\n  const active = REACTIONS.filter((r) => (counts.get(r.type)?.count ?? 0) > 0);\n\n  return (\n    <div className=\"flex flex-wrap items-center gap-1.5\">\n      {active.map((r) => {\n        const info = counts.get(r.type)!;\n        return (\n          <button\n            key={r.type}\n            type=\"button\"\n            onClick={() => toggle(r.type)}\n            disabled={react.isPending}\n            aria-pressed={info.mine}\n            aria-label={`${r.label} (${info.count})`}\n            className={cn(\n              '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              info.mine\n                ? 'border-accent bg-[var(--color-accent-soft)] text-text-primary shadow-[0_0_0_2px_var(--color-accent-soft)]'\n                : 'border-border-seam bg-bg-surface text-text-secondary hover:-translate-y-px hover:bg-bg-sunken'\n            )}\n          >\n            <span aria-hidden=\"true\">{r.emoji}</span>\n            <span className=\"tabular-nums\">{info.count}</span>\n          </button>\n        );\n      })}\n\n      <Popover open={open} onOpenChange={setOpen}>\n        <PopoverTrigger asChild>\n          <button\n            type=\"button\"\n            aria-label=\"Add reaction\"\n            className=\"inline-flex items-center gap-1 rounded-full border border-border-seam bg-bg-surface px-2 py-0.5 text-xs text-text-secondary transition-colors hover:bg-bg-sunken hover:text-text-primary\"\n          >\n            <SmilePlus className=\"h-3.5 w-3.5\" />\n          </button>\n        </PopoverTrigger>\n        <PopoverContent className=\"w-auto p-1.5\" align=\"start\">\n          <div className=\"flex items-center gap-0.5\">\n            {REACTIONS.map((r) => {\n              const mine = counts.get(r.type)?.mine ?? false;\n              return (\n                <button\n                  key={r.type}\n                  type=\"button\"\n                  onClick={() => toggle(r.type)}\n                  disabled={react.isPending}\n                  title={r.label}\n                  aria-label={r.label}\n                  className={cn(\n                    'flex h-9 w-9 items-center justify-center rounded-lg text-lg transition-transform hover:scale-110 hover:bg-bg-sunken',\n                    mine && 'bg-[var(--color-accent-soft)]'\n                  )}\n                >\n                  <span aria-hidden=\"true\">{r.emoji}</span>\n                </button>\n              );\n            })}\n          </div>\n        </PopoverContent>\n      </Popover>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAmBA,IAAM,IAAuE;CAC3E;EAAE,MAAM;EAAQ,OAAO;EAAM,OAAO;CAAO;CAC3C;EAAE,MAAM;EAAQ,OAAO;EAAM,OAAO;CAAO;CAC3C;EAAE,MAAM;EAAa,OAAO;EAAM,OAAO;CAAY;CACrD;EAAE,MAAM;EAAc,OAAO;EAAM,OAAO;CAAa;CACvD;EAAE,MAAM;EAAS,OAAO;EAAM,OAAO;CAAQ;CAC7C;EAAE,MAAM;EAAW,OAAO;EAAM,OAAO;CAAU;AACnD;AAMA,SAAgB,EAAY,EAAE,WAA0B;CACtD,IAAM,EAAE,mBAAgB,EAAiB,GACnC,IAAQ,EAAkB,GAC1B,CAAC,GAAM,KAAW,EAAS,EAAK,GAEhC,IAAO,GAAa,IACpB,oBAAS,IAAI,IAAuD;CAC1E,KAAK,IAAM,KAAK,EAAK,aAAa,CAAC,GAAG;EACpC,IAAM,IAAM,EAAO,IAAI,EAAE,IAAI,KAAK;GAAE,OAAO;GAAG,MAAM;EAAM;EAG1D,AAFA,EAAI,SAAS,GACT,KAAQ,EAAE,aAAa,MAAM,EAAI,OAAO,KAC5C,EAAO,IAAI,EAAE,MAAM,CAAG;CACxB;CAEA,IAAM,IAAS,OAAO,MAA0B;EAC9C,EAAQ,EAAK;EACb,IAAI;GACF,MAAM,EAAM,YAAY;IAAE,QAAQ,EAAK;IAAI;GAAK,CAAC;EACnD,SAAS,GAAK;GACZ,EAAO,MAAM,mBAAmB,EAAc,CAAG,CAAC;EACpD;CACF;CAIA,OACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CAHa,EAAU,QAAQ,OAAO,EAAO,IAAI,EAAE,IAAI,GAAG,SAAS,KAAK,CAIrE,EAAO,KAAK,MAAM;GACjB,IAAM,IAAO,EAAO,IAAI,EAAE,IAAI;GAC9B,OACE,kBAAC,UAAD;IAEE,MAAK;IACL,eAAe,EAAO,EAAE,IAAI;IAC5B,UAAU,EAAM;IAChB,gBAAc,EAAK;IACnB,cAAY,GAAG,EAAE,MAAM,IAAI,EAAK,MAAM;IACtC,WAAW,EACT,wIACA,EAAK,OACD,8GACA,+FACN;cAZF,CAcE,kBAAC,QAAD;KAAM,eAAY;eAAQ,EAAE;IAAY,CAAA,GACxC,kBAAC,QAAD;KAAM,WAAU;eAAgB,EAAK;IAAY,CAAA,CAC3C;MAfD,EAAE,IAeD;EAEZ,CAAC,GAED,kBAAC,GAAD;GAAe;GAAM,cAAc;aAAnC,CACE,kBAAC,GAAD;IAAgB,SAAA;cACd,kBAAC,UAAD;KACE,MAAK;KACL,cAAW;KACX,WAAU;eAEV,kBAAC,GAAD,EAAW,WAAU,cAAe,CAAA;IAC9B,CAAA;GACM,CAAA,GAChB,kBAAC,GAAD;IAAgB,WAAU;IAAe,OAAM;cAC7C,kBAAC,OAAD;KAAK,WAAU;eACZ,EAAU,KAAK,MAAM;MACpB,IAAM,IAAO,EAAO,IAAI,EAAE,IAAI,GAAG,QAAQ;MACzC,OACE,kBAAC,UAAD;OAEE,MAAK;OACL,eAAe,EAAO,EAAE,IAAI;OAC5B,UAAU,EAAM;OAChB,OAAO,EAAE;OACT,cAAY,EAAE;OACd,WAAW,EACT,uHACA,KAAQ,+BACV;iBAEA,kBAAC,QAAD;QAAM,eAAY;kBAAQ,EAAE;OAAY,CAAA;MAClC,GAZD,EAAE,IAYD;KAEZ,CAAC;IACE,CAAA;GACS,CAAA,CACT;IACN;;AAET"}
+{"version":3,"file":"ReactionBar.js","names":[],"sources":["../../../src/comradecircle/components/ReactionBar.tsx"],"sourcesContent":["/**\n * ReactionBar — Slack-style multi-reaction control for a post.\n * @module comradecircle/components\n *\n * `comReactToPost(postId, type)` is an idempotent toggle for one typed reaction,\n * so a member may hold several distinct reactions on a post. We render a chip\n * per reaction type that has a count (highlighted when the caller reacted) plus\n * a popover to add any of the six types.\n */\n\nimport { useState } from 'react';\nimport { SmilePlus } from 'lucide-react';\nimport { Popover, PopoverContent, PopoverTrigger } from '@burdenoff/fe-libs/ui';\nimport { cn } from '../utils/cn';\nimport { useComReactToPost, useTr } from '../hooks';\nimport { useComradeCircle } from '../context';\nimport { notify, describeError } from '../lib/toast';\nimport type { ComPost, ComReactionType } from '../types';\n\nconst REACTIONS: { type: ComReactionType; emoji: string; key: string; fallback: string }[] = [\n  { type: 'LIKE', emoji: '👍', key: 'comradecircle.components.reactionBar.like', fallback: 'Like' },\n  { type: 'LOVE', emoji: '❤️', key: 'comradecircle.components.reactionBar.love', fallback: 'Love' },\n  {\n    type: 'CELEBRATE',\n    emoji: '🎉',\n    key: 'comradecircle.components.reactionBar.celebrate',\n    fallback: 'Celebrate',\n  },\n  {\n    type: 'INSIGHTFUL',\n    emoji: '💡',\n    key: 'comradecircle.components.reactionBar.insightful',\n    fallback: 'Insightful',\n  },\n  {\n    type: 'LAUGH',\n    emoji: '😄',\n    key: 'comradecircle.components.reactionBar.funny',\n    fallback: 'Funny',\n  },\n  {\n    type: 'SUPPORT',\n    emoji: '🤝',\n    key: 'comradecircle.components.reactionBar.support',\n    fallback: 'Support',\n  },\n];\n\ninterface ReactionBarProps {\n  post: ComPost;\n}\n\nexport function ReactionBar({ post }: ReactionBarProps) {\n  const { currentUser } = useComradeCircle();\n  const react = useComReactToPost();\n  const tr = useTr();\n  const [open, setOpen] = useState(false);\n\n  const meId = currentUser?.id;\n  const counts = new Map<ComReactionType, { count: number; mine: boolean }>();\n  for (const r of post.reactions ?? []) {\n    const cur = counts.get(r.type) ?? { count: 0, mine: false };\n    cur.count += 1;\n    if (meId && r.memberId === meId) cur.mine = true;\n    counts.set(r.type, cur);\n  }\n\n  const toggle = async (type: ComReactionType) => {\n    setOpen(false);\n    try {\n      await react.mutateAsync({ postId: post.id, type });\n    } catch (err) {\n      notify.error(\n        tr('comradecircle.components.reactionBar.reactError', 'Could not react'),\n        describeError(err)\n      );\n    }\n  };\n\n  const active = REACTIONS.filter((r) => (counts.get(r.type)?.count ?? 0) > 0);\n\n  return (\n    <div className=\"flex flex-wrap items-center gap-1.5\">\n      {active.map((r) => {\n        const info = counts.get(r.type)!;\n        return (\n          <button\n            key={r.type}\n            type=\"button\"\n            onClick={() => toggle(r.type)}\n            disabled={react.isPending}\n            aria-pressed={info.mine}\n            aria-label={tr(\n              'comradecircle.components.reactionBar.reactionAriaLabel',\n              '{{label}} ({{count}})',\n              {\n                label: tr(r.key, r.fallback),\n                count: info.count,\n              }\n            )}\n            className={cn(\n              '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              info.mine\n                ? 'border-accent bg-[var(--color-accent-soft)] text-text-primary shadow-[0_0_0_2px_var(--color-accent-soft)]'\n                : 'border-border-seam bg-bg-surface text-text-secondary hover:-translate-y-px hover:bg-bg-sunken'\n            )}\n          >\n            <span aria-hidden=\"true\">{r.emoji}</span>\n            <span className=\"tabular-nums\">{info.count}</span>\n          </button>\n        );\n      })}\n\n      <Popover open={open} onOpenChange={setOpen}>\n        <PopoverTrigger asChild>\n          <button\n            type=\"button\"\n            aria-label={tr(\n              'comradecircle.components.reactionBar.addReactionAriaLabel',\n              'Add reaction'\n            )}\n            className=\"inline-flex items-center gap-1 rounded-full border border-border-seam bg-bg-surface px-2 py-0.5 text-xs text-text-secondary transition-colors hover:bg-bg-sunken hover:text-text-primary\"\n          >\n            <SmilePlus className=\"h-3.5 w-3.5\" />\n          </button>\n        </PopoverTrigger>\n        <PopoverContent className=\"w-auto p-1.5\" align=\"start\">\n          <div className=\"flex items-center gap-0.5\">\n            {REACTIONS.map((r) => {\n              const mine = counts.get(r.type)?.mine ?? false;\n              const label = tr(r.key, r.fallback);\n              return (\n                <button\n                  key={r.type}\n                  type=\"button\"\n                  onClick={() => toggle(r.type)}\n                  disabled={react.isPending}\n                  title={label}\n                  aria-label={label}\n                  className={cn(\n                    'flex h-9 w-9 items-center justify-center rounded-lg text-lg transition-transform hover:scale-110 hover:bg-bg-sunken',\n                    mine && 'bg-[var(--color-accent-soft)]'\n                  )}\n                >\n                  <span aria-hidden=\"true\">{r.emoji}</span>\n                </button>\n              );\n            })}\n          </div>\n        </PopoverContent>\n      </Popover>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAmBA,IAAM,IAAuF;CAC3F;EAAE,MAAM;EAAQ,OAAO;EAAM,KAAK;EAA6C,UAAU;CAAO;CAChG;EAAE,MAAM;EAAQ,OAAO;EAAM,KAAK;EAA6C,UAAU;CAAO;CAChG;EACE,MAAM;EACN,OAAO;EACP,KAAK;EACL,UAAU;CACZ;CACA;EACE,MAAM;EACN,OAAO;EACP,KAAK;EACL,UAAU;CACZ;CACA;EACE,MAAM;EACN,OAAO;EACP,KAAK;EACL,UAAU;CACZ;CACA;EACE,MAAM;EACN,OAAO;EACP,KAAK;EACL,UAAU;CACZ;AACF;AAMA,SAAgB,EAAY,EAAE,WAA0B;CACtD,IAAM,EAAE,mBAAgB,EAAiB,GACnC,IAAQ,EAAkB,GAC1B,IAAK,EAAM,GACX,CAAC,GAAM,KAAW,EAAS,EAAK,GAEhC,IAAO,GAAa,IACpB,oBAAS,IAAI,IAAuD;CAC1E,KAAK,IAAM,KAAK,EAAK,aAAa,CAAC,GAAG;EACpC,IAAM,IAAM,EAAO,IAAI,EAAE,IAAI,KAAK;GAAE,OAAO;GAAG,MAAM;EAAM;EAG1D,AAFA,EAAI,SAAS,GACT,KAAQ,EAAE,aAAa,MAAM,EAAI,OAAO,KAC5C,EAAO,IAAI,EAAE,MAAM,CAAG;CACxB;CAEA,IAAM,IAAS,OAAO,MAA0B;EAC9C,EAAQ,EAAK;EACb,IAAI;GACF,MAAM,EAAM,YAAY;IAAE,QAAQ,EAAK;IAAI;GAAK,CAAC;EACnD,SAAS,GAAK;GACZ,EAAO,MACL,EAAG,mDAAmD,iBAAiB,GACvE,EAAc,CAAG,CACnB;EACF;CACF;CAIA,OACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CAHa,EAAU,QAAQ,OAAO,EAAO,IAAI,EAAE,IAAI,GAAG,SAAS,KAAK,CAIrE,EAAO,KAAK,MAAM;GACjB,IAAM,IAAO,EAAO,IAAI,EAAE,IAAI;GAC9B,OACE,kBAAC,UAAD;IAEE,MAAK;IACL,eAAe,EAAO,EAAE,IAAI;IAC5B,UAAU,EAAM;IAChB,gBAAc,EAAK;IACnB,cAAY,EACV,0DACA,yBACA;KACE,OAAO,EAAG,EAAE,KAAK,EAAE,QAAQ;KAC3B,OAAO,EAAK;IACd,CACF;IACA,WAAW,EACT,wIACA,EAAK,OACD,8GACA,+FACN;cAnBF,CAqBE,kBAAC,QAAD;KAAM,eAAY;eAAQ,EAAE;IAAY,CAAA,GACxC,kBAAC,QAAD;KAAM,WAAU;eAAgB,EAAK;IAAY,CAAA,CAC3C;MAtBD,EAAE,IAsBD;EAEZ,CAAC,GAED,kBAAC,GAAD;GAAe;GAAM,cAAc;aAAnC,CACE,kBAAC,GAAD;IAAgB,SAAA;cACd,kBAAC,UAAD;KACE,MAAK;KACL,cAAY,EACV,6DACA,cACF;KACA,WAAU;eAEV,kBAAC,GAAD,EAAW,WAAU,cAAe,CAAA;IAC9B,CAAA;GACM,CAAA,GAChB,kBAAC,GAAD;IAAgB,WAAU;IAAe,OAAM;cAC7C,kBAAC,OAAD;KAAK,WAAU;eACZ,EAAU,KAAK,MAAM;MACpB,IAAM,IAAO,EAAO,IAAI,EAAE,IAAI,GAAG,QAAQ,IACnC,IAAQ,EAAG,EAAE,KAAK,EAAE,QAAQ;MAClC,OACE,kBAAC,UAAD;OAEE,MAAK;OACL,eAAe,EAAO,EAAE,IAAI;OAC5B,UAAU,EAAM;OAChB,OAAO;OACP,cAAY;OACZ,WAAW,EACT,uHACA,KAAQ,+BACV;iBAEA,kBAAC,QAAD;QAAM,eAAY;kBAAQ,EAAE;OAAY,CAAA;MAClC,GAZD,EAAE,IAYD;KAEZ,CAAC;IACE,CAAA;GACS,CAAA,CACT;IACN;;AAET"}

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

@@ -1 +1 @@
-{"version":3,"file":"StateViews.d.ts","sourceRoot":"","sources":["../../../src/comradecircle/components/StateViews.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAK3C,UAAU,gBAAgB;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAK5C,CAAC;AAEF,UAAU,cAAc;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CA2BxC,CAAC;AAEF,UAAU,YAAY;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,CAWpC,CAAC"}
+{"version":3,"file":"StateViews.d.ts","sourceRoot":"","sources":["../../../src/comradecircle/components/StateViews.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAM3C,UAAU,gBAAgB;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAU5C,CAAC;AAEF,UAAU,cAAc;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CA2BxC,CAAC;AAEF,UAAU,YAAY;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,CAWpC,CAAC"}

package/dist/comradecircle/components/StateViews.js

@@ -1,34 +1,42 @@
-import { cn as e } from "../utils/cn.js";
-import { AlertCircle as t } from "lucide-react";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
-import { Spinner as i } from "@burdenoff/fe-libs/ui";
+import { useTr as e } from "../hooks/useTr.js";
+import "../hooks/index.js";
+import { cn as t } from "../utils/cn.js";
+import { AlertCircle as n } from "lucide-react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { Spinner as a } from "@burdenoff/fe-libs/ui";
 //#region src/comradecircle/components/StateViews.tsx
-var a = ({ label: t = "Loading…", className: a }) => /* @__PURE__ */ r("div", {
-	className: e("flex min-h-[40vh] flex-col items-center justify-center gap-3", a),
-	children: [/* @__PURE__ */ n(i, { size: "lg" }), /* @__PURE__ */ n("p", {
-		className: "text-sm text-text-secondary",
-		children: t
-	})]
-}), o = ({ title: i = "Something went wrong", message: a, onRetry: o, className: s }) => /* @__PURE__ */ r("div", {
-	className: e("flex min-h-[40vh] flex-col items-center justify-center gap-4 text-center", s),
-	children: [
-		/* @__PURE__ */ n(t, { className: "h-10 w-10 text-status-error-text" }),
-		/* @__PURE__ */ r("div", { children: [/* @__PURE__ */ n("h2", {
-			className: "text-lg font-semibold text-text-primary",
-			children: i
-		}), a && /* @__PURE__ */ n("p", {
-			className: "mt-1 max-w-md text-sm text-text-secondary",
-			children: a
-		})] }),
-		o && /* @__PURE__ */ n("button", {
-			type: "button",
-			onClick: o,
-			className: "rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:opacity-90",
-			children: "Retry"
-		})
-	]
-});
+var o = ({ label: n, className: o }) => {
+	let s = e();
+	return /* @__PURE__ */ i("div", {
+		className: t("flex min-h-[40vh] flex-col items-center justify-center gap-3", o),
+		children: [/* @__PURE__ */ r(a, { size: "lg" }), /* @__PURE__ */ r("p", {
+			className: "text-sm text-text-secondary",
+			children: n ?? s("comradecircle.components.stateViews.loading", "Loading…")
+		})]
+	});
+}, s = ({ title: a, message: o, onRetry: s, className: c }) => {
+	let l = e();
+	return /* @__PURE__ */ i("div", {
+		className: t("flex min-h-[40vh] flex-col items-center justify-center gap-4 text-center", c),
+		children: [
+			/* @__PURE__ */ r(n, { className: "h-10 w-10 text-status-error-text" }),
+			/* @__PURE__ */ i("div", { children: [/* @__PURE__ */ r("h2", {
+				className: "text-lg font-semibold text-text-primary",
+				children: a ?? l("comradecircle.components.stateViews.errorTitle", "Something went wrong")
+			}), o && /* @__PURE__ */ r("p", {
+				className: "mt-1 max-w-md text-sm text-text-secondary",
+				children: o
+			})] }),
+			s && /* @__PURE__ */ r("button", {
+				type: "button",
+				onClick: s,
+				className: "rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:opacity-90",
+				children: l("comradecircle.components.stateViews.retry", "Retry")
+			})
+		]
+	});
+};
 //#endregion
-export { o as ErrorView, a as LoadingView };
+export { s as ErrorView, o as LoadingView };
 
 //# sourceMappingURL=StateViews.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"StateViews.js","names":[],"sources":["../../../src/comradecircle/components/StateViews.tsx"],"sourcesContent":["/**\n * Shared loading / error / section state views\n * @module comradecircle/components\n */\n\nimport type { FC, ReactNode } from 'react';\nimport { AlertCircle } from 'lucide-react';\nimport { Spinner } from '@burdenoff/fe-libs/ui';\nimport { cn } from '../utils/cn';\n\ninterface LoadingViewProps {\n  label?: string;\n  className?: string;\n}\n\nexport const LoadingView: FC<LoadingViewProps> = ({ label = 'Loading…', className }) => (\n  <div className={cn('flex min-h-[40vh] flex-col items-center justify-center gap-3', className)}>\n    <Spinner size=\"lg\" />\n    <p className=\"text-sm text-text-secondary\">{label}</p>\n  </div>\n);\n\ninterface ErrorViewProps {\n  title?: string;\n  message?: string;\n  onRetry?: () => void;\n  className?: string;\n}\n\nexport const ErrorView: FC<ErrorViewProps> = ({\n  title = 'Something went wrong',\n  message,\n  onRetry,\n  className,\n}) => (\n  <div\n    className={cn(\n      'flex min-h-[40vh] flex-col items-center justify-center gap-4 text-center',\n      className\n    )}\n  >\n    <AlertCircle className=\"h-10 w-10 text-status-error-text\" />\n    <div>\n      <h2 className=\"text-lg font-semibold text-text-primary\">{title}</h2>\n      {message && <p className=\"mt-1 max-w-md text-sm text-text-secondary\">{message}</p>}\n    </div>\n    {onRetry && (\n      <button\n        type=\"button\"\n        onClick={onRetry}\n        className=\"rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:opacity-90\"\n      >\n        Retry\n      </button>\n    )}\n  </div>\n);\n\ninterface SectionProps {\n  title: string;\n  description?: string;\n  action?: ReactNode;\n  children: ReactNode;\n  className?: string;\n}\n\nexport const Section: FC<SectionProps> = ({ title, description, action, children, className }) => (\n  <section className={cn('mt-8 first:mt-0', className)}>\n    <div className=\"mb-3 flex items-end justify-between gap-3\">\n      <div>\n        <h2 className=\"text-base font-semibold text-text-primary\">{title}</h2>\n        {description && <p className=\"mt-0.5 text-sm text-text-secondary\">{description}</p>}\n      </div>\n      {action && <div className=\"shrink-0\">{action}</div>}\n    </div>\n    {children}\n  </section>\n);\n"],"mappings":";;;;;AAeA,IAAa,KAAqC,EAAE,WAAQ,YAAY,mBACtE,kBAAC,OAAD;CAAK,WAAW,EAAG,gEAAgE,CAAS;WAA5F,CACE,kBAAC,GAAD,EAAS,MAAK,KAAM,CAAA,GACpB,kBAAC,KAAD;EAAG,WAAU;YAA+B;CAAS,CAAA,CAClD;IAUM,KAAiC,EAC5C,WAAQ,wBACR,YACA,YACA,mBAEA,kBAAC,OAAD;CACE,WAAW,EACT,4EACA,CACF;WAJF;EAME,kBAAC,GAAD,EAAa,WAAU,mCAAoC,CAAA;EAC3D,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;GAAI,WAAU;aAA2C;EAAU,CAAA,GAClE,KAAW,kBAAC,KAAD;GAAG,WAAU;aAA6C;EAAW,CAAA,CAC9E,EAAA,CAAA;EACJ,KACC,kBAAC,UAAD;GACE,MAAK;GACL,SAAS;GACT,WAAU;aACX;EAEO,CAAA;CAEP"}
+{"version":3,"file":"StateViews.js","names":[],"sources":["../../../src/comradecircle/components/StateViews.tsx"],"sourcesContent":["/**\n * Shared loading / error / section state views\n * @module comradecircle/components\n */\n\nimport type { FC, ReactNode } from 'react';\nimport { AlertCircle } from 'lucide-react';\nimport { Spinner } from '@burdenoff/fe-libs/ui';\nimport { useTr } from '../hooks';\nimport { cn } from '../utils/cn';\n\ninterface LoadingViewProps {\n  label?: string;\n  className?: string;\n}\n\nexport const LoadingView: FC<LoadingViewProps> = ({ label, className }) => {\n  const tr = useTr();\n  return (\n    <div className={cn('flex min-h-[40vh] flex-col items-center justify-center gap-3', className)}>\n      <Spinner size=\"lg\" />\n      <p className=\"text-sm text-text-secondary\">\n        {label ?? tr('comradecircle.components.stateViews.loading', 'Loading…')}\n      </p>\n    </div>\n  );\n};\n\ninterface ErrorViewProps {\n  title?: string;\n  message?: string;\n  onRetry?: () => void;\n  className?: string;\n}\n\nexport const ErrorView: FC<ErrorViewProps> = ({ title, message, onRetry, className }) => {\n  const tr = useTr();\n  return (\n    <div\n      className={cn(\n        'flex min-h-[40vh] flex-col items-center justify-center gap-4 text-center',\n        className\n      )}\n    >\n      <AlertCircle className=\"h-10 w-10 text-status-error-text\" />\n      <div>\n        <h2 className=\"text-lg font-semibold text-text-primary\">\n          {title ?? tr('comradecircle.components.stateViews.errorTitle', 'Something went wrong')}\n        </h2>\n        {message && <p className=\"mt-1 max-w-md text-sm text-text-secondary\">{message}</p>}\n      </div>\n      {onRetry && (\n        <button\n          type=\"button\"\n          onClick={onRetry}\n          className=\"rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:opacity-90\"\n        >\n          {tr('comradecircle.components.stateViews.retry', 'Retry')}\n        </button>\n      )}\n    </div>\n  );\n};\n\ninterface SectionProps {\n  title: string;\n  description?: string;\n  action?: ReactNode;\n  children: ReactNode;\n  className?: string;\n}\n\nexport const Section: FC<SectionProps> = ({ title, description, action, children, className }) => (\n  <section className={cn('mt-8 first:mt-0', className)}>\n    <div className=\"mb-3 flex items-end justify-between gap-3\">\n      <div>\n        <h2 className=\"text-base font-semibold text-text-primary\">{title}</h2>\n        {description && <p className=\"mt-0.5 text-sm text-text-secondary\">{description}</p>}\n      </div>\n      {action && <div className=\"shrink-0\">{action}</div>}\n    </div>\n    {children}\n  </section>\n);\n"],"mappings":";;;;;;;AAgBA,IAAa,KAAqC,EAAE,UAAO,mBAAgB;CACzE,IAAM,IAAK,EAAM;CACjB,OACE,kBAAC,OAAD;EAAK,WAAW,EAAG,gEAAgE,CAAS;YAA5F,CACE,kBAAC,GAAD,EAAS,MAAK,KAAM,CAAA,GACpB,kBAAC,KAAD;GAAG,WAAU;aACV,KAAS,EAAG,+CAA+C,UAAU;EACrE,CAAA,CACA;;AAET,GASa,KAAiC,EAAE,UAAO,YAAS,YAAS,mBAAgB;CACvF,IAAM,IAAK,EAAM;CACjB,OACE,kBAAC,OAAD;EACE,WAAW,EACT,4EACA,CACF;YAJF;GAME,kBAAC,GAAD,EAAa,WAAU,mCAAoC,CAAA;GAC3D,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;IAAI,WAAU;cACX,KAAS,EAAG,kDAAkD,sBAAsB;GACnF,CAAA,GACH,KAAW,kBAAC,KAAD;IAAG,WAAU;cAA6C;GAAW,CAAA,CAC9E,EAAA,CAAA;GACJ,KACC,kBAAC,UAAD;IACE,MAAK;IACL,SAAS;IACT,WAAU;cAET,EAAG,6CAA6C,OAAO;GAClD,CAAA;EAEP;;AAET"}

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

@@ -0,0 +1,26 @@
+/**
+ * UpcomingEvents — a compact "what's next" strip for the home feed.
+ * @module comradecircle/components
+ *
+ * Reads `comListEvents(status: SCHEDULED)` — the same root field the Events page
+ * already uses — and writes `comRsvpEvent(eventId, status)` straight from the
+ * row, so the member can commit to the next gathering without leaving home.
+ * Every value shown (`title`, `startsAt`, `mode`, `location`, `rsvpCount`,
+ * `capacity`) comes from that query's own selection set.
+ *
+ * Why the client-side date filter: the svc orders `comListEvents` by
+ * `startsAt: 'asc'` and does NOT drop events whose start time has passed, so an
+ * event left in `SCHEDULED` after its slot sorts *ahead* of genuinely upcoming
+ * ones. The rail therefore reads a window of the ordered list and keeps only
+ * rows still in the future. If that window is entirely historical the strip
+ * renders nothing at all — it never claims "no upcoming events", because one
+ * page of a list is not evidence that none exist.
+ */
+interface UpcomingEventsProps {
+    /** Rows to render once past events are filtered out. */
+    limit?: number;
+    className?: string;
+}
+export declare function UpcomingEvents({ limit, className }: UpcomingEventsProps): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=UpcomingEvents.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UpcomingEvents.d.ts","sourceRoot":"","sources":["../../../src/comradecircle/components/UpcomingEvents.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AAgCH,UAAU,mBAAmB;IAC3B,wDAAwD;IACxD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,cAAc,CAAC,EAAE,KAAS,EAAE,SAAS,EAAE,EAAE,mBAAmB,kDAgD3E"}

package/dist/comradecircle/components/UpcomingEvents.js

@@ -0,0 +1,126 @@
+import { useComradeCircle as e } from "../context/ComradeCircleContext.js";
+import "../context/index.js";
+import { useComEvents as t, useComRsvpEvent as n } from "../hooks/useComradeCircleApi.js";
+import "../hooks/index.js";
+import { cn as r } from "../utils/cn.js";
+import { describeError as i, notify as a } from "../lib/toast.js";
+import { formatDateTime as o, formatNumber as s } from "../utils/formatters.js";
+import { useEffect as c, useMemo as l, useState as u } from "react";
+import { ArrowRight as d, CalendarDays as f, Check as p, MapPin as m, Users as h, Video as g } from "lucide-react";
+import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
+import { Button as b } from "@burdenoff/fe-libs/ui";
+//#region src/comradecircle/components/UpcomingEvents.tsx
+var x = 50, S = 6e4;
+function C(e = S) {
+	let [t, n] = u(() => Date.now());
+	return c(() => {
+		let t = setInterval(() => n(Date.now()), e);
+		return () => clearInterval(t);
+	}, [e]), t;
+}
+function w({ limit: n = 3, className: i }) {
+	let { navigateTo: a } = e(), o = C(), { data: s, isLoading: c, isError: u } = t({
+		status: "SCHEDULED",
+		pagination: { limit: x }
+	}), p = l(() => (s?.items ?? []).filter((e) => new Date(e.startsAt).getTime() >= o).slice(0, n), [
+		s,
+		o,
+		n
+	]);
+	return c || u || p.length === 0 ? null : /* @__PURE__ */ y("section", {
+		className: r("mx-auto w-full max-w-2xl", i),
+		"aria-labelledby": "cc-upcoming",
+		children: [/* @__PURE__ */ y("div", {
+			className: "mb-2 flex items-center justify-between gap-3",
+			children: [/* @__PURE__ */ y("h2", {
+				id: "cc-upcoming",
+				className: "inline-flex items-center gap-1.5 text-xs font-semibold uppercase tracking-wide text-text-tertiary",
+				children: [/* @__PURE__ */ v(f, { className: "h-3.5 w-3.5" }), " Upcoming events"]
+			}), /* @__PURE__ */ y("button", {
+				type: "button",
+				onClick: () => a("events"),
+				className: "inline-flex items-center gap-1 text-xs font-medium text-text-secondary transition-colors hover:text-text-primary",
+				children: ["View all ", /* @__PURE__ */ v(d, { className: "h-3 w-3" })]
+			})]
+		}), /* @__PURE__ */ v("ul", {
+			className: "overflow-hidden rounded-2xl border border-border-seam bg-bg-surface",
+			children: p.map((e) => /* @__PURE__ */ v("li", {
+				className: "border-b border-border-seam last:border-b-0",
+				children: /* @__PURE__ */ v(T, { event: e })
+			}, e.id))
+		})]
+	});
+}
+function T({ event: t }) {
+	let { navigateTo: c } = e(), l = n(), [d, x] = u(null), S = d === "GOING", C = t.mode === "IN_PERSON" ? m : g, w = t.mode === "IN_PERSON" ? t.location || "In person" : t.mode === "HYBRID" ? `Hybrid${t.location ? ` · ${t.location}` : ""}` : "Online", T = async () => {
+		try {
+			await l.mutateAsync({
+				eventId: t.id,
+				status: "GOING"
+			}), x("GOING"), a.success("RSVP: Going", t.title);
+		} catch (e) {
+			a.error("Could not RSVP", i(e));
+		}
+	};
+	return /* @__PURE__ */ y("div", {
+		className: "flex items-center gap-3 px-4 py-3",
+		children: [
+			/* @__PURE__ */ v("span", {
+				"aria-hidden": "true",
+				className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-xl bg-[var(--color-accent-soft)] text-accent",
+				children: /* @__PURE__ */ v(f, { className: "h-5 w-5" })
+			}),
+			/* @__PURE__ */ y("div", {
+				className: "min-w-0 flex-1",
+				children: [/* @__PURE__ */ v("button", {
+					type: "button",
+					onClick: () => c(`events/${t.id}`),
+					className: "block max-w-full truncate text-left text-sm font-semibold text-text-primary transition-colors hover:text-accent",
+					children: t.title
+				}), /* @__PURE__ */ y("div", {
+					className: "mt-0.5 flex flex-wrap items-center gap-x-2 gap-y-0.5 text-xs text-text-tertiary",
+					children: [
+						/* @__PURE__ */ v("span", { children: o(t.startsAt) }),
+						/* @__PURE__ */ v("span", {
+							"aria-hidden": "true",
+							children: "·"
+						}),
+						/* @__PURE__ */ y("span", {
+							className: "inline-flex items-center gap-1",
+							children: [
+								/* @__PURE__ */ v(C, { className: "h-3 w-3" }),
+								" ",
+								w
+							]
+						}),
+						/* @__PURE__ */ v("span", {
+							"aria-hidden": "true",
+							children: "·"
+						}),
+						/* @__PURE__ */ y("span", {
+							className: "inline-flex items-center gap-1",
+							children: [
+								/* @__PURE__ */ v(h, { className: "h-3 w-3" }),
+								s(t.rsvpCount),
+								t.capacity ? ` / ${s(t.capacity)}` : ""
+							]
+						})
+					]
+				})]
+			}),
+			/* @__PURE__ */ v(b, {
+				size: "sm",
+				variant: S ? "outline" : "default",
+				onClick: () => void T(),
+				disabled: l.isPending,
+				"aria-pressed": S,
+				className: r("shrink-0", S && "text-accent"),
+				children: S ? /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v(p, { className: "mr-1 h-3.5 w-3.5" }), " Going"] }) : "RSVP"
+			})
+		]
+	});
+}
+//#endregion
+export { w as UpcomingEvents };
+
+//# sourceMappingURL=UpcomingEvents.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UpcomingEvents.js","names":[],"sources":["../../../src/comradecircle/components/UpcomingEvents.tsx"],"sourcesContent":["/**\n * UpcomingEvents — a compact \"what's next\" strip for the home feed.\n * @module comradecircle/components\n *\n * Reads `comListEvents(status: SCHEDULED)` — the same root field the Events page\n * already uses — and writes `comRsvpEvent(eventId, status)` straight from the\n * row, so the member can commit to the next gathering without leaving home.\n * Every value shown (`title`, `startsAt`, `mode`, `location`, `rsvpCount`,\n * `capacity`) comes from that query's own selection set.\n *\n * Why the client-side date filter: the svc orders `comListEvents` by\n * `startsAt: 'asc'` and does NOT drop events whose start time has passed, so an\n * event left in `SCHEDULED` after its slot sorts *ahead* of genuinely upcoming\n * ones. The rail therefore reads a window of the ordered list and keeps only\n * rows still in the future. If that window is entirely historical the strip\n * renders nothing at all — it never claims \"no upcoming events\", because one\n * page of a list is not evidence that none exist.\n */\n\nimport { useEffect, useMemo, useState } from 'react';\nimport { ArrowRight, CalendarDays, Check, MapPin, Users, Video } from 'lucide-react';\nimport { Button } from '@burdenoff/fe-libs/ui';\nimport { cn } from '../utils/cn';\nimport { useComEvents, useComRsvpEvent } from '../hooks';\nimport { useComradeCircle } from '../context';\nimport { formatDateTime, formatNumber } from '../utils/formatters';\nimport { notify, describeError } from '../lib/toast';\nimport type { ComEvent, ComRsvpStatus } from '../types';\n\n/** How far down the `startsAt`-ascending list to look for future events. */\nconst LOOKAHEAD = 50;\n\n/** How often the \"is it still in the future?\" cut-off is re-evaluated. */\nconst TICK_MS = 60_000;\n\n/**\n * A wall-clock reading that advances on its own, so a row whose start time\n * passes while the page is open drops out without waiting for a refetch.\n * Reading the clock in an effect (never in render) keeps the component pure.\n */\nfunction useNow(intervalMs: number = TICK_MS): number {\n  const [now, setNow] = useState(() => Date.now());\n  useEffect(() => {\n    const id = setInterval(() => setNow(Date.now()), intervalMs);\n    return () => clearInterval(id);\n  }, [intervalMs]);\n  return now;\n}\n\ninterface UpcomingEventsProps {\n  /** Rows to render once past events are filtered out. */\n  limit?: number;\n  className?: string;\n}\n\nexport function UpcomingEvents({ limit = 3, className }: UpcomingEventsProps) {\n  const { navigateTo } = useComradeCircle();\n  const now = useNow();\n  const { data, isLoading, isError } = useComEvents({\n    status: 'SCHEDULED',\n    pagination: { limit: LOOKAHEAD },\n  });\n\n  const upcoming = useMemo(\n    () =>\n      (data?.items ?? [])\n        .filter((event) => new Date(event.startsAt).getTime() >= now)\n        .slice(0, limit),\n    [data, now, limit]\n  );\n\n  // A supplementary strip above the feed: while it loads, or if it fails, the\n  // feed below is the page — the rail simply stays out of the layout rather\n  // than pushing the posts down for a section that may turn out to be empty.\n  if (isLoading || isError || upcoming.length === 0) return null;\n\n  return (\n    <section className={cn('mx-auto w-full max-w-2xl', className)} aria-labelledby=\"cc-upcoming\">\n      <div className=\"mb-2 flex items-center justify-between gap-3\">\n        <h2\n          id=\"cc-upcoming\"\n          className=\"inline-flex items-center gap-1.5 text-xs font-semibold uppercase tracking-wide text-text-tertiary\"\n        >\n          <CalendarDays className=\"h-3.5 w-3.5\" /> Upcoming events\n        </h2>\n        <button\n          type=\"button\"\n          onClick={() => navigateTo('events')}\n          className=\"inline-flex items-center gap-1 text-xs font-medium text-text-secondary transition-colors hover:text-text-primary\"\n        >\n          View all <ArrowRight className=\"h-3 w-3\" />\n        </button>\n      </div>\n\n      <ul className=\"overflow-hidden rounded-2xl border border-border-seam bg-bg-surface\">\n        {upcoming.map((event) => (\n          <li key={event.id} className=\"border-b border-border-seam last:border-b-0\">\n            <UpcomingEventRow event={event} />\n          </li>\n        ))}\n      </ul>\n    </section>\n  );\n}\n\nfunction UpcomingEventRow({ event }: { event: ComEvent }) {\n  const { navigateTo } = useComradeCircle();\n  const rsvp = useComRsvpEvent();\n  // `comListEvents` returns aggregate `rsvpCount`, not the caller's own RSVP, so\n  // the confirmed cue reflects this session's mutation only — the same contract\n  // EventCard documents.\n  const [myStatus, setMyStatus] = useState<ComRsvpStatus | null>(null);\n\n  const going = myStatus === 'GOING';\n  const ModeIcon = event.mode === 'IN_PERSON' ? MapPin : Video;\n  const where =\n    event.mode === 'IN_PERSON'\n      ? event.location || 'In person'\n      : event.mode === 'HYBRID'\n        ? `Hybrid${event.location ? ` · ${event.location}` : ''}`\n        : 'Online';\n\n  const doRsvp = async () => {\n    try {\n      await rsvp.mutateAsync({ eventId: event.id, status: 'GOING' });\n      setMyStatus('GOING');\n      notify.success('RSVP: Going', event.title);\n    } catch (err) {\n      notify.error('Could not RSVP', describeError(err));\n    }\n  };\n\n  return (\n    <div className=\"flex items-center gap-3 px-4 py-3\">\n      <span\n        aria-hidden=\"true\"\n        className=\"flex h-10 w-10 shrink-0 items-center justify-center rounded-xl bg-[var(--color-accent-soft)] text-accent\"\n      >\n        <CalendarDays className=\"h-5 w-5\" />\n      </span>\n\n      <div className=\"min-w-0 flex-1\">\n        <button\n          type=\"button\"\n          onClick={() => navigateTo(`events/${event.id}`)}\n          className=\"block max-w-full truncate text-left text-sm font-semibold text-text-primary transition-colors hover:text-accent\"\n        >\n          {event.title}\n        </button>\n        <div className=\"mt-0.5 flex flex-wrap items-center gap-x-2 gap-y-0.5 text-xs text-text-tertiary\">\n          <span>{formatDateTime(event.startsAt)}</span>\n          <span aria-hidden=\"true\">·</span>\n          <span className=\"inline-flex items-center gap-1\">\n            <ModeIcon className=\"h-3 w-3\" /> {where}\n          </span>\n          <span aria-hidden=\"true\">·</span>\n          <span className=\"inline-flex items-center gap-1\">\n            <Users className=\"h-3 w-3\" />\n            {formatNumber(event.rsvpCount)}\n            {event.capacity ? ` / ${formatNumber(event.capacity)}` : ''}\n          </span>\n        </div>\n      </div>\n\n      <Button\n        size=\"sm\"\n        variant={going ? 'outline' : 'default'}\n        onClick={() => void doRsvp()}\n        disabled={rsvp.isPending}\n        aria-pressed={going}\n        className={cn('shrink-0', going && 'text-accent')}\n      >\n        {going ? (\n          <>\n            <Check className=\"mr-1 h-3.5 w-3.5\" /> Going\n          </>\n        ) : (\n          'RSVP'\n        )}\n      </Button>\n    </div>\n  );\n}\n"],"mappings":"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"}

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

@@ -22,7 +22,9 @@ export { TagInput } from './TagInput';
 export { ReactionBar } from './ReactionBar';
 export { CommentThread } from './CommentThread';
 export { PostComposer } from './PostComposer';
+export { DraftsPanel } from './DraftsPanel';
 export { PostCard } from './PostCard';
+export { UpcomingEvents } from './UpcomingEvents';
 export { CircleCard } from './CircleCard';
 export { EventCard } from './EventCard';
 export { PollCard } from './PollCard';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/comradecircle/components/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAC/D,OAAO,EAAE,SAAS,EAAE,KAAK,MAAM,EAAE,MAAM,aAAa,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,KAAK,YAAY,EAAE,MAAM,cAAc,CAAC;AAC7D,OAAO,EAAE,IAAI,EAAE,KAAK,OAAO,EAAE,MAAM,QAAQ,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAGpD,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACtE,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/comradecircle/components/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAC/D,OAAO,EAAE,SAAS,EAAE,KAAK,MAAM,EAAE,MAAM,aAAa,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,KAAK,YAAY,EAAE,MAAM,cAAc,CAAC;AAC7D,OAAO,EAAE,IAAI,EAAE,KAAK,OAAO,EAAE,MAAM,QAAQ,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAGpD,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACtE,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/comradecircle/hooks/index.d.ts

@@ -5,4 +5,5 @@
 export * from './useComradeCircleApi';
 export * from './useCursorPager';
 export * from './useFiles';
+export * from './useTr';
 //# sourceMappingURL=index.d.ts.map

package/dist/comradecircle/hooks/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/comradecircle/hooks/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,cAAc,uBAAuB,CAAC;AACtC,cAAc,kBAAkB,CAAC;AACjC,cAAc,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/comradecircle/hooks/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,cAAc,uBAAuB,CAAC;AACtC,cAAc,kBAAkB,CAAC;AACjC,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC"}

package/dist/comradecircle/hooks/index.js

@@ -1,3 +1,4 @@
 import "./useComradeCircleApi.js";
 import "./useCursorPager.js";
 import "./useFiles.js";
+import "./useTr.js";

package/dist/comradecircle/hooks/useTr.d.ts

@@ -0,0 +1,18 @@
+/**
+ * useTr — translation hook with fallback semantics.
+ *
+ * Wraps `useI18n().t()` so that when a key has no translation (i.e. the
+ * provider returns the key itself), the caller's English fallback is used
+ * instead. This keeps consumer call sites consistent and avoids leaking
+ * untranslated keys into the UI.
+ *
+ * Supports optional interpolation params using `{{key}}` placeholders.
+ *
+ * @example
+ *   const tr = useTr();
+ *   return <h1>{tr('comradecircle.pages.feed.title', 'Home')}</h1>;
+ *   return <p>{tr('comradecircle.components.pagination.showing', 'Showing {{from}}–{{to}}', { from: 1, to: 10 })}</p>;
+ */
+export type TranslationParams = Record<string, string | number>;
+export declare function useTr(): (key: string, fallback: string, params?: TranslationParams) => string;
+//# sourceMappingURL=useTr.d.ts.map

package/dist/comradecircle/hooks/useTr.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTr.d.ts","sourceRoot":"","sources":["../../../src/comradecircle/hooks/useTr.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAMH,MAAM,MAAM,iBAAiB,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC;AAEhE,wBAAgB,KAAK,IAAI,CAAC,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,iBAAiB,KAAK,MAAM,CAQ7F"}

package/dist/comradecircle/hooks/useTr.js

@@ -0,0 +1,12 @@
+import { tWithFallback as e } from "../utils/i18n.js";
+import { useCallback as t } from "react";
+import { useI18n as n } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+//#region src/comradecircle/hooks/useTr.ts
+function r() {
+	let { t: r } = n();
+	return t((t, n, i) => e(r, t, n, i), [r]);
+}
+//#endregion
+export { r as useTr };
+
+//# sourceMappingURL=useTr.js.map

package/dist/comradecircle/hooks/useTr.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTr.js","names":[],"sources":["../../../src/comradecircle/hooks/useTr.ts"],"sourcesContent":["/**\n * useTr — translation hook with fallback semantics.\n *\n * Wraps `useI18n().t()` so that when a key has no translation (i.e. the\n * provider returns the key itself), the caller's English fallback is used\n * instead. This keeps consumer call sites consistent and avoids leaking\n * untranslated keys into the UI.\n *\n * Supports optional interpolation params using `{{key}}` placeholders.\n *\n * @example\n *   const tr = useTr();\n *   return <h1>{tr('comradecircle.pages.feed.title', 'Home')}</h1>;\n *   return <p>{tr('comradecircle.components.pagination.showing', 'Showing {{from}}–{{to}}', { from: 1, to: 10 })}</p>;\n */\n\nimport { useCallback } from 'react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { tWithFallback } from '../utils/i18n';\n\nexport type TranslationParams = Record<string, string | number>;\n\nexport function useTr(): (key: string, fallback: string, params?: TranslationParams) => string {\n  const { t } = useI18n();\n\n  return useCallback(\n    (key: string, fallback: string, params?: TranslationParams): string =>\n      tWithFallback(t, key, fallback, params),\n    [t]\n  );\n}\n"],"mappings":";;;;AAsBA,SAAgB,IAA+E;CAC7F,IAAM,EAAE,SAAM,EAAQ;CAEtB,OAAO,GACJ,GAAa,GAAkB,MAC9B,EAAc,GAAG,GAAK,GAAU,CAAM,GACxC,CAAC,CAAC,CACJ;AACF"}

package/dist/comradecircle/pages/FeedPage.d.ts

@@ -5,6 +5,11 @@
  * Reads `comMyFeed` (published posts from every channel, member, and circle the
  * caller follows, newest first). A new member with no follows sees a guided
  * empty state pointing at circle & member discovery.
+ *
+ * Above the post column sits {@link UpcomingEvents} — the mobile home mock
+ * shows the home surface carrying the member's next gathering (with an RSVP
+ * affordance), not posts alone. It is a separate `comListEvents` read because
+ * `comMyFeed` returns `ComPost` rows only.
  */
 export declare function FeedPage(): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=FeedPage.d.ts.map

package/dist/comradecircle/pages/FeedPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FeedPage.d.ts","sourceRoot":"","sources":["../../../src/comradecircle/pages/FeedPage.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAiEH,wBAAgB,QAAQ,4CAiEvB"}
+{"version":3,"file":"FeedPage.d.ts","sourceRoot":"","sources":["../../../src/comradecircle/pages/FeedPage.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAkEH,wBAAgB,QAAQ,4CAgFvB"}