@burdenoff/microfe-comradecircle 2026.704.2 → 2026.704.3

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-colors',\n              info.mine\n                ? 'border-accent bg-[var(--color-accent-soft)] text-text-primary'\n                : 'border-border-seam bg-bg-surface text-text-secondary 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;EAAQ;CAC5C;EAAE,MAAM;EAAQ,OAAO;EAAM,OAAO;EAAQ;CAC5C;EAAE,MAAM;EAAa,OAAO;EAAM,OAAO;EAAa;CACtD;EAAE,MAAM;EAAc,OAAO;EAAM,OAAO;EAAc;CACxD;EAAE,MAAM;EAAS,OAAO;EAAM,OAAO;EAAS;CAC9C;EAAE,MAAM;EAAW,OAAO;EAAM,OAAO;EAAW;CACnD;AAMD,SAAgB,EAAY,EAAE,WAA0B;CACtD,IAAM,EAAE,mBAAgB,GAAkB,EACpC,IAAQ,GAAmB,EAC3B,CAAC,GAAM,KAAW,EAAS,GAAM,EAEjC,IAAO,GAAa,IACpB,oBAAS,IAAI,KAAwD;AAC3E,MAAK,IAAM,KAAK,EAAK,aAAa,EAAE,EAAE;EACpC,IAAM,IAAM,EAAO,IAAI,EAAE,KAAK,IAAI;GAAE,OAAO;GAAG,MAAM;GAAO;AAG3D,EAFA,EAAI,SAAS,GACT,KAAQ,EAAE,aAAa,MAAM,EAAI,OAAO,KAC5C,EAAO,IAAI,EAAE,MAAM,EAAI;;CAGzB,IAAM,IAAS,OAAO,MAA0B;AAC9C,IAAQ,GAAM;AACd,MAAI;AACF,SAAM,EAAM,YAAY;IAAE,QAAQ,EAAK;IAAI;IAAM,CAAC;WAC3C,GAAK;AACZ,KAAO,MAAM,mBAAmB,EAAc,EAAI,CAAC;;;AAMvD,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CAHa,EAAU,QAAQ,OAAO,EAAO,IAAI,EAAE,KAAK,EAAE,SAAS,KAAK,EAAE,CAIhE,KAAK,MAAM;GACjB,IAAM,IAAO,EAAO,IAAI,EAAE,KAAK;AAC/B,UACE,kBAAC,UAAD;IAEE,MAAK;IACL,eAAe,EAAO,EAAE,KAAK;IAC7B,UAAU,EAAM;IAChB,gBAAc,EAAK;IACnB,cAAY,GAAG,EAAE,MAAM,IAAI,EAAK,MAAM;IACtC,WAAW,EACT,wGACA,EAAK,OACD,kEACA,0EACL;cAZH,CAcE,kBAAC,QAAD;KAAM,eAAY;eAAQ,EAAE;KAAa,CAAA,EACzC,kBAAC,QAAD;KAAM,WAAU;eAAgB,EAAK;KAAa,CAAA,CAC3C;MAfF,EAAE,KAeA;IAEX,EAEF,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,eAAgB,CAAA;KAC9B,CAAA;IACM,CAAA,EACjB,kBAAC,GAAD;IAAgB,WAAU;IAAe,OAAM;cAC7C,kBAAC,OAAD;KAAK,WAAU;eACZ,EAAU,KAAK,MAAM;MACpB,IAAM,IAAO,EAAO,IAAI,EAAE,KAAK,EAAE,QAAQ;AACzC,aACE,kBAAC,UAAD;OAEE,MAAK;OACL,eAAe,EAAO,EAAE,KAAK;OAC7B,UAAU,EAAM;OAChB,OAAO,EAAE;OACT,cAAY,EAAE;OACd,WAAW,EACT,uHACA,KAAQ,gCACT;iBAED,kBAAC,QAAD;QAAM,eAAY;kBAAQ,EAAE;QAAa,CAAA;OAClC,EAZF,EAAE,KAYA;OAEX;KACE,CAAA;IACS,CAAA,CACT;KACN"}
+{"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;EAAQ;CAC5C;EAAE,MAAM;EAAQ,OAAO;EAAM,OAAO;EAAQ;CAC5C;EAAE,MAAM;EAAa,OAAO;EAAM,OAAO;EAAa;CACtD;EAAE,MAAM;EAAc,OAAO;EAAM,OAAO;EAAc;CACxD;EAAE,MAAM;EAAS,OAAO;EAAM,OAAO;EAAS;CAC9C;EAAE,MAAM;EAAW,OAAO;EAAM,OAAO;EAAW;CACnD;AAMD,SAAgB,EAAY,EAAE,WAA0B;CACtD,IAAM,EAAE,mBAAgB,GAAkB,EACpC,IAAQ,GAAmB,EAC3B,CAAC,GAAM,KAAW,EAAS,GAAM,EAEjC,IAAO,GAAa,IACpB,oBAAS,IAAI,KAAwD;AAC3E,MAAK,IAAM,KAAK,EAAK,aAAa,EAAE,EAAE;EACpC,IAAM,IAAM,EAAO,IAAI,EAAE,KAAK,IAAI;GAAE,OAAO;GAAG,MAAM;GAAO;AAG3D,EAFA,EAAI,SAAS,GACT,KAAQ,EAAE,aAAa,MAAM,EAAI,OAAO,KAC5C,EAAO,IAAI,EAAE,MAAM,EAAI;;CAGzB,IAAM,IAAS,OAAO,MAA0B;AAC9C,IAAQ,GAAM;AACd,MAAI;AACF,SAAM,EAAM,YAAY;IAAE,QAAQ,EAAK;IAAI;IAAM,CAAC;WAC3C,GAAK;AACZ,KAAO,MAAM,mBAAmB,EAAc,EAAI,CAAC;;;AAMvD,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CAHa,EAAU,QAAQ,OAAO,EAAO,IAAI,EAAE,KAAK,EAAE,SAAS,KAAK,EAAE,CAIhE,KAAK,MAAM;GACjB,IAAM,IAAO,EAAO,IAAI,EAAE,KAAK;AAC/B,UACE,kBAAC,UAAD;IAEE,MAAK;IACL,eAAe,EAAO,EAAE,KAAK;IAC7B,UAAU,EAAM;IAChB,gBAAc,EAAK;IACnB,cAAY,GAAG,EAAE,MAAM,IAAI,EAAK,MAAM;IACtC,WAAW,EACT,wIACA,EAAK,OACD,8GACA,gGACL;cAZH,CAcE,kBAAC,QAAD;KAAM,eAAY;eAAQ,EAAE;KAAa,CAAA,EACzC,kBAAC,QAAD;KAAM,WAAU;eAAgB,EAAK;KAAa,CAAA,CAC3C;MAfF,EAAE,KAeA;IAEX,EAEF,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,eAAgB,CAAA;KAC9B,CAAA;IACM,CAAA,EACjB,kBAAC,GAAD;IAAgB,WAAU;IAAe,OAAM;cAC7C,kBAAC,OAAD;KAAK,WAAU;eACZ,EAAU,KAAK,MAAM;MACpB,IAAM,IAAO,EAAO,IAAI,EAAE,KAAK,EAAE,QAAQ;AACzC,aACE,kBAAC,UAAD;OAEE,MAAK;OACL,eAAe,EAAO,EAAE,KAAK;OAC7B,UAAU,EAAM;OAChB,OAAO,EAAE;OACT,cAAY,EAAE;OACd,WAAW,EACT,uHACA,KAAQ,gCACT;iBAED,kBAAC,QAAD;QAAM,eAAY;kBAAQ,EAAE;QAAa,CAAA;OAClC,EAZF,EAAE,KAYA;OAEX;KACE,CAAA;IACS,CAAA,CACT;KACN"}

package/dist/comradecircle/components/StateViews.js

@@ -27,23 +27,8 @@ var a = ({ label: t = "Loading…", className: a }) => /* @__PURE__ */ r("div",
 			children: "Retry"
 		})
 	]
-}), s = ({ title: t, description: i, action: a, children: o, className: s }) => /* @__PURE__ */ r("section", {
-	className: e("mt-8 first:mt-0", s),
-	children: [/* @__PURE__ */ r("div", {
-		className: "mb-3 flex items-end justify-between gap-3",
-		children: [/* @__PURE__ */ r("div", { children: [/* @__PURE__ */ n("h2", {
-			className: "text-base font-semibold text-text-primary",
-			children: t
-		}), i && /* @__PURE__ */ n("p", {
-			className: "mt-0.5 text-sm text-text-secondary",
-			children: i
-		})] }), a && /* @__PURE__ */ n("div", {
-			className: "shrink-0",
-			children: a
-		})]
-	}), o]
 });
 //#endregion
-export { o as ErrorView, a as LoadingView, s as Section };
+export { o as ErrorView, a 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,EAAU;WAA7F,CACE,kBAAC,GAAD,EAAS,MAAK,MAAO,CAAA,EACrB,kBAAC,KAAD;EAAG,WAAU;YAA+B;EAAU,CAAA,CAClD;IAUK,KAAiC,EAC5C,WAAQ,wBACR,YACA,YACA,mBAEA,kBAAC,OAAD;CACE,WAAW,EACT,4EACA,EACD;WAJH;EAME,kBAAC,GAAD,EAAa,WAAU,oCAAqC,CAAA;EAC5D,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;GAAI,WAAU;aAA2C;GAAW,CAAA,EACnE,KAAW,kBAAC,KAAD;GAAG,WAAU;aAA6C;GAAY,CAAA,CAC9E,EAAA,CAAA;EACL,KACC,kBAAC,UAAD;GACE,MAAK;GACL,SAAS;GACT,WAAU;aACX;GAEQ,CAAA;EAEP;IAWK,KAA6B,EAAE,UAAO,gBAAa,WAAQ,aAAU,mBAChF,kBAAC,WAAD;CAAS,WAAW,EAAG,mBAAmB,EAAU;WAApD,CACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;GAAI,WAAU;aAA6C;GAAW,CAAA,EACrE,KAAe,kBAAC,KAAD;GAAG,WAAU;aAAsC;GAAgB,CAAA,CAC/E,EAAA,CAAA,EACL,KAAU,kBAAC,OAAD;GAAK,WAAU;aAAY;GAAa,CAAA,CAC/C;KACL,EACO"}
+{"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,EAAU;WAA7F,CACE,kBAAC,GAAD,EAAS,MAAK,MAAO,CAAA,EACrB,kBAAC,KAAD;EAAG,WAAU;YAA+B;EAAU,CAAA,CAClD;IAUK,KAAiC,EAC5C,WAAQ,wBACR,YACA,YACA,mBAEA,kBAAC,OAAD;CACE,WAAW,EACT,4EACA,EACD;WAJH;EAME,kBAAC,GAAD,EAAa,WAAU,oCAAqC,CAAA;EAC5D,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;GAAI,WAAU;aAA2C;GAAW,CAAA,EACnE,KAAW,kBAAC,KAAD;GAAG,WAAU;aAA6C;GAAY,CAAA,CAC9E,EAAA,CAAA;EACL,KACC,kBAAC,UAAD;GACE,MAAK;GACL,SAAS;GACT,WAAU;aACX;GAEQ,CAAA;EAEP"}

package/dist/comradecircle/components/StatusBadge.js

@@ -29,7 +29,7 @@ var i = {
 	LIVE: "success",
 	COMPLETED: "secondary",
 	CANCELLED: "destructive",
-	ONLINE: "info",
+	ONLINE: "success",
 	IN_PERSON: "success",
 	HYBRID: "warning",
 	PENDING: "warning",

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

@@ -1 +1 @@
-{"version":3,"file":"StatusBadge.js","names":[],"sources":["../../../src/comradecircle/components/StatusBadge.tsx"],"sourcesContent":["/**\n * Status Badge Component\n * @module comradecircle/components\n *\n * A colored badge for ComradeCircle domain statuses (circle status/visibility,\n * event status/mode, membership status, member role, poll status, post status,\n * presence, RSVP status) with semantic color mapping. Accepts the raw server\n * enum value.\n */\n\nimport type { FC } from 'react';\nimport { cn } from '../utils/cn';\nimport { formatEnumLabel } from '../utils/formatters';\n\ninterface StatusBadgeProps {\n  status: string;\n  className?: string;\n}\n\ntype BadgeVariant = 'success' | 'warning' | 'destructive' | 'secondary' | 'info' | 'outline';\n\nconst variantStyles: Record<BadgeVariant, string> = {\n  success: 'bg-status-success-bg-subtle text-status-success-text',\n  warning: 'bg-status-warning-bg-subtle text-status-warning-text',\n  destructive: 'bg-status-error-bg-subtle text-status-error-text',\n  secondary: 'bg-bg-sunken text-text-secondary',\n  info: 'bg-[var(--color-accent-soft)] text-text-primary',\n  outline: 'border border-border-seam text-text-primary',\n};\n\n// Statuses that represent a \"live\" / active condition get a subtle opacity-only\n// glow pulse (reduced-motion safe via motion-safe:).\nconst liveStatuses = new Set(['LIVE', 'ONLINE', 'ACTIVE']);\n\nconst statusVariantMap: Record<string, BadgeVariant> = {\n  // Circle status\n  ACTIVE: 'success',\n  ARCHIVED: 'outline',\n  SUSPENDED: 'destructive',\n\n  // Circle visibility\n  PUBLIC: 'success',\n  PRIVATE: 'secondary',\n  SECRET: 'warning',\n\n  // Channel visibility\n  CIRCLE: 'info',\n\n  // Channel type\n  ANNOUNCEMENT: 'warning',\n  FORUM: 'info',\n  TEXT: 'secondary',\n  VOICE: 'info',\n\n  // Event status\n  SCHEDULED: 'info',\n  LIVE: 'success',\n  COMPLETED: 'secondary',\n  CANCELLED: 'destructive',\n\n  // Event mode\n  ONLINE: 'info',\n  IN_PERSON: 'success',\n  HYBRID: 'warning',\n\n  // Membership status\n  PENDING: 'warning',\n  BANNED: 'destructive',\n  LEFT: 'outline',\n\n  // Member role\n  OWNER: 'info',\n  ADMIN: 'warning',\n  MODERATOR: 'info',\n  MEMBER: 'secondary',\n\n  // Poll status\n  OPEN: 'success',\n  CLOSED: 'outline',\n\n  // Post status\n  PUBLISHED: 'success',\n  DRAFT: 'secondary',\n  HIDDEN: 'warning',\n  REMOVED: 'destructive',\n\n  // Presence\n  AWAY: 'warning',\n  BUSY: 'destructive',\n  OFFLINE: 'secondary',\n\n  // RSVP status\n  GOING: 'success',\n  INTERESTED: 'info',\n  WAITLISTED: 'warning',\n  NOT_GOING: 'outline',\n};\n\nexport const StatusBadge: FC<StatusBadgeProps> = ({ status, className }) => {\n  const key = status.toUpperCase();\n  const variant = statusVariantMap[key] ?? 'secondary';\n  const isLive = liveStatuses.has(key);\n\n  return (\n    <span\n      className={cn(\n        'inline-flex items-center gap-1.5 rounded-full px-2.5 py-0.5 text-xs font-medium',\n        variantStyles[variant],\n        className\n      )}\n    >\n      {isLive && (\n        <span\n          aria-hidden=\"true\"\n          className=\"size-1.5 rounded-full bg-current motion-safe:animate-vc-glow-pulse\"\n        />\n      )}\n      {formatEnumLabel(status)}\n    </span>\n  );\n};\n"],"mappings":";;;;AAqBA,IAAM,IAA8C;CAClD,SAAS;CACT,SAAS;CACT,aAAa;CACb,WAAW;CACX,MAAM;CACN,SAAS;CACV,EAIK,IAAe,IAAI,IAAI;CAAC;CAAQ;CAAU;CAAS,CAAC,EAEpD,IAAiD;CAErD,QAAQ;CACR,UAAU;CACV,WAAW;CAGX,QAAQ;CACR,SAAS;CACT,QAAQ;CAGR,QAAQ;CAGR,cAAc;CACd,OAAO;CACP,MAAM;CACN,OAAO;CAGP,WAAW;CACX,MAAM;CACN,WAAW;CACX,WAAW;CAGX,QAAQ;CACR,WAAW;CACX,QAAQ;CAGR,SAAS;CACT,QAAQ;CACR,MAAM;CAGN,OAAO;CACP,OAAO;CACP,WAAW;CACX,QAAQ;CAGR,MAAM;CACN,QAAQ;CAGR,WAAW;CACX,OAAO;CACP,QAAQ;CACR,SAAS;CAGT,MAAM;CACN,MAAM;CACN,SAAS;CAGT,OAAO;CACP,YAAY;CACZ,YAAY;CACZ,WAAW;CACZ,EAEY,KAAqC,EAAE,WAAQ,mBAAgB;CAC1E,IAAM,IAAM,EAAO,aAAa,EAC1B,IAAU,EAAiB,MAAQ,aACnC,IAAS,EAAa,IAAI,EAAI;AAEpC,QACE,kBAAC,QAAD;EACE,WAAW,EACT,mFACA,EAAc,IACd,EACD;YALH,CAOG,KACC,kBAAC,QAAD;GACE,eAAY;GACZ,WAAU;GACV,CAAA,EAEH,EAAgB,EAAO,CACnB"}
+{"version":3,"file":"StatusBadge.js","names":[],"sources":["../../../src/comradecircle/components/StatusBadge.tsx"],"sourcesContent":["/**\n * Status Badge Component\n * @module comradecircle/components\n *\n * A colored badge for ComradeCircle domain statuses (circle status/visibility,\n * event status/mode, membership status, member role, poll status, post status,\n * presence, RSVP status) with semantic color mapping. Accepts the raw server\n * enum value.\n */\n\nimport type { FC } from 'react';\nimport { cn } from '../utils/cn';\nimport { formatEnumLabel } from '../utils/formatters';\n\ninterface StatusBadgeProps {\n  status: string;\n  className?: string;\n}\n\ntype BadgeVariant = 'success' | 'warning' | 'destructive' | 'secondary' | 'info' | 'outline';\n\nconst variantStyles: Record<BadgeVariant, string> = {\n  success: 'bg-status-success-bg-subtle text-status-success-text',\n  warning: 'bg-status-warning-bg-subtle text-status-warning-text',\n  destructive: 'bg-status-error-bg-subtle text-status-error-text',\n  secondary: 'bg-bg-sunken text-text-secondary',\n  info: 'bg-[var(--color-accent-soft)] text-text-primary',\n  outline: 'border border-border-seam text-text-primary',\n};\n\n// Statuses that represent a \"live\" / active condition get a subtle opacity-only\n// glow pulse (reduced-motion safe via motion-safe:).\nconst liveStatuses = new Set(['LIVE', 'ONLINE', 'ACTIVE']);\n\nconst statusVariantMap: Record<string, BadgeVariant> = {\n  // Circle status\n  ACTIVE: 'success',\n  ARCHIVED: 'outline',\n  SUSPENDED: 'destructive',\n\n  // Circle visibility\n  PUBLIC: 'success',\n  PRIVATE: 'secondary',\n  SECRET: 'warning',\n\n  // Channel visibility\n  CIRCLE: 'info',\n\n  // Channel type\n  ANNOUNCEMENT: 'warning',\n  FORUM: 'info',\n  TEXT: 'secondary',\n  VOICE: 'info',\n\n  // Event status\n  SCHEDULED: 'info',\n  LIVE: 'success',\n  COMPLETED: 'secondary',\n  CANCELLED: 'destructive',\n\n  // Event mode\n  ONLINE: 'success',\n  IN_PERSON: 'success',\n  HYBRID: 'warning',\n\n  // Membership status\n  PENDING: 'warning',\n  BANNED: 'destructive',\n  LEFT: 'outline',\n\n  // Member role\n  OWNER: 'info',\n  ADMIN: 'warning',\n  MODERATOR: 'info',\n  MEMBER: 'secondary',\n\n  // Poll status\n  OPEN: 'success',\n  CLOSED: 'outline',\n\n  // Post status\n  PUBLISHED: 'success',\n  DRAFT: 'secondary',\n  HIDDEN: 'warning',\n  REMOVED: 'destructive',\n\n  // Presence (ONLINE handled by ACTIVE→success above; keep the green convention)\n  AWAY: 'warning',\n  BUSY: 'destructive',\n  OFFLINE: 'secondary',\n\n  // RSVP status\n  GOING: 'success',\n  INTERESTED: 'info',\n  WAITLISTED: 'warning',\n  NOT_GOING: 'outline',\n};\n\nexport const StatusBadge: FC<StatusBadgeProps> = ({ status, className }) => {\n  const key = status.toUpperCase();\n  const variant = statusVariantMap[key] ?? 'secondary';\n  const isLive = liveStatuses.has(key);\n\n  return (\n    <span\n      className={cn(\n        'inline-flex items-center gap-1.5 rounded-full px-2.5 py-0.5 text-xs font-medium',\n        variantStyles[variant],\n        className\n      )}\n    >\n      {isLive && (\n        <span\n          aria-hidden=\"true\"\n          className=\"size-1.5 rounded-full bg-current motion-safe:animate-vc-glow-pulse\"\n        />\n      )}\n      {formatEnumLabel(status)}\n    </span>\n  );\n};\n"],"mappings":";;;;AAqBA,IAAM,IAA8C;CAClD,SAAS;CACT,SAAS;CACT,aAAa;CACb,WAAW;CACX,MAAM;CACN,SAAS;CACV,EAIK,IAAe,IAAI,IAAI;CAAC;CAAQ;CAAU;CAAS,CAAC,EAEpD,IAAiD;CAErD,QAAQ;CACR,UAAU;CACV,WAAW;CAGX,QAAQ;CACR,SAAS;CACT,QAAQ;CAGR,QAAQ;CAGR,cAAc;CACd,OAAO;CACP,MAAM;CACN,OAAO;CAGP,WAAW;CACX,MAAM;CACN,WAAW;CACX,WAAW;CAGX,QAAQ;CACR,WAAW;CACX,QAAQ;CAGR,SAAS;CACT,QAAQ;CACR,MAAM;CAGN,OAAO;CACP,OAAO;CACP,WAAW;CACX,QAAQ;CAGR,MAAM;CACN,QAAQ;CAGR,WAAW;CACX,OAAO;CACP,QAAQ;CACR,SAAS;CAGT,MAAM;CACN,MAAM;CACN,SAAS;CAGT,OAAO;CACP,YAAY;CACZ,YAAY;CACZ,WAAW;CACZ,EAEY,KAAqC,EAAE,WAAQ,mBAAgB;CAC1E,IAAM,IAAM,EAAO,aAAa,EAC1B,IAAU,EAAiB,MAAQ,aACnC,IAAS,EAAa,IAAI,EAAI;AAEpC,QACE,kBAAC,QAAD;EACE,WAAW,EACT,mFACA,EAAc,IACd,EACD;YALH,CAOG,KACC,kBAAC,QAAD;GACE,eAAY;GACZ,WAAU;GACV,CAAA,EAEH,EAAgB,EAAO,CACnB"}

package/dist/comradecircle/hooks/useComradeCircleApi.js

@@ -84,7 +84,7 @@ var o = (e) => /^\s*mutation\b/.test(e), s = async (e, n, r) => {
 		queryKey: [...c.circles, t],
 		queryFn: async () => (await s(`query ComListCircles($status: ComCircleStatus, $visibility: ComCircleVisibility, $pagination: PaginationInput) {
           comListCircles(status: $status, visibility: $visibility, pagination: $pagination) {
-            items { ${f} }
+            items { ${f} channels { id } }
             pageInfo { cursor hasMore }
           }
         }`, {

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

@@ -1 +1 @@
-{"version":3,"file":"useComradeCircleApi.js","names":[],"sources":["../../../src/comradecircle/hooks/useComradeCircleApi.ts"],"sourcesContent":["/**\n * ComradeCircle API hooks\n * @module comradecircle/hooks\n *\n * React-Query hooks wired DIRECTLY to the real `wspace-comradecircle-svc`\n * federated GraphQL contract (the `com*` operations). Every query/mutation\n * below uses an inline gql string whose fields match the svc\n * `.hive-schema.graphql` exactly. No mock data.\n *\n * Transport: `graphqlFetch({ gateway: 'workspace', workspaceToken: true })` —\n * the host shell supplies the gateway base URL + a workspace-scoped token.\n *\n * IMPORTANT: `User`/`File` are id-only federation stubs in this subgraph. We\n * never select `author { firstName }` or `avatar { url }`. Display identity is\n * resolved through `ComProfile` (see `useComProfile`).\n */\n\nimport { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';\nimport { graphqlFetch } from '@burdenoff/fe-libs/shared/graphql';\n\nimport { useComradeCircle } from '../context';\nimport { clearGraphqlResponseCache } from '../lib/graphql-cache';\nimport type {\n  ComConnection,\n  ComCircle,\n  ComCircleStatus,\n  ComCircleVisibility,\n  ComChannel,\n  ComComment,\n  ComPost,\n  ComPostStatus,\n  ComPoll,\n  ComPollStatus,\n  ComPollOption,\n  ComEvent,\n  ComEventStatus,\n  ComEventRsvp,\n  ComRsvpStatus,\n  ComProfile,\n  ComMembership,\n  ComMembershipStatus,\n  ComMemberRole,\n  ComFeedFollow,\n  ComFollowTargetType,\n  ComReaction,\n  ComReactionType,\n  ComCreateCircleInput,\n  ComUpdateCircleInput,\n  ComCreateChannelInput,\n  ComUpdateChannelInput,\n  ComCreatePostInput,\n  ComUpdatePostInput,\n  ComCreateCommentInput,\n  ComCreateEventInput,\n  ComUpdateEventInput,\n  ComCreatePollInput,\n  ComFollowInput,\n  ComUpsertProfileInput,\n  PaginationInput,\n} from '../types';\n\n// ============================================================================\n// Transport\n// ============================================================================\n\nconst isMutation = (query: string): boolean => /^\\s*mutation\\b/.test(query);\n\nconst comQuery = async <TData>(\n  query: string,\n  variables: Record<string, unknown>,\n  baseUrl?: string\n): Promise<TData> => {\n  // A mutation's own request must never be served from (or coalesced onto) the\n  // read cache, and the resolved read cache must be dropped once it commits so\n  // the React-Query refetch that follows sees the new state — not a stale\n  // pre-write response held for up to 15s. Clear before AND after the write.\n  const mutating = isMutation(query);\n  if (mutating) clearGraphqlResponseCache();\n\n  const response = await graphqlFetch<TData>({\n    gateway: 'workspace',\n    baseUrl,\n    query,\n    variables,\n    workspaceToken: true,\n  });\n\n  if (mutating) clearGraphqlResponseCache();\n\n  if (response.errors?.length) {\n    throw new Error(response.errors[0]?.message ?? 'GraphQL request failed');\n  }\n  if (!response.data) {\n    throw new Error('GraphQL response did not include data');\n  }\n  return response.data;\n};\n\n// React-Query key roots (one namespace per domain entity).\nconst KEY = {\n  circles: ['comradecircle', 'circles'] as const,\n  circle: (id: string) => ['comradecircle', 'circle', id] as const,\n  channels: (circleId: string) => ['comradecircle', 'channels', circleId] as const,\n  posts: (channelId: string) => ['comradecircle', 'posts', channelId] as const,\n  post: (id: string) => ['comradecircle', 'post', id] as const,\n  comments: (postId: string) => ['comradecircle', 'comments', postId] as const,\n  feed: ['comradecircle', 'feed'] as const,\n  follows: ['comradecircle', 'follows'] as const,\n  events: ['comradecircle', 'events'] as const,\n  event: (id: string) => ['comradecircle', 'event', id] as const,\n  polls: (circleId: string) => ['comradecircle', 'polls', circleId] as const,\n  poll: (id: string) => ['comradecircle', 'poll', id] as const,\n  profiles: ['comradecircle', 'profiles'] as const,\n  profile: (memberId: string) => ['comradecircle', 'profile', memberId] as const,\n  memberships: ['comradecircle', 'memberships'] as const,\n};\n\nconst DEFAULT_PAGE: PaginationInput = { limit: 50 };\n\n/** Drop `cursor` when it is nullish so the svc never sees an explicit null. */\nconst page = (p?: PaginationInput): PaginationInput => {\n  const base = p ?? DEFAULT_PAGE;\n  const result: PaginationInput = { limit: base.limit ?? DEFAULT_PAGE.limit };\n  if (base.offset != null) result.offset = base.offset;\n  if (base.cursor != null) result.cursor = base.cursor;\n  return result;\n};\n\n// ============================================================================\n// Reusable gql field selections (codegen-free strictness)\n// ============================================================================\n\nconst CHANNEL_FIELDS = `\n  id workspaceId circleId name slug description type visibility position isArchived\n  createdAt updatedAt\n`;\n\nconst CIRCLE_FIELDS = `\n  id workspaceId name slug description topic tags status visibility memberCount\n  avatar { id } createdAt updatedAt\n`;\n\nconst REACTION_FIELDS = `id postId memberId type createdAt`;\n\nconst COMMENT_FIELDS = `\n  id workspaceId postId parentId authorId body isHidden createdAt updatedAt\n`;\n\nconst POST_FIELDS = `\n  id workspaceId channelId authorId body status tags attachmentFileIds isPinned\n  reactionCount commentCount reactions { ${REACTION_FIELDS} } createdAt updatedAt\n`;\n\nconst POLL_OPTION_FIELDS = `id workspaceId pollId label position voteCount createdAt`;\n\nconst POLL_FIELDS = `\n  id workspaceId circleId question allowMultiple isAnonymous status closesAt\n  options { ${POLL_OPTION_FIELDS} } createdAt updatedAt\n`;\n\nconst RSVP_FIELDS = `\n  id workspaceId eventId memberId status note createdAt updatedAt\n`;\n\nconst EVENT_FIELDS = `\n  id workspaceId circleId hostId title description mode status location joinUrl\n  capacity startsAt endsAt tags rsvpCount createdAt updatedAt\n`;\n\nconst PROFILE_FIELDS = `\n  id workspaceId memberId displayName headline bio avatar { id } interests skills\n  presence discoverable createdAt updatedAt\n`;\n\nconst MEMBERSHIP_FIELDS = `\n  id workspaceId circleId memberId role status joinedAt createdAt updatedAt\n`;\n\nconst FOLLOW_FIELDS = `\n  id workspaceId followerId targetId targetType muted createdAt updatedAt\n`;\n\n// ============================================================================\n// Circles\n// ============================================================================\n\nexport interface CircleFilters {\n  status?: ComCircleStatus;\n  visibility?: ComCircleVisibility;\n  pagination?: PaginationInput;\n}\n\nexport const useComCircles = (filters: CircleFilters = {}) => {\n  const { apiGatewayUrl } = useComradeCircle();\n  return useQuery({\n    queryKey: [...KEY.circles, filters],\n    queryFn: async () => {\n      const result = await comQuery<{ comListCircles: ComConnection<ComCircle> }>(\n        `query ComListCircles($status: ComCircleStatus, $visibility: ComCircleVisibility, $pagination: PaginationInput) {\n          comListCircles(status: $status, visibility: $visibility, pagination: $pagination) {\n            items { ${CIRCLE_FIELDS} }\n            pageInfo { cursor hasMore }\n          }\n        }`,\n        {\n          status: filters.status,\n          visibility: filters.visibility,\n          pagination: page(filters.pagination),\n        },\n        apiGatewayUrl\n      );\n      return result.comListCircles;\n    },\n  });\n};\n\nexport const useComCircle = (id: string | undefined) => {\n  const { apiGatewayUrl } = useComradeCircle();\n  return useQuery({\n    queryKey: KEY.circle(id ?? ''),\n    enabled: Boolean(id),\n    queryFn: async () => {\n      const result = await comQuery<{ comCircle: ComCircle | null }>(\n        `query ComCircle($id: ID!) {\n          comCircle(id: $id) {\n            ${CIRCLE_FIELDS}\n            channels { ${CHANNEL_FIELDS} }\n            memberships { ${MEMBERSHIP_FIELDS} }\n          }\n        }`,\n        { id },\n        apiGatewayUrl\n      );\n      return result.comCircle;\n    },\n  });\n};\n\nexport const useComCreateCircle = () => {\n  const { apiGatewayUrl } = useComradeCircle();\n  const qc = useQueryClient();\n  return useMutation({\n    mutationFn: async (input: ComCreateCircleInput) => {\n      const result = await comQuery<{ comCreateCircle: ComCircle }>(\n        `mutation ComCreateCircle($input: ComCreateCircleInput!) {\n          comCreateCircle(input: $input) { ${CIRCLE_FIELDS} }\n        }`,\n        { input },\n        apiGatewayUrl\n      );\n      return result.comCreateCircle;\n    },\n    onSuccess: () => qc.invalidateQueries({ queryKey: KEY.circles }),\n  });\n};\n\nexport const useComUpdateCircle = () => {\n  const { apiGatewayUrl } = useComradeCircle();\n  const qc = useQueryClient();\n  return useMutation({\n    mutationFn: async (vars: { id: string; input: ComUpdateCircleInput }) => {\n      const result = await comQuery<{ comUpdateCircle: ComCircle }>(\n        `mutation ComUpdateCircle($id: ID!, $input: ComUpdateCircleInput!) {\n          comUpdateCircle(id: $id, input: $input) { ${CIRCLE_FIELDS} }\n        }`,\n        vars,\n        apiGatewayUrl\n      );\n      return result.comUpdateCircle;\n    },\n    onSuccess: (data) => {\n      qc.invalidateQueries({ queryKey: KEY.circles });\n      qc.invalidateQueries({ queryKey: KEY.circle(data.id) });\n    },\n  });\n};\n\nexport const useComArchiveCircle = () => {\n  const { apiGatewayUrl } = useComradeCircle();\n  const qc = useQueryClient();\n  return useMutation({\n    mutationFn: async (id: string) => {\n      const result = await comQuery<{ comArchiveCircle: boolean }>(\n        `mutation ComArchiveCircle($id: ID!) { comArchiveCircle(id: $id) }`,\n        { id },\n        apiGatewayUrl\n      );\n      return result.comArchiveCircle;\n    },\n    onSuccess: () => qc.invalidateQueries({ queryKey: KEY.circles }),\n  });\n};\n\nexport const useComJoinCircle = () => {\n  const { apiGatewayUrl } = useComradeCircle();\n  const qc = useQueryClient();\n  return useMutation({\n    mutationFn: async (circleId: string) => {\n      const result = await comQuery<{ comJoinCircle: ComMembership }>(\n        `mutation ComJoinCircle($circleId: ID!) {\n          comJoinCircle(circleId: $circleId) { ${MEMBERSHIP_FIELDS} }\n        }`,\n        { circleId },\n        apiGatewayUrl\n      );\n      return result.comJoinCircle;\n    },\n    onSuccess: (data) => {\n      qc.invalidateQueries({ queryKey: KEY.circles });\n      qc.invalidateQueries({ queryKey: KEY.circle(data.circleId) });\n      qc.invalidateQueries({ queryKey: KEY.memberships });\n    },\n  });\n};\n\nexport const useComLeaveCircle = () => {\n  const { apiGatewayUrl } = useComradeCircle();\n  const qc = useQueryClient();\n  return useMutation({\n    mutationFn: async (circleId: string) => {\n      const result = await comQuery<{ comLeaveCircle: boolean }>(\n        `mutation ComLeaveCircle($circleId: ID!) { comLeaveCircle(circleId: $circleId) }`,\n        { circleId },\n        apiGatewayUrl\n      );\n      return result.comLeaveCircle;\n    },\n    onSuccess: (_data, circleId) => {\n      qc.invalidateQueries({ queryKey: KEY.circles });\n      qc.invalidateQueries({ queryKey: KEY.circle(circleId) });\n      qc.invalidateQueries({ queryKey: KEY.memberships });\n    },\n  });\n};\n\nexport const useComSetMemberRole = () => {\n  const { apiGatewayUrl } = useComradeCircle();\n  const qc = useQueryClient();\n  return useMutation({\n    mutationFn: async (vars: { membershipId: string; role: ComMemberRole; circleId?: string }) => {\n      const result = await comQuery<{ comSetMemberRole: ComMembership }>(\n        `mutation ComSetMemberRole($membershipId: ID!, $role: ComMemberRole!) {\n          comSetMemberRole(membershipId: $membershipId, role: $role) { ${MEMBERSHIP_FIELDS} }\n        }`,\n        { membershipId: vars.membershipId, role: vars.role },\n        apiGatewayUrl\n      );\n      return result.comSetMemberRole;\n    },\n    onSuccess: (data) => {\n      qc.invalidateQueries({ queryKey: KEY.circle(data.circleId) });\n      qc.invalidateQueries({ queryKey: KEY.memberships });\n    },\n  });\n};\n\nexport interface MembershipFilters {\n  circleId?: string;\n  status?: ComMembershipStatus;\n  pagination?: PaginationInput;\n}\n\nexport const useComMemberships = (filters: MembershipFilters = {}) => {\n  const { apiGatewayUrl } = useComradeCircle();\n  return useQuery({\n    queryKey: [...KEY.memberships, filters],\n    queryFn: async () => {\n      const result = await comQuery<{ comListMemberships: ComConnection<ComMembership> }>(\n        `query ComListMemberships($circleId: ID, $status: ComMembershipStatus, $pagination: PaginationInput) {\n          comListMemberships(circleId: $circleId, status: $status, pagination: $pagination) {\n            items { ${MEMBERSHIP_FIELDS} }\n            pageInfo { cursor hasMore }\n          }\n        }`,\n        {\n          circleId: filters.circleId,\n          status: filters.status,\n          pagination: page(filters.pagination),\n        },\n        apiGatewayUrl\n      );\n      return result.comListMemberships;\n    },\n  });\n};\n\n// ============================================================================\n// Channels\n// ============================================================================\n\nexport const useComChannels = (circleId: string | undefined) => {\n  const { apiGatewayUrl } = useComradeCircle();\n  return useQuery({\n    queryKey: KEY.channels(circleId ?? ''),\n    enabled: Boolean(circleId),\n    queryFn: async () => {\n      const result = await comQuery<{ comListChannels: ComChannel[] }>(\n        `query ComListChannels($circleId: ID!) {\n          comListChannels(circleId: $circleId) { ${CHANNEL_FIELDS} }\n        }`,\n        { circleId },\n        apiGatewayUrl\n      );\n      return result.comListChannels;\n    },\n  });\n};\n\nexport const useComCreateChannel = () => {\n  const { apiGatewayUrl } = useComradeCircle();\n  const qc = useQueryClient();\n  return useMutation({\n    mutationFn: async (input: ComCreateChannelInput) => {\n      const result = await comQuery<{ comCreateChannel: ComChannel }>(\n        `mutation ComCreateChannel($input: ComCreateChannelInput!) {\n          comCreateChannel(input: $input) { ${CHANNEL_FIELDS} }\n        }`,\n        { input },\n        apiGatewayUrl\n      );\n      return result.comCreateChannel;\n    },\n    onSuccess: (data) => {\n      qc.invalidateQueries({ queryKey: KEY.channels(data.circleId) });\n      qc.invalidateQueries({ queryKey: KEY.circle(data.circleId) });\n    },\n  });\n};\n\nexport const useComUpdateChannel = () => {\n  const { apiGatewayUrl } = useComradeCircle();\n  const qc = useQueryClient();\n  return useMutation({\n    mutationFn: async (vars: { id: string; input: ComUpdateChannelInput; circleId: string }) => {\n      const result = await comQuery<{ comUpdateChannel: ComChannel }>(\n        `mutation ComUpdateChannel($id: ID!, $input: ComUpdateChannelInput!) {\n          comUpdateChannel(id: $id, input: $input) { ${CHANNEL_FIELDS} }\n        }`,\n        { id: vars.id, input: vars.input },\n        apiGatewayUrl\n      );\n      return result.comUpdateChannel;\n    },\n    onSuccess: (data) => {\n      qc.invalidateQueries({ queryKey: KEY.channels(data.circleId) });\n      qc.invalidateQueries({ queryKey: KEY.circle(data.circleId) });\n    },\n  });\n};\n\n// ============================================================================\n// Posts / Reactions / Comments\n// ============================================================================\n\nexport interface PostFilters {\n  channelId?: string;\n  status?: ComPostStatus;\n  pagination?: PaginationInput;\n}\n\nexport const useComPosts = (filters: PostFilters = {}) => {\n  const { apiGatewayUrl } = useComradeCircle();\n  return useQuery({\n    queryKey: [...KEY.posts(filters.channelId ?? 'all'), filters.status, filters.pagination],\n    enabled: Boolean(filters.channelId),\n    queryFn: async () => {\n      const result = await comQuery<{ comListPosts: ComConnection<ComPost> }>(\n        `query ComListPosts($channelId: ID, $status: ComPostStatus, $pagination: PaginationInput) {\n          comListPosts(channelId: $channelId, status: $status, pagination: $pagination) {\n            items { ${POST_FIELDS} }\n            pageInfo { cursor hasMore }\n          }\n        }`,\n        {\n          channelId: filters.channelId,\n          status: filters.status,\n          pagination: page(filters.pagination),\n        },\n        apiGatewayUrl\n      );\n      return result.comListPosts;\n    },\n  });\n};\n\nexport const useComPost = (id: string | undefined) => {\n  const { apiGatewayUrl } = useComradeCircle();\n  return useQuery({\n    queryKey: KEY.post(id ?? ''),\n    enabled: Boolean(id),\n    queryFn: async () => {\n      const result = await comQuery<{ comPost: ComPost | null }>(\n        `query ComPost($id: ID!) {\n          comPost(id: $id) {\n            ${POST_FIELDS}\n            comments { ${COMMENT_FIELDS} }\n          }\n        }`,\n        { id },\n        apiGatewayUrl\n      );\n      return result.comPost;\n    },\n  });\n};\n\nexport const useComMyFeed = (pagination?: PaginationInput) => {\n  const { apiGatewayUrl } = useComradeCircle();\n  return useQuery({\n    queryKey: [...KEY.feed, pagination],\n    queryFn: async () => {\n      const result = await comQuery<{ comMyFeed: ComConnection<ComPost> }>(\n        `query ComMyFeed($pagination: PaginationInput) {\n          comMyFeed(pagination: $pagination) {\n            items { ${POST_FIELDS} }\n            pageInfo { cursor hasMore }\n          }\n        }`,\n        { pagination: page(pagination) },\n        apiGatewayUrl\n      );\n      return result.comMyFeed;\n    },\n  });\n};\n\nexport const useComCreatePost = () => {\n  const { apiGatewayUrl } = useComradeCircle();\n  const qc = useQueryClient();\n  return useMutation({\n    mutationFn: async (input: ComCreatePostInput) => {\n      const result = await comQuery<{ comCreatePost: ComPost }>(\n        `mutation ComCreatePost($input: ComCreatePostInput!) {\n          comCreatePost(input: $input) { ${POST_FIELDS} }\n        }`,\n        { input },\n        apiGatewayUrl\n      );\n      return result.comCreatePost;\n    },\n    onSuccess: (data) => {\n      qc.invalidateQueries({ queryKey: KEY.posts(data.channelId) });\n      qc.invalidateQueries({ queryKey: KEY.feed });\n    },\n  });\n};\n\nexport const useComUpdatePost = () => {\n  const { apiGatewayUrl } = useComradeCircle();\n  const qc = useQueryClient();\n  return useMutation({\n    mutationFn: async (vars: { id: string; input: ComUpdatePostInput }) => {\n      const result = await comQuery<{ comUpdatePost: ComPost }>(\n        `mutation ComUpdatePost($id: ID!, $input: ComUpdatePostInput!) {\n          comUpdatePost(id: $id, input: $input) { ${POST_FIELDS} }\n        }`,\n        vars,\n        apiGatewayUrl\n      );\n      return result.comUpdatePost;\n    },\n    onSuccess: (data) => {\n      qc.invalidateQueries({ queryKey: KEY.posts(data.channelId) });\n      qc.invalidateQueries({ queryKey: KEY.post(data.id) });\n      qc.invalidateQueries({ queryKey: KEY.feed });\n    },\n  });\n};\n\nexport const useComRemovePost = () => {\n  const { apiGatewayUrl } = useComradeCircle();\n  const qc = useQueryClient();\n  return useMutation({\n    mutationFn: async (vars: { id: string; channelId?: string }) => {\n      const result = await comQuery<{ comRemovePost: boolean }>(\n        `mutation ComRemovePost($id: ID!) { comRemovePost(id: $id) }`,\n        { id: vars.id },\n        apiGatewayUrl\n      );\n      return result.comRemovePost;\n    },\n    onSuccess: (_d, vars) => {\n      if (vars.channelId) qc.invalidateQueries({ queryKey: KEY.posts(vars.channelId) });\n      qc.invalidateQueries({ queryKey: KEY.feed });\n    },\n  });\n};\n\nexport const useComReactToPost = () => {\n  const { apiGatewayUrl } = useComradeCircle();\n  const qc = useQueryClient();\n  return useMutation({\n    mutationFn: async (vars: { postId: string; type: ComReactionType }) => {\n      const result = await comQuery<{ comReactToPost: ComPost }>(\n        `mutation ComReactToPost($postId: ID!, $type: ComReactionType!) {\n          comReactToPost(postId: $postId, type: $type) { ${POST_FIELDS} }\n        }`,\n        vars,\n        apiGatewayUrl\n      );\n      return result.comReactToPost;\n    },\n    onSuccess: (data) => {\n      qc.invalidateQueries({ queryKey: KEY.posts(data.channelId) });\n      qc.invalidateQueries({ queryKey: KEY.post(data.id) });\n      qc.invalidateQueries({ queryKey: KEY.feed });\n    },\n  });\n};\n\nexport const useComComments = (postId: string | undefined) => {\n  const { apiGatewayUrl } = useComradeCircle();\n  return useQuery({\n    queryKey: KEY.comments(postId ?? ''),\n    enabled: Boolean(postId),\n    queryFn: async () => {\n      const result = await comQuery<{ comListComments: ComComment[] }>(\n        `query ComListComments($postId: ID!) {\n          comListComments(postId: $postId) { ${COMMENT_FIELDS} }\n        }`,\n        { postId },\n        apiGatewayUrl\n      );\n      return result.comListComments;\n    },\n  });\n};\n\nexport const useComAddComment = () => {\n  const { apiGatewayUrl } = useComradeCircle();\n  const qc = useQueryClient();\n  return useMutation({\n    mutationFn: async (input: ComCreateCommentInput) => {\n      const result = await comQuery<{ comAddComment: ComComment }>(\n        `mutation ComAddComment($input: ComCreateCommentInput!) {\n          comAddComment(input: $input) { ${COMMENT_FIELDS} }\n        }`,\n        { input },\n        apiGatewayUrl\n      );\n      return result.comAddComment;\n    },\n    onSuccess: (data) => {\n      qc.invalidateQueries({ queryKey: KEY.comments(data.postId) });\n      qc.invalidateQueries({ queryKey: KEY.post(data.postId) });\n      qc.invalidateQueries({ queryKey: KEY.feed });\n    },\n  });\n};\n\n// ============================================================================\n// Feed follows\n// ============================================================================\n\nexport const useComMyFollows = (targetType?: ComFollowTargetType) => {\n  const { apiGatewayUrl } = useComradeCircle();\n  return useQuery({\n    queryKey: [...KEY.follows, targetType ?? 'all'],\n    queryFn: async () => {\n      const result = await comQuery<{ comMyFollows: ComFeedFollow[] }>(\n        `query ComMyFollows($targetType: ComFollowTargetType) {\n          comMyFollows(targetType: $targetType) { ${FOLLOW_FIELDS} }\n        }`,\n        { targetType },\n        apiGatewayUrl\n      );\n      return result.comMyFollows;\n    },\n  });\n};\n\nexport const useComFollow = () => {\n  const { apiGatewayUrl } = useComradeCircle();\n  const qc = useQueryClient();\n  return useMutation({\n    mutationFn: async (input: ComFollowInput) => {\n      const result = await comQuery<{ comFollow: ComFeedFollow }>(\n        `mutation ComFollow($input: ComFollowInput!) {\n          comFollow(input: $input) { ${FOLLOW_FIELDS} }\n        }`,\n        { input },\n        apiGatewayUrl\n      );\n      return result.comFollow;\n    },\n    onSuccess: () => {\n      qc.invalidateQueries({ queryKey: KEY.follows });\n      qc.invalidateQueries({ queryKey: KEY.feed });\n    },\n  });\n};\n\nexport const useComUnfollow = () => {\n  const { apiGatewayUrl } = useComradeCircle();\n  const qc = useQueryClient();\n  return useMutation({\n    mutationFn: async (input: ComFollowInput) => {\n      const result = await comQuery<{ comUnfollow: boolean }>(\n        `mutation ComUnfollow($input: ComFollowInput!) { comUnfollow(input: $input) }`,\n        { input },\n        apiGatewayUrl\n      );\n      return result.comUnfollow;\n    },\n    onSuccess: () => {\n      qc.invalidateQueries({ queryKey: KEY.follows });\n      qc.invalidateQueries({ queryKey: KEY.feed });\n    },\n  });\n};\n\nexport const useComMuteFollow = () => {\n  const { apiGatewayUrl } = useComradeCircle();\n  const qc = useQueryClient();\n  return useMutation({\n    mutationFn: async (vars: { id: string; muted: boolean }) => {\n      const result = await comQuery<{ comMuteFollow: ComFeedFollow }>(\n        `mutation ComMuteFollow($id: ID!, $muted: Boolean!) {\n          comMuteFollow(id: $id, muted: $muted) { ${FOLLOW_FIELDS} }\n        }`,\n        vars,\n        apiGatewayUrl\n      );\n      return result.comMuteFollow;\n    },\n    onSuccess: () => {\n      qc.invalidateQueries({ queryKey: KEY.follows });\n      qc.invalidateQueries({ queryKey: KEY.feed });\n    },\n  });\n};\n\n// ============================================================================\n// Events / RSVPs\n// ============================================================================\n\nexport interface EventFilters {\n  circleId?: string;\n  status?: ComEventStatus;\n  pagination?: PaginationInput;\n}\n\nexport const useComEvents = (filters: EventFilters = {}) => {\n  const { apiGatewayUrl } = useComradeCircle();\n  return useQuery({\n    queryKey: [...KEY.events, filters],\n    queryFn: async () => {\n      const result = await comQuery<{ comListEvents: ComConnection<ComEvent> }>(\n        `query ComListEvents($circleId: ID, $status: ComEventStatus, $pagination: PaginationInput) {\n          comListEvents(circleId: $circleId, status: $status, pagination: $pagination) {\n            items { ${EVENT_FIELDS} }\n            pageInfo { cursor hasMore }\n          }\n        }`,\n        {\n          circleId: filters.circleId,\n          status: filters.status,\n          pagination: page(filters.pagination),\n        },\n        apiGatewayUrl\n      );\n      return result.comListEvents;\n    },\n  });\n};\n\nexport const useComEvent = (id: string | undefined) => {\n  const { apiGatewayUrl } = useComradeCircle();\n  return useQuery({\n    queryKey: KEY.event(id ?? ''),\n    enabled: Boolean(id),\n    queryFn: async () => {\n      const result = await comQuery<{ comEvent: ComEvent | null }>(\n        `query ComEvent($id: ID!) {\n          comEvent(id: $id) {\n            ${EVENT_FIELDS}\n            rsvps { ${RSVP_FIELDS} }\n          }\n        }`,\n        { id },\n        apiGatewayUrl\n      );\n      return result.comEvent;\n    },\n  });\n};\n\nexport const useComCreateEvent = () => {\n  const { apiGatewayUrl } = useComradeCircle();\n  const qc = useQueryClient();\n  return useMutation({\n    mutationFn: async (input: ComCreateEventInput) => {\n      const result = await comQuery<{ comCreateEvent: ComEvent }>(\n        `mutation ComCreateEvent($input: ComCreateEventInput!) {\n          comCreateEvent(input: $input) { ${EVENT_FIELDS} }\n        }`,\n        { input },\n        apiGatewayUrl\n      );\n      return result.comCreateEvent;\n    },\n    onSuccess: () => qc.invalidateQueries({ queryKey: KEY.events }),\n  });\n};\n\nexport const useComUpdateEvent = () => {\n  const { apiGatewayUrl } = useComradeCircle();\n  const qc = useQueryClient();\n  return useMutation({\n    mutationFn: async (vars: { id: string; input: ComUpdateEventInput }) => {\n      const result = await comQuery<{ comUpdateEvent: ComEvent }>(\n        `mutation ComUpdateEvent($id: ID!, $input: ComUpdateEventInput!) {\n          comUpdateEvent(id: $id, input: $input) { ${EVENT_FIELDS} }\n        }`,\n        vars,\n        apiGatewayUrl\n      );\n      return result.comUpdateEvent;\n    },\n    onSuccess: (data) => {\n      qc.invalidateQueries({ queryKey: KEY.events });\n      qc.invalidateQueries({ queryKey: KEY.event(data.id) });\n    },\n  });\n};\n\nexport const useComTransitionEvent = () => {\n  const { apiGatewayUrl } = useComradeCircle();\n  const qc = useQueryClient();\n  return useMutation({\n    mutationFn: async (vars: { id: string; status: ComEventStatus }) => {\n      const result = await comQuery<{ comTransitionEvent: ComEvent }>(\n        `mutation ComTransitionEvent($id: ID!, $status: ComEventStatus!) {\n          comTransitionEvent(id: $id, status: $status) { ${EVENT_FIELDS} }\n        }`,\n        vars,\n        apiGatewayUrl\n      );\n      return result.comTransitionEvent;\n    },\n    onSuccess: (data) => {\n      qc.invalidateQueries({ queryKey: KEY.events });\n      qc.invalidateQueries({ queryKey: KEY.event(data.id) });\n    },\n  });\n};\n\nexport const useComRsvpEvent = () => {\n  const { apiGatewayUrl } = useComradeCircle();\n  const qc = useQueryClient();\n  return useMutation({\n    mutationFn: async (vars: { eventId: string; status: ComRsvpStatus; note?: string | null }) => {\n      const result = await comQuery<{ comRsvpEvent: ComEventRsvp }>(\n        `mutation ComRsvpEvent($eventId: ID!, $status: ComRsvpStatus!, $note: String) {\n          comRsvpEvent(eventId: $eventId, status: $status, note: $note) { ${RSVP_FIELDS} }\n        }`,\n        vars,\n        apiGatewayUrl\n      );\n      return result.comRsvpEvent;\n    },\n    onSuccess: (data) => {\n      qc.invalidateQueries({ queryKey: KEY.events });\n      qc.invalidateQueries({ queryKey: KEY.event(data.eventId) });\n    },\n  });\n};\n\n// ============================================================================\n// Polls / Votes\n// ============================================================================\n\nexport const useComPolls = (circleId: string | undefined, status?: ComPollStatus) => {\n  const { apiGatewayUrl } = useComradeCircle();\n  return useQuery({\n    queryKey: [...KEY.polls(circleId ?? ''), status ?? 'all'],\n    enabled: Boolean(circleId),\n    queryFn: async () => {\n      const result = await comQuery<{ comListPolls: ComPoll[] }>(\n        `query ComListPolls($circleId: ID!, $status: ComPollStatus) {\n          comListPolls(circleId: $circleId, status: $status) { ${POLL_FIELDS} }\n        }`,\n        { circleId, status },\n        apiGatewayUrl\n      );\n      return result.comListPolls;\n    },\n  });\n};\n\nexport const useComCreatePoll = () => {\n  const { apiGatewayUrl } = useComradeCircle();\n  const qc = useQueryClient();\n  return useMutation({\n    mutationFn: async (input: ComCreatePollInput) => {\n      const result = await comQuery<{ comCreatePoll: ComPoll }>(\n        `mutation ComCreatePoll($input: ComCreatePollInput!) {\n          comCreatePoll(input: $input) { ${POLL_FIELDS} }\n        }`,\n        { input },\n        apiGatewayUrl\n      );\n      return result.comCreatePoll;\n    },\n    onSuccess: (data) => qc.invalidateQueries({ queryKey: KEY.polls(data.circleId) }),\n  });\n};\n\nexport const useComClosePoll = () => {\n  const { apiGatewayUrl } = useComradeCircle();\n  const qc = useQueryClient();\n  return useMutation({\n    mutationFn: async (id: string) => {\n      const result = await comQuery<{ comClosePoll: ComPoll }>(\n        `mutation ComClosePoll($id: ID!) { comClosePoll(id: $id) { ${POLL_FIELDS} } }`,\n        { id },\n        apiGatewayUrl\n      );\n      return result.comClosePoll;\n    },\n    onSuccess: (data) => qc.invalidateQueries({ queryKey: KEY.polls(data.circleId) }),\n  });\n};\n\nexport const useComVotePoll = () => {\n  const { apiGatewayUrl } = useComradeCircle();\n  const qc = useQueryClient();\n  return useMutation({\n    mutationFn: async (vars: { pollId: string; optionId: string; circleId?: string }) => {\n      const result = await comQuery<{ comVotePoll: ComPollOption }>(\n        `mutation ComVotePoll($pollId: ID!, $optionId: ID!) {\n          comVotePoll(pollId: $pollId, optionId: $optionId) { ${POLL_OPTION_FIELDS} }\n        }`,\n        { pollId: vars.pollId, optionId: vars.optionId },\n        apiGatewayUrl\n      );\n      return result.comVotePoll;\n    },\n    onSuccess: (_data, vars) => {\n      if (vars.circleId) qc.invalidateQueries({ queryKey: KEY.polls(vars.circleId) });\n      qc.invalidateQueries({ queryKey: KEY.poll(vars.pollId) });\n    },\n  });\n};\n\n// ============================================================================\n// Profiles (social identity layer)\n// ============================================================================\n\nexport interface ProfileFilters {\n  discoverable?: boolean;\n  pagination?: PaginationInput;\n}\n\nexport const useComProfiles = (filters: ProfileFilters = {}) => {\n  const { apiGatewayUrl } = useComradeCircle();\n  return useQuery({\n    queryKey: [...KEY.profiles, filters],\n    queryFn: async () => {\n      const result = await comQuery<{ comListProfiles: ComConnection<ComProfile> }>(\n        `query ComListProfiles($discoverable: Boolean, $pagination: PaginationInput) {\n          comListProfiles(discoverable: $discoverable, pagination: $pagination) {\n            items { ${PROFILE_FIELDS} }\n            pageInfo { cursor hasMore }\n          }\n        }`,\n        { discoverable: filters.discoverable, pagination: page(filters.pagination) },\n        apiGatewayUrl\n      );\n      return result.comListProfiles;\n    },\n  });\n};\n\nexport const useComProfile = (memberId: string | undefined) => {\n  const { apiGatewayUrl } = useComradeCircle();\n  return useQuery({\n    queryKey: KEY.profile(memberId ?? ''),\n    enabled: Boolean(memberId),\n    // Profiles change rarely; cache aggressively so feed identity lookups are cheap.\n    staleTime: 10 * 60 * 1000,\n    queryFn: async () => {\n      const result = await comQuery<{ comProfile: ComProfile | null }>(\n        `query ComProfile($memberId: ID!) {\n          comProfile(memberId: $memberId) { ${PROFILE_FIELDS} }\n        }`,\n        { memberId },\n        apiGatewayUrl\n      );\n      return result.comProfile;\n    },\n  });\n};\n\nexport const useComUpsertProfile = () => {\n  const { apiGatewayUrl } = useComradeCircle();\n  const qc = useQueryClient();\n  return useMutation({\n    mutationFn: async (input: ComUpsertProfileInput) => {\n      const result = await comQuery<{ comUpsertProfile: ComProfile }>(\n        `mutation ComUpsertProfile($input: ComUpsertProfileInput!) {\n          comUpsertProfile(input: $input) { ${PROFILE_FIELDS} }\n        }`,\n        { input },\n        apiGatewayUrl\n      );\n      return result.comUpsertProfile;\n    },\n    onSuccess: (data) => {\n      qc.invalidateQueries({ queryKey: KEY.profiles });\n      qc.invalidateQueries({ queryKey: KEY.profile(data.memberId) });\n    },\n  });\n};\n\n// Re-export commonly used reaction type for convenience.\nexport type { ComReaction };\n"],"mappings":"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"}
+{"version":3,"file":"useComradeCircleApi.js","names":[],"sources":["../../../src/comradecircle/hooks/useComradeCircleApi.ts"],"sourcesContent":["/**\n * ComradeCircle API hooks\n * @module comradecircle/hooks\n *\n * React-Query hooks wired DIRECTLY to the real `wspace-comradecircle-svc`\n * federated GraphQL contract (the `com*` operations). Every query/mutation\n * below uses an inline gql string whose fields match the svc\n * `.hive-schema.graphql` exactly. No mock data.\n *\n * Transport: `graphqlFetch({ gateway: 'workspace', workspaceToken: true })` —\n * the host shell supplies the gateway base URL + a workspace-scoped token.\n *\n * IMPORTANT: `User`/`File` are id-only federation stubs in this subgraph. We\n * never select `author { firstName }` or `avatar { url }`. Display identity is\n * resolved through `ComProfile` (see `useComProfile`).\n */\n\nimport { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';\nimport { graphqlFetch } from '@burdenoff/fe-libs/shared/graphql';\n\nimport { useComradeCircle } from '../context';\nimport { clearGraphqlResponseCache } from '../lib/graphql-cache';\nimport type {\n  ComConnection,\n  ComCircle,\n  ComCircleStatus,\n  ComCircleVisibility,\n  ComChannel,\n  ComComment,\n  ComPost,\n  ComPostStatus,\n  ComPoll,\n  ComPollStatus,\n  ComPollOption,\n  ComEvent,\n  ComEventStatus,\n  ComEventRsvp,\n  ComRsvpStatus,\n  ComProfile,\n  ComMembership,\n  ComMembershipStatus,\n  ComMemberRole,\n  ComFeedFollow,\n  ComFollowTargetType,\n  ComReaction,\n  ComReactionType,\n  ComCreateCircleInput,\n  ComUpdateCircleInput,\n  ComCreateChannelInput,\n  ComUpdateChannelInput,\n  ComCreatePostInput,\n  ComUpdatePostInput,\n  ComCreateCommentInput,\n  ComCreateEventInput,\n  ComUpdateEventInput,\n  ComCreatePollInput,\n  ComFollowInput,\n  ComUpsertProfileInput,\n  PaginationInput,\n} from '../types';\n\n// ============================================================================\n// Transport\n// ============================================================================\n\nconst isMutation = (query: string): boolean => /^\\s*mutation\\b/.test(query);\n\nconst comQuery = async <TData>(\n  query: string,\n  variables: Record<string, unknown>,\n  baseUrl?: string\n): Promise<TData> => {\n  // A mutation's own request must never be served from (or coalesced onto) the\n  // read cache, and the resolved read cache must be dropped once it commits so\n  // the React-Query refetch that follows sees the new state — not a stale\n  // pre-write response held for up to 15s. Clear before AND after the write.\n  const mutating = isMutation(query);\n  if (mutating) clearGraphqlResponseCache();\n\n  const response = await graphqlFetch<TData>({\n    gateway: 'workspace',\n    baseUrl,\n    query,\n    variables,\n    workspaceToken: true,\n  });\n\n  if (mutating) clearGraphqlResponseCache();\n\n  if (response.errors?.length) {\n    throw new Error(response.errors[0]?.message ?? 'GraphQL request failed');\n  }\n  if (!response.data) {\n    throw new Error('GraphQL response did not include data');\n  }\n  return response.data;\n};\n\n// React-Query key roots (one namespace per domain entity).\nconst KEY = {\n  circles: ['comradecircle', 'circles'] as const,\n  circle: (id: string) => ['comradecircle', 'circle', id] as const,\n  channels: (circleId: string) => ['comradecircle', 'channels', circleId] as const,\n  posts: (channelId: string) => ['comradecircle', 'posts', channelId] as const,\n  post: (id: string) => ['comradecircle', 'post', id] as const,\n  comments: (postId: string) => ['comradecircle', 'comments', postId] as const,\n  feed: ['comradecircle', 'feed'] as const,\n  follows: ['comradecircle', 'follows'] as const,\n  events: ['comradecircle', 'events'] as const,\n  event: (id: string) => ['comradecircle', 'event', id] as const,\n  polls: (circleId: string) => ['comradecircle', 'polls', circleId] as const,\n  poll: (id: string) => ['comradecircle', 'poll', id] as const,\n  profiles: ['comradecircle', 'profiles'] as const,\n  profile: (memberId: string) => ['comradecircle', 'profile', memberId] as const,\n  memberships: ['comradecircle', 'memberships'] as const,\n};\n\nconst DEFAULT_PAGE: PaginationInput = { limit: 50 };\n\n/** Drop `cursor` when it is nullish so the svc never sees an explicit null. */\nconst page = (p?: PaginationInput): PaginationInput => {\n  const base = p ?? DEFAULT_PAGE;\n  const result: PaginationInput = { limit: base.limit ?? DEFAULT_PAGE.limit };\n  if (base.offset != null) result.offset = base.offset;\n  if (base.cursor != null) result.cursor = base.cursor;\n  return result;\n};\n\n// ============================================================================\n// Reusable gql field selections (codegen-free strictness)\n// ============================================================================\n\nconst CHANNEL_FIELDS = `\n  id workspaceId circleId name slug description type visibility position isArchived\n  createdAt updatedAt\n`;\n\nconst CIRCLE_FIELDS = `\n  id workspaceId name slug description topic tags status visibility memberCount\n  avatar { id } createdAt updatedAt\n`;\n\nconst REACTION_FIELDS = `id postId memberId type createdAt`;\n\nconst COMMENT_FIELDS = `\n  id workspaceId postId parentId authorId body isHidden createdAt updatedAt\n`;\n\nconst POST_FIELDS = `\n  id workspaceId channelId authorId body status tags attachmentFileIds isPinned\n  reactionCount commentCount reactions { ${REACTION_FIELDS} } createdAt updatedAt\n`;\n\nconst POLL_OPTION_FIELDS = `id workspaceId pollId label position voteCount createdAt`;\n\nconst POLL_FIELDS = `\n  id workspaceId circleId question allowMultiple isAnonymous status closesAt\n  options { ${POLL_OPTION_FIELDS} } createdAt updatedAt\n`;\n\nconst RSVP_FIELDS = `\n  id workspaceId eventId memberId status note createdAt updatedAt\n`;\n\nconst EVENT_FIELDS = `\n  id workspaceId circleId hostId title description mode status location joinUrl\n  capacity startsAt endsAt tags rsvpCount createdAt updatedAt\n`;\n\nconst PROFILE_FIELDS = `\n  id workspaceId memberId displayName headline bio avatar { id } interests skills\n  presence discoverable createdAt updatedAt\n`;\n\nconst MEMBERSHIP_FIELDS = `\n  id workspaceId circleId memberId role status joinedAt createdAt updatedAt\n`;\n\nconst FOLLOW_FIELDS = `\n  id workspaceId followerId targetId targetType muted createdAt updatedAt\n`;\n\n// ============================================================================\n// Circles\n// ============================================================================\n\nexport interface CircleFilters {\n  status?: ComCircleStatus;\n  visibility?: ComCircleVisibility;\n  pagination?: PaginationInput;\n}\n\nexport const useComCircles = (filters: CircleFilters = {}) => {\n  const { apiGatewayUrl } = useComradeCircle();\n  return useQuery({\n    queryKey: [...KEY.circles, filters],\n    queryFn: async () => {\n      const result = await comQuery<{ comListCircles: ComConnection<ComCircle> }>(\n        `query ComListCircles($status: ComCircleStatus, $visibility: ComCircleVisibility, $pagination: PaginationInput) {\n          comListCircles(status: $status, visibility: $visibility, pagination: $pagination) {\n            items { ${CIRCLE_FIELDS} channels { id } }\n            pageInfo { cursor hasMore }\n          }\n        }`,\n        {\n          status: filters.status,\n          visibility: filters.visibility,\n          pagination: page(filters.pagination),\n        },\n        apiGatewayUrl\n      );\n      return result.comListCircles;\n    },\n  });\n};\n\nexport const useComCircle = (id: string | undefined) => {\n  const { apiGatewayUrl } = useComradeCircle();\n  return useQuery({\n    queryKey: KEY.circle(id ?? ''),\n    enabled: Boolean(id),\n    queryFn: async () => {\n      const result = await comQuery<{ comCircle: ComCircle | null }>(\n        `query ComCircle($id: ID!) {\n          comCircle(id: $id) {\n            ${CIRCLE_FIELDS}\n            channels { ${CHANNEL_FIELDS} }\n            memberships { ${MEMBERSHIP_FIELDS} }\n          }\n        }`,\n        { id },\n        apiGatewayUrl\n      );\n      return result.comCircle;\n    },\n  });\n};\n\nexport const useComCreateCircle = () => {\n  const { apiGatewayUrl } = useComradeCircle();\n  const qc = useQueryClient();\n  return useMutation({\n    mutationFn: async (input: ComCreateCircleInput) => {\n      const result = await comQuery<{ comCreateCircle: ComCircle }>(\n        `mutation ComCreateCircle($input: ComCreateCircleInput!) {\n          comCreateCircle(input: $input) { ${CIRCLE_FIELDS} }\n        }`,\n        { input },\n        apiGatewayUrl\n      );\n      return result.comCreateCircle;\n    },\n    onSuccess: () => qc.invalidateQueries({ queryKey: KEY.circles }),\n  });\n};\n\nexport const useComUpdateCircle = () => {\n  const { apiGatewayUrl } = useComradeCircle();\n  const qc = useQueryClient();\n  return useMutation({\n    mutationFn: async (vars: { id: string; input: ComUpdateCircleInput }) => {\n      const result = await comQuery<{ comUpdateCircle: ComCircle }>(\n        `mutation ComUpdateCircle($id: ID!, $input: ComUpdateCircleInput!) {\n          comUpdateCircle(id: $id, input: $input) { ${CIRCLE_FIELDS} }\n        }`,\n        vars,\n        apiGatewayUrl\n      );\n      return result.comUpdateCircle;\n    },\n    onSuccess: (data) => {\n      qc.invalidateQueries({ queryKey: KEY.circles });\n      qc.invalidateQueries({ queryKey: KEY.circle(data.id) });\n    },\n  });\n};\n\nexport const useComArchiveCircle = () => {\n  const { apiGatewayUrl } = useComradeCircle();\n  const qc = useQueryClient();\n  return useMutation({\n    mutationFn: async (id: string) => {\n      const result = await comQuery<{ comArchiveCircle: boolean }>(\n        `mutation ComArchiveCircle($id: ID!) { comArchiveCircle(id: $id) }`,\n        { id },\n        apiGatewayUrl\n      );\n      return result.comArchiveCircle;\n    },\n    onSuccess: () => qc.invalidateQueries({ queryKey: KEY.circles }),\n  });\n};\n\nexport const useComJoinCircle = () => {\n  const { apiGatewayUrl } = useComradeCircle();\n  const qc = useQueryClient();\n  return useMutation({\n    mutationFn: async (circleId: string) => {\n      const result = await comQuery<{ comJoinCircle: ComMembership }>(\n        `mutation ComJoinCircle($circleId: ID!) {\n          comJoinCircle(circleId: $circleId) { ${MEMBERSHIP_FIELDS} }\n        }`,\n        { circleId },\n        apiGatewayUrl\n      );\n      return result.comJoinCircle;\n    },\n    onSuccess: (data) => {\n      qc.invalidateQueries({ queryKey: KEY.circles });\n      qc.invalidateQueries({ queryKey: KEY.circle(data.circleId) });\n      qc.invalidateQueries({ queryKey: KEY.memberships });\n    },\n  });\n};\n\nexport const useComLeaveCircle = () => {\n  const { apiGatewayUrl } = useComradeCircle();\n  const qc = useQueryClient();\n  return useMutation({\n    mutationFn: async (circleId: string) => {\n      const result = await comQuery<{ comLeaveCircle: boolean }>(\n        `mutation ComLeaveCircle($circleId: ID!) { comLeaveCircle(circleId: $circleId) }`,\n        { circleId },\n        apiGatewayUrl\n      );\n      return result.comLeaveCircle;\n    },\n    onSuccess: (_data, circleId) => {\n      qc.invalidateQueries({ queryKey: KEY.circles });\n      qc.invalidateQueries({ queryKey: KEY.circle(circleId) });\n      qc.invalidateQueries({ queryKey: KEY.memberships });\n    },\n  });\n};\n\nexport const useComSetMemberRole = () => {\n  const { apiGatewayUrl } = useComradeCircle();\n  const qc = useQueryClient();\n  return useMutation({\n    mutationFn: async (vars: { membershipId: string; role: ComMemberRole; circleId?: string }) => {\n      const result = await comQuery<{ comSetMemberRole: ComMembership }>(\n        `mutation ComSetMemberRole($membershipId: ID!, $role: ComMemberRole!) {\n          comSetMemberRole(membershipId: $membershipId, role: $role) { ${MEMBERSHIP_FIELDS} }\n        }`,\n        { membershipId: vars.membershipId, role: vars.role },\n        apiGatewayUrl\n      );\n      return result.comSetMemberRole;\n    },\n    onSuccess: (data) => {\n      qc.invalidateQueries({ queryKey: KEY.circle(data.circleId) });\n      qc.invalidateQueries({ queryKey: KEY.memberships });\n    },\n  });\n};\n\nexport interface MembershipFilters {\n  circleId?: string;\n  status?: ComMembershipStatus;\n  pagination?: PaginationInput;\n}\n\nexport const useComMemberships = (filters: MembershipFilters = {}) => {\n  const { apiGatewayUrl } = useComradeCircle();\n  return useQuery({\n    queryKey: [...KEY.memberships, filters],\n    queryFn: async () => {\n      const result = await comQuery<{ comListMemberships: ComConnection<ComMembership> }>(\n        `query ComListMemberships($circleId: ID, $status: ComMembershipStatus, $pagination: PaginationInput) {\n          comListMemberships(circleId: $circleId, status: $status, pagination: $pagination) {\n            items { ${MEMBERSHIP_FIELDS} }\n            pageInfo { cursor hasMore }\n          }\n        }`,\n        {\n          circleId: filters.circleId,\n          status: filters.status,\n          pagination: page(filters.pagination),\n        },\n        apiGatewayUrl\n      );\n      return result.comListMemberships;\n    },\n  });\n};\n\n// ============================================================================\n// Channels\n// ============================================================================\n\nexport const useComChannels = (circleId: string | undefined) => {\n  const { apiGatewayUrl } = useComradeCircle();\n  return useQuery({\n    queryKey: KEY.channels(circleId ?? ''),\n    enabled: Boolean(circleId),\n    queryFn: async () => {\n      const result = await comQuery<{ comListChannels: ComChannel[] }>(\n        `query ComListChannels($circleId: ID!) {\n          comListChannels(circleId: $circleId) { ${CHANNEL_FIELDS} }\n        }`,\n        { circleId },\n        apiGatewayUrl\n      );\n      return result.comListChannels;\n    },\n  });\n};\n\nexport const useComCreateChannel = () => {\n  const { apiGatewayUrl } = useComradeCircle();\n  const qc = useQueryClient();\n  return useMutation({\n    mutationFn: async (input: ComCreateChannelInput) => {\n      const result = await comQuery<{ comCreateChannel: ComChannel }>(\n        `mutation ComCreateChannel($input: ComCreateChannelInput!) {\n          comCreateChannel(input: $input) { ${CHANNEL_FIELDS} }\n        }`,\n        { input },\n        apiGatewayUrl\n      );\n      return result.comCreateChannel;\n    },\n    onSuccess: (data) => {\n      qc.invalidateQueries({ queryKey: KEY.channels(data.circleId) });\n      qc.invalidateQueries({ queryKey: KEY.circle(data.circleId) });\n    },\n  });\n};\n\nexport const useComUpdateChannel = () => {\n  const { apiGatewayUrl } = useComradeCircle();\n  const qc = useQueryClient();\n  return useMutation({\n    mutationFn: async (vars: { id: string; input: ComUpdateChannelInput; circleId: string }) => {\n      const result = await comQuery<{ comUpdateChannel: ComChannel }>(\n        `mutation ComUpdateChannel($id: ID!, $input: ComUpdateChannelInput!) {\n          comUpdateChannel(id: $id, input: $input) { ${CHANNEL_FIELDS} }\n        }`,\n        { id: vars.id, input: vars.input },\n        apiGatewayUrl\n      );\n      return result.comUpdateChannel;\n    },\n    onSuccess: (data) => {\n      qc.invalidateQueries({ queryKey: KEY.channels(data.circleId) });\n      qc.invalidateQueries({ queryKey: KEY.circle(data.circleId) });\n    },\n  });\n};\n\n// ============================================================================\n// Posts / Reactions / Comments\n// ============================================================================\n\nexport interface PostFilters {\n  channelId?: string;\n  status?: ComPostStatus;\n  pagination?: PaginationInput;\n}\n\nexport const useComPosts = (filters: PostFilters = {}) => {\n  const { apiGatewayUrl } = useComradeCircle();\n  return useQuery({\n    queryKey: [...KEY.posts(filters.channelId ?? 'all'), filters.status, filters.pagination],\n    enabled: Boolean(filters.channelId),\n    queryFn: async () => {\n      const result = await comQuery<{ comListPosts: ComConnection<ComPost> }>(\n        `query ComListPosts($channelId: ID, $status: ComPostStatus, $pagination: PaginationInput) {\n          comListPosts(channelId: $channelId, status: $status, pagination: $pagination) {\n            items { ${POST_FIELDS} }\n            pageInfo { cursor hasMore }\n          }\n        }`,\n        {\n          channelId: filters.channelId,\n          status: filters.status,\n          pagination: page(filters.pagination),\n        },\n        apiGatewayUrl\n      );\n      return result.comListPosts;\n    },\n  });\n};\n\nexport const useComPost = (id: string | undefined) => {\n  const { apiGatewayUrl } = useComradeCircle();\n  return useQuery({\n    queryKey: KEY.post(id ?? ''),\n    enabled: Boolean(id),\n    queryFn: async () => {\n      const result = await comQuery<{ comPost: ComPost | null }>(\n        `query ComPost($id: ID!) {\n          comPost(id: $id) {\n            ${POST_FIELDS}\n            comments { ${COMMENT_FIELDS} }\n          }\n        }`,\n        { id },\n        apiGatewayUrl\n      );\n      return result.comPost;\n    },\n  });\n};\n\nexport const useComMyFeed = (pagination?: PaginationInput) => {\n  const { apiGatewayUrl } = useComradeCircle();\n  return useQuery({\n    queryKey: [...KEY.feed, pagination],\n    queryFn: async () => {\n      const result = await comQuery<{ comMyFeed: ComConnection<ComPost> }>(\n        `query ComMyFeed($pagination: PaginationInput) {\n          comMyFeed(pagination: $pagination) {\n            items { ${POST_FIELDS} }\n            pageInfo { cursor hasMore }\n          }\n        }`,\n        { pagination: page(pagination) },\n        apiGatewayUrl\n      );\n      return result.comMyFeed;\n    },\n  });\n};\n\nexport const useComCreatePost = () => {\n  const { apiGatewayUrl } = useComradeCircle();\n  const qc = useQueryClient();\n  return useMutation({\n    mutationFn: async (input: ComCreatePostInput) => {\n      const result = await comQuery<{ comCreatePost: ComPost }>(\n        `mutation ComCreatePost($input: ComCreatePostInput!) {\n          comCreatePost(input: $input) { ${POST_FIELDS} }\n        }`,\n        { input },\n        apiGatewayUrl\n      );\n      return result.comCreatePost;\n    },\n    onSuccess: (data) => {\n      qc.invalidateQueries({ queryKey: KEY.posts(data.channelId) });\n      qc.invalidateQueries({ queryKey: KEY.feed });\n    },\n  });\n};\n\nexport const useComUpdatePost = () => {\n  const { apiGatewayUrl } = useComradeCircle();\n  const qc = useQueryClient();\n  return useMutation({\n    mutationFn: async (vars: { id: string; input: ComUpdatePostInput }) => {\n      const result = await comQuery<{ comUpdatePost: ComPost }>(\n        `mutation ComUpdatePost($id: ID!, $input: ComUpdatePostInput!) {\n          comUpdatePost(id: $id, input: $input) { ${POST_FIELDS} }\n        }`,\n        vars,\n        apiGatewayUrl\n      );\n      return result.comUpdatePost;\n    },\n    onSuccess: (data) => {\n      qc.invalidateQueries({ queryKey: KEY.posts(data.channelId) });\n      qc.invalidateQueries({ queryKey: KEY.post(data.id) });\n      qc.invalidateQueries({ queryKey: KEY.feed });\n    },\n  });\n};\n\nexport const useComRemovePost = () => {\n  const { apiGatewayUrl } = useComradeCircle();\n  const qc = useQueryClient();\n  return useMutation({\n    mutationFn: async (vars: { id: string; channelId?: string }) => {\n      const result = await comQuery<{ comRemovePost: boolean }>(\n        `mutation ComRemovePost($id: ID!) { comRemovePost(id: $id) }`,\n        { id: vars.id },\n        apiGatewayUrl\n      );\n      return result.comRemovePost;\n    },\n    onSuccess: (_d, vars) => {\n      if (vars.channelId) qc.invalidateQueries({ queryKey: KEY.posts(vars.channelId) });\n      qc.invalidateQueries({ queryKey: KEY.feed });\n    },\n  });\n};\n\nexport const useComReactToPost = () => {\n  const { apiGatewayUrl } = useComradeCircle();\n  const qc = useQueryClient();\n  return useMutation({\n    mutationFn: async (vars: { postId: string; type: ComReactionType }) => {\n      const result = await comQuery<{ comReactToPost: ComPost }>(\n        `mutation ComReactToPost($postId: ID!, $type: ComReactionType!) {\n          comReactToPost(postId: $postId, type: $type) { ${POST_FIELDS} }\n        }`,\n        vars,\n        apiGatewayUrl\n      );\n      return result.comReactToPost;\n    },\n    onSuccess: (data) => {\n      qc.invalidateQueries({ queryKey: KEY.posts(data.channelId) });\n      qc.invalidateQueries({ queryKey: KEY.post(data.id) });\n      qc.invalidateQueries({ queryKey: KEY.feed });\n    },\n  });\n};\n\nexport const useComComments = (postId: string | undefined) => {\n  const { apiGatewayUrl } = useComradeCircle();\n  return useQuery({\n    queryKey: KEY.comments(postId ?? ''),\n    enabled: Boolean(postId),\n    queryFn: async () => {\n      const result = await comQuery<{ comListComments: ComComment[] }>(\n        `query ComListComments($postId: ID!) {\n          comListComments(postId: $postId) { ${COMMENT_FIELDS} }\n        }`,\n        { postId },\n        apiGatewayUrl\n      );\n      return result.comListComments;\n    },\n  });\n};\n\nexport const useComAddComment = () => {\n  const { apiGatewayUrl } = useComradeCircle();\n  const qc = useQueryClient();\n  return useMutation({\n    mutationFn: async (input: ComCreateCommentInput) => {\n      const result = await comQuery<{ comAddComment: ComComment }>(\n        `mutation ComAddComment($input: ComCreateCommentInput!) {\n          comAddComment(input: $input) { ${COMMENT_FIELDS} }\n        }`,\n        { input },\n        apiGatewayUrl\n      );\n      return result.comAddComment;\n    },\n    onSuccess: (data) => {\n      qc.invalidateQueries({ queryKey: KEY.comments(data.postId) });\n      qc.invalidateQueries({ queryKey: KEY.post(data.postId) });\n      qc.invalidateQueries({ queryKey: KEY.feed });\n    },\n  });\n};\n\n// ============================================================================\n// Feed follows\n// ============================================================================\n\nexport const useComMyFollows = (targetType?: ComFollowTargetType) => {\n  const { apiGatewayUrl } = useComradeCircle();\n  return useQuery({\n    queryKey: [...KEY.follows, targetType ?? 'all'],\n    queryFn: async () => {\n      const result = await comQuery<{ comMyFollows: ComFeedFollow[] }>(\n        `query ComMyFollows($targetType: ComFollowTargetType) {\n          comMyFollows(targetType: $targetType) { ${FOLLOW_FIELDS} }\n        }`,\n        { targetType },\n        apiGatewayUrl\n      );\n      return result.comMyFollows;\n    },\n  });\n};\n\nexport const useComFollow = () => {\n  const { apiGatewayUrl } = useComradeCircle();\n  const qc = useQueryClient();\n  return useMutation({\n    mutationFn: async (input: ComFollowInput) => {\n      const result = await comQuery<{ comFollow: ComFeedFollow }>(\n        `mutation ComFollow($input: ComFollowInput!) {\n          comFollow(input: $input) { ${FOLLOW_FIELDS} }\n        }`,\n        { input },\n        apiGatewayUrl\n      );\n      return result.comFollow;\n    },\n    onSuccess: () => {\n      qc.invalidateQueries({ queryKey: KEY.follows });\n      qc.invalidateQueries({ queryKey: KEY.feed });\n    },\n  });\n};\n\nexport const useComUnfollow = () => {\n  const { apiGatewayUrl } = useComradeCircle();\n  const qc = useQueryClient();\n  return useMutation({\n    mutationFn: async (input: ComFollowInput) => {\n      const result = await comQuery<{ comUnfollow: boolean }>(\n        `mutation ComUnfollow($input: ComFollowInput!) { comUnfollow(input: $input) }`,\n        { input },\n        apiGatewayUrl\n      );\n      return result.comUnfollow;\n    },\n    onSuccess: () => {\n      qc.invalidateQueries({ queryKey: KEY.follows });\n      qc.invalidateQueries({ queryKey: KEY.feed });\n    },\n  });\n};\n\nexport const useComMuteFollow = () => {\n  const { apiGatewayUrl } = useComradeCircle();\n  const qc = useQueryClient();\n  return useMutation({\n    mutationFn: async (vars: { id: string; muted: boolean }) => {\n      const result = await comQuery<{ comMuteFollow: ComFeedFollow }>(\n        `mutation ComMuteFollow($id: ID!, $muted: Boolean!) {\n          comMuteFollow(id: $id, muted: $muted) { ${FOLLOW_FIELDS} }\n        }`,\n        vars,\n        apiGatewayUrl\n      );\n      return result.comMuteFollow;\n    },\n    onSuccess: () => {\n      qc.invalidateQueries({ queryKey: KEY.follows });\n      qc.invalidateQueries({ queryKey: KEY.feed });\n    },\n  });\n};\n\n// ============================================================================\n// Events / RSVPs\n// ============================================================================\n\nexport interface EventFilters {\n  circleId?: string;\n  status?: ComEventStatus;\n  pagination?: PaginationInput;\n}\n\nexport const useComEvents = (filters: EventFilters = {}) => {\n  const { apiGatewayUrl } = useComradeCircle();\n  return useQuery({\n    queryKey: [...KEY.events, filters],\n    queryFn: async () => {\n      const result = await comQuery<{ comListEvents: ComConnection<ComEvent> }>(\n        `query ComListEvents($circleId: ID, $status: ComEventStatus, $pagination: PaginationInput) {\n          comListEvents(circleId: $circleId, status: $status, pagination: $pagination) {\n            items { ${EVENT_FIELDS} }\n            pageInfo { cursor hasMore }\n          }\n        }`,\n        {\n          circleId: filters.circleId,\n          status: filters.status,\n          pagination: page(filters.pagination),\n        },\n        apiGatewayUrl\n      );\n      return result.comListEvents;\n    },\n  });\n};\n\nexport const useComEvent = (id: string | undefined) => {\n  const { apiGatewayUrl } = useComradeCircle();\n  return useQuery({\n    queryKey: KEY.event(id ?? ''),\n    enabled: Boolean(id),\n    queryFn: async () => {\n      const result = await comQuery<{ comEvent: ComEvent | null }>(\n        `query ComEvent($id: ID!) {\n          comEvent(id: $id) {\n            ${EVENT_FIELDS}\n            rsvps { ${RSVP_FIELDS} }\n          }\n        }`,\n        { id },\n        apiGatewayUrl\n      );\n      return result.comEvent;\n    },\n  });\n};\n\nexport const useComCreateEvent = () => {\n  const { apiGatewayUrl } = useComradeCircle();\n  const qc = useQueryClient();\n  return useMutation({\n    mutationFn: async (input: ComCreateEventInput) => {\n      const result = await comQuery<{ comCreateEvent: ComEvent }>(\n        `mutation ComCreateEvent($input: ComCreateEventInput!) {\n          comCreateEvent(input: $input) { ${EVENT_FIELDS} }\n        }`,\n        { input },\n        apiGatewayUrl\n      );\n      return result.comCreateEvent;\n    },\n    onSuccess: () => qc.invalidateQueries({ queryKey: KEY.events }),\n  });\n};\n\nexport const useComUpdateEvent = () => {\n  const { apiGatewayUrl } = useComradeCircle();\n  const qc = useQueryClient();\n  return useMutation({\n    mutationFn: async (vars: { id: string; input: ComUpdateEventInput }) => {\n      const result = await comQuery<{ comUpdateEvent: ComEvent }>(\n        `mutation ComUpdateEvent($id: ID!, $input: ComUpdateEventInput!) {\n          comUpdateEvent(id: $id, input: $input) { ${EVENT_FIELDS} }\n        }`,\n        vars,\n        apiGatewayUrl\n      );\n      return result.comUpdateEvent;\n    },\n    onSuccess: (data) => {\n      qc.invalidateQueries({ queryKey: KEY.events });\n      qc.invalidateQueries({ queryKey: KEY.event(data.id) });\n    },\n  });\n};\n\nexport const useComTransitionEvent = () => {\n  const { apiGatewayUrl } = useComradeCircle();\n  const qc = useQueryClient();\n  return useMutation({\n    mutationFn: async (vars: { id: string; status: ComEventStatus }) => {\n      const result = await comQuery<{ comTransitionEvent: ComEvent }>(\n        `mutation ComTransitionEvent($id: ID!, $status: ComEventStatus!) {\n          comTransitionEvent(id: $id, status: $status) { ${EVENT_FIELDS} }\n        }`,\n        vars,\n        apiGatewayUrl\n      );\n      return result.comTransitionEvent;\n    },\n    onSuccess: (data) => {\n      qc.invalidateQueries({ queryKey: KEY.events });\n      qc.invalidateQueries({ queryKey: KEY.event(data.id) });\n    },\n  });\n};\n\nexport const useComRsvpEvent = () => {\n  const { apiGatewayUrl } = useComradeCircle();\n  const qc = useQueryClient();\n  return useMutation({\n    mutationFn: async (vars: { eventId: string; status: ComRsvpStatus; note?: string | null }) => {\n      const result = await comQuery<{ comRsvpEvent: ComEventRsvp }>(\n        `mutation ComRsvpEvent($eventId: ID!, $status: ComRsvpStatus!, $note: String) {\n          comRsvpEvent(eventId: $eventId, status: $status, note: $note) { ${RSVP_FIELDS} }\n        }`,\n        vars,\n        apiGatewayUrl\n      );\n      return result.comRsvpEvent;\n    },\n    onSuccess: (data) => {\n      qc.invalidateQueries({ queryKey: KEY.events });\n      qc.invalidateQueries({ queryKey: KEY.event(data.eventId) });\n    },\n  });\n};\n\n// ============================================================================\n// Polls / Votes\n// ============================================================================\n\nexport const useComPolls = (circleId: string | undefined, status?: ComPollStatus) => {\n  const { apiGatewayUrl } = useComradeCircle();\n  return useQuery({\n    queryKey: [...KEY.polls(circleId ?? ''), status ?? 'all'],\n    enabled: Boolean(circleId),\n    queryFn: async () => {\n      const result = await comQuery<{ comListPolls: ComPoll[] }>(\n        `query ComListPolls($circleId: ID!, $status: ComPollStatus) {\n          comListPolls(circleId: $circleId, status: $status) { ${POLL_FIELDS} }\n        }`,\n        { circleId, status },\n        apiGatewayUrl\n      );\n      return result.comListPolls;\n    },\n  });\n};\n\nexport const useComCreatePoll = () => {\n  const { apiGatewayUrl } = useComradeCircle();\n  const qc = useQueryClient();\n  return useMutation({\n    mutationFn: async (input: ComCreatePollInput) => {\n      const result = await comQuery<{ comCreatePoll: ComPoll }>(\n        `mutation ComCreatePoll($input: ComCreatePollInput!) {\n          comCreatePoll(input: $input) { ${POLL_FIELDS} }\n        }`,\n        { input },\n        apiGatewayUrl\n      );\n      return result.comCreatePoll;\n    },\n    onSuccess: (data) => qc.invalidateQueries({ queryKey: KEY.polls(data.circleId) }),\n  });\n};\n\nexport const useComClosePoll = () => {\n  const { apiGatewayUrl } = useComradeCircle();\n  const qc = useQueryClient();\n  return useMutation({\n    mutationFn: async (id: string) => {\n      const result = await comQuery<{ comClosePoll: ComPoll }>(\n        `mutation ComClosePoll($id: ID!) { comClosePoll(id: $id) { ${POLL_FIELDS} } }`,\n        { id },\n        apiGatewayUrl\n      );\n      return result.comClosePoll;\n    },\n    onSuccess: (data) => qc.invalidateQueries({ queryKey: KEY.polls(data.circleId) }),\n  });\n};\n\nexport const useComVotePoll = () => {\n  const { apiGatewayUrl } = useComradeCircle();\n  const qc = useQueryClient();\n  return useMutation({\n    mutationFn: async (vars: { pollId: string; optionId: string; circleId?: string }) => {\n      const result = await comQuery<{ comVotePoll: ComPollOption }>(\n        `mutation ComVotePoll($pollId: ID!, $optionId: ID!) {\n          comVotePoll(pollId: $pollId, optionId: $optionId) { ${POLL_OPTION_FIELDS} }\n        }`,\n        { pollId: vars.pollId, optionId: vars.optionId },\n        apiGatewayUrl\n      );\n      return result.comVotePoll;\n    },\n    onSuccess: (_data, vars) => {\n      if (vars.circleId) qc.invalidateQueries({ queryKey: KEY.polls(vars.circleId) });\n      qc.invalidateQueries({ queryKey: KEY.poll(vars.pollId) });\n    },\n  });\n};\n\n// ============================================================================\n// Profiles (social identity layer)\n// ============================================================================\n\nexport interface ProfileFilters {\n  discoverable?: boolean;\n  pagination?: PaginationInput;\n}\n\nexport const useComProfiles = (filters: ProfileFilters = {}) => {\n  const { apiGatewayUrl } = useComradeCircle();\n  return useQuery({\n    queryKey: [...KEY.profiles, filters],\n    queryFn: async () => {\n      const result = await comQuery<{ comListProfiles: ComConnection<ComProfile> }>(\n        `query ComListProfiles($discoverable: Boolean, $pagination: PaginationInput) {\n          comListProfiles(discoverable: $discoverable, pagination: $pagination) {\n            items { ${PROFILE_FIELDS} }\n            pageInfo { cursor hasMore }\n          }\n        }`,\n        { discoverable: filters.discoverable, pagination: page(filters.pagination) },\n        apiGatewayUrl\n      );\n      return result.comListProfiles;\n    },\n  });\n};\n\nexport const useComProfile = (memberId: string | undefined) => {\n  const { apiGatewayUrl } = useComradeCircle();\n  return useQuery({\n    queryKey: KEY.profile(memberId ?? ''),\n    enabled: Boolean(memberId),\n    // Profiles change rarely; cache aggressively so feed identity lookups are cheap.\n    staleTime: 10 * 60 * 1000,\n    queryFn: async () => {\n      const result = await comQuery<{ comProfile: ComProfile | null }>(\n        `query ComProfile($memberId: ID!) {\n          comProfile(memberId: $memberId) { ${PROFILE_FIELDS} }\n        }`,\n        { memberId },\n        apiGatewayUrl\n      );\n      return result.comProfile;\n    },\n  });\n};\n\nexport const useComUpsertProfile = () => {\n  const { apiGatewayUrl } = useComradeCircle();\n  const qc = useQueryClient();\n  return useMutation({\n    mutationFn: async (input: ComUpsertProfileInput) => {\n      const result = await comQuery<{ comUpsertProfile: ComProfile }>(\n        `mutation ComUpsertProfile($input: ComUpsertProfileInput!) {\n          comUpsertProfile(input: $input) { ${PROFILE_FIELDS} }\n        }`,\n        { input },\n        apiGatewayUrl\n      );\n      return result.comUpsertProfile;\n    },\n    onSuccess: (data) => {\n      qc.invalidateQueries({ queryKey: KEY.profiles });\n      qc.invalidateQueries({ queryKey: KEY.profile(data.memberId) });\n    },\n  });\n};\n\n// Re-export commonly used reaction type for convenience.\nexport type { ComReaction };\n"],"mappings":"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"}

package/dist/comradecircle/pages/FeedPage.js

@@ -6,60 +6,106 @@ import { useCursorPager as r } from "../hooks/useCursorPager.js";
 import "../hooks/index.js";
 import { PostCard as i } from "../components/PostCard.js";
 import { EmptyState as a } from "../components/EmptyState.js";
-import { ErrorView as o, LoadingView as s } from "../components/StateViews.js";
-import { Pagination as c } from "../components/Pagination.js";
-import { Compass as l, Newspaper as u, UsersRound as d } from "lucide-react";
-import { jsx as f, jsxs as p } from "react/jsx-runtime";
-import { Button as m } from "@burdenoff/fe-libs/ui";
+import { ErrorView as o } from "../components/StateViews.js";
+import { Pagination as s } from "../components/Pagination.js";
+import { Compass as c, Newspaper as l, UsersRound as u } from "lucide-react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { Button as p, GlassCard as m, Skeleton as h } from "@burdenoff/fe-libs/ui";
 //#region src/comradecircle/pages/FeedPage.tsx
-var h = 20;
-function g() {
-	let { navigateTo: g } = e(), _ = r(), { data: v, isLoading: y, isError: b, refetch: x } = n({
-		limit: h,
-		cursor: _.cursor
-	}), S = v?.items ?? [];
-	return /* @__PURE__ */ f(t, {
+var g = 20, _ = "motion-safe:animate-in motion-safe:fade-in motion-safe:slide-in-from-bottom-3 motion-safe:duration-500 motion-safe:ease-out motion-safe:fill-mode-both", v = [
+	["w-11/12", "w-3/4"],
+	[
+		"w-full",
+		"w-10/12",
+		"w-2/3"
+	],
+	["w-5/6", "w-1/2"]
+];
+function y() {
+	return /* @__PURE__ */ d("div", {
+		className: "mx-auto flex max-w-2xl flex-col gap-4",
+		"aria-hidden": "true",
+		children: v.map((e, t) => /* @__PURE__ */ f(m, {
+			treatment: "plain",
+			className: "p-4",
+			children: [
+				/* @__PURE__ */ f("div", {
+					className: "flex items-start gap-3",
+					children: [/* @__PURE__ */ d(h, { className: "h-10 w-10 shrink-0 rounded-full" }), /* @__PURE__ */ f("div", {
+						className: "flex-1 space-y-2 pt-1",
+						children: [/* @__PURE__ */ d(h, { className: "h-3.5 w-32" }), /* @__PURE__ */ d(h, { className: "h-3 w-20" })]
+					})]
+				}),
+				/* @__PURE__ */ d("div", {
+					className: "mt-4 space-y-2.5",
+					children: e.map((e, t) => /* @__PURE__ */ d(h, { className: `h-3 ${e}` }, t))
+				}),
+				/* @__PURE__ */ f("div", {
+					className: "mt-4 flex items-center justify-between gap-3 border-t border-border-seam pt-3",
+					children: [/* @__PURE__ */ f("div", {
+						className: "flex items-center gap-2",
+						children: [
+							/* @__PURE__ */ d(h, { className: "h-7 w-14 rounded-full" }),
+							/* @__PURE__ */ d(h, { className: "h-7 w-14 rounded-full" }),
+							/* @__PURE__ */ d(h, { className: "h-7 w-14 rounded-full" })
+						]
+					}), /* @__PURE__ */ d(h, { className: "h-7 w-24 rounded-full" })]
+				})
+			]
+		}, t))
+	});
+}
+function b() {
+	let { navigateTo: m } = e(), h = r(), { data: v, isLoading: b, isError: x, refetch: S } = n({
+		limit: g,
+		cursor: h.cursor
+	}), C = v?.items ?? [];
+	return /* @__PURE__ */ d(t, {
 		title: "Home",
 		titleGradient: !0,
 		aurora: !0,
 		description: "Posts from the circles, channels, and members you follow — newest first.",
-		actions: /* @__PURE__ */ p(m, {
+		actions: /* @__PURE__ */ f(p, {
 			variant: "outline",
-			onClick: () => g("circles"),
-			children: [/* @__PURE__ */ f(l, { className: "mr-1.5 h-4 w-4" }), " Discover circles"]
+			onClick: () => m("circles"),
+			children: [/* @__PURE__ */ d(c, { className: "mr-1.5 h-4 w-4" }), " Discover circles"]
 		}),
-		children: y ? /* @__PURE__ */ f(s, { label: "Loading your feed…" }) : b ? /* @__PURE__ */ f(o, {
+		children: b ? /* @__PURE__ */ d(y, {}) : x ? /* @__PURE__ */ d(o, {
 			message: "We couldn't load your feed.",
-			onRetry: () => x()
-		}) : S.length === 0 && _.page === 0 ? /* @__PURE__ */ f(a, {
+			onRetry: () => S()
+		}) : C.length === 0 && h.page === 0 ? /* @__PURE__ */ d(a, {
 			illustration: "empty-notifications",
-			icon: /* @__PURE__ */ f(u, { className: "h-10 w-10" }),
+			icon: /* @__PURE__ */ d(l, { className: "h-10 w-10" }),
 			title: "Your feed is quiet",
 			description: "Follow circles and members to fill your home feed with their latest posts, events, and discussions.",
-			action: /* @__PURE__ */ p("div", {
+			action: /* @__PURE__ */ f("div", {
 				className: "flex flex-wrap items-center justify-center gap-3",
-				children: [/* @__PURE__ */ p(m, {
-					onClick: () => g("circles"),
-					children: [/* @__PURE__ */ f(l, { className: "mr-1.5 h-4 w-4" }), " Explore circles"]
-				}), /* @__PURE__ */ p(m, {
+				children: [/* @__PURE__ */ f(p, {
+					onClick: () => m("circles"),
+					children: [/* @__PURE__ */ d(c, { className: "mr-1.5 h-4 w-4" }), " Explore circles"]
+				}), /* @__PURE__ */ f(p, {
 					variant: "outline",
-					onClick: () => g("members"),
-					children: [/* @__PURE__ */ f(d, { className: "mr-1.5 h-4 w-4" }), " Find members"]
+					onClick: () => m("members"),
+					children: [/* @__PURE__ */ d(u, { className: "mr-1.5 h-4 w-4" }), " Find members"]
 				})]
 			})
-		}) : /* @__PURE__ */ p("div", {
+		}) : /* @__PURE__ */ f("div", {
 			className: "mx-auto flex max-w-2xl flex-col gap-4",
-			children: [S.map((e) => /* @__PURE__ */ f(i, { post: e }, e.id)), /* @__PURE__ */ f(c, {
-				page: _.page,
-				pageSize: h,
-				itemCount: S.length,
+			children: [C.map((e, t) => /* @__PURE__ */ d("div", {
+				className: _,
+				style: { animationDelay: `${Math.min(t, 8) * 70}ms` },
+				children: /* @__PURE__ */ d(i, { post: e })
+			}, e.id)), /* @__PURE__ */ d(s, {
+				page: h.page,
+				pageSize: g,
+				itemCount: C.length,
 				hasMore: v?.pageInfo.hasMore ?? !1,
-				onPageChange: (e) => _.onPageChange(e, v?.pageInfo.cursor)
+				onPageChange: (e) => h.onPageChange(e, v?.pageInfo.cursor)
 			})]
 		})
 	});
 }
 //#endregion
-export { g as FeedPage };
+export { b as FeedPage };
 
 //# sourceMappingURL=FeedPage.js.map

package/dist/comradecircle/pages/FeedPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"FeedPage.js","names":[],"sources":["../../../src/comradecircle/pages/FeedPage.tsx"],"sourcesContent":["/**\n * FeedPage — the member's unified home feed.\n * @module comradecircle/pages\n *\n * Reads `comMyFeed` (published posts from every channel, member, and circle the\n * caller follows, newest first). A new member with no follows sees a guided\n * empty state pointing at circle & member discovery.\n */\n\nimport { Newspaper, Compass, UsersRound } from 'lucide-react';\nimport { Button } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../components/PageLayout';\nimport { PostCard } from '../components/PostCard';\nimport { EmptyState } from '../components/EmptyState';\nimport { LoadingView, ErrorView } from '../components/StateViews';\nimport { Pagination } from '../components/Pagination';\nimport { useComMyFeed, useCursorPager } from '../hooks';\nimport { useComradeCircle } from '../context';\n\nconst PAGE_SIZE = 20;\n\nexport function FeedPage() {\n  const { navigateTo } = useComradeCircle();\n  const pager = useCursorPager();\n  const { data, isLoading, isError, refetch } = useComMyFeed({\n    limit: PAGE_SIZE,\n    cursor: pager.cursor,\n  });\n\n  const posts = data?.items ?? [];\n\n  return (\n    <PageLayout\n      title=\"Home\"\n      titleGradient\n      aurora\n      description=\"Posts from the circles, channels, and members you follow — newest first.\"\n      actions={\n        <Button variant=\"outline\" onClick={() => navigateTo('circles')}>\n          <Compass className=\"mr-1.5 h-4 w-4\" /> Discover circles\n        </Button>\n      }\n    >\n      {isLoading ? (\n        <LoadingView label=\"Loading your feed…\" />\n      ) : isError ? (\n        <ErrorView message=\"We couldn't load your feed.\" onRetry={() => refetch()} />\n      ) : posts.length === 0 && pager.page === 0 ? (\n        <EmptyState\n          illustration=\"empty-notifications\"\n          icon={<Newspaper className=\"h-10 w-10\" />}\n          title=\"Your feed is quiet\"\n          description=\"Follow circles and members to fill your home feed with their latest posts, events, and discussions.\"\n          action={\n            <div className=\"flex flex-wrap items-center justify-center gap-3\">\n              <Button onClick={() => navigateTo('circles')}>\n                <Compass className=\"mr-1.5 h-4 w-4\" /> Explore circles\n              </Button>\n              <Button variant=\"outline\" onClick={() => navigateTo('members')}>\n                <UsersRound className=\"mr-1.5 h-4 w-4\" /> Find members\n              </Button>\n            </div>\n          }\n        />\n      ) : (\n        <div className=\"mx-auto flex max-w-2xl flex-col gap-4\">\n          {posts.map((post) => (\n            <PostCard key={post.id} post={post} />\n          ))}\n          <Pagination\n            page={pager.page}\n            pageSize={PAGE_SIZE}\n            itemCount={posts.length}\n            hasMore={data?.pageInfo.hasMore ?? false}\n            onPageChange={(target) => pager.onPageChange(target, data?.pageInfo.cursor)}\n          />\n        </div>\n      )}\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;AAmBA,IAAM,IAAY;AAElB,SAAgB,IAAW;CACzB,IAAM,EAAE,kBAAe,GAAkB,EACnC,IAAQ,GAAgB,EACxB,EAAE,SAAM,cAAW,YAAS,eAAY,EAAa;EACzD,OAAO;EACP,QAAQ,EAAM;EACf,CAAC,EAEI,IAAQ,GAAM,SAAS,EAAE;AAE/B,QACE,kBAAC,GAAD;EACE,OAAM;EACN,eAAA;EACA,QAAA;EACA,aAAY;EACZ,SACE,kBAAC,GAAD;GAAQ,SAAQ;GAAU,eAAe,EAAW,UAAU;aAA9D,CACE,kBAAC,GAAD,EAAS,WAAU,kBAAmB,CAAA,EAAA,oBAC/B;;YAGV,IACC,kBAAC,GAAD,EAAa,OAAM,sBAAuB,CAAA,GACxC,IACF,kBAAC,GAAD;GAAW,SAAQ;GAA8B,eAAe,GAAS;GAAI,CAAA,GAC3E,EAAM,WAAW,KAAK,EAAM,SAAS,IACvC,kBAAC,GAAD;GACE,cAAa;GACb,MAAM,kBAAC,GAAD,EAAW,WAAU,aAAc,CAAA;GACzC,OAAM;GACN,aAAY;GACZ,QACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD;KAAQ,eAAe,EAAW,UAAU;eAA5C,CACE,kBAAC,GAAD,EAAS,WAAU,kBAAmB,CAAA,EAAA,mBAC/B;QACT,kBAAC,GAAD;KAAQ,SAAQ;KAAU,eAAe,EAAW,UAAU;eAA9D,CACE,kBAAC,GAAD,EAAY,WAAU,kBAAmB,CAAA,EAAA,gBAClC;OACL;;GAER,CAAA,GAEF,kBAAC,OAAD;GAAK,WAAU;aAAf,CACG,EAAM,KAAK,MACV,kBAAC,GAAD,EAA8B,SAAQ,EAAvB,EAAK,GAAkB,CACtC,EACF,kBAAC,GAAD;IACE,MAAM,EAAM;IACZ,UAAU;IACV,WAAW,EAAM;IACjB,SAAS,GAAM,SAAS,WAAW;IACnC,eAAe,MAAW,EAAM,aAAa,GAAQ,GAAM,SAAS,OAAO;IAC3E,CAAA,CACE;;EAEG,CAAA"}
+{"version":3,"file":"FeedPage.js","names":[],"sources":["../../../src/comradecircle/pages/FeedPage.tsx"],"sourcesContent":["/**\n * FeedPage — the member's unified home feed.\n * @module comradecircle/pages\n *\n * Reads `comMyFeed` (published posts from every channel, member, and circle the\n * caller follows, newest first). A new member with no follows sees a guided\n * empty state pointing at circle & member discovery.\n */\n\nimport { Newspaper, Compass, UsersRound } from 'lucide-react';\nimport { Button, GlassCard, Skeleton } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../components/PageLayout';\nimport { PostCard } from '../components/PostCard';\nimport { EmptyState } from '../components/EmptyState';\nimport { ErrorView } from '../components/StateViews';\nimport { Pagination } from '../components/Pagination';\nimport { useComMyFeed, useCursorPager } from '../hooks';\nimport { useComradeCircle } from '../context';\n\nconst PAGE_SIZE = 20;\n\n/**\n * Motion for each post as the feed 'assembles' on arrival. Fully neutralised\n * under `prefers-reduced-motion` (every class is `motion-safe:`); `fill-mode-both`\n * holds the hidden start state through the per-card `animationDelay`.\n */\nconst POST_ENTER =\n  'motion-safe:animate-in motion-safe:fade-in motion-safe:slide-in-from-bottom-3 ' +\n  'motion-safe:duration-500 motion-safe:ease-out motion-safe:fill-mode-both';\n\n/** Widths that give each skeleton post a natural, non-uniform body. */\nconst SKELETON_LINES = [\n  ['w-11/12', 'w-3/4'],\n  ['w-full', 'w-10/12', 'w-2/3'],\n  ['w-5/6', 'w-1/2'],\n] as const;\n\n/**\n * A stack of post-card-shaped skeletons that mirrors the final feed layout, so\n * the transition from loading → loaded doesn't shift the column.\n */\nfunction FeedSkeleton() {\n  return (\n    <div className=\"mx-auto flex max-w-2xl flex-col gap-4\" aria-hidden=\"true\">\n      {SKELETON_LINES.map((lines, i) => (\n        <GlassCard key={i} treatment=\"plain\" className=\"p-4\">\n          <div className=\"flex items-start gap-3\">\n            <Skeleton className=\"h-10 w-10 shrink-0 rounded-full\" />\n            <div className=\"flex-1 space-y-2 pt-1\">\n              <Skeleton className=\"h-3.5 w-32\" />\n              <Skeleton className=\"h-3 w-20\" />\n            </div>\n          </div>\n          <div className=\"mt-4 space-y-2.5\">\n            {lines.map((w, j) => (\n              <Skeleton key={j} className={`h-3 ${w}`} />\n            ))}\n          </div>\n          <div className=\"mt-4 flex items-center justify-between gap-3 border-t border-border-seam pt-3\">\n            <div className=\"flex items-center gap-2\">\n              <Skeleton className=\"h-7 w-14 rounded-full\" />\n              <Skeleton className=\"h-7 w-14 rounded-full\" />\n              <Skeleton className=\"h-7 w-14 rounded-full\" />\n            </div>\n            <Skeleton className=\"h-7 w-24 rounded-full\" />\n          </div>\n        </GlassCard>\n      ))}\n    </div>\n  );\n}\n\nexport function FeedPage() {\n  const { navigateTo } = useComradeCircle();\n  const pager = useCursorPager();\n  const { data, isLoading, isError, refetch } = useComMyFeed({\n    limit: PAGE_SIZE,\n    cursor: pager.cursor,\n  });\n\n  const posts = data?.items ?? [];\n\n  return (\n    <PageLayout\n      title=\"Home\"\n      titleGradient\n      aurora\n      description=\"Posts from the circles, channels, and members you follow — newest first.\"\n      actions={\n        <Button variant=\"outline\" onClick={() => navigateTo('circles')}>\n          <Compass className=\"mr-1.5 h-4 w-4\" /> Discover circles\n        </Button>\n      }\n    >\n      {isLoading ? (\n        <FeedSkeleton />\n      ) : isError ? (\n        <ErrorView message=\"We couldn't load your feed.\" onRetry={() => refetch()} />\n      ) : posts.length === 0 && pager.page === 0 ? (\n        <EmptyState\n          illustration=\"empty-notifications\"\n          icon={<Newspaper className=\"h-10 w-10\" />}\n          title=\"Your feed is quiet\"\n          description=\"Follow circles and members to fill your home feed with their latest posts, events, and discussions.\"\n          action={\n            <div className=\"flex flex-wrap items-center justify-center gap-3\">\n              <Button onClick={() => navigateTo('circles')}>\n                <Compass className=\"mr-1.5 h-4 w-4\" /> Explore circles\n              </Button>\n              <Button variant=\"outline\" onClick={() => navigateTo('members')}>\n                <UsersRound className=\"mr-1.5 h-4 w-4\" /> Find members\n              </Button>\n            </div>\n          }\n        />\n      ) : (\n        <div className=\"mx-auto flex max-w-2xl flex-col gap-4\">\n          {posts.map((post, index) => (\n            <div\n              key={post.id}\n              className={POST_ENTER}\n              style={{ animationDelay: `${Math.min(index, 8) * 70}ms` }}\n            >\n              <PostCard post={post} />\n            </div>\n          ))}\n          <Pagination\n            page={pager.page}\n            pageSize={PAGE_SIZE}\n            itemCount={posts.length}\n            hasMore={data?.pageInfo.hasMore ?? false}\n            onPageChange={(target) => pager.onPageChange(target, data?.pageInfo.cursor)}\n          />\n        </div>\n      )}\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;AAmBA,IAAM,IAAY,IAOZ,IACJ,0JAII,IAAiB;CACrB,CAAC,WAAW,QAAQ;CACpB;EAAC;EAAU;EAAW;EAAQ;CAC9B,CAAC,SAAS,QAAQ;CACnB;AAMD,SAAS,IAAe;AACtB,QACE,kBAAC,OAAD;EAAK,WAAU;EAAwC,eAAY;YAChE,EAAe,KAAK,GAAO,MAC1B,kBAAC,GAAD;GAAmB,WAAU;GAAQ,WAAU;aAA/C;IACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD,EAAU,WAAU,mCAAoC,CAAA,EACxD,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,GAAD,EAAU,WAAU,cAAe,CAAA,EACnC,kBAAC,GAAD,EAAU,WAAU,YAAa,CAAA,CAC7B;QACF;;IACN,kBAAC,OAAD;KAAK,WAAU;eACZ,EAAM,KAAK,GAAG,MACb,kBAAC,GAAD,EAAkB,WAAW,OAAO,KAAO,EAA5B,EAA4B,CAC3C;KACE,CAAA;IACN,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,OAAD;MAAK,WAAU;gBAAf;OACE,kBAAC,GAAD,EAAU,WAAU,yBAA0B,CAAA;OAC9C,kBAAC,GAAD,EAAU,WAAU,yBAA0B,CAAA;OAC9C,kBAAC,GAAD,EAAU,WAAU,yBAA0B,CAAA;OAC1C;SACN,kBAAC,GAAD,EAAU,WAAU,yBAA0B,CAAA,CAC1C;;IACI;KArBI,EAqBJ,CACZ;EACE,CAAA;;AAIV,SAAgB,IAAW;CACzB,IAAM,EAAE,kBAAe,GAAkB,EACnC,IAAQ,GAAgB,EACxB,EAAE,SAAM,cAAW,YAAS,eAAY,EAAa;EACzD,OAAO;EACP,QAAQ,EAAM;EACf,CAAC,EAEI,IAAQ,GAAM,SAAS,EAAE;AAE/B,QACE,kBAAC,GAAD;EACE,OAAM;EACN,eAAA;EACA,QAAA;EACA,aAAY;EACZ,SACE,kBAAC,GAAD;GAAQ,SAAQ;GAAU,eAAe,EAAW,UAAU;aAA9D,CACE,kBAAC,GAAD,EAAS,WAAU,kBAAmB,CAAA,EAAA,oBAC/B;;YAGV,IACC,kBAAC,GAAD,EAAgB,CAAA,GACd,IACF,kBAAC,GAAD;GAAW,SAAQ;GAA8B,eAAe,GAAS;GAAI,CAAA,GAC3E,EAAM,WAAW,KAAK,EAAM,SAAS,IACvC,kBAAC,GAAD;GACE,cAAa;GACb,MAAM,kBAAC,GAAD,EAAW,WAAU,aAAc,CAAA;GACzC,OAAM;GACN,aAAY;GACZ,QACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD;KAAQ,eAAe,EAAW,UAAU;eAA5C,CACE,kBAAC,GAAD,EAAS,WAAU,kBAAmB,CAAA,EAAA,mBAC/B;QACT,kBAAC,GAAD;KAAQ,SAAQ;KAAU,eAAe,EAAW,UAAU;eAA9D,CACE,kBAAC,GAAD,EAAY,WAAU,kBAAmB,CAAA,EAAA,gBAClC;OACL;;GAER,CAAA,GAEF,kBAAC,OAAD;GAAK,WAAU;aAAf,CACG,EAAM,KAAK,GAAM,MAChB,kBAAC,OAAD;IAEE,WAAW;IACX,OAAO,EAAE,gBAAgB,GAAG,KAAK,IAAI,GAAO,EAAE,GAAG,GAAG,KAAK;cAEzD,kBAAC,GAAD,EAAgB,SAAQ,CAAA;IACpB,EALC,EAAK,GAKN,CACN,EACF,kBAAC,GAAD;IACE,MAAM,EAAM;IACZ,UAAU;IACV,WAAW,EAAM;IACjB,SAAS,GAAM,SAAS,WAAW;IACnC,eAAe,MAAW,EAAM,aAAa,GAAQ,GAAM,SAAS,OAAO;IAC3E,CAAA,CACE;;EAEG,CAAA"}