@burdenoff/microfe-comradecircle 2026.819.1 → 2026.830.1

package/dist/comradecircle/pages/members/MemberProfilePage.js.map

@@ -1 +1 @@
-{"version":3,"file":"MemberProfilePage.js","names":[],"sources":["../../../../src/comradecircle/pages/members/MemberProfilePage.tsx"],"sourcesContent":["/**\n * MemberProfilePage — a single member's public social profile.\n * @module comradecircle/pages/members\n *\n * Reads `comProfile(memberId)` (the social-identity layer). The visitor can\n * follow / unfollow the member (state derived from `comMyFollows('MEMBER')`);\n * on their own profile the action becomes an \"Edit profile\" shortcut. Interests\n * and skills render as differentiated chips (accent-tinted vs. outlined) and\n * hide when empty. The identity card gets a social-hero treatment: a living\n * gloss/aurora cover strip with the avatar overlapping upward onto it.\n */\n\nimport {\n  ArrowLeft,\n  Coins,\n  Gift,\n  Package,\n  Ticket,\n  UserX,\n  UserMinus,\n  UserPlus,\n  UserCheck,\n  Pencil,\n} from 'lucide-react';\nimport { Button, GlassCard, GradientText, AuroraBackground, Skeleton } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../../components/PageLayout';\nimport { Avatar } from '../../components/Avatar';\nimport { StatusBadge } from '../../components/StatusBadge';\nimport { EmptyState } from '../../components/EmptyState';\nimport { ErrorView } from '../../components/StateViews';\nimport {\n  useComProfile,\n  useComMyFollows,\n  useComFollow,\n  useComUnfollow,\n  useComListMembershipTiers,\n  useComListPaidEvents,\n  useComListDigitalProducts,\n} from '../../hooks';\nimport { useComradeCircle } from '../../context';\nimport { notify, describeError } from '../../lib/toast';\nimport { cn } from '../../utils/cn';\nimport { useParams } from 'react-router';\n\nfunction formatMoney(amount: number, currency: string): string {\n  try {\n    return new Intl.NumberFormat(undefined, { style: 'currency', currency }).format(amount);\n  } catch {\n    return `${currency} ${amount.toFixed(2)}`;\n  }\n}\n\n/**\n * Fan-facing \"Support this creator\" panel — browses the creator's PUBLISHED\n * membership tiers / paid events / digital products (BOFF-4454 bounded\n * monetization CATALOG core). Every purchase CTA is disabled with a\n * \"Payment integration pending\" label: this ticket ships pricing/catalog\n * only, never a live checkout.\n */\nfunction SupportCreatorSection({ creatorId }: { creatorId: string }) {\n  const tiers = useComListMembershipTiers(creatorId);\n  const events = useComListPaidEvents(creatorId);\n  const products = useComListDigitalProducts(creatorId);\n\n  const tierItems = tiers.data?.items ?? [];\n  const eventItems = events.data?.items ?? [];\n  const productItems = products.data?.items ?? [];\n  const isLoading = tiers.isLoading || events.isLoading || products.isLoading;\n  const hasAnything = tierItems.length > 0 || eventItems.length > 0 || productItems.length > 0;\n\n  if (isLoading || !hasAnything) return null;\n\n  return (\n    <GlassCard treatment=\"plain\" className=\"flex flex-col gap-5 p-5 sm:p-6\">\n      <div className=\"flex items-center gap-2\">\n        <Coins className=\"h-4 w-4 text-accent\" />\n        <h3 className=\"text-base font-semibold text-text-primary\">Support this creator</h3>\n      </div>\n      <div className=\"flex items-start gap-2 rounded-lg border border-status-warning-border bg-status-warning-bg-subtle px-3 py-2 text-xs text-status-warning-text\">\n        <Gift className=\"mt-0.5 h-3.5 w-3.5 shrink-0\" />\n        Payment integration pending — these are catalog listings, not a live checkout yet.\n      </div>\n\n      {tierItems.length > 0 && (\n        <div className=\"grid gap-2\">\n          <p className=\"text-xs font-medium text-text-tertiary\">Membership tiers</p>\n          {tierItems.map((tier) => (\n            <div\n              key={tier.id}\n              className=\"flex items-center justify-between gap-3 rounded-lg border border-border-seam bg-bg-surface p-3\"\n            >\n              <div className=\"min-w-0\">\n                <p className=\"truncate text-sm font-medium text-text-primary\">{tier.name}</p>\n                {tier.description && (\n                  <p className=\"truncate text-xs text-text-secondary\">{tier.description}</p>\n                )}\n              </div>\n              <div className=\"flex shrink-0 items-center gap-2\">\n                <span className=\"text-sm font-semibold tabular-nums text-text-primary\">\n                  {formatMoney(tier.priceAmount, tier.currency)}/\n                  {tier.billingInterval === 'YEARLY' ? 'yr' : 'mo'}\n                </span>\n                <Button size=\"sm\" disabled title=\"Payment integration pending\">\n                  Support\n                </Button>\n              </div>\n            </div>\n          ))}\n        </div>\n      )}\n\n      {eventItems.length > 0 && (\n        <div className=\"grid gap-2\">\n          <p className=\"text-xs font-medium text-text-tertiary\">Paid events</p>\n          {eventItems.map((event) => (\n            <div\n              key={event.id}\n              className=\"flex items-center justify-between gap-3 rounded-lg border border-border-seam bg-bg-surface p-3\"\n            >\n              <div className=\"flex min-w-0 items-center gap-2\">\n                <Ticket className=\"h-4 w-4 shrink-0 text-text-tertiary\" />\n                <p className=\"truncate text-sm font-medium text-text-primary\">{event.title}</p>\n              </div>\n              <div className=\"flex shrink-0 items-center gap-2\">\n                <span className=\"text-sm font-semibold tabular-nums text-text-primary\">\n                  {formatMoney(event.priceAmount, event.currency)}\n                </span>\n                <Button size=\"sm\" disabled title=\"Payment integration pending\">\n                  Get ticket\n                </Button>\n              </div>\n            </div>\n          ))}\n        </div>\n      )}\n\n      {productItems.length > 0 && (\n        <div className=\"grid gap-2\">\n          <p className=\"text-xs font-medium text-text-tertiary\">Digital products</p>\n          {productItems.map((product) => (\n            <div\n              key={product.id}\n              className=\"flex items-center justify-between gap-3 rounded-lg border border-border-seam bg-bg-surface p-3\"\n            >\n              <div className=\"flex min-w-0 items-center gap-2\">\n                <Package className=\"h-4 w-4 shrink-0 text-text-tertiary\" />\n                <p className=\"truncate text-sm font-medium text-text-primary\">{product.title}</p>\n              </div>\n              <div className=\"flex shrink-0 items-center gap-2\">\n                <span className=\"text-sm font-semibold tabular-nums text-text-primary\">\n                  {formatMoney(product.priceAmount, product.currency)}\n                </span>\n                <Button size=\"sm\" disabled title=\"Payment integration pending\">\n                  Buy\n                </Button>\n              </div>\n            </div>\n          ))}\n        </div>\n      )}\n    </GlassCard>\n  );\n}\n\n/**\n * A wrap of tag chips. `interest` chips read as accent-tinted affinities;\n * `skill` chips read as outlined competencies — a quiet visual grammar that\n * lets the two sets be told apart at a glance. Hover gives a tasteful lift.\n */\nfunction ChipList({ items, variant }: { items: string[]; variant: 'interest' | 'skill' }) {\n  return (\n    <ul className=\"flex flex-wrap gap-2\">\n      {items.map((item) => (\n        <li\n          key={item}\n          className={cn(\n            'rounded-full px-3 py-1 text-xs font-medium motion-safe:transition-transform motion-safe:duration-150 motion-safe:hover:-translate-y-0.5',\n            variant === 'interest'\n              ? 'bg-[var(--color-accent-soft)] text-accent'\n              : 'border border-border-seam text-text-primary hover:border-border-strong'\n          )}\n        >\n          {item}\n        </li>\n      ))}\n    </ul>\n  );\n}\n\n/** Profile-shaped skeleton — mirrors the hero cover strip, overlapping avatar,\n *  identity block and the two chip sections so the layout doesn't jump. */\nfunction ProfileSkeleton() {\n  return (\n    <div className=\"mx-auto flex max-w-2xl flex-col gap-6\">\n      <GlassCard treatment=\"plain\" className=\"overflow-hidden p-0\">\n        <Skeleton className=\"h-24 w-full rounded-none sm:h-28\" />\n        <div className=\"px-5 pb-5 sm:px-6 sm:pb-6\">\n          <div className=\"flex flex-col items-center gap-4 sm:flex-row sm:items-end\">\n            <Skeleton className=\"-mt-16 h-28 w-28 rounded-full sm:-mt-20\" />\n            <div className=\"w-full space-y-2 pb-1 text-center sm:text-left\">\n              <Skeleton className=\"mx-auto h-7 w-44 sm:mx-0\" />\n              <Skeleton className=\"mx-auto h-4 w-56 sm:mx-0\" />\n              <Skeleton className=\"mx-auto h-5 w-20 rounded-full sm:mx-0\" />\n            </div>\n          </div>\n          <div className=\"mt-5 space-y-2\">\n            <Skeleton className=\"h-4 w-full\" />\n            <Skeleton className=\"h-4 w-3/4\" />\n          </div>\n        </div>\n      </GlassCard>\n      <GlassCard treatment=\"plain\" className=\"flex flex-col gap-6 p-5 sm:p-6\">\n        {[0, 1].map((s) => (\n          <div key={s} className=\"space-y-3\">\n            <Skeleton className=\"h-4 w-24\" />\n            <div className=\"flex flex-wrap gap-2\">\n              {[0, 1, 2, 3].map((c) => (\n                <Skeleton key={c} className=\"h-6 w-20 rounded-full\" />\n              ))}\n            </div>\n          </div>\n        ))}\n      </GlassCard>\n    </div>\n  );\n}\n\nexport function MemberProfilePage() {\n  const { memberId } = useParams<{ memberId: string }>();\n  const { navigateTo, currentUser } = useComradeCircle();\n  const { data: profile, isLoading, isError, refetch } = useComProfile(memberId);\n\n  const follows = useComMyFollows('MEMBER');\n  const follow = useComFollow();\n  const unfollow = useComUnfollow();\n\n  const back = (\n    <Button variant=\"ghost\" size=\"sm\" onClick={() => navigateTo('members')}>\n      <ArrowLeft className=\"mr-1.5 h-4 w-4\" /> Back\n    </Button>\n  );\n\n  if (isLoading) {\n    return (\n      <PageLayout title=\"Profile\" actions={back}>\n        <ProfileSkeleton />\n      </PageLayout>\n    );\n  }\n\n  if (isError) {\n    return (\n      <PageLayout title=\"Profile\" actions={back}>\n        <ErrorView message=\"We couldn't load this member's profile.\" onRetry={() => refetch()} />\n      </PageLayout>\n    );\n  }\n\n  if (!profile) {\n    return (\n      <PageLayout title=\"Profile\" actions={back}>\n        <EmptyState\n          icon={<UserX className=\"h-10 w-10\" />}\n          title=\"No profile\"\n          description=\"This member hasn't set up a ComradeCircle profile yet.\"\n        />\n      </PageLayout>\n    );\n  }\n\n  const isSelf = Boolean(memberId && currentUser?.id === memberId);\n  const isFollowing = (follows.data ?? []).some(\n    (f) => f.targetId === memberId && f.targetType === 'MEMBER'\n  );\n  const followPending = follow.isPending || unfollow.isPending;\n\n  const toggleFollow = async () => {\n    if (!memberId) return;\n    try {\n      if (isFollowing) {\n        await unfollow.mutateAsync({ targetId: memberId, targetType: 'MEMBER' });\n        notify.success('Unfollowed', profile.displayName);\n      } else {\n        await follow.mutateAsync({ targetId: memberId, targetType: 'MEMBER' });\n        notify.success('Following', profile.displayName);\n      }\n    } catch (err) {\n      notify.error('Could not update follow', describeError(err));\n    }\n  };\n\n  const action = isSelf ? (\n    <Button variant=\"outline\" onClick={() => navigateTo('profile')}>\n      <Pencil className=\"mr-1.5 h-4 w-4\" /> Edit profile\n    </Button>\n  ) : isFollowing ? (\n    <Button\n      variant=\"outline\"\n      onClick={toggleFollow}\n      disabled={followPending}\n      aria-label={`Following ${profile.displayName}. Activate to unfollow.`}\n      className=\"group/follow min-w-[8rem] justify-center motion-safe:transition-colors hover:border-status-error-border hover:bg-status-error-subtle hover:text-status-error-text\"\n    >\n      <UserCheck className=\"mr-1.5 h-4 w-4 group-hover/follow:hidden\" />\n      <UserMinus className=\"mr-1.5 hidden h-4 w-4 group-hover/follow:inline\" />\n      <span className=\"group-hover/follow:hidden\">Following</span>\n      <span className=\"hidden group-hover/follow:inline\">Unfollow</span>\n    </Button>\n  ) : (\n    <Button onClick={toggleFollow} disabled={followPending}>\n      <UserPlus className=\"mr-1.5 h-4 w-4\" /> Follow\n    </Button>\n  );\n\n  const hasTags = profile.interests.length > 0 || profile.skills.length > 0;\n\n  return (\n    <PageLayout title=\"Profile\" actions={back}>\n      <div className=\"mx-auto flex max-w-2xl flex-col gap-6\">\n        {/* Identity hero */}\n        <GlassCard treatment=\"plain\" className=\"overflow-hidden p-0\">\n          {/* Living cover strip — gloss + drifting aurora, reduced-motion safe */}\n          <div className=\"relative h-24 overflow-hidden bg-gloss-card sm:h-28\">\n            <AuroraBackground intensity=\"subtle\" />\n          </div>\n\n          <div className=\"px-5 pb-5 sm:px-6 sm:pb-6\">\n            <div className=\"flex flex-col gap-4 sm:flex-row sm:items-end sm:justify-between\">\n              <div className=\"flex flex-col items-center gap-4 sm:flex-row sm:items-end\">\n                <Avatar\n                  name={profile.displayName}\n                  presence={profile.presence}\n                  size=\"2xl\"\n                  seed={profile.memberId}\n                  fileId={profile.avatar?.id}\n                  ring\n                  className=\"-mt-16 sm:-mt-20\"\n                />\n                <div className=\"min-w-0 pb-1 text-center sm:text-left\">\n                  <GradientText as=\"h2\" className=\"text-2xl font-semibold sm:text-[1.75rem]\">\n                    {profile.displayName}\n                  </GradientText>\n                  {profile.headline && (\n                    <p className=\"mt-1 text-sm text-text-secondary\">{profile.headline}</p>\n                  )}\n                  <div className=\"mt-3 flex justify-center sm:justify-start\">\n                    <StatusBadge status={profile.presence} />\n                  </div>\n                </div>\n              </div>\n              <div className=\"flex shrink-0 justify-center pb-1 sm:justify-end\">{action}</div>\n            </div>\n\n            {profile.bio && (\n              <p className=\"mt-5 whitespace-pre-wrap text-sm leading-relaxed text-text-secondary\">\n                {profile.bio}\n              </p>\n            )}\n          </div>\n        </GlassCard>\n\n        {/* Interests & skills — differentiated chip grammar */}\n        {hasTags && (\n          <GlassCard treatment=\"plain\" className=\"flex flex-col gap-6 p-5 sm:p-6\">\n            {profile.interests.length > 0 && (\n              <div>\n                <h3 className=\"mb-3 text-base font-semibold text-text-primary\">Interests</h3>\n                <ChipList items={profile.interests} variant=\"interest\" />\n              </div>\n            )}\n            {profile.skills.length > 0 && (\n              <div>\n                <h3 className=\"mb-3 text-base font-semibold text-text-primary\">Skills</h3>\n                <ChipList items={profile.skills} variant=\"skill\" />\n              </div>\n            )}\n          </GlassCard>\n        )}\n\n        {/* Creator monetization catalog — browse-only, payment pending (BOFF-4454) */}\n        {memberId && <SupportCreatorSection creatorId={memberId} />}\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"MemberProfilePage.js","names":[],"sources":["../../../../src/comradecircle/pages/members/MemberProfilePage.tsx"],"sourcesContent":["/**\n * MemberProfilePage — a single member's public social profile.\n * @module comradecircle/pages/members\n *\n * Reads `comProfile(memberId)` (the social-identity layer). The visitor can\n * follow / unfollow the member (state derived from `comMyFollows('MEMBER')`);\n * on their own profile the action becomes an \"Edit profile\" shortcut. Interests\n * and skills render as differentiated chips (accent-tinted vs. outlined) and\n * hide when empty. The identity card gets a social-hero treatment: a living\n * gloss/aurora cover strip with the avatar overlapping upward onto it.\n */\n\nimport {\n  ArrowLeft,\n  Coins,\n  Gift,\n  Package,\n  Ticket,\n  UserX,\n  UserMinus,\n  UserPlus,\n  UserCheck,\n  Pencil,\n} from 'lucide-react';\nimport { Button, GlassCard, GradientText, AuroraBackground, Skeleton } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../../components/PageLayout';\nimport { Avatar } from '../../components/Avatar';\nimport { StatusBadge } from '../../components/StatusBadge';\nimport { EmptyState } from '../../components/EmptyState';\nimport { ErrorView } from '../../components/StateViews';\nimport {\n  useComProfile,\n  useComMyFollows,\n  useComFollow,\n  useComUnfollow,\n  useComListMembershipTiers,\n  useComListPaidEvents,\n  useComListDigitalProducts,\n  useTr,\n} from '../../hooks';\nimport { useComradeCircle } from '../../context';\nimport { notify, describeError } from '../../lib/toast';\nimport { cn } from '../../utils/cn';\nimport { useParams } from 'react-router';\n\nfunction formatMoney(amount: number, currency: string): string {\n  try {\n    return new Intl.NumberFormat(undefined, { style: 'currency', currency }).format(amount);\n  } catch {\n    return `${currency} ${amount.toFixed(2)}`;\n  }\n}\n\n/**\n * Fan-facing \"Support this creator\" panel — browses the creator's PUBLISHED\n * membership tiers / paid events / digital products (BOFF-4454 bounded\n * monetization CATALOG core). Every purchase CTA is disabled with a\n * \"Payment integration pending\" label: this ticket ships pricing/catalog\n * only, never a live checkout.\n */\nfunction SupportCreatorSection({ creatorId }: { creatorId: string }) {\n  const tr = useTr();\n  const tiers = useComListMembershipTiers(creatorId);\n  const events = useComListPaidEvents(creatorId);\n  const products = useComListDigitalProducts(creatorId);\n\n  const tierItems = tiers.data?.items ?? [];\n  const eventItems = events.data?.items ?? [];\n  const productItems = products.data?.items ?? [];\n  const isLoading = tiers.isLoading || events.isLoading || products.isLoading;\n  const hasAnything = tierItems.length > 0 || eventItems.length > 0 || productItems.length > 0;\n\n  if (isLoading || !hasAnything) return null;\n\n  return (\n    <GlassCard treatment=\"plain\" className=\"flex flex-col gap-5 p-5 sm:p-6\">\n      <div className=\"flex items-center gap-2\">\n        <Coins className=\"h-4 w-4 text-accent\" />\n        <h3 className=\"text-base font-semibold text-text-primary\">\n          {tr('comradecircle.pages.memberProfile.supportCreator', 'Support this creator')}\n        </h3>\n      </div>\n      <div className=\"flex items-start gap-2 rounded-lg border border-status-warning-border bg-status-warning-bg-subtle px-3 py-2 text-xs text-status-warning-text\">\n        <Gift className=\"mt-0.5 h-3.5 w-3.5 shrink-0\" />\n        {tr(\n          'comradecircle.pages.memberProfile.paymentPending',\n          'Payment integration pending — these are catalog listings, not a live checkout yet.'\n        )}\n      </div>\n\n      {tierItems.length > 0 && (\n        <div className=\"grid gap-2\">\n          <p className=\"text-xs font-medium text-text-tertiary\">\n            {tr('comradecircle.pages.memberProfile.membershipTiers', 'Membership tiers')}\n          </p>\n          {tierItems.map((tier) => (\n            <div\n              key={tier.id}\n              className=\"flex items-center justify-between gap-3 rounded-lg border border-border-seam bg-bg-surface p-3\"\n            >\n              <div className=\"min-w-0\">\n                <p className=\"truncate text-sm font-medium text-text-primary\">{tier.name}</p>\n                {tier.description && (\n                  <p className=\"truncate text-xs text-text-secondary\">{tier.description}</p>\n                )}\n              </div>\n              <div className=\"flex shrink-0 items-center gap-2\">\n                <span className=\"text-sm font-semibold tabular-nums text-text-primary\">\n                  {formatMoney(tier.priceAmount, tier.currency)}/\n                  {tier.billingInterval === 'YEARLY' ? 'yr' : 'mo'}\n                </span>\n                <Button\n                  size=\"sm\"\n                  disabled\n                  title={tr(\n                    'comradecircle.pages.memberProfile.paymentPending',\n                    'Payment integration pending'\n                  )}\n                >\n                  {tr('comradecircle.pages.memberProfile.support', 'Support')}\n                </Button>\n              </div>\n            </div>\n          ))}\n        </div>\n      )}\n\n      {eventItems.length > 0 && (\n        <div className=\"grid gap-2\">\n          <p className=\"text-xs font-medium text-text-tertiary\">\n            {tr('comradecircle.pages.memberProfile.paidEvents', 'Paid events')}\n          </p>\n          {eventItems.map((event) => (\n            <div\n              key={event.id}\n              className=\"flex items-center justify-between gap-3 rounded-lg border border-border-seam bg-bg-surface p-3\"\n            >\n              <div className=\"flex min-w-0 items-center gap-2\">\n                <Ticket className=\"h-4 w-4 shrink-0 text-text-tertiary\" />\n                <p className=\"truncate text-sm font-medium text-text-primary\">{event.title}</p>\n              </div>\n              <div className=\"flex shrink-0 items-center gap-2\">\n                <span className=\"text-sm font-semibold tabular-nums text-text-primary\">\n                  {formatMoney(event.priceAmount, event.currency)}\n                </span>\n                <Button\n                  size=\"sm\"\n                  disabled\n                  title={tr(\n                    'comradecircle.pages.memberProfile.paymentPending',\n                    'Payment integration pending'\n                  )}\n                >\n                  {tr('comradecircle.pages.memberProfile.getTicket', 'Get ticket')}\n                </Button>\n              </div>\n            </div>\n          ))}\n        </div>\n      )}\n\n      {productItems.length > 0 && (\n        <div className=\"grid gap-2\">\n          <p className=\"text-xs font-medium text-text-tertiary\">\n            {tr('comradecircle.pages.memberProfile.digitalProducts', 'Digital products')}\n          </p>\n          {productItems.map((product) => (\n            <div\n              key={product.id}\n              className=\"flex items-center justify-between gap-3 rounded-lg border border-border-seam bg-bg-surface p-3\"\n            >\n              <div className=\"flex min-w-0 items-center gap-2\">\n                <Package className=\"h-4 w-4 shrink-0 text-text-tertiary\" />\n                <p className=\"truncate text-sm font-medium text-text-primary\">{product.title}</p>\n              </div>\n              <div className=\"flex shrink-0 items-center gap-2\">\n                <span className=\"text-sm font-semibold tabular-nums text-text-primary\">\n                  {formatMoney(product.priceAmount, product.currency)}\n                </span>\n                <Button\n                  size=\"sm\"\n                  disabled\n                  title={tr(\n                    'comradecircle.pages.memberProfile.paymentPending',\n                    'Payment integration pending'\n                  )}\n                >\n                  {tr('comradecircle.pages.memberProfile.buy', 'Buy')}\n                </Button>\n              </div>\n            </div>\n          ))}\n        </div>\n      )}\n    </GlassCard>\n  );\n}\n\n/**\n * A wrap of tag chips. `interest` chips read as accent-tinted affinities;\n * `skill` chips read as outlined competencies — a quiet visual grammar that\n * lets the two sets be told apart at a glance. Hover gives a tasteful lift.\n */\nfunction ChipList({ items, variant }: { items: string[]; variant: 'interest' | 'skill' }) {\n  return (\n    <ul className=\"flex flex-wrap gap-2\">\n      {items.map((item) => (\n        <li\n          key={item}\n          className={cn(\n            'rounded-full px-3 py-1 text-xs font-medium motion-safe:transition-transform motion-safe:duration-150 motion-safe:hover:-translate-y-0.5',\n            variant === 'interest'\n              ? 'bg-[var(--color-accent-soft)] text-accent'\n              : 'border border-border-seam text-text-primary hover:border-border-strong'\n          )}\n        >\n          {item}\n        </li>\n      ))}\n    </ul>\n  );\n}\n\n/** Profile-shaped skeleton — mirrors the hero cover strip, overlapping avatar,\n *  identity block and the two chip sections so the layout doesn't jump. */\nfunction ProfileSkeleton() {\n  return (\n    <div className=\"mx-auto flex max-w-2xl flex-col gap-6\">\n      <GlassCard treatment=\"plain\" className=\"overflow-hidden p-0\">\n        <Skeleton className=\"h-24 w-full rounded-none sm:h-28\" />\n        <div className=\"px-5 pb-5 sm:px-6 sm:pb-6\">\n          <div className=\"flex flex-col items-center gap-4 sm:flex-row sm:items-end\">\n            <Skeleton className=\"-mt-16 h-28 w-28 rounded-full sm:-mt-20\" />\n            <div className=\"w-full space-y-2 pb-1 text-center sm:text-left\">\n              <Skeleton className=\"mx-auto h-7 w-44 sm:mx-0\" />\n              <Skeleton className=\"mx-auto h-4 w-56 sm:mx-0\" />\n              <Skeleton className=\"mx-auto h-5 w-20 rounded-full sm:mx-0\" />\n            </div>\n          </div>\n          <div className=\"mt-5 space-y-2\">\n            <Skeleton className=\"h-4 w-full\" />\n            <Skeleton className=\"h-4 w-3/4\" />\n          </div>\n        </div>\n      </GlassCard>\n      <GlassCard treatment=\"plain\" className=\"flex flex-col gap-6 p-5 sm:p-6\">\n        {[0, 1].map((s) => (\n          <div key={s} className=\"space-y-3\">\n            <Skeleton className=\"h-4 w-24\" />\n            <div className=\"flex flex-wrap gap-2\">\n              {[0, 1, 2, 3].map((c) => (\n                <Skeleton key={c} className=\"h-6 w-20 rounded-full\" />\n              ))}\n            </div>\n          </div>\n        ))}\n      </GlassCard>\n    </div>\n  );\n}\n\nexport function MemberProfilePage() {\n  const tr = useTr();\n  const { memberId } = useParams<{ memberId: string }>();\n  const { navigateTo, currentUser } = useComradeCircle();\n  const { data: profile, isLoading, isError, refetch } = useComProfile(memberId);\n\n  const follows = useComMyFollows('MEMBER');\n  const follow = useComFollow();\n  const unfollow = useComUnfollow();\n\n  const back = (\n    <Button variant=\"ghost\" size=\"sm\" onClick={() => navigateTo('members')}>\n      <ArrowLeft className=\"mr-1.5 h-4 w-4\" /> {tr('common.back', 'Back')}\n    </Button>\n  );\n\n  if (isLoading) {\n    return (\n      <PageLayout title={tr('comradecircle.pages.memberProfile.title', 'Profile')} actions={back}>\n        <ProfileSkeleton />\n      </PageLayout>\n    );\n  }\n\n  if (isError) {\n    return (\n      <PageLayout title={tr('comradecircle.pages.memberProfile.title', 'Profile')} actions={back}>\n        <ErrorView\n          message={tr(\n            'comradecircle.pages.memberProfile.errorMessage',\n            \"We couldn't load this member's profile.\"\n          )}\n          onRetry={() => refetch()}\n        />\n      </PageLayout>\n    );\n  }\n\n  if (!profile) {\n    return (\n      <PageLayout title={tr('comradecircle.pages.memberProfile.title', 'Profile')} actions={back}>\n        <EmptyState\n          icon={<UserX className=\"h-10 w-10\" />}\n          title={tr('comradecircle.pages.memberProfile.noProfileTitle', 'No profile')}\n          description={tr(\n            'comradecircle.pages.memberProfile.noProfileDescription',\n            \"This member hasn't set up a ComradeCircle profile yet.\"\n          )}\n        />\n      </PageLayout>\n    );\n  }\n\n  const isSelf = Boolean(memberId && currentUser?.id === memberId);\n  const isFollowing = (follows.data ?? []).some(\n    (f) => f.targetId === memberId && f.targetType === 'MEMBER'\n  );\n  const followPending = follow.isPending || unfollow.isPending;\n\n  const toggleFollow = async () => {\n    if (!memberId) return;\n    try {\n      if (isFollowing) {\n        await unfollow.mutateAsync({ targetId: memberId, targetType: 'MEMBER' });\n        notify.success(\n          tr('comradecircle.pages.memberProfile.unfollowed', 'Unfollowed'),\n          profile.displayName\n        );\n      } else {\n        await follow.mutateAsync({ targetId: memberId, targetType: 'MEMBER' });\n        notify.success(\n          tr('comradecircle.pages.memberProfile.following', 'Following'),\n          profile.displayName\n        );\n      }\n    } catch (err) {\n      notify.error(\n        tr('comradecircle.pages.memberProfile.followError', 'Could not update follow'),\n        describeError(err)\n      );\n    }\n  };\n\n  const action = isSelf ? (\n    <Button variant=\"outline\" onClick={() => navigateTo('profile')}>\n      <Pencil className=\"mr-1.5 h-4 w-4\" />{' '}\n      {tr('comradecircle.pages.memberProfile.editProfile', 'Edit profile')}\n    </Button>\n  ) : isFollowing ? (\n    <Button\n      variant=\"outline\"\n      onClick={toggleFollow}\n      disabled={followPending}\n      aria-label={tr(\n        'comradecircle.pages.memberProfile.followingAriaLabel',\n        'Following {{name}}. Activate to unfollow.',\n        { name: profile.displayName }\n      )}\n      className=\"group/follow min-w-[8rem] justify-center motion-safe:transition-colors hover:border-status-error-border hover:bg-status-error-subtle hover:text-status-error-text\"\n    >\n      <UserCheck className=\"mr-1.5 h-4 w-4 group-hover/follow:hidden\" />\n      <UserMinus className=\"mr-1.5 hidden h-4 w-4 group-hover/follow:inline\" />\n      <span className=\"group-hover/follow:hidden\">\n        {tr('comradecircle.pages.memberProfile.following', 'Following')}\n      </span>\n      <span className=\"hidden group-hover/follow:inline\">\n        {tr('comradecircle.pages.memberProfile.unfollow', 'Unfollow')}\n      </span>\n    </Button>\n  ) : (\n    <Button onClick={toggleFollow} disabled={followPending}>\n      <UserPlus className=\"mr-1.5 h-4 w-4\" />{' '}\n      {tr('comradecircle.pages.memberProfile.follow', 'Follow')}\n    </Button>\n  );\n\n  const hasTags = profile.interests.length > 0 || profile.skills.length > 0;\n\n  return (\n    <PageLayout title={tr('comradecircle.pages.memberProfile.title', 'Profile')} actions={back}>\n      <div className=\"mx-auto flex max-w-2xl flex-col gap-6\">\n        {/* Identity hero */}\n        <GlassCard treatment=\"plain\" className=\"overflow-hidden p-0\">\n          {/* Living cover strip — gloss + drifting aurora, reduced-motion safe */}\n          <div className=\"relative h-24 overflow-hidden bg-gloss-card sm:h-28\">\n            <AuroraBackground intensity=\"subtle\" />\n          </div>\n\n          <div className=\"px-5 pb-5 sm:px-6 sm:pb-6\">\n            <div className=\"flex flex-col gap-4 sm:flex-row sm:items-end sm:justify-between\">\n              <div className=\"flex flex-col items-center gap-4 sm:flex-row sm:items-end\">\n                <Avatar\n                  name={profile.displayName}\n                  presence={profile.presence}\n                  size=\"2xl\"\n                  seed={profile.memberId}\n                  fileId={profile.avatar?.id}\n                  ring\n                  className=\"-mt-16 sm:-mt-20\"\n                />\n                <div className=\"min-w-0 pb-1 text-center sm:text-left\">\n                  <GradientText as=\"h2\" className=\"text-2xl font-semibold sm:text-[1.75rem]\">\n                    {profile.displayName}\n                  </GradientText>\n                  {profile.headline && (\n                    <p className=\"mt-1 text-sm text-text-secondary\">{profile.headline}</p>\n                  )}\n                  <div className=\"mt-3 flex justify-center sm:justify-start\">\n                    <StatusBadge status={profile.presence} />\n                  </div>\n                </div>\n              </div>\n              <div className=\"flex shrink-0 justify-center pb-1 sm:justify-end\">{action}</div>\n            </div>\n\n            {profile.bio && (\n              <p className=\"mt-5 whitespace-pre-wrap text-sm leading-relaxed text-text-secondary\">\n                {profile.bio}\n              </p>\n            )}\n          </div>\n        </GlassCard>\n\n        {/* Interests & skills — differentiated chip grammar */}\n        {hasTags && (\n          <GlassCard treatment=\"plain\" className=\"flex flex-col gap-6 p-5 sm:p-6\">\n            {profile.interests.length > 0 && (\n              <div>\n                <h3 className=\"mb-3 text-base font-semibold text-text-primary\">\n                  {tr('comradecircle.pages.memberProfile.interests', 'Interests')}\n                </h3>\n                <ChipList items={profile.interests} variant=\"interest\" />\n              </div>\n            )}\n            {profile.skills.length > 0 && (\n              <div>\n                <h3 className=\"mb-3 text-base font-semibold text-text-primary\">\n                  {tr('comradecircle.pages.memberProfile.skills', 'Skills')}\n                </h3>\n                <ChipList items={profile.skills} variant=\"skill\" />\n              </div>\n            )}\n          </GlassCard>\n        )}\n\n        {/* Creator monetization catalog — browse-only, payment pending (BOFF-4454) */}\n        {memberId && <SupportCreatorSection creatorId={memberId} />}\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}

package/dist/comradecircle/pages/members/MembersPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MembersPage.d.ts","sourceRoot":"","sources":["../../../../src/comradecircle/pages/members/MembersPage.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAgDH,wBAAgB,WAAW,4CA2N1B"}
+{"version":3,"file":"MembersPage.d.ts","sourceRoot":"","sources":["../../../../src/comradecircle/pages/members/MembersPage.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAiDH,wBAAgB,WAAW,4CA2Q1B"}

package/dist/comradecircle/pages/members/MembersPage.js

@@ -1,20 +1,21 @@
 import { useComradeCircle as e } from "../../context/ComradeCircleContext.js";
 import "../../context/index.js";
-import { PageLayout as t } from "../../components/PageLayout.js";
-import { useComFollow as n, useComMyFollows as r, useComProfiles as i, useComUnfollow as a } from "../../hooks/useComradeCircleApi.js";
-import { useCursorPager as o } from "../../hooks/useCursorPager.js";
+import { useComFollow as t, useComMyFollows as n, useComProfiles as r, useComUnfollow as i } from "../../hooks/useComradeCircleApi.js";
+import { useCursorPager as a } from "../../hooks/useCursorPager.js";
+import { useTr as o } from "../../hooks/useTr.js";
 import "../../hooks/index.js";
-import { Avatar as s } from "../../components/Avatar.js";
-import { describeError as c, notify as l } from "../../lib/toast.js";
-import { EmptyState as u } from "../../components/EmptyState.js";
-import { ErrorView as d } from "../../components/StateViews.js";
-import { Pagination as f } from "../../components/Pagination.js";
-import { useMemo as p, useState as m } from "react";
-import { Check as h, Loader2 as g, Search as _, UserMinus as v, UserPlus as y } from "lucide-react";
-import { Fragment as b, jsx as x, jsxs as S } from "react/jsx-runtime";
-import { Button as C, GlassCard as w, Input as T, Skeleton as E } from "@burdenoff/fe-libs/ui";
+import { PageLayout as s } from "../../components/PageLayout.js";
+import { Avatar as c } from "../../components/Avatar.js";
+import { describeError as l, notify as u } from "../../lib/toast.js";
+import { EmptyState as d } from "../../components/EmptyState.js";
+import { ErrorView as f } from "../../components/StateViews.js";
+import { Pagination as p } from "../../components/Pagination.js";
+import { useMemo as m, useState as h } from "react";
+import { Check as g, Loader2 as _, Search as v, UserMinus as y, UserPlus as b } from "lucide-react";
+import { Fragment as x, jsx as S, jsxs as C } from "react/jsx-runtime";
+import { Button as w, GlassCard as T, Input as E, Skeleton as D } from "@burdenoff/fe-libs/ui";
 //#region src/comradecircle/pages/members/MembersPage.tsx
-var D = 12, O = [
+var O = 12, k = [
 	"s1",
 	"s2",
 	"s3",
@@ -24,199 +25,197 @@ var D = 12, O = [
 	"s7",
 	"s8"
 ];
-function k() {
-	return /* @__PURE__ */ S(w, {
+function A() {
+	return /* @__PURE__ */ C(T, {
 		treatment: "plain",
 		className: "flex flex-col p-5",
 		children: [
-			/* @__PURE__ */ S("div", {
+			/* @__PURE__ */ C("div", {
 				className: "flex items-start gap-3",
-				children: [/* @__PURE__ */ x(E, { className: "h-14 w-14 rounded-full" }), /* @__PURE__ */ S("div", {
+				children: [/* @__PURE__ */ S(D, { className: "h-14 w-14 rounded-full" }), /* @__PURE__ */ C("div", {
 					className: "min-w-0 flex-1 space-y-2 py-1",
 					children: [
-						/* @__PURE__ */ x(E, { className: "h-4 w-2/3" }),
-						/* @__PURE__ */ x(E, { className: "h-3 w-1/2" }),
-						/* @__PURE__ */ x(E, { className: "h-3 w-4/5" })
+						/* @__PURE__ */ S(D, { className: "h-4 w-2/3" }),
+						/* @__PURE__ */ S(D, { className: "h-3 w-1/2" }),
+						/* @__PURE__ */ S(D, { className: "h-3 w-4/5" })
 					]
 				})]
 			}),
-			/* @__PURE__ */ S("div", {
+			/* @__PURE__ */ C("div", {
 				className: "mt-3 flex flex-wrap gap-1.5",
-				children: [/* @__PURE__ */ x(E, { className: "h-5 w-16 rounded-full" }), /* @__PURE__ */ x(E, { className: "h-5 w-20 rounded-full" })]
+				children: [/* @__PURE__ */ S(D, { className: "h-5 w-16 rounded-full" }), /* @__PURE__ */ S(D, { className: "h-5 w-20 rounded-full" })]
 			}),
-			/* @__PURE__ */ x("div", {
+			/* @__PURE__ */ S("div", {
 				className: "mt-4 flex justify-end border-t border-border-seam pt-3",
-				children: /* @__PURE__ */ x(E, { className: "h-8 w-28 rounded-button" })
+				children: /* @__PURE__ */ S(D, { className: "h-8 w-28 rounded-button" })
 			})
 		]
 	});
 }
-function A() {
-	let { navigateTo: A, currentUser: j } = e(), M = o(), [N, P] = m(""), [F, I] = m(null), { data: L, isLoading: R, isError: z, refetch: B } = i({
+function j() {
+	let j = o(), { navigateTo: M, currentUser: N } = e(), P = a(), [F, I] = h(""), [L, R] = h(null), { data: z, isLoading: B, isError: V, refetch: H } = r({
 		discoverable: !0,
 		pagination: {
-			limit: D,
-			cursor: M.cursor
+			limit: O,
+			cursor: P.cursor
 		}
-	}), { data: V } = r("MEMBER"), H = n(), U = a(), W = p(() => new Set((V ?? []).map((e) => e.targetId)), [V]), G = p(() => L?.items ?? [], [L]), K = p(() => {
-		let e = N.trim().toLowerCase();
-		return e ? G.filter((t) => [
+	}), { data: U } = n("MEMBER"), W = t(), G = i(), K = m(() => new Set((U ?? []).map((e) => e.targetId)), [U]), q = m(() => z?.items ?? [], [z]), J = m(() => {
+		let e = F.trim().toLowerCase();
+		return e ? q.filter((t) => [
 			t.displayName,
 			t.headline ?? "",
 			...t.skills,
 			...t.interests
-		].join(" ").toLowerCase().includes(e)) : G;
-	}, [G, N]), q = async (e) => {
-		let t = W.has(e.memberId), n = {
+		].join(" ").toLowerCase().includes(e)) : q;
+	}, [q, F]), Y = async (e) => {
+		let t = K.has(e.memberId), n = {
 			targetId: e.memberId,
 			targetType: "MEMBER"
 		};
-		I(e.memberId);
+		R(e.memberId);
 		try {
-			t ? (await U.mutateAsync(n), l.success("Unfollowed", e.displayName)) : (await H.mutateAsync(n), l.success("Following", e.displayName));
+			t ? (await G.mutateAsync(n), u.success(j("comradecircle.pages.members.unfollowed", "Unfollowed"), e.displayName)) : (await W.mutateAsync(n), u.success(j("comradecircle.pages.members.following", "Following"), e.displayName));
 		} catch (e) {
-			l.error(t ? "Could not unfollow" : "Could not follow", c(e));
+			u.error(t ? j("comradecircle.pages.members.unfollowError", "Could not unfollow") : j("comradecircle.pages.members.followError", "Could not follow"), l(e));
 		} finally {
-			I(null);
+			R(null);
 		}
 	};
-	return /* @__PURE__ */ x(t, {
-		title: "Members",
-		description: "Discover and follow people across your circles — search by name, headline, or skills.",
-		children: R ? /* @__PURE__ */ S("div", {
+	return /* @__PURE__ */ S(s, {
+		title: j("comradecircle.pages.members.title", "Members"),
+		description: j("comradecircle.pages.members.description", "Discover and follow people across your circles — search by name, headline, or skills."),
+		children: B ? /* @__PURE__ */ C("div", {
 			className: "flex flex-col gap-5",
-			children: [/* @__PURE__ */ x(E, { className: "h-9 w-full max-w-sm rounded-button" }), /* @__PURE__ */ x("div", {
+			children: [/* @__PURE__ */ S(D, { className: "h-9 w-full max-w-sm rounded-button" }), /* @__PURE__ */ S("div", {
 				className: "grid gap-4 sm:grid-cols-2 xl:grid-cols-3 2xl:grid-cols-4",
-				children: O.map((e) => /* @__PURE__ */ x(k, {}, e))
+				children: k.map((e) => /* @__PURE__ */ S(A, {}, e))
 			})]
-		}) : z ? /* @__PURE__ */ x(d, {
-			message: "We couldn't load the member directory.",
-			onRetry: () => B()
-		}) : G.length === 0 && M.page === 0 ? /* @__PURE__ */ x(u, {
+		}) : V ? /* @__PURE__ */ S(f, {
+			message: j("comradecircle.pages.members.errorMessage", "We couldn't load the member directory."),
+			onRetry: () => H()
+		}) : q.length === 0 && P.page === 0 ? /* @__PURE__ */ S(d, {
 			illustration: "empty-people",
-			title: "No members to discover yet",
-			description: "When members make their profiles discoverable, they'll show up here for you to follow."
-		}) : /* @__PURE__ */ S("div", {
+			title: j("comradecircle.pages.members.noMembersTitle", "No members to discover yet"),
+			description: j("comradecircle.pages.members.noMembersDescription", "When members make their profiles discoverable, they'll show up here for you to follow.")
+		}) : /* @__PURE__ */ C("div", {
 			className: "flex flex-col gap-5",
 			children: [
-				/* @__PURE__ */ S("div", {
+				/* @__PURE__ */ C("div", {
 					className: "relative w-full max-w-sm",
-					children: [/* @__PURE__ */ x(_, {
+					children: [/* @__PURE__ */ S(v, {
 						className: "pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-tertiary",
 						"aria-hidden": "true"
-					}), /* @__PURE__ */ x(T, {
-						value: N,
-						onChange: (e) => P(e.target.value),
-						placeholder: "Search by name, headline, or skills",
-						"aria-label": "Search members",
+					}), /* @__PURE__ */ S(E, {
+						value: F,
+						onChange: (e) => I(e.target.value),
+						placeholder: j("comradecircle.pages.members.searchPlaceholder", "Search by name, headline, or skills"),
+						"aria-label": j("comradecircle.pages.members.searchAriaLabel", "Search members"),
 						className: "pl-9"
 					})]
 				}),
-				K.length === 0 ? /* @__PURE__ */ x(u, {
-					icon: /* @__PURE__ */ x(_, { className: "h-9 w-9" }),
-					title: "No matches on this page",
-					description: "No members on this page match your search. Try a different term or browse another page."
-				}) : /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ S("p", {
+				J.length === 0 ? /* @__PURE__ */ S(d, {
+					icon: /* @__PURE__ */ S(v, { className: "h-9 w-9" }),
+					title: j("comradecircle.pages.members.noMatchesTitle", "No matches on this page"),
+					description: j("comradecircle.pages.members.noMatchesDescription", "No members on this page match your search. Try a different term or browse another page.")
+				}) : /* @__PURE__ */ C(x, { children: [/* @__PURE__ */ S("p", {
 					className: "text-xs font-medium text-text-tertiary",
-					children: [
-						"Showing ",
-						K.length,
-						" member",
-						K.length === 1 ? "" : "s"
-					]
-				}), /* @__PURE__ */ x("div", {
+					children: j("comradecircle.pages.members.showingCount", "Showing {{count}} member{{suffix}}", {
+						count: J.length,
+						suffix: J.length === 1 ? "" : "s"
+					})
+				}), /* @__PURE__ */ S("div", {
 					className: "grid gap-4 sm:grid-cols-2 xl:grid-cols-3 2xl:grid-cols-4",
-					children: K.map((e) => {
-						let t = !!(j?.id && e.memberId === j.id), n = W.has(e.memberId), r = F === e.memberId, i = Array.from(new Set([...e.skills, ...e.interests])).slice(0, 4);
-						return /* @__PURE__ */ S(w, {
+					children: J.map((e) => {
+						let t = !!(N?.id && e.memberId === N.id), n = K.has(e.memberId), r = L === e.memberId, i = Array.from(new Set([...e.skills, ...e.interests])).slice(0, 4);
+						return /* @__PURE__ */ C(T, {
 							treatment: "plain",
 							className: "flex flex-col p-5 transition-all duration-200 motion-safe:hover:-translate-y-0.5 hover:border-[var(--color-accent-soft)]",
 							children: [
-								/* @__PURE__ */ S("button", {
+								/* @__PURE__ */ C("button", {
 									type: "button",
-									onClick: () => A(`members/${e.memberId}`),
-									"aria-label": `View ${e.displayName}'s profile`,
+									onClick: () => M(`members/${e.memberId}`),
+									"aria-label": j("comradecircle.pages.members.viewProfileAriaLabel", "View {{name}}'s profile", { name: e.displayName }),
 									className: "group/head flex w-full items-start gap-3 rounded-lg text-left outline-none focus-visible:ring-1 focus-visible:ring-[var(--color-focus-ring)]",
-									children: [/* @__PURE__ */ x(s, {
+									children: [/* @__PURE__ */ S(c, {
 										name: e.displayName,
 										presence: e.presence,
 										size: "lg",
 										fileId: e.avatar?.id,
 										seed: e.memberId
-									}), /* @__PURE__ */ S("div", {
+									}), /* @__PURE__ */ C("div", {
 										className: "min-w-0 flex-1",
 										children: [
-											/* @__PURE__ */ x("span", {
+											/* @__PURE__ */ S("span", {
 												className: "block max-w-full truncate text-base font-semibold text-text-primary group-hover/head:underline",
 												children: e.displayName
 											}),
-											e.headline && /* @__PURE__ */ x("p", {
+											e.headline && /* @__PURE__ */ S("p", {
 												className: "truncate text-sm text-text-secondary",
 												children: e.headline
 											}),
-											e.bio && /* @__PURE__ */ x("p", {
+											e.bio && /* @__PURE__ */ S("p", {
 												className: "mt-0.5 line-clamp-1 text-xs text-text-tertiary",
 												children: e.bio
 											})
 										]
 									})]
 								}),
-								i.length > 0 && /* @__PURE__ */ x("div", {
+								i.length > 0 && /* @__PURE__ */ S("div", {
 									className: "mt-3 flex flex-wrap gap-1.5",
-									children: i.map((e) => /* @__PURE__ */ x("span", {
+									children: i.map((e) => /* @__PURE__ */ S("span", {
 										className: "rounded-full bg-bg-sunken px-2 py-0.5 text-xs font-medium text-text-secondary",
 										children: e
 									}, e))
 								}),
-								!t && /* @__PURE__ */ x("div", {
+								!t && /* @__PURE__ */ S("div", {
 									className: "mt-4 flex items-center justify-end border-t border-border-seam pt-3",
-									children: n ? /* @__PURE__ */ x(C, {
+									children: n ? /* @__PURE__ */ S(w, {
 										size: "sm",
 										variant: "outline",
 										onClick: (t) => {
-											t.stopPropagation(), q(e);
+											t.stopPropagation(), Y(e);
 										},
 										disabled: r,
-										"aria-label": `Following ${e.displayName}. Activate to unfollow.`,
+										"aria-label": j("comradecircle.pages.members.followingAriaLabel", "Following {{name}}. Activate to unfollow.", { name: e.displayName }),
 										className: "group/follow min-w-[7.5rem] justify-center hover:border-status-error-border hover:bg-status-error-bg-subtle hover:text-status-error-text",
-										children: r ? /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ x(g, { className: "motion-safe:animate-spin" }), /* @__PURE__ */ x("span", { children: "Following" })] }) : /* @__PURE__ */ S(b, { children: [
-											/* @__PURE__ */ x(h, { className: "group-hover/follow:hidden" }),
-											/* @__PURE__ */ x(v, { className: "hidden group-hover/follow:inline" }),
-											/* @__PURE__ */ x("span", {
+										children: r ? /* @__PURE__ */ C(x, { children: [/* @__PURE__ */ S(_, { className: "motion-safe:animate-spin" }), /* @__PURE__ */ S("span", { children: j("comradecircle.pages.members.following", "Following") })] }) : /* @__PURE__ */ C(x, { children: [
+											/* @__PURE__ */ S(g, { className: "group-hover/follow:hidden" }),
+											/* @__PURE__ */ S(y, { className: "hidden group-hover/follow:inline" }),
+											/* @__PURE__ */ S("span", {
 												className: "group-hover/follow:hidden",
-												children: "Following"
+												children: j("comradecircle.pages.members.following", "Following")
 											}),
-											/* @__PURE__ */ x("span", {
+											/* @__PURE__ */ S("span", {
 												className: "hidden group-hover/follow:inline",
-												children: "Unfollow"
+												children: j("comradecircle.pages.members.unfollow", "Unfollow")
 											})
 										] })
-									}) : /* @__PURE__ */ S(C, {
+									}) : /* @__PURE__ */ C(w, {
 										size: "sm",
 										onClick: (t) => {
-											t.stopPropagation(), q(e);
+											t.stopPropagation(), Y(e);
 										},
 										disabled: r,
 										className: "min-w-[7.5rem] justify-center",
-										children: [r ? /* @__PURE__ */ x(g, { className: "motion-safe:animate-spin" }) : /* @__PURE__ */ x(y, {}), "Follow"]
+										children: [r ? /* @__PURE__ */ S(_, { className: "motion-safe:animate-spin" }) : /* @__PURE__ */ S(b, {}), j("comradecircle.pages.members.follow", "Follow")]
 									})
 								})
 							]
 						}, e.id);
 					})
 				})] }),
-				/* @__PURE__ */ x(f, {
-					page: M.page,
-					pageSize: D,
-					itemCount: G.length,
-					hasMore: L?.pageInfo.hasMore ?? !1,
-					onPageChange: (e) => M.onPageChange(e, L?.pageInfo.cursor)
+				/* @__PURE__ */ S(p, {
+					page: P.page,
+					pageSize: O,
+					itemCount: q.length,
+					hasMore: z?.pageInfo.hasMore ?? !1,
+					onPageChange: (e) => P.onPageChange(e, z?.pageInfo.cursor)
 				})
 			]
 		})
 	});
 }
 //#endregion
-export { A as MembersPage };
+export { j as MembersPage };
 
 //# sourceMappingURL=MembersPage.js.map

package/dist/comradecircle/pages/members/MembersPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"MembersPage.js","names":[],"sources":["../../../../src/comradecircle/pages/members/MembersPage.tsx"],"sourcesContent":["/**\n * MembersPage — the discoverable member directory.\n * @module comradecircle/pages/members\n *\n * Reads `comListProfiles(discoverable: true)` — every member who has opted into\n * discovery via their {@link ComProfile}. Each card resolves display identity\n * from the social-identity layer (never a raw actor id), links to the member's\n * public profile, and offers a Follow/Following toggle wired to `comFollow` /\n * `comUnfollow` (targetType MEMBER). An optional client-side search narrows the\n * current page by name, headline, skills, or interests.\n */\n\nimport { useMemo, useState } from 'react';\nimport { Search, UserPlus, UserMinus, Check, Loader2 } from 'lucide-react';\nimport { GlassCard, Button, Input, Skeleton } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../../components/PageLayout';\nimport { Avatar } from '../../components/Avatar';\nimport { EmptyState } from '../../components/EmptyState';\nimport { ErrorView } from '../../components/StateViews';\nimport { Pagination } from '../../components/Pagination';\nimport {\n  useComProfiles,\n  useComMyFollows,\n  useComFollow,\n  useComUnfollow,\n  useCursorPager,\n} from '../../hooks';\nimport { useComradeCircle } from '../../context';\nimport { notify, describeError } from '../../lib/toast';\nimport type { ComProfile } from '../../types';\n\nconst PAGE_SIZE = 12;\n\nconst SKELETON_KEYS = ['s1', 's2', 's3', 's4', 's5', 's6', 's7', 's8'] as const;\n\n/** Card-shaped placeholder that mirrors the member card while the page loads. */\nfunction MemberCardSkeleton() {\n  return (\n    <GlassCard treatment=\"plain\" className=\"flex flex-col p-5\">\n      <div className=\"flex items-start gap-3\">\n        <Skeleton className=\"h-14 w-14 rounded-full\" />\n        <div className=\"min-w-0 flex-1 space-y-2 py-1\">\n          <Skeleton className=\"h-4 w-2/3\" />\n          <Skeleton className=\"h-3 w-1/2\" />\n          <Skeleton className=\"h-3 w-4/5\" />\n        </div>\n      </div>\n      <div className=\"mt-3 flex flex-wrap gap-1.5\">\n        <Skeleton className=\"h-5 w-16 rounded-full\" />\n        <Skeleton className=\"h-5 w-20 rounded-full\" />\n      </div>\n      <div className=\"mt-4 flex justify-end border-t border-border-seam pt-3\">\n        <Skeleton className=\"h-8 w-28 rounded-button\" />\n      </div>\n    </GlassCard>\n  );\n}\n\nexport function MembersPage() {\n  const { navigateTo, currentUser } = useComradeCircle();\n  const pager = useCursorPager();\n  const [search, setSearch] = useState('');\n  const [pendingId, setPendingId] = useState<string | null>(null);\n\n  const { data, isLoading, isError, refetch } = useComProfiles({\n    discoverable: true,\n    pagination: { limit: PAGE_SIZE, cursor: pager.cursor },\n  });\n\n  const { data: follows } = useComMyFollows('MEMBER');\n  const follow = useComFollow();\n  const unfollow = useComUnfollow();\n\n  const followSet = useMemo(() => new Set((follows ?? []).map((f) => f.targetId)), [follows]);\n\n  const profiles = useMemo(() => data?.items ?? [], [data]);\n\n  const visible = useMemo(() => {\n    const q = search.trim().toLowerCase();\n    if (!q) return profiles;\n    return profiles.filter((p) => {\n      const haystack = [p.displayName, p.headline ?? '', ...p.skills, ...p.interests]\n        .join(' ')\n        .toLowerCase();\n      return haystack.includes(q);\n    });\n  }, [profiles, search]);\n\n  const toggleFollow = async (profile: ComProfile) => {\n    const wasFollowing = followSet.has(profile.memberId);\n    const input = { targetId: profile.memberId, targetType: 'MEMBER' as const };\n    setPendingId(profile.memberId);\n    try {\n      if (wasFollowing) {\n        await unfollow.mutateAsync(input);\n        notify.success('Unfollowed', profile.displayName);\n      } else {\n        await follow.mutateAsync(input);\n        notify.success('Following', profile.displayName);\n      }\n    } catch (err) {\n      notify.error(wasFollowing ? 'Could not unfollow' : 'Could not follow', describeError(err));\n    } finally {\n      setPendingId(null);\n    }\n  };\n\n  return (\n    <PageLayout\n      title=\"Members\"\n      description=\"Discover and follow people across your circles — search by name, headline, or skills.\"\n    >\n      {isLoading ? (\n        <div className=\"flex flex-col gap-5\">\n          <Skeleton className=\"h-9 w-full max-w-sm rounded-button\" />\n          <div className=\"grid gap-4 sm:grid-cols-2 xl:grid-cols-3 2xl:grid-cols-4\">\n            {SKELETON_KEYS.map((key) => (\n              <MemberCardSkeleton key={key} />\n            ))}\n          </div>\n        </div>\n      ) : isError ? (\n        <ErrorView message=\"We couldn't load the member directory.\" onRetry={() => refetch()} />\n      ) : profiles.length === 0 && pager.page === 0 ? (\n        <EmptyState\n          illustration=\"empty-people\"\n          title=\"No members to discover yet\"\n          description=\"When members make their profiles discoverable, they'll show up here for you to follow.\"\n        />\n      ) : (\n        <div className=\"flex flex-col gap-5\">\n          <div className=\"relative w-full max-w-sm\">\n            <Search\n              className=\"pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-tertiary\"\n              aria-hidden=\"true\"\n            />\n            <Input\n              value={search}\n              onChange={(e) => setSearch(e.target.value)}\n              placeholder=\"Search by name, headline, or skills\"\n              aria-label=\"Search members\"\n              className=\"pl-9\"\n            />\n          </div>\n\n          {visible.length === 0 ? (\n            <EmptyState\n              icon={<Search className=\"h-9 w-9\" />}\n              title=\"No matches on this page\"\n              description=\"No members on this page match your search. Try a different term or browse another page.\"\n            />\n          ) : (\n            <>\n              <p className=\"text-xs font-medium text-text-tertiary\">\n                Showing {visible.length} member{visible.length === 1 ? '' : 's'}\n              </p>\n\n              <div className=\"grid gap-4 sm:grid-cols-2 xl:grid-cols-3 2xl:grid-cols-4\">\n                {visible.map((p) => {\n                  const isSelf = Boolean(currentUser?.id && p.memberId === currentUser.id);\n                  const isFollowing = followSet.has(p.memberId);\n                  const isPending = pendingId === p.memberId;\n                  const chips = Array.from(new Set([...p.skills, ...p.interests])).slice(0, 4);\n\n                  return (\n                    <GlassCard\n                      key={p.id}\n                      treatment=\"plain\"\n                      className=\"flex flex-col p-5 transition-all duration-200 motion-safe:hover:-translate-y-0.5 hover:border-[var(--color-accent-soft)]\"\n                    >\n                      <button\n                        type=\"button\"\n                        onClick={() => navigateTo(`members/${p.memberId}`)}\n                        aria-label={`View ${p.displayName}'s profile`}\n                        className=\"group/head flex w-full items-start gap-3 rounded-lg text-left outline-none focus-visible:ring-1 focus-visible:ring-[var(--color-focus-ring)]\"\n                      >\n                        <Avatar\n                          name={p.displayName}\n                          presence={p.presence}\n                          size=\"lg\"\n                          fileId={p.avatar?.id}\n                          seed={p.memberId}\n                        />\n                        <div className=\"min-w-0 flex-1\">\n                          <span className=\"block max-w-full truncate text-base font-semibold text-text-primary group-hover/head:underline\">\n                            {p.displayName}\n                          </span>\n                          {p.headline && (\n                            <p className=\"truncate text-sm text-text-secondary\">{p.headline}</p>\n                          )}\n                          {p.bio && (\n                            <p className=\"mt-0.5 line-clamp-1 text-xs text-text-tertiary\">\n                              {p.bio}\n                            </p>\n                          )}\n                        </div>\n                      </button>\n\n                      {chips.length > 0 && (\n                        <div className=\"mt-3 flex flex-wrap gap-1.5\">\n                          {chips.map((chip) => (\n                            <span\n                              key={chip}\n                              className=\"rounded-full bg-bg-sunken px-2 py-0.5 text-xs font-medium text-text-secondary\"\n                            >\n                              {chip}\n                            </span>\n                          ))}\n                        </div>\n                      )}\n\n                      {!isSelf && (\n                        <div className=\"mt-4 flex items-center justify-end border-t border-border-seam pt-3\">\n                          {isFollowing ? (\n                            <Button\n                              size=\"sm\"\n                              variant=\"outline\"\n                              onClick={(e) => {\n                                e.stopPropagation();\n                                void toggleFollow(p);\n                              }}\n                              disabled={isPending}\n                              aria-label={`Following ${p.displayName}. Activate to unfollow.`}\n                              className=\"group/follow min-w-[7.5rem] justify-center hover:border-status-error-border hover:bg-status-error-bg-subtle hover:text-status-error-text\"\n                            >\n                              {isPending ? (\n                                <>\n                                  <Loader2 className=\"motion-safe:animate-spin\" />\n                                  <span>Following</span>\n                                </>\n                              ) : (\n                                <>\n                                  <Check className=\"group-hover/follow:hidden\" />\n                                  <UserMinus className=\"hidden group-hover/follow:inline\" />\n                                  <span className=\"group-hover/follow:hidden\">Following</span>\n                                  <span className=\"hidden group-hover/follow:inline\">Unfollow</span>\n                                </>\n                              )}\n                            </Button>\n                          ) : (\n                            <Button\n                              size=\"sm\"\n                              onClick={(e) => {\n                                e.stopPropagation();\n                                void toggleFollow(p);\n                              }}\n                              disabled={isPending}\n                              className=\"min-w-[7.5rem] justify-center\"\n                            >\n                              {isPending ? (\n                                <Loader2 className=\"motion-safe:animate-spin\" />\n                              ) : (\n                                <UserPlus />\n                              )}\n                              Follow\n                            </Button>\n                          )}\n                        </div>\n                      )}\n                    </GlassCard>\n                  );\n                })}\n              </div>\n            </>\n          )}\n\n          <Pagination\n            page={pager.page}\n            pageSize={PAGE_SIZE}\n            itemCount={profiles.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":"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"}
+{"version":3,"file":"MembersPage.js","names":[],"sources":["../../../../src/comradecircle/pages/members/MembersPage.tsx"],"sourcesContent":["/**\n * MembersPage — the discoverable member directory.\n * @module comradecircle/pages/members\n *\n * Reads `comListProfiles(discoverable: true)` — every member who has opted into\n * discovery via their {@link ComProfile}. Each card resolves display identity\n * from the social-identity layer (never a raw actor id), links to the member's\n * public profile, and offers a Follow/Following toggle wired to `comFollow` /\n * `comUnfollow` (targetType MEMBER). An optional client-side search narrows the\n * current page by name, headline, skills, or interests.\n */\n\nimport { useMemo, useState } from 'react';\nimport { Search, UserPlus, UserMinus, Check, Loader2 } from 'lucide-react';\nimport { GlassCard, Button, Input, Skeleton } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../../components/PageLayout';\nimport { Avatar } from '../../components/Avatar';\nimport { EmptyState } from '../../components/EmptyState';\nimport { ErrorView } from '../../components/StateViews';\nimport { Pagination } from '../../components/Pagination';\nimport {\n  useComProfiles,\n  useComMyFollows,\n  useComFollow,\n  useComUnfollow,\n  useCursorPager,\n  useTr,\n} from '../../hooks';\nimport { useComradeCircle } from '../../context';\nimport { notify, describeError } from '../../lib/toast';\nimport type { ComProfile } from '../../types';\n\nconst PAGE_SIZE = 12;\n\nconst SKELETON_KEYS = ['s1', 's2', 's3', 's4', 's5', 's6', 's7', 's8'] as const;\n\n/** Card-shaped placeholder that mirrors the member card while the page loads. */\nfunction MemberCardSkeleton() {\n  return (\n    <GlassCard treatment=\"plain\" className=\"flex flex-col p-5\">\n      <div className=\"flex items-start gap-3\">\n        <Skeleton className=\"h-14 w-14 rounded-full\" />\n        <div className=\"min-w-0 flex-1 space-y-2 py-1\">\n          <Skeleton className=\"h-4 w-2/3\" />\n          <Skeleton className=\"h-3 w-1/2\" />\n          <Skeleton className=\"h-3 w-4/5\" />\n        </div>\n      </div>\n      <div className=\"mt-3 flex flex-wrap gap-1.5\">\n        <Skeleton className=\"h-5 w-16 rounded-full\" />\n        <Skeleton className=\"h-5 w-20 rounded-full\" />\n      </div>\n      <div className=\"mt-4 flex justify-end border-t border-border-seam pt-3\">\n        <Skeleton className=\"h-8 w-28 rounded-button\" />\n      </div>\n    </GlassCard>\n  );\n}\n\nexport function MembersPage() {\n  const tr = useTr();\n  const { navigateTo, currentUser } = useComradeCircle();\n  const pager = useCursorPager();\n  const [search, setSearch] = useState('');\n  const [pendingId, setPendingId] = useState<string | null>(null);\n\n  const { data, isLoading, isError, refetch } = useComProfiles({\n    discoverable: true,\n    pagination: { limit: PAGE_SIZE, cursor: pager.cursor },\n  });\n\n  const { data: follows } = useComMyFollows('MEMBER');\n  const follow = useComFollow();\n  const unfollow = useComUnfollow();\n\n  const followSet = useMemo(() => new Set((follows ?? []).map((f) => f.targetId)), [follows]);\n\n  const profiles = useMemo(() => data?.items ?? [], [data]);\n\n  const visible = useMemo(() => {\n    const q = search.trim().toLowerCase();\n    if (!q) return profiles;\n    return profiles.filter((p) => {\n      const haystack = [p.displayName, p.headline ?? '', ...p.skills, ...p.interests]\n        .join(' ')\n        .toLowerCase();\n      return haystack.includes(q);\n    });\n  }, [profiles, search]);\n\n  const toggleFollow = async (profile: ComProfile) => {\n    const wasFollowing = followSet.has(profile.memberId);\n    const input = { targetId: profile.memberId, targetType: 'MEMBER' as const };\n    setPendingId(profile.memberId);\n    try {\n      if (wasFollowing) {\n        await unfollow.mutateAsync(input);\n        notify.success(\n          tr('comradecircle.pages.members.unfollowed', 'Unfollowed'),\n          profile.displayName\n        );\n      } else {\n        await follow.mutateAsync(input);\n        notify.success(\n          tr('comradecircle.pages.members.following', 'Following'),\n          profile.displayName\n        );\n      }\n    } catch (err) {\n      notify.error(\n        wasFollowing\n          ? tr('comradecircle.pages.members.unfollowError', 'Could not unfollow')\n          : tr('comradecircle.pages.members.followError', 'Could not follow'),\n        describeError(err)\n      );\n    } finally {\n      setPendingId(null);\n    }\n  };\n\n  return (\n    <PageLayout\n      title={tr('comradecircle.pages.members.title', 'Members')}\n      description={tr(\n        'comradecircle.pages.members.description',\n        'Discover and follow people across your circles — search by name, headline, or skills.'\n      )}\n    >\n      {isLoading ? (\n        <div className=\"flex flex-col gap-5\">\n          <Skeleton className=\"h-9 w-full max-w-sm rounded-button\" />\n          <div className=\"grid gap-4 sm:grid-cols-2 xl:grid-cols-3 2xl:grid-cols-4\">\n            {SKELETON_KEYS.map((key) => (\n              <MemberCardSkeleton key={key} />\n            ))}\n          </div>\n        </div>\n      ) : isError ? (\n        <ErrorView\n          message={tr(\n            'comradecircle.pages.members.errorMessage',\n            \"We couldn't load the member directory.\"\n          )}\n          onRetry={() => refetch()}\n        />\n      ) : profiles.length === 0 && pager.page === 0 ? (\n        <EmptyState\n          illustration=\"empty-people\"\n          title={tr('comradecircle.pages.members.noMembersTitle', 'No members to discover yet')}\n          description={tr(\n            'comradecircle.pages.members.noMembersDescription',\n            \"When members make their profiles discoverable, they'll show up here for you to follow.\"\n          )}\n        />\n      ) : (\n        <div className=\"flex flex-col gap-5\">\n          <div className=\"relative w-full max-w-sm\">\n            <Search\n              className=\"pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-tertiary\"\n              aria-hidden=\"true\"\n            />\n            <Input\n              value={search}\n              onChange={(e) => setSearch(e.target.value)}\n              placeholder={tr(\n                'comradecircle.pages.members.searchPlaceholder',\n                'Search by name, headline, or skills'\n              )}\n              aria-label={tr('comradecircle.pages.members.searchAriaLabel', 'Search members')}\n              className=\"pl-9\"\n            />\n          </div>\n\n          {visible.length === 0 ? (\n            <EmptyState\n              icon={<Search className=\"h-9 w-9\" />}\n              title={tr('comradecircle.pages.members.noMatchesTitle', 'No matches on this page')}\n              description={tr(\n                'comradecircle.pages.members.noMatchesDescription',\n                'No members on this page match your search. Try a different term or browse another page.'\n              )}\n            />\n          ) : (\n            <>\n              <p className=\"text-xs font-medium text-text-tertiary\">\n                {tr(\n                  'comradecircle.pages.members.showingCount',\n                  'Showing {{count}} member{{suffix}}',\n                  { count: visible.length, suffix: visible.length === 1 ? '' : 's' }\n                )}\n              </p>\n\n              <div className=\"grid gap-4 sm:grid-cols-2 xl:grid-cols-3 2xl:grid-cols-4\">\n                {visible.map((p) => {\n                  const isSelf = Boolean(currentUser?.id && p.memberId === currentUser.id);\n                  const isFollowing = followSet.has(p.memberId);\n                  const isPending = pendingId === p.memberId;\n                  const chips = Array.from(new Set([...p.skills, ...p.interests])).slice(0, 4);\n\n                  return (\n                    <GlassCard\n                      key={p.id}\n                      treatment=\"plain\"\n                      className=\"flex flex-col p-5 transition-all duration-200 motion-safe:hover:-translate-y-0.5 hover:border-[var(--color-accent-soft)]\"\n                    >\n                      <button\n                        type=\"button\"\n                        onClick={() => navigateTo(`members/${p.memberId}`)}\n                        aria-label={tr(\n                          'comradecircle.pages.members.viewProfileAriaLabel',\n                          \"View {{name}}'s profile\",\n                          { name: p.displayName }\n                        )}\n                        className=\"group/head flex w-full items-start gap-3 rounded-lg text-left outline-none focus-visible:ring-1 focus-visible:ring-[var(--color-focus-ring)]\"\n                      >\n                        <Avatar\n                          name={p.displayName}\n                          presence={p.presence}\n                          size=\"lg\"\n                          fileId={p.avatar?.id}\n                          seed={p.memberId}\n                        />\n                        <div className=\"min-w-0 flex-1\">\n                          <span className=\"block max-w-full truncate text-base font-semibold text-text-primary group-hover/head:underline\">\n                            {p.displayName}\n                          </span>\n                          {p.headline && (\n                            <p className=\"truncate text-sm text-text-secondary\">{p.headline}</p>\n                          )}\n                          {p.bio && (\n                            <p className=\"mt-0.5 line-clamp-1 text-xs text-text-tertiary\">\n                              {p.bio}\n                            </p>\n                          )}\n                        </div>\n                      </button>\n\n                      {chips.length > 0 && (\n                        <div className=\"mt-3 flex flex-wrap gap-1.5\">\n                          {chips.map((chip) => (\n                            <span\n                              key={chip}\n                              className=\"rounded-full bg-bg-sunken px-2 py-0.5 text-xs font-medium text-text-secondary\"\n                            >\n                              {chip}\n                            </span>\n                          ))}\n                        </div>\n                      )}\n\n                      {!isSelf && (\n                        <div className=\"mt-4 flex items-center justify-end border-t border-border-seam pt-3\">\n                          {isFollowing ? (\n                            <Button\n                              size=\"sm\"\n                              variant=\"outline\"\n                              onClick={(e) => {\n                                e.stopPropagation();\n                                void toggleFollow(p);\n                              }}\n                              disabled={isPending}\n                              aria-label={tr(\n                                'comradecircle.pages.members.followingAriaLabel',\n                                'Following {{name}}. Activate to unfollow.',\n                                { name: p.displayName }\n                              )}\n                              className=\"group/follow min-w-[7.5rem] justify-center hover:border-status-error-border hover:bg-status-error-bg-subtle hover:text-status-error-text\"\n                            >\n                              {isPending ? (\n                                <>\n                                  <Loader2 className=\"motion-safe:animate-spin\" />\n                                  <span>\n                                    {tr('comradecircle.pages.members.following', 'Following')}\n                                  </span>\n                                </>\n                              ) : (\n                                <>\n                                  <Check className=\"group-hover/follow:hidden\" />\n                                  <UserMinus className=\"hidden group-hover/follow:inline\" />\n                                  <span className=\"group-hover/follow:hidden\">\n                                    {tr('comradecircle.pages.members.following', 'Following')}\n                                  </span>\n                                  <span className=\"hidden group-hover/follow:inline\">\n                                    {tr('comradecircle.pages.members.unfollow', 'Unfollow')}\n                                  </span>\n                                </>\n                              )}\n                            </Button>\n                          ) : (\n                            <Button\n                              size=\"sm\"\n                              onClick={(e) => {\n                                e.stopPropagation();\n                                void toggleFollow(p);\n                              }}\n                              disabled={isPending}\n                              className=\"min-w-[7.5rem] justify-center\"\n                            >\n                              {isPending ? (\n                                <Loader2 className=\"motion-safe:animate-spin\" />\n                              ) : (\n                                <UserPlus />\n                              )}\n                              {tr('comradecircle.pages.members.follow', 'Follow')}\n                            </Button>\n                          )}\n                        </div>\n                      )}\n                    </GlassCard>\n                  );\n                })}\n              </div>\n            </>\n          )}\n\n          <Pagination\n            page={pager.page}\n            pageSize={PAGE_SIZE}\n            itemCount={profiles.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":"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"}

package/dist/comradecircle/pages/monetization/MonetizationPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MonetizationPage.d.ts","sourceRoot":"","sources":["../../../../src/comradecircle/pages/monetization/MonetizationPage.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AA6nBH,wBAAgB,gBAAgB,4CAqC/B"}
+{"version":3,"file":"MonetizationPage.d.ts","sourceRoot":"","sources":["../../../../src/comradecircle/pages/monetization/MonetizationPage.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AA0zBH,wBAAgB,gBAAgB,4CAuE/B"}