@burdenoff/microfe-comradecircle 2026.525.1 → 2026.704.1

package/dist/comradecircle/pages/circles/CircleDetailPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CircleDetailPage.js","names":[],"sources":["../../../../src/comradecircle/pages/circles/CircleDetailPage.tsx"],"sourcesContent":["/**\n * CircleDetailPage — a single circle: channels & posts, members, events, polls.\n * @module comradecircle/pages/circles\n *\n * Reads `comCircle` (channels + memberships), `comListPosts`, `comListEvents`,\n * `comListPolls`. Writes join/leave, create channel, create poll, set member\n * role (via the shared cards/dialogs). The channel post feed is the heart of the\n * page; roles gate management actions (OWNER/ADMIN manage; members post).\n */\n\nimport { useMemo, useState } from 'react';\nimport { useParams } from 'react-router-dom';\nimport {\n  ArrowLeft,\n  Users,\n  Hash,\n  CalendarDays,\n  BarChart3,\n  Info,\n  Plus,\n  Megaphone,\n  MessageCircle,\n  Mic,\n  MessagesSquare,\n} from 'lucide-react';\nimport {\n  Button,\n  Input,\n  Label,\n  Textarea,\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n  ResponsiveDialog,\n  ResponsiveDialogContent,\n  ResponsiveDialogHeader,\n  ResponsiveDialogTitle,\n  ResponsiveDialogDescription,\n  ResponsiveDialogFooter,\n} from '@burdenoff/fe-libs/ui';\nimport { cn } from '../../utils/cn';\nimport { PageLayout } from '../../components/PageLayout';\nimport { Avatar } from '../../components/Avatar';\nimport { StatusBadge } from '../../components/StatusBadge';\nimport { Tabs, type TabItem } from '../../components/Tabs';\nimport { MemberIdentity } from '../../components/MemberIdentity';\nimport { PostCard } from '../../components/PostCard';\nimport { PostComposer } from '../../components/PostComposer';\nimport { EventCard } from '../../components/EventCard';\nimport { PollCard } from '../../components/PollCard';\nimport { CreateEventDialog } from '../../components/CreateEventDialog';\nimport { EmptyState } from '../../components/EmptyState';\nimport { LoadingView, ErrorView } from '../../components/StateViews';\nimport { Pagination } from '../../components/Pagination';\nimport {\n  useComCircle,\n  useComPosts,\n  useComEvents,\n  useComPolls,\n  useComJoinCircle,\n  useComLeaveCircle,\n  useComCreateChannel,\n  useComCreatePoll,\n  useComSetMemberRole,\n  useCursorPager,\n} from '../../hooks';\nimport { useComradeCircle } from '../../context';\nimport { formatDate, formatEnumLabel, formatNumber } from '../../utils/formatters';\nimport { slugify } from '../../utils/slug';\nimport { notify, describeError } from '../../lib/toast';\nimport type {\n  ComChannel,\n  ComChannelType,\n  ComCircle,\n  ComMembership,\n  ComMemberRole,\n} from '../../types';\n\ntype TabKey = 'channels' | 'members' | 'events' | 'polls' | 'about';\n\nconst CHANNEL_ICON: Record<ComChannelType, typeof Hash> = {\n  TEXT: Hash,\n  FORUM: MessagesSquare,\n  ANNOUNCEMENT: Megaphone,\n  VOICE: Mic,\n};\n\nconst MANAGER_ROLES: ComMemberRole[] = ['OWNER', 'ADMIN'];\nconst ROLE_OPTIONS: ComMemberRole[] = ['OWNER', 'ADMIN', 'MODERATOR', 'MEMBER'];\nconst POST_PAGE = 15;\n\nexport function CircleDetailPage() {\n  const { id } = useParams<{ id: string }>();\n  const { currentUser, navigateTo } = useComradeCircle();\n  const { data: circle, isLoading, isError, refetch } = useComCircle(id);\n  const join = useComJoinCircle();\n  const leave = useComLeaveCircle();\n  const [tab, setTab] = useState<TabKey>('channels');\n\n  const myMembership = useMemo<ComMembership | undefined>(\n    () => circle?.memberships?.find((m) => m.memberId === currentUser?.id && m.status === 'ACTIVE'),\n    [circle, currentUser]\n  );\n  const isMember = Boolean(myMembership);\n  const canManage = myMembership ? MANAGER_ROLES.includes(myMembership.role) : false;\n\n  if (isLoading) {\n    return (\n      <PageLayout title=\"Circle\">\n        <LoadingView label=\"Loading circle…\" />\n      </PageLayout>\n    );\n  }\n  if (isError || !circle) {\n    return (\n      <PageLayout title=\"Circle\">\n        <ErrorView\n          title=\"Circle not found\"\n          message=\"This circle may have been archived or you may not have access.\"\n          onRetry={() => refetch()}\n        />\n      </PageLayout>\n    );\n  }\n\n  const activeMembers = circle.memberships?.filter((m) => m.status === 'ACTIVE') ?? [];\n  const tabs: TabItem<TabKey>[] = [\n    {\n      value: 'channels',\n      label: 'Channels',\n      icon: <Hash className=\"h-4 w-4\" />,\n      count: circle.channels?.length ?? 0,\n    },\n    {\n      value: 'members',\n      label: 'Members',\n      icon: <Users className=\"h-4 w-4\" />,\n      count: activeMembers.length,\n    },\n    { value: 'events', label: 'Events', icon: <CalendarDays className=\"h-4 w-4\" /> },\n    { value: 'polls', label: 'Polls', icon: <BarChart3 className=\"h-4 w-4\" /> },\n    { value: 'about', label: 'About', icon: <Info className=\"h-4 w-4\" /> },\n  ];\n\n  return (\n    <PageLayout\n      title={\n        <span className=\"flex items-center gap-3\">\n          <Avatar name={circle.name} size=\"md\" />\n          {circle.name}\n        </span>\n      }\n      description={circle.topic ?? undefined}\n      actions={\n        <div className=\"flex items-center gap-2\">\n          <Button variant=\"ghost\" size=\"sm\" onClick={() => navigateTo('circles')}>\n            <ArrowLeft className=\"mr-1.5 h-4 w-4\" /> Back\n          </Button>\n          {isMember ? (\n            <Button\n              variant=\"outline\"\n              onClick={() =>\n                leave\n                  .mutateAsync(circle.id)\n                  .then(() => notify.success('Left circle'))\n                  .catch((e) => notify.error('Could not leave', describeError(e)))\n              }\n              disabled={leave.isPending}\n            >\n              Leave\n            </Button>\n          ) : circle.status === 'ACTIVE' ? (\n            <Button\n              onClick={() =>\n                join\n                  .mutateAsync(circle.id)\n                  .then(() => notify.success('Joined circle'))\n                  .catch((e) => notify.error('Could not join', describeError(e)))\n              }\n              disabled={join.isPending}\n            >\n              Join circle\n            </Button>\n          ) : null}\n        </div>\n      }\n    >\n      <div className=\"mb-4 flex flex-wrap items-center gap-2\">\n        <StatusBadge status={circle.visibility} />\n        {circle.status !== 'ACTIVE' && <StatusBadge status={circle.status} />}\n        {myMembership && <StatusBadge status={myMembership.role} />}\n        <span className=\"inline-flex items-center gap-1 text-sm text-text-tertiary\">\n          <Users className=\"h-4 w-4\" /> {formatNumber(circle.memberCount)} members\n        </span>\n      </div>\n\n      <Tabs items={tabs} value={tab} onChange={setTab} className=\"mb-5\" />\n\n      {tab === 'channels' && (\n        <ChannelsTab circle={circle} isMember={isMember} canManage={canManage} />\n      )}\n      {tab === 'members' && <MembersTab circle={circle} canManage={canManage} />}\n      {tab === 'events' && <EventsTab circle={circle} isMember={isMember} />}\n      {tab === 'polls' && <PollsTab circle={circle} isMember={isMember} canManage={canManage} />}\n      {tab === 'about' && <AboutTab circle={circle} />}\n    </PageLayout>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Channels tab — channel rail + selected channel post feed\n// ---------------------------------------------------------------------------\n\nfunction ChannelsTab({\n  circle,\n  isMember,\n  canManage,\n}: {\n  circle: ComCircle;\n  isMember: boolean;\n  canManage: boolean;\n}) {\n  const channels = useMemo(\n    () => [...(circle.channels ?? [])].sort((a, b) => a.position - b.position),\n    [circle.channels]\n  );\n  const [selectedId, setSelectedId] = useState<string | undefined>(channels[0]?.id);\n  const [createOpen, setCreateOpen] = useState(false);\n  const selected = channels.find((c) => c.id === selectedId) ?? channels[0];\n\n  if (channels.length === 0) {\n    return (\n      <>\n        <EmptyState\n          icon={<Hash className=\"h-10 w-10\" />}\n          title=\"No channels yet\"\n          description={\n            canManage\n              ? 'Create the first channel to start conversations in this circle.'\n              : 'This circle has no channels yet. Check back soon.'\n          }\n          action={\n            canManage ? (\n              <Button onClick={() => setCreateOpen(true)}>\n                <Plus className=\"mr-1.5 h-4 w-4\" /> New channel\n              </Button>\n            ) : undefined\n          }\n        />\n        <CreateChannelDialog\n          circleId={circle.id}\n          open={createOpen}\n          onOpenChange={setCreateOpen}\n          onCreated={(ch) => setSelectedId(ch.id)}\n        />\n      </>\n    );\n  }\n\n  return (\n    <div className=\"grid gap-5 lg:grid-cols-[220px_1fr]\">\n      {/* Channel rail (desktop) */}\n      <aside className=\"hidden lg:block\">\n        <div className=\"mb-2 flex items-center justify-between\">\n          <h3 className=\"text-xs font-semibold uppercase tracking-wide text-text-tertiary\">\n            Channels\n          </h3>\n          {canManage && (\n            <button\n              type=\"button\"\n              onClick={() => setCreateOpen(true)}\n              aria-label=\"New channel\"\n              className=\"rounded-md p-1 text-text-tertiary hover:bg-bg-sunken hover:text-text-primary\"\n            >\n              <Plus className=\"h-4 w-4\" />\n            </button>\n          )}\n        </div>\n        <nav className=\"flex flex-col gap-0.5\">\n          {channels.map((ch) => {\n            const Icon = CHANNEL_ICON[ch.type];\n            const active = ch.id === selected?.id;\n            return (\n              <button\n                key={ch.id}\n                type=\"button\"\n                onClick={() => setSelectedId(ch.id)}\n                className={cn(\n                  'flex items-center gap-2 rounded-lg px-2.5 py-1.5 text-left text-sm transition-colors',\n                  active\n                    ? 'bg-[var(--color-accent-soft)] font-medium text-text-primary'\n                    : 'text-text-secondary hover:bg-bg-sunken hover:text-text-primary'\n                )}\n              >\n                <Icon className=\"h-4 w-4 shrink-0 text-text-tertiary\" />\n                <span className=\"truncate\">{ch.name}</span>\n              </button>\n            );\n          })}\n        </nav>\n      </aside>\n\n      {/* Channel picker (mobile) */}\n      <div className=\"lg:hidden\">\n        <div className=\"flex items-center gap-2\">\n          <Select value={selected?.id} onValueChange={setSelectedId}>\n            <SelectTrigger>\n              <SelectValue placeholder=\"Select a channel\" />\n            </SelectTrigger>\n            <SelectContent>\n              {channels.map((ch) => (\n                <SelectItem key={ch.id} value={ch.id}>\n                  #{ch.name}\n                </SelectItem>\n              ))}\n            </SelectContent>\n          </Select>\n          {canManage && (\n            <Button\n              variant=\"outline\"\n              size=\"icon\"\n              onClick={() => setCreateOpen(true)}\n              aria-label=\"New channel\"\n            >\n              <Plus className=\"h-4 w-4\" />\n            </Button>\n          )}\n        </div>\n      </div>\n\n      {/* Selected channel feed */}\n      <div className=\"min-w-0\">\n        {selected && <ChannelFeed channel={selected} canPost={isMember} />}\n      </div>\n\n      <CreateChannelDialog\n        circleId={circle.id}\n        open={createOpen}\n        onOpenChange={setCreateOpen}\n        onCreated={(ch) => setSelectedId(ch.id)}\n      />\n    </div>\n  );\n}\n\nfunction ChannelFeed({ channel, canPost }: { channel: ComChannel; canPost: boolean }) {\n  const pager = useCursorPager();\n  const { data, isLoading, isError, refetch } = useComPosts({\n    channelId: channel.id,\n    status: 'PUBLISHED',\n    pagination: { limit: POST_PAGE, cursor: pager.cursor },\n  });\n  const posts = data?.items ?? [];\n  const canWrite = canPost && channel.type !== 'ANNOUNCEMENT' && channel.type !== 'VOICE';\n\n  return (\n    <div className=\"flex flex-col gap-4\">\n      <div className=\"flex items-center gap-2\">\n        {(() => {\n          const Icon = CHANNEL_ICON[channel.type];\n          return <Icon className=\"h-5 w-5 text-text-tertiary\" />;\n        })()}\n        <div>\n          <h2 className=\"text-lg font-semibold text-text-primary\">{channel.name}</h2>\n          {channel.description && (\n            <p className=\"text-sm text-text-secondary\">{channel.description}</p>\n          )}\n        </div>\n      </div>\n\n      {canWrite && (\n        <PostComposer\n          channelId={channel.id}\n          channelName={channel.name}\n          onPosted={() => pager.reset()}\n        />\n      )}\n\n      {channel.type === 'VOICE' && (\n        <div className=\"rounded-xl border border-dashed border-border-seam p-6 text-center text-sm text-text-secondary\">\n          <Mic className=\"mx-auto mb-2 h-6 w-6 text-text-tertiary\" />\n          Voice channels are for live audio. Text posting is disabled here.\n        </div>\n      )}\n\n      {isLoading ? (\n        <LoadingView label=\"Loading posts…\" />\n      ) : isError ? (\n        <ErrorView message=\"We couldn't load posts.\" onRetry={() => refetch()} />\n      ) : posts.length === 0 ? (\n        <EmptyState\n          icon={<MessageCircle className=\"h-9 w-9\" />}\n          title=\"No posts yet\"\n          description={\n            canWrite ? 'Be the first to post in this channel.' : 'Nothing has been posted here yet.'\n          }\n        />\n      ) : (\n        <div className=\"flex flex-col gap-4\">\n          {posts.map((post) => (\n            <PostCard key={post.id} post={post} />\n          ))}\n          <Pagination\n            page={pager.page}\n            pageSize={POST_PAGE}\n            itemCount={posts.length}\n            hasMore={data?.pageInfo.hasMore ?? false}\n            onPageChange={(target) => pager.onPageChange(target, data?.pageInfo.cursor)}\n          />\n        </div>\n      )}\n    </div>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Members tab\n// ---------------------------------------------------------------------------\n\nfunction MembersTab({ circle, canManage }: { circle: ComCircle; canManage: boolean }) {\n  const setRole = useComSetMemberRole();\n  const members = useMemo(\n    () =>\n      [...(circle.memberships ?? [])].sort(\n        (a, b) => ROLE_OPTIONS.indexOf(a.role) - ROLE_OPTIONS.indexOf(b.role)\n      ),\n    [circle.memberships]\n  );\n\n  if (members.length === 0) {\n    return <EmptyState icon={<Users className=\"h-9 w-9\" />} title=\"No members yet\" />;\n  }\n\n  const changeRole = async (membershipId: string, role: ComMemberRole) => {\n    try {\n      await setRole.mutateAsync({ membershipId, role, circleId: circle.id });\n      notify.success('Role updated');\n    } catch (err) {\n      notify.error('Could not update role', describeError(err));\n    }\n  };\n\n  return (\n    <div className=\"flex flex-col gap-2\">\n      {members.map((m) => (\n        <div\n          key={m.id}\n          className=\"flex items-center justify-between gap-3 rounded-xl border border-border-seam bg-bg-surface px-4 py-2.5\"\n        >\n          <MemberIdentity memberId={m.memberId} variant=\"row\" size=\"md\" showPresence />\n          <div className=\"flex items-center gap-2\">\n            <StatusBadge status={m.status} />\n            {canManage ? (\n              <Select value={m.role} onValueChange={(v) => changeRole(m.id, v as ComMemberRole)}>\n                <SelectTrigger className=\"h-8 w-32\">\n                  <SelectValue />\n                </SelectTrigger>\n                <SelectContent>\n                  {ROLE_OPTIONS.map((r) => (\n                    <SelectItem key={r} value={r}>\n                      {formatEnumLabel(r)}\n                    </SelectItem>\n                  ))}\n                </SelectContent>\n              </Select>\n            ) : (\n              <StatusBadge status={m.role} />\n            )}\n          </div>\n        </div>\n      ))}\n    </div>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Events tab\n// ---------------------------------------------------------------------------\n\nfunction EventsTab({ circle, isMember }: { circle: ComCircle; isMember: boolean }) {\n  const { navigateTo } = useComradeCircle();\n  const { data, isLoading, isError, refetch } = useComEvents({ circleId: circle.id });\n  const [createOpen, setCreateOpen] = useState(false);\n  const events = data?.items ?? [];\n\n  return (\n    <div>\n      <div className=\"mb-4 flex items-center justify-end\">\n        {isMember && (\n          <Button onClick={() => setCreateOpen(true)}>\n            <Plus className=\"mr-1.5 h-4 w-4\" /> New event\n          </Button>\n        )}\n      </div>\n      {isLoading ? (\n        <LoadingView label=\"Loading events…\" />\n      ) : isError ? (\n        <ErrorView onRetry={() => refetch()} />\n      ) : events.length === 0 ? (\n        <EmptyState\n          icon={<CalendarDays className=\"h-9 w-9\" />}\n          title=\"No events scheduled\"\n          description={\n            isMember ? 'Schedule the first event for this circle.' : 'No upcoming events.'\n          }\n          action={\n            isMember ? (\n              <Button onClick={() => setCreateOpen(true)}>\n                <Plus className=\"mr-1.5 h-4 w-4\" /> New event\n              </Button>\n            ) : undefined\n          }\n        />\n      ) : (\n        <div className=\"grid gap-4 md:grid-cols-2\">\n          {events.map((ev) => (\n            <EventCard key={ev.id} event={ev} onOpen={() => navigateTo(`events/${ev.id}`)} />\n          ))}\n        </div>\n      )}\n      <CreateEventDialog circleId={circle.id} open={createOpen} onOpenChange={setCreateOpen} />\n    </div>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Polls tab\n// ---------------------------------------------------------------------------\n\nfunction PollsTab({\n  circle,\n  isMember,\n  canManage,\n}: {\n  circle: ComCircle;\n  isMember: boolean;\n  canManage: boolean;\n}) {\n  const { data: polls, isLoading, isError, refetch } = useComPolls(circle.id);\n  const [createOpen, setCreateOpen] = useState(false);\n\n  return (\n    <div>\n      <div className=\"mb-4 flex items-center justify-end\">\n        {isMember && (\n          <Button onClick={() => setCreateOpen(true)}>\n            <Plus className=\"mr-1.5 h-4 w-4\" /> New poll\n          </Button>\n        )}\n      </div>\n      {isLoading ? (\n        <LoadingView label=\"Loading polls…\" />\n      ) : isError ? (\n        <ErrorView onRetry={() => refetch()} />\n      ) : (polls ?? []).length === 0 ? (\n        <EmptyState\n          icon={<BarChart3 className=\"h-9 w-9\" />}\n          title=\"No polls yet\"\n          description={\n            isMember ? 'Ask the circle a question with a poll.' : 'No polls have been created.'\n          }\n          action={\n            isMember ? (\n              <Button onClick={() => setCreateOpen(true)}>\n                <Plus className=\"mr-1.5 h-4 w-4\" /> New poll\n              </Button>\n            ) : undefined\n          }\n        />\n      ) : (\n        <div className=\"mx-auto flex max-w-2xl flex-col gap-4\">\n          {(polls ?? []).map((poll) => (\n            <PollCard key={poll.id} poll={poll} canManage={canManage} />\n          ))}\n        </div>\n      )}\n      <CreatePollDialog circleId={circle.id} open={createOpen} onOpenChange={setCreateOpen} />\n    </div>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// About tab\n// ---------------------------------------------------------------------------\n\nfunction AboutTab({ circle }: { circle: ComCircle }) {\n  return (\n    <div className=\"mx-auto max-w-2xl\">\n      <div className=\"rounded-2xl border border-border-seam bg-bg-surface p-6\">\n        <h2 className=\"text-lg font-semibold text-text-primary\">About this circle</h2>\n        <p className=\"mt-2 whitespace-pre-wrap text-sm text-text-secondary\">\n          {circle.description || 'No description provided.'}\n        </p>\n        {circle.tags.length > 0 && (\n          <div className=\"mt-4 flex flex-wrap gap-1.5\">\n            {circle.tags.map((tag) => (\n              <span\n                key={tag}\n                className=\"rounded-full bg-bg-sunken px-2.5 py-0.5 text-xs font-medium text-text-secondary\"\n              >\n                #{tag}\n              </span>\n            ))}\n          </div>\n        )}\n        <dl className=\"mt-6 grid grid-cols-2 gap-4 text-sm\">\n          <div>\n            <dt className=\"text-text-tertiary\">Visibility</dt>\n            <dd className=\"mt-1 text-text-primary\">{formatEnumLabel(circle.visibility)}</dd>\n          </div>\n          <div>\n            <dt className=\"text-text-tertiary\">Status</dt>\n            <dd className=\"mt-1 text-text-primary\">{formatEnumLabel(circle.status)}</dd>\n          </div>\n          <div>\n            <dt className=\"text-text-tertiary\">Members</dt>\n            <dd className=\"mt-1 text-text-primary\">{formatNumber(circle.memberCount)}</dd>\n          </div>\n          <div>\n            <dt className=\"text-text-tertiary\">Created</dt>\n            <dd className=\"mt-1 text-text-primary\">{formatDate(circle.createdAt)}</dd>\n          </div>\n        </dl>\n      </div>\n    </div>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Create channel dialog (local — only used here)\n// ---------------------------------------------------------------------------\n\nconst CHANNEL_TYPES: ComChannelType[] = ['TEXT', 'FORUM', 'ANNOUNCEMENT', 'VOICE'];\n\nfunction CreateChannelDialog({\n  circleId,\n  open,\n  onOpenChange,\n  onCreated,\n}: {\n  circleId: string;\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  onCreated?: (channel: ComChannel) => void;\n}) {\n  const createChannel = useComCreateChannel();\n  const [name, setName] = useState('');\n  const [description, setDescription] = useState('');\n  const [type, setType] = useState<ComChannelType>('TEXT');\n  const [error, setError] = useState<string | null>(null);\n\n  const submit = async () => {\n    if (!name.trim()) {\n      setError('Channel name is required.');\n      return;\n    }\n    try {\n      const created = await createChannel.mutateAsync({\n        circleId,\n        name: name.trim(),\n        slug: slugify(name),\n        description: description.trim() || null,\n        type,\n      });\n      notify.success('Channel created', `#${created.name}`);\n      onOpenChange(false);\n      setName('');\n      setDescription('');\n      setType('TEXT');\n      setError(null);\n      onCreated?.(created);\n    } catch (err) {\n      setError(describeError(err));\n    }\n  };\n\n  return (\n    <ResponsiveDialog open={open} onOpenChange={onOpenChange}>\n      <ResponsiveDialogContent className=\"sm:max-w-md\">\n        <ResponsiveDialogHeader>\n          <ResponsiveDialogTitle>Create a channel</ResponsiveDialogTitle>\n          <ResponsiveDialogDescription>\n            Channels organise conversations by topic or format.\n          </ResponsiveDialogDescription>\n        </ResponsiveDialogHeader>\n        <div className=\"flex flex-col gap-4 py-2\">\n          <div className=\"grid gap-1.5\">\n            <Label htmlFor=\"channel-name\">Name</Label>\n            <Input\n              id=\"channel-name\"\n              value={name}\n              onChange={(e) => setName(e.target.value)}\n              placeholder=\"general\"\n            />\n          </div>\n          <div className=\"grid gap-1.5\">\n            <Label>Type</Label>\n            <Select value={type} onValueChange={(v) => setType(v as ComChannelType)}>\n              <SelectTrigger>\n                <SelectValue />\n              </SelectTrigger>\n              <SelectContent>\n                {CHANNEL_TYPES.map((tp) => (\n                  <SelectItem key={tp} value={tp}>\n                    {formatEnumLabel(tp)}\n                  </SelectItem>\n                ))}\n              </SelectContent>\n            </Select>\n          </div>\n          <div className=\"grid gap-1.5\">\n            <Label htmlFor=\"channel-desc\">Description</Label>\n            <Textarea\n              id=\"channel-desc\"\n              value={description}\n              onChange={(e) => setDescription(e.target.value)}\n              rows={2}\n            />\n          </div>\n          {error && <p className=\"text-sm text-status-error-text\">{error}</p>}\n        </div>\n        <ResponsiveDialogFooter>\n          <Button variant=\"outline\" onClick={() => onOpenChange(false)}>\n            Cancel\n          </Button>\n          <Button onClick={submit} disabled={createChannel.isPending}>\n            Create channel\n          </Button>\n        </ResponsiveDialogFooter>\n      </ResponsiveDialogContent>\n    </ResponsiveDialog>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Create poll dialog (local — only used here)\n// ---------------------------------------------------------------------------\n\nfunction CreatePollDialog({\n  circleId,\n  open,\n  onOpenChange,\n}: {\n  circleId: string;\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n}) {\n  const createPoll = useComCreatePoll();\n  const [question, setQuestion] = useState('');\n  const [options, setOptions] = useState<string[]>(['', '']);\n  const [allowMultiple, setAllowMultiple] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n\n  const reset = () => {\n    setQuestion('');\n    setOptions(['', '']);\n    setAllowMultiple(false);\n    setError(null);\n  };\n\n  const submit = async () => {\n    const cleaned = options.map((o) => o.trim()).filter(Boolean);\n    if (!question.trim()) {\n      setError('A question is required.');\n      return;\n    }\n    if (cleaned.length < 2) {\n      setError('Add at least two options.');\n      return;\n    }\n    try {\n      await createPoll.mutateAsync({\n        circleId,\n        question: question.trim(),\n        options: cleaned,\n        allowMultiple,\n      });\n      notify.success('Poll created');\n      onOpenChange(false);\n      reset();\n    } catch (err) {\n      setError(describeError(err));\n    }\n  };\n\n  return (\n    <ResponsiveDialog open={open} onOpenChange={onOpenChange}>\n      <ResponsiveDialogContent className=\"sm:max-w-md\">\n        <ResponsiveDialogHeader>\n          <ResponsiveDialogTitle>Create a poll</ResponsiveDialogTitle>\n          <ResponsiveDialogDescription>\n            Gather the circle&apos;s opinion.\n          </ResponsiveDialogDescription>\n        </ResponsiveDialogHeader>\n        <div className=\"flex flex-col gap-4 py-2\">\n          <div className=\"grid gap-1.5\">\n            <Label htmlFor=\"poll-q\">Question</Label>\n            <Input\n              id=\"poll-q\"\n              value={question}\n              onChange={(e) => setQuestion(e.target.value)}\n              placeholder=\"What should we build next?\"\n            />\n          </div>\n          <div className=\"grid gap-1.5\">\n            <Label>Options</Label>\n            <div className=\"flex flex-col gap-2\">\n              {options.map((opt, i) => (\n                <div key={i} className=\"flex items-center gap-2\">\n                  <Input\n                    value={opt}\n                    onChange={(e) =>\n                      setOptions((prev) => prev.map((o, idx) => (idx === i ? e.target.value : o)))\n                    }\n                    placeholder={`Option ${i + 1}`}\n                  />\n                  {options.length > 2 && (\n                    <Button\n                      variant=\"ghost\"\n                      size=\"icon\"\n                      onClick={() => setOptions((prev) => prev.filter((_, idx) => idx !== i))}\n                      aria-label={`Remove option ${i + 1}`}\n                    >\n                      ✕\n                    </Button>\n                  )}\n                </div>\n              ))}\n              {options.length < 8 && (\n                <Button\n                  variant=\"outline\"\n                  size=\"sm\"\n                  onClick={() => setOptions((prev) => [...prev, ''])}\n                >\n                  <Plus className=\"mr-1.5 h-4 w-4\" /> Add option\n                </Button>\n              )}\n            </div>\n          </div>\n          <label className=\"flex items-center gap-2 text-sm text-text-secondary\">\n            <input\n              type=\"checkbox\"\n              checked={allowMultiple}\n              onChange={(e) => setAllowMultiple(e.target.checked)}\n              className=\"h-4 w-4 rounded border-border-seam\"\n            />\n            Allow selecting multiple options\n          </label>\n          {error && <p className=\"text-sm text-status-error-text\">{error}</p>}\n        </div>\n        <ResponsiveDialogFooter>\n          <Button variant=\"outline\" onClick={() => onOpenChange(false)}>\n            Cancel\n          </Button>\n          <Button onClick={submit} disabled={createPoll.isPending}>\n            Create poll\n          </Button>\n        </ResponsiveDialogFooter>\n      </ResponsiveDialogContent>\n    </ResponsiveDialog>\n  );\n}\n"],"mappings":"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"}

package/dist/comradecircle/pages/circles/CirclesPage.js

@@ -0,0 +1,129 @@
+import { useComradeCircle as e } from "../../context/ComradeCircleContext.js";
+import { PageLayout as t } from "../../components/PageLayout.js";
+import "../../context/index.js";
+import { useComCircles as n, useComMemberships as r } from "../../hooks/useComradeCircleApi.js";
+import { useCursorPager as i } from "../../hooks/useCursorPager.js";
+import "../../hooks/index.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 { FilterTabs as l } from "../../components/FilterTabs.js";
+import { CircleCard as u } from "../../components/CircleCard.js";
+import { CreateCircleDialog as d } from "../../components/CreateCircleDialog.js";
+import { useMemo as f, useState as p } from "react";
+import { Plus as m } from "lucide-react";
+import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { Button as v, Select as y, SelectContent as b, SelectItem as x, SelectTrigger as S, SelectValue as C } from "@burdenoff/fe-libs/ui";
+//#region src/comradecircle/pages/circles/CirclesPage.tsx
+var w = 12, T = [
+	{
+		value: "ALL",
+		label: "All"
+	},
+	{
+		value: "ACTIVE",
+		label: "Active"
+	},
+	{
+		value: "ARCHIVED",
+		label: "Archived"
+	}
+], E = [
+	{
+		value: "ALL",
+		label: "All visibility"
+	},
+	{
+		value: "PUBLIC",
+		label: "Public"
+	},
+	{
+		value: "PRIVATE",
+		label: "Private"
+	},
+	{
+		value: "SECRET",
+		label: "Secret"
+	}
+];
+function D() {
+	let { navigateTo: D, currentUser: O } = e(), k = i(), [A, j] = p("ALL"), [M, N] = p("ALL"), [P, F] = p(!1), { data: I, isLoading: L, isError: R, refetch: z } = n({
+		status: A === "ALL" ? void 0 : A,
+		visibility: M === "ALL" ? void 0 : M,
+		pagination: {
+			limit: w,
+			cursor: k.cursor
+		}
+	}), { data: B } = r({ status: "ACTIVE" }), V = f(() => {
+		let e = /* @__PURE__ */ new Map();
+		for (let t of B?.items ?? []) t.memberId === O?.id && e.set(t.circleId, t);
+		return e;
+	}, [B, O?.id]), H = I?.items ?? [];
+	return /* @__PURE__ */ _(t, {
+		title: "Circles",
+		description: "Discover and join communities — each circle has its own channels, members, events, and polls.",
+		actions: /* @__PURE__ */ _(v, {
+			onClick: () => F(!0),
+			children: [/* @__PURE__ */ g(m, { className: "mr-1.5 h-4 w-4" }), " Create circle"]
+		}),
+		children: [
+			/* @__PURE__ */ _("div", {
+				className: "mb-5 flex flex-wrap items-center gap-3",
+				children: [/* @__PURE__ */ g(l, {
+					options: T,
+					value: A,
+					onChange: (e) => {
+						j(e), k.reset();
+					}
+				}), /* @__PURE__ */ _(y, {
+					value: M,
+					onValueChange: (e) => {
+						N(e), k.reset();
+					},
+					children: [/* @__PURE__ */ g(S, {
+						className: "w-[10.5rem]",
+						"aria-label": "Filter by visibility",
+						children: /* @__PURE__ */ g(C, {})
+					}), /* @__PURE__ */ g(b, { children: E.map((e) => /* @__PURE__ */ g(x, {
+						value: e.value,
+						children: e.label
+					}, e.value)) })]
+				})]
+			}),
+			L ? /* @__PURE__ */ g(s, { label: "Loading circles…" }) : R ? /* @__PURE__ */ g(o, {
+				message: "We couldn't load circles.",
+				onRetry: () => z()
+			}) : H.length === 0 && k.page === 0 ? /* @__PURE__ */ g(a, {
+				illustration: "empty-people",
+				title: "No circles found",
+				description: A === "ALL" && M === "ALL" ? "Be the first to start a community. Create a circle to gather members around a shared interest." : "No circles match these filters. Try widening them or start your own.",
+				action: /* @__PURE__ */ _(v, {
+					onClick: () => F(!0),
+					children: [/* @__PURE__ */ g(m, { className: "mr-1.5 h-4 w-4" }), " Create circle"]
+				})
+			}) : /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g("div", {
+				className: "grid gap-4 sm:grid-cols-2 xl:grid-cols-3",
+				children: H.map((e) => /* @__PURE__ */ g(u, {
+					circle: e,
+					membership: V.get(e.id) ?? null,
+					onOpen: () => D("circles/" + e.id)
+				}, e.id))
+			}), /* @__PURE__ */ g(c, {
+				page: k.page,
+				pageSize: w,
+				itemCount: H.length,
+				hasMore: I?.pageInfo.hasMore ?? !1,
+				onPageChange: (e) => k.onPageChange(e, I?.pageInfo.cursor)
+			})] }),
+			/* @__PURE__ */ g(d, {
+				open: P,
+				onOpenChange: F,
+				onCreated: (e) => D("circles/" + e.id)
+			})
+		]
+	});
+}
+//#endregion
+export { D as CirclesPage };
+
+//# sourceMappingURL=CirclesPage.js.map

package/dist/comradecircle/pages/circles/CirclesPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CirclesPage.js","names":[],"sources":["../../../../src/comradecircle/pages/circles/CirclesPage.tsx"],"sourcesContent":["/**\n * CirclesPage — the circle discovery & browse experience.\n * @module comradecircle/pages/circles\n *\n * Reads `comListCircles` (filtered by status + visibility) and, in parallel, the\n * caller's active memberships (`comListMemberships`) so each tile can show the\n * right affordance: Join for circles you don't belong to, Open/Leave + your role\n * for the ones you do. Anyone can spin up a new circle from the header action.\n */\n\nimport { useMemo, useState } from 'react';\nimport { Plus } from 'lucide-react';\nimport {\n  Button,\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../../components/PageLayout';\nimport { FilterTabs, type FilterOption } from '../../components/FilterTabs';\nimport { CircleCard } from '../../components/CircleCard';\nimport { CreateCircleDialog } from '../../components/CreateCircleDialog';\nimport { EmptyState } from '../../components/EmptyState';\nimport { LoadingView, ErrorView } from '../../components/StateViews';\nimport { Pagination } from '../../components/Pagination';\nimport { useComCircles, useComMemberships, useCursorPager } from '../../hooks';\nimport { useComradeCircle } from '../../context';\nimport type { ComCircleVisibility, ComMembership } from '../../types';\n\nconst PAGE_SIZE = 12;\n\ntype StatusFilter = 'ALL' | 'ACTIVE' | 'ARCHIVED';\ntype VisibilityFilter = 'ALL' | ComCircleVisibility;\n\nconst STATUS_OPTIONS: FilterOption<StatusFilter>[] = [\n  { value: 'ALL', label: 'All' },\n  { value: 'ACTIVE', label: 'Active' },\n  { value: 'ARCHIVED', label: 'Archived' },\n];\n\nconst VISIBILITY_OPTIONS: { value: VisibilityFilter; label: string }[] = [\n  { value: 'ALL', label: 'All visibility' },\n  { value: 'PUBLIC', label: 'Public' },\n  { value: 'PRIVATE', label: 'Private' },\n  { value: 'SECRET', label: 'Secret' },\n];\n\nexport function CirclesPage() {\n  const { navigateTo, currentUser } = useComradeCircle();\n  const pager = useCursorPager();\n  const [status, setStatus] = useState<StatusFilter>('ALL');\n  const [visibility, setVisibility] = useState<VisibilityFilter>('ALL');\n  const [createOpen, setCreateOpen] = useState(false);\n\n  const { data, isLoading, isError, refetch } = useComCircles({\n    status: status === 'ALL' ? undefined : status,\n    visibility: visibility === 'ALL' ? undefined : visibility,\n    pagination: { limit: PAGE_SIZE, cursor: pager.cursor },\n  });\n\n  // Parallel: the caller's active memberships, keyed by circle so each tile knows\n  // whether the current user already belongs (and in what role).\n  const { data: membershipData } = useComMemberships({ status: 'ACTIVE' });\n\n  const membershipByCircle = useMemo(() => {\n    const map = new Map<string, ComMembership>();\n    for (const membership of membershipData?.items ?? []) {\n      if (membership.memberId === currentUser?.id) {\n        map.set(membership.circleId, membership);\n      }\n    }\n    return map;\n  }, [membershipData, currentUser?.id]);\n\n  const circles = data?.items ?? [];\n\n  const changeStatus = (next: StatusFilter) => {\n    setStatus(next);\n    pager.reset();\n  };\n\n  const changeVisibility = (next: string) => {\n    setVisibility(next as VisibilityFilter);\n    pager.reset();\n  };\n\n  return (\n    <PageLayout\n      title=\"Circles\"\n      description=\"Discover and join communities — each circle has its own channels, members, events, and polls.\"\n      actions={\n        <Button onClick={() => setCreateOpen(true)}>\n          <Plus className=\"mr-1.5 h-4 w-4\" /> Create circle\n        </Button>\n      }\n    >\n      <div className=\"mb-5 flex flex-wrap items-center gap-3\">\n        <FilterTabs options={STATUS_OPTIONS} value={status} onChange={changeStatus} />\n        <Select value={visibility} onValueChange={changeVisibility}>\n          <SelectTrigger className=\"w-[10.5rem]\" aria-label=\"Filter by visibility\">\n            <SelectValue />\n          </SelectTrigger>\n          <SelectContent>\n            {VISIBILITY_OPTIONS.map((opt) => (\n              <SelectItem key={opt.value} value={opt.value}>\n                {opt.label}\n              </SelectItem>\n            ))}\n          </SelectContent>\n        </Select>\n      </div>\n\n      {isLoading ? (\n        <LoadingView label=\"Loading circles…\" />\n      ) : isError ? (\n        <ErrorView message=\"We couldn't load circles.\" onRetry={() => refetch()} />\n      ) : circles.length === 0 && pager.page === 0 ? (\n        <EmptyState\n          illustration=\"empty-people\"\n          title=\"No circles found\"\n          description={\n            status === 'ALL' && visibility === 'ALL'\n              ? 'Be the first to start a community. Create a circle to gather members around a shared interest.'\n              : 'No circles match these filters. Try widening them or start your own.'\n          }\n          action={\n            <Button onClick={() => setCreateOpen(true)}>\n              <Plus className=\"mr-1.5 h-4 w-4\" /> Create circle\n            </Button>\n          }\n        />\n      ) : (\n        <>\n          <div className=\"grid gap-4 sm:grid-cols-2 xl:grid-cols-3\">\n            {circles.map((circle) => (\n              <CircleCard\n                key={circle.id}\n                circle={circle}\n                membership={membershipByCircle.get(circle.id) ?? null}\n                onOpen={() => navigateTo('circles/' + circle.id)}\n              />\n            ))}\n          </div>\n          <Pagination\n            page={pager.page}\n            pageSize={PAGE_SIZE}\n            itemCount={circles.length}\n            hasMore={data?.pageInfo.hasMore ?? false}\n            onPageChange={(target) => pager.onPageChange(target, data?.pageInfo.cursor)}\n          />\n        </>\n      )}\n\n      <CreateCircleDialog\n        open={createOpen}\n        onOpenChange={setCreateOpen}\n        onCreated={(circle) => navigateTo('circles/' + circle.id)}\n      />\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}

package/dist/comradecircle/pages/events/EventDetailPage.js

@@ -0,0 +1,276 @@
+import { useComradeCircle as e } from "../../context/ComradeCircleContext.js";
+import { PageLayout as t } from "../../components/PageLayout.js";
+import "../../context/index.js";
+import { useComEvent as n, useComRsvpEvent as r, useComTransitionEvent as i } from "../../hooks/useComradeCircleApi.js";
+import "../../hooks/index.js";
+import { MemberIdentity as a } from "../../components/MemberIdentity.js";
+import { describeError as o, notify as s } from "../../lib/toast.js";
+import { formatDateTime as c, formatEnumLabel as l, formatNumber as u } from "../../utils/formatters.js";
+import { ErrorView as d, LoadingView as f } from "../../components/StateViews.js";
+import { StatusBadge as p } from "../../components/StatusBadge.js";
+import { ArrowLeft as m, Ban as h, CalendarDays as g, CheckCircle2 as _, ExternalLink as v, MapPin as y, Radio as b, Tag as x, Users as S, Video as C } from "lucide-react";
+import { useParams as w } from "react-router-dom";
+import { Fragment as T, jsx as E, jsxs as D } from "react/jsx-runtime";
+import { Button as O, GlassCard as k } from "@burdenoff/fe-libs/ui";
+//#region src/comradecircle/pages/events/EventDetailPage.tsx
+var A = [
+	{
+		status: "GOING",
+		label: "Going"
+	},
+	{
+		status: "INTERESTED",
+		label: "Interested"
+	},
+	{
+		status: "WAITLISTED",
+		label: "Waitlist"
+	},
+	{
+		status: "NOT_GOING",
+		label: "Can't go"
+	}
+];
+function j() {
+	let { id: j } = w(), { currentUser: M, navigateTo: N } = e(), { data: P, isLoading: F, isError: I, refetch: L } = n(j), R = r(), z = i(), B = /* @__PURE__ */ D(O, {
+		variant: "ghost",
+		size: "sm",
+		onClick: () => N("events"),
+		children: [/* @__PURE__ */ E(m, { className: "mr-1.5 h-4 w-4" }), " Back"]
+	});
+	if (F) return /* @__PURE__ */ E(t, {
+		title: "Event",
+		actions: B,
+		children: /* @__PURE__ */ E(f, { label: "Loading event…" })
+	});
+	if (I || !P) return /* @__PURE__ */ E(t, {
+		title: "Event",
+		actions: B,
+		children: /* @__PURE__ */ E(d, {
+			title: "Event not found",
+			message: "This event may have been cancelled, or you may not have access to it.",
+			onRetry: () => L()
+		})
+	});
+	let V = !!(M?.id && M.id === P.hostId), H = P.status === "SCHEDULED" || P.status === "LIVE", U = P.mode === "ONLINE" || P.mode === "HYBRID", W = P.mode === "IN_PERSON" || P.mode === "HYBRID", G = P.status === "LIVE" && U && !!P.joinUrl, K = M?.id ? P.rsvps.find((e) => e.memberId === M.id) : void 0, q = async (e) => {
+		try {
+			await R.mutateAsync({
+				eventId: P.id,
+				status: e
+			}), s.success("RSVP updated", `${l(e)} · ${P.title}`);
+		} catch (e) {
+			s.error("Could not RSVP", o(e));
+		}
+	}, J = async (e, t) => {
+		try {
+			await z.mutateAsync({
+				id: P.id,
+				status: e
+			}), s.success(t, P.title);
+		} catch (e) {
+			s.error("Could not update the event", o(e));
+		}
+	}, Y = P.endsAt ? `${c(P.startsAt)} – ${c(P.endsAt)}` : c(P.startsAt);
+	return /* @__PURE__ */ E(t, {
+		title: P.title,
+		actions: B,
+		children: /* @__PURE__ */ D("div", {
+			className: "mx-auto flex max-w-3xl flex-col gap-6",
+			children: [
+				/* @__PURE__ */ D(k, {
+					treatment: "plain",
+					className: "flex flex-col gap-5 p-5 sm:p-6",
+					children: [
+						/* @__PURE__ */ D("div", {
+							className: "flex flex-wrap items-center gap-2",
+							children: [/* @__PURE__ */ E(p, { status: P.status }), /* @__PURE__ */ E(p, { status: P.mode })]
+						}),
+						P.description && /* @__PURE__ */ E("p", {
+							className: "whitespace-pre-wrap text-sm text-text-secondary",
+							children: P.description
+						}),
+						/* @__PURE__ */ D("dl", {
+							className: "flex flex-col gap-3 text-sm",
+							children: [
+								/* @__PURE__ */ D("div", {
+									className: "flex items-start gap-2.5",
+									children: [/* @__PURE__ */ E(g, { className: "mt-0.5 h-4 w-4 shrink-0 text-text-tertiary" }), /* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("dt", {
+										className: "text-text-tertiary",
+										children: "When"
+									}), /* @__PURE__ */ E("dd", {
+										className: "mt-0.5 text-text-primary",
+										children: Y
+									})] })]
+								}),
+								W && P.location && /* @__PURE__ */ D("div", {
+									className: "flex items-start gap-2.5",
+									children: [/* @__PURE__ */ E(y, { className: "mt-0.5 h-4 w-4 shrink-0 text-text-tertiary" }), /* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("dt", {
+										className: "text-text-tertiary",
+										children: "Where"
+									}), /* @__PURE__ */ E("dd", {
+										className: "mt-0.5 text-text-primary",
+										children: P.location
+									})] })]
+								}),
+								U && /* @__PURE__ */ D("div", {
+									className: "flex items-start gap-2.5",
+									children: [/* @__PURE__ */ E(C, { className: "mt-0.5 h-4 w-4 shrink-0 text-text-tertiary" }), /* @__PURE__ */ D("div", {
+										className: "min-w-0",
+										children: [/* @__PURE__ */ E("dt", {
+											className: "text-text-tertiary",
+											children: "Online"
+										}), /* @__PURE__ */ E("dd", {
+											className: "mt-0.5 text-text-primary",
+											children: G && P.joinUrl ? /* @__PURE__ */ D("a", {
+												href: P.joinUrl,
+												target: "_blank",
+												rel: "noreferrer noopener",
+												className: "inline-flex items-center gap-1 font-medium text-accent hover:underline",
+												children: ["Join the live event ", /* @__PURE__ */ E(v, { className: "h-3.5 w-3.5" })]
+											}) : /* @__PURE__ */ E("span", {
+												className: "text-text-secondary",
+												children: P.status === "LIVE" ? "A join link has not been provided." : "The join link becomes available when the event goes live."
+											})
+										})]
+									})]
+								}),
+								/* @__PURE__ */ D("div", {
+									className: "flex items-start gap-2.5",
+									children: [/* @__PURE__ */ E(S, { className: "mt-0.5 h-4 w-4 shrink-0 text-text-tertiary" }), /* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("dt", {
+										className: "text-text-tertiary",
+										children: "Attending"
+									}), /* @__PURE__ */ D("dd", {
+										className: "mt-0.5 text-text-primary",
+										children: [u(P.rsvpCount), P.capacity ? ` / ${u(P.capacity)}` : ""]
+									})] })]
+								})
+							]
+						}),
+						P.tags.length > 0 && /* @__PURE__ */ D("div", {
+							className: "flex flex-wrap items-center gap-1.5",
+							children: [/* @__PURE__ */ E(x, {
+								className: "h-3.5 w-3.5 text-text-tertiary",
+								"aria-hidden": "true"
+							}), P.tags.map((e) => /* @__PURE__ */ D("span", {
+								className: "rounded-full bg-bg-sunken px-2.5 py-0.5 text-xs font-medium text-text-secondary",
+								children: ["#", e]
+							}, e))]
+						}),
+						/* @__PURE__ */ D("div", {
+							className: "border-t border-border-seam pt-4",
+							children: [/* @__PURE__ */ E("p", {
+								className: "mb-2 text-xs font-semibold uppercase tracking-wide text-text-tertiary",
+								children: "Hosted by"
+							}), /* @__PURE__ */ E(a, {
+								memberId: P.hostId,
+								variant: "row",
+								size: "md",
+								showPresence: !0
+							})]
+						})
+					]
+				}),
+				H && /* @__PURE__ */ D("section", {
+					className: "rounded-2xl border border-border-seam bg-bg-surface p-5",
+					children: [
+						/* @__PURE__ */ E("h2", {
+							className: "text-base font-semibold text-text-primary",
+							children: "Your RSVP"
+						}),
+						/* @__PURE__ */ E("p", {
+							className: "mt-0.5 text-sm text-text-secondary",
+							children: "Let the host know whether you'll attend."
+						}),
+						/* @__PURE__ */ E("div", {
+							className: "mt-4 flex flex-wrap gap-2",
+							children: A.map((e) => /* @__PURE__ */ E(O, {
+								size: "sm",
+								variant: K?.status === e.status ? "default" : "outline",
+								onClick: () => q(e.status),
+								disabled: R.isPending,
+								children: e.label
+							}, e.status))
+						})
+					]
+				}),
+				V && (P.status === "SCHEDULED" || P.status === "LIVE") && /* @__PURE__ */ D("section", {
+					className: "rounded-2xl border border-border-seam bg-bg-surface p-5",
+					children: [
+						/* @__PURE__ */ E("h2", {
+							className: "text-base font-semibold text-text-primary",
+							children: "Host controls"
+						}),
+						/* @__PURE__ */ E("p", {
+							className: "mt-0.5 text-sm text-text-secondary",
+							children: "Move this event through its lifecycle."
+						}),
+						/* @__PURE__ */ D("div", {
+							className: "mt-4 flex flex-wrap gap-2",
+							children: [P.status === "SCHEDULED" && /* @__PURE__ */ D(T, { children: [/* @__PURE__ */ D(O, {
+								size: "sm",
+								onClick: () => J("LIVE", "Event is now live"),
+								disabled: z.isPending,
+								children: [/* @__PURE__ */ E(b, { className: "mr-1.5 h-4 w-4" }), " Go live"]
+							}), /* @__PURE__ */ D(O, {
+								size: "sm",
+								variant: "destructive",
+								onClick: () => J("CANCELLED", "Event cancelled"),
+								disabled: z.isPending,
+								children: [/* @__PURE__ */ E(h, { className: "mr-1.5 h-4 w-4" }), " Cancel"]
+							})] }), P.status === "LIVE" && /* @__PURE__ */ D(O, {
+								size: "sm",
+								onClick: () => J("COMPLETED", "Event marked complete"),
+								disabled: z.isPending,
+								children: [/* @__PURE__ */ E(_, { className: "mr-1.5 h-4 w-4" }), " Mark complete"]
+							})]
+						})
+					]
+				}),
+				/* @__PURE__ */ D("section", {
+					className: "rounded-2xl border border-border-seam bg-bg-surface p-5",
+					children: [/* @__PURE__ */ D("div", {
+						className: "mb-3 flex items-center justify-between gap-3",
+						children: [/* @__PURE__ */ E("h2", {
+							className: "text-base font-semibold text-text-primary",
+							children: "Attendees"
+						}), /* @__PURE__ */ D("span", {
+							className: "inline-flex items-center gap-1 text-xs text-text-tertiary",
+							children: [
+								/* @__PURE__ */ E(S, { className: "h-3.5 w-3.5" }),
+								" ",
+								u(P.rsvps.length)
+							]
+						})]
+					}), P.rsvps.length === 0 ? /* @__PURE__ */ E("p", {
+						className: "py-4 text-center text-sm text-text-tertiary",
+						children: "No RSVPs yet."
+					}) : /* @__PURE__ */ E("ul", {
+						className: "flex flex-col gap-2",
+						children: P.rsvps.map((e) => /* @__PURE__ */ D("li", {
+							className: "flex flex-wrap items-center justify-between gap-3 rounded-xl border border-border-seam bg-bg-sunken px-4 py-2.5",
+							children: [/* @__PURE__ */ E(a, {
+								memberId: e.memberId,
+								variant: "row",
+								size: "sm"
+							}), /* @__PURE__ */ D("div", {
+								className: "flex min-w-0 items-center gap-2",
+								children: [e.note && /* @__PURE__ */ D("span", {
+									className: "max-w-[16rem] truncate text-xs text-text-tertiary",
+									children: [
+										"“",
+										e.note,
+										"”"
+									]
+								}), /* @__PURE__ */ E(p, { status: e.status })]
+							})]
+						}, e.id))
+					})]
+				})
+			]
+		})
+	});
+}
+//#endregion
+export { j as EventDetailPage };
+
+//# sourceMappingURL=EventDetailPage.js.map

package/dist/comradecircle/pages/events/EventDetailPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EventDetailPage.js","names":[],"sources":["../../../../src/comradecircle/pages/events/EventDetailPage.tsx"],"sourcesContent":["/**\n * EventDetailPage — a single community event.\n * @module comradecircle/pages/events\n *\n * Reads `comEvent` (with its RSVPs). Members RSVP (GOING / INTERESTED /\n * WAITLISTED / NOT_GOING) while the event is SCHEDULED or LIVE; the host drives\n * the lifecycle (SCHEDULED → LIVE → COMPLETED, or CANCELLED). Person references\n * always resolve through {@link MemberIdentity} — never a raw actor id.\n */\n\nimport {\n  ArrowLeft,\n  CalendarDays,\n  MapPin,\n  Video,\n  Users,\n  ExternalLink,\n  Radio,\n  CheckCircle2,\n  Ban,\n  Tag,\n} from 'lucide-react';\nimport { GlassCard, Button } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../../components/PageLayout';\nimport { StatusBadge } from '../../components/StatusBadge';\nimport { MemberIdentity } from '../../components/MemberIdentity';\nimport { LoadingView, ErrorView } from '../../components/StateViews';\nimport { useComEvent, useComRsvpEvent, useComTransitionEvent } from '../../hooks';\nimport { useComradeCircle } from '../../context';\nimport { formatDateTime, formatNumber, formatEnumLabel } from '../../utils';\nimport { notify, describeError } from '../../lib/toast';\nimport { useParams } from 'react-router-dom';\nimport type { ComEventStatus, ComRsvpStatus } from '../../types';\n\nconst RSVP_OPTIONS: { status: ComRsvpStatus; label: string }[] = [\n  { status: 'GOING', label: 'Going' },\n  { status: 'INTERESTED', label: 'Interested' },\n  { status: 'WAITLISTED', label: 'Waitlist' },\n  { status: 'NOT_GOING', label: \"Can't go\" },\n];\n\nexport function EventDetailPage() {\n  const { id } = useParams<{ id: string }>();\n  const { currentUser, navigateTo } = useComradeCircle();\n  const { data: event, isLoading, isError, refetch } = useComEvent(id);\n  const rsvp = useComRsvpEvent();\n  const transition = useComTransitionEvent();\n\n  const backButton = (\n    <Button variant=\"ghost\" size=\"sm\" onClick={() => navigateTo('events')}>\n      <ArrowLeft className=\"mr-1.5 h-4 w-4\" /> Back\n    </Button>\n  );\n\n  if (isLoading) {\n    return (\n      <PageLayout title=\"Event\" actions={backButton}>\n        <LoadingView label=\"Loading event…\" />\n      </PageLayout>\n    );\n  }\n\n  if (isError || !event) {\n    return (\n      <PageLayout title=\"Event\" actions={backButton}>\n        <ErrorView\n          title=\"Event not found\"\n          message=\"This event may have been cancelled, or you may not have access to it.\"\n          onRetry={() => refetch()}\n        />\n      </PageLayout>\n    );\n  }\n\n  const isHost = Boolean(currentUser?.id && currentUser.id === event.hostId);\n  const canRsvp = event.status === 'SCHEDULED' || event.status === 'LIVE';\n  const isOnlineish = event.mode === 'ONLINE' || event.mode === 'HYBRID';\n  const isInPersonish = event.mode === 'IN_PERSON' || event.mode === 'HYBRID';\n  const showJoin = event.status === 'LIVE' && isOnlineish && Boolean(event.joinUrl);\n  const myRsvp = currentUser?.id\n    ? event.rsvps.find((r) => r.memberId === currentUser.id)\n    : undefined;\n\n  const doRsvp = async (status: ComRsvpStatus) => {\n    try {\n      await rsvp.mutateAsync({ eventId: event.id, status });\n      notify.success('RSVP updated', `${formatEnumLabel(status)} · ${event.title}`);\n    } catch (err) {\n      notify.error('Could not RSVP', describeError(err));\n    }\n  };\n\n  const doTransition = async (status: ComEventStatus, successMessage: string) => {\n    try {\n      await transition.mutateAsync({ id: event.id, status });\n      notify.success(successMessage, event.title);\n    } catch (err) {\n      notify.error('Could not update the event', describeError(err));\n    }\n  };\n\n  const scheduleText = event.endsAt\n    ? `${formatDateTime(event.startsAt)} – ${formatDateTime(event.endsAt)}`\n    : formatDateTime(event.startsAt);\n\n  return (\n    <PageLayout title={event.title} actions={backButton}>\n      <div className=\"mx-auto flex max-w-3xl flex-col gap-6\">\n        {/* Overview */}\n        <GlassCard treatment=\"plain\" className=\"flex flex-col gap-5 p-5 sm:p-6\">\n          <div className=\"flex flex-wrap items-center gap-2\">\n            <StatusBadge status={event.status} />\n            <StatusBadge status={event.mode} />\n          </div>\n\n          {event.description && (\n            <p className=\"whitespace-pre-wrap text-sm text-text-secondary\">{event.description}</p>\n          )}\n\n          <dl className=\"flex flex-col gap-3 text-sm\">\n            {/* Schedule */}\n            <div className=\"flex items-start gap-2.5\">\n              <CalendarDays className=\"mt-0.5 h-4 w-4 shrink-0 text-text-tertiary\" />\n              <div>\n                <dt className=\"text-text-tertiary\">When</dt>\n                <dd className=\"mt-0.5 text-text-primary\">{scheduleText}</dd>\n              </div>\n            </div>\n\n            {/* Location (in-person / hybrid) */}\n            {isInPersonish && event.location && (\n              <div className=\"flex items-start gap-2.5\">\n                <MapPin className=\"mt-0.5 h-4 w-4 shrink-0 text-text-tertiary\" />\n                <div>\n                  <dt className=\"text-text-tertiary\">Where</dt>\n                  <dd className=\"mt-0.5 text-text-primary\">{event.location}</dd>\n                </div>\n              </div>\n            )}\n\n            {/* Online join link (online / hybrid) */}\n            {isOnlineish && (\n              <div className=\"flex items-start gap-2.5\">\n                <Video className=\"mt-0.5 h-4 w-4 shrink-0 text-text-tertiary\" />\n                <div className=\"min-w-0\">\n                  <dt className=\"text-text-tertiary\">Online</dt>\n                  <dd className=\"mt-0.5 text-text-primary\">\n                    {showJoin && event.joinUrl ? (\n                      <a\n                        href={event.joinUrl}\n                        target=\"_blank\"\n                        rel=\"noreferrer noopener\"\n                        className=\"inline-flex items-center gap-1 font-medium text-accent hover:underline\"\n                      >\n                        Join the live event <ExternalLink className=\"h-3.5 w-3.5\" />\n                      </a>\n                    ) : (\n                      <span className=\"text-text-secondary\">\n                        {event.status === 'LIVE'\n                          ? 'A join link has not been provided.'\n                          : 'The join link becomes available when the event goes live.'}\n                      </span>\n                    )}\n                  </dd>\n                </div>\n              </div>\n            )}\n\n            {/* Attendance */}\n            <div className=\"flex items-start gap-2.5\">\n              <Users className=\"mt-0.5 h-4 w-4 shrink-0 text-text-tertiary\" />\n              <div>\n                <dt className=\"text-text-tertiary\">Attending</dt>\n                <dd className=\"mt-0.5 text-text-primary\">\n                  {formatNumber(event.rsvpCount)}\n                  {event.capacity ? ` / ${formatNumber(event.capacity)}` : ''}\n                </dd>\n              </div>\n            </div>\n          </dl>\n\n          {/* Tags */}\n          {event.tags.length > 0 && (\n            <div className=\"flex flex-wrap items-center gap-1.5\">\n              <Tag className=\"h-3.5 w-3.5 text-text-tertiary\" aria-hidden=\"true\" />\n              {event.tags.map((tag) => (\n                <span\n                  key={tag}\n                  className=\"rounded-full bg-bg-sunken px-2.5 py-0.5 text-xs font-medium text-text-secondary\"\n                >\n                  #{tag}\n                </span>\n              ))}\n            </div>\n          )}\n\n          {/* Host */}\n          <div className=\"border-t border-border-seam pt-4\">\n            <p className=\"mb-2 text-xs font-semibold uppercase tracking-wide text-text-tertiary\">\n              Hosted by\n            </p>\n            <MemberIdentity memberId={event.hostId} variant=\"row\" size=\"md\" showPresence />\n          </div>\n        </GlassCard>\n\n        {/* RSVP controls */}\n        {canRsvp && (\n          <section className=\"rounded-2xl border border-border-seam bg-bg-surface p-5\">\n            <h2 className=\"text-base font-semibold text-text-primary\">Your RSVP</h2>\n            <p className=\"mt-0.5 text-sm text-text-secondary\">\n              Let the host know whether you&apos;ll attend.\n            </p>\n            <div className=\"mt-4 flex flex-wrap gap-2\">\n              {RSVP_OPTIONS.map((opt) => {\n                const active = myRsvp?.status === opt.status;\n                return (\n                  <Button\n                    key={opt.status}\n                    size=\"sm\"\n                    variant={active ? 'default' : 'outline'}\n                    onClick={() => doRsvp(opt.status)}\n                    disabled={rsvp.isPending}\n                  >\n                    {opt.label}\n                  </Button>\n                );\n              })}\n            </div>\n          </section>\n        )}\n\n        {/* Host lifecycle controls */}\n        {isHost && (event.status === 'SCHEDULED' || event.status === 'LIVE') && (\n          <section className=\"rounded-2xl border border-border-seam bg-bg-surface p-5\">\n            <h2 className=\"text-base font-semibold text-text-primary\">Host controls</h2>\n            <p className=\"mt-0.5 text-sm text-text-secondary\">\n              Move this event through its lifecycle.\n            </p>\n            <div className=\"mt-4 flex flex-wrap gap-2\">\n              {event.status === 'SCHEDULED' && (\n                <>\n                  <Button\n                    size=\"sm\"\n                    onClick={() => doTransition('LIVE', 'Event is now live')}\n                    disabled={transition.isPending}\n                  >\n                    <Radio className=\"mr-1.5 h-4 w-4\" /> Go live\n                  </Button>\n                  <Button\n                    size=\"sm\"\n                    variant=\"destructive\"\n                    onClick={() => doTransition('CANCELLED', 'Event cancelled')}\n                    disabled={transition.isPending}\n                  >\n                    <Ban className=\"mr-1.5 h-4 w-4\" /> Cancel\n                  </Button>\n                </>\n              )}\n              {event.status === 'LIVE' && (\n                <Button\n                  size=\"sm\"\n                  onClick={() => doTransition('COMPLETED', 'Event marked complete')}\n                  disabled={transition.isPending}\n                >\n                  <CheckCircle2 className=\"mr-1.5 h-4 w-4\" /> Mark complete\n                </Button>\n              )}\n            </div>\n          </section>\n        )}\n\n        {/* Attendees */}\n        <section className=\"rounded-2xl border border-border-seam bg-bg-surface p-5\">\n          <div className=\"mb-3 flex items-center justify-between gap-3\">\n            <h2 className=\"text-base font-semibold text-text-primary\">Attendees</h2>\n            <span className=\"inline-flex items-center gap-1 text-xs text-text-tertiary\">\n              <Users className=\"h-3.5 w-3.5\" /> {formatNumber(event.rsvps.length)}\n            </span>\n          </div>\n          {event.rsvps.length === 0 ? (\n            <p className=\"py-4 text-center text-sm text-text-tertiary\">No RSVPs yet.</p>\n          ) : (\n            <ul className=\"flex flex-col gap-2\">\n              {event.rsvps.map((r) => (\n                <li\n                  key={r.id}\n                  className=\"flex flex-wrap items-center justify-between gap-3 rounded-xl border border-border-seam bg-bg-sunken px-4 py-2.5\"\n                >\n                  <MemberIdentity memberId={r.memberId} variant=\"row\" size=\"sm\" />\n                  <div className=\"flex min-w-0 items-center gap-2\">\n                    {r.note && (\n                      <span className=\"max-w-[16rem] truncate text-xs text-text-tertiary\">\n                        “{r.note}”\n                      </span>\n                    )}\n                    <StatusBadge status={r.status} />\n                  </div>\n                </li>\n              ))}\n            </ul>\n          )}\n        </section>\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}