npm - @burdenoff/microfe-comradecircle - Versions diffs - 2026.716.1 → 2026.720.2 - Mend

@burdenoff/microfe-comradecircle 2026.716.1 → 2026.720.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (57) hide show

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

	@@ -1 +1 @@
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 Search,\n} from 'lucide-react';\nimport {\n Button,\n Input,\n Label,\n Textarea,\n Switch,\n GradientText,\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=\"lg\" fileId={circle.avatar?.id} seed={circle.id} ring />\n <GradientText as=\"span\" className=\"text-2xl font-semibold tracking-tight\">\n {circle.name}\n </GradientText>\n </span>\n }\n description={circle.topic ?? undefined}\n aurora\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 aria-current={active ? 'true' : undefined}\n className={cn(\n 'flex items-center gap-2 rounded-lg border-l-2 px-2.5 py-1.5 text-left text-sm transition-all',\n active\n ? 'border-[color:var(--color-accent)] bg-[var(--color-accent-soft)] font-medium text-text-primary shadow-sm'\n : 'border-transparent text-text-secondary hover:bg-bg-sunken hover:text-text-primary motion-safe:hover:translate-x-0.5'\n )}\n >\n <Icon\n className={cn('h-4 w-4 shrink-0', active ? 'text-accent' : 'text-text-tertiary')}\n />\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} canManage={canManage} />}\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({\n channel,\n canPost,\n canManage,\n}: {\n channel: ComChannel;\n canPost: boolean;\n canManage: boolean;\n}) {\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 // Voice channels never take text posts; announcements are manager-only; every\n // other channel type is open to any member.\n const canWrite =\n channel.type === 'VOICE' ? false : channel.type === 'ANNOUNCEMENT' ? canManage : canPost;\n\n return (\n <div className=\"flex flex-col gap-4\">\n <div className=\"flex items-center gap-3\">\n {(() => {\n const Icon = CHANNEL_ICON[channel.type];\n return (\n <span className=\"flex h-10 w-10 shrink-0 items-center justify-center rounded-xl bg-[var(--color-accent-soft)] text-accent\">\n <Icon className=\"h-5 w-5\" />\n </span>\n );\n })()}\n <div className=\"min-w-0\">\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 === 'ANNOUNCEMENT' && !canWrite && (\n <div className=\"rounded-xl border border-dashed border-border-seam p-6 text-center text-sm text-text-secondary\">\n <Megaphone className=\"mx-auto mb-2 h-6 w-6 text-text-tertiary\" />\n Only circle managers can post in announcement channels.\n </div>\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 [query, setQuery] = useState('');\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 // Names resolve asynchronously inside MemberIdentity, so the filter works over\n // the data we hold here directly — role + membership status.\n const filtered = useMemo(() => {\n const q = query.trim().toLowerCase();\n if (!q) return members;\n return members.filter(\n (m) =>\n formatEnumLabel(m.role).toLowerCase().includes(q) \|\|\n m.role.toLowerCase().includes(q) \|\|\n formatEnumLabel(m.status).toLowerCase().includes(q) \|\|\n m.status.toLowerCase().includes(q)\n );\n }, [members, query]);\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 const gridCols = canManage\n ? 'lg:grid-cols-[minmax(0,1fr)_120px_120px_190px]'\n : 'lg:grid-cols-[minmax(0,1fr)_120px_120px]';\n\n return (\n <div className=\"flex flex-col gap-4\">\n <div className=\"flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between\">\n <div className=\"relative w-full sm:max-w-xs\">\n <Search className=\"pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-tertiary\" />\n <Input\n value={query}\n onChange={(e) => setQuery(e.target.value)}\n placeholder=\"Filter by role or status…\"\n className=\"pl-9\"\n aria-label=\"Filter members by role or status\"\n />\n </div>\n <span className=\"text-sm text-text-tertiary\">\n {filtered.length === members.length\n ? `${formatNumber(members.length)} member${members.length === 1 ? '' : 's'}`\n : `${formatNumber(filtered.length)} of ${formatNumber(members.length)}`}\n </span>\n </div>\n\n <div className=\"overflow-hidden rounded-2xl border border-border-seam bg-bg-surface\">\n <div\n className={cn(\n 'hidden border-b border-border-seam px-5 py-3 text-xs font-semibold uppercase tracking-wide text-text-tertiary lg:grid lg:items-center lg:gap-4',\n gridCols\n )}\n >\n <span>Member</span>\n <span>Status</span>\n <span>Role</span>\n {canManage && <span>Manage role</span>}\n </div>\n\n {filtered.length === 0 ? (\n <div className=\"px-5 py-10 text-center text-sm text-text-secondary\">\n No members match “{query.trim()}”.\n </div>\n ) : (\n filtered.map((m) => (\n <div\n key={m.id}\n className={cn(\n 'flex flex-col gap-3 border-b border-border-seam px-5 py-4 last:border-b-0 motion-safe:transition-colors hover:bg-bg-sunken/60 lg:grid lg:items-center lg:gap-4',\n gridCols\n )}\n >\n <MemberIdentity memberId={m.memberId} variant=\"row\" size=\"md\" showPresence />\n <div className=\"flex flex-wrap items-center gap-2 lg:contents\">\n <div>\n <StatusBadge status={m.status} />\n </div>\n <div>\n <StatusBadge status={m.role} />\n </div>\n {canManage && (\n <Select\n value={m.role}\n onValueChange={(v) => changeRole(m.id, v as ComMemberRole)}\n >\n <SelectTrigger className=\"h-9 w-40 lg:w-full\">\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 </div>\n </div>\n ))\n )}\n </div>\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 [isAnonymous, setIsAnonymous] = useState(false);\n const [closesAt, setClosesAt] = useState('');\n const [error, setError] = useState<string \| null>(null);\n\n // Lower bound for the datetime-local picker: \"now\" in the viewer's local zone.\n const minCloses = useMemo(() => {\n const now = new Date();\n now.setMinutes(now.getMinutes() - now.getTimezoneOffset());\n return now.toISOString().slice(0, 16);\n }, []);\n\n const reset = () => {\n setQuestion('');\n setOptions(['', '']);\n setAllowMultiple(false);\n setIsAnonymous(false);\n setClosesAt('');\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 isAnonymous,\n closesAt: closesAt ? new Date(closesAt).toISOString() : null,\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'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 <div className=\"grid gap-1.5\">\n <Label htmlFor=\"poll-closes\">Closes at</Label>\n <Input\n id=\"poll-closes\"\n type=\"datetime-local\"\n min={minCloses}\n value={closesAt}\n onChange={(e) => setClosesAt(e.target.value)}\n />\n <p className=\"text-xs text-text-tertiary\">\n Optional — leave empty to keep voting open indefinitely.\n </p>\n </div>\n\n <div className=\"flex flex-col divide-y divide-border-seam rounded-xl border border-border-seam\">\n <div className=\"flex items-center justify-between gap-4 px-3 py-3\">\n <div className=\"min-w-0\">\n <Label htmlFor=\"poll-multi\">Allow multiple choices</Label>\n <p className=\"text-xs text-text-tertiary\">Let voters pick more than one option.</p>\n </div>\n <Switch id=\"poll-multi\" checked={allowMultiple} onCheckedChange={setAllowMultiple} />\n </div>\n <div className=\"flex items-center justify-between gap-4 px-3 py-3\">\n <div className=\"min-w-0\">\n <Label htmlFor=\"poll-anon\">Anonymous voting</Label>\n <p className=\"text-xs text-text-tertiary\">Hide who voted for each option.</p>\n </div>\n <Switch id=\"poll-anon\" checked={isAnonymous} onCheckedChange={setIsAnonymous} />\n </div>\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={createPoll.isPending}>\n Create poll\n </Button>\n </ResponsiveDialogFooter>\n </ResponsiveDialogContent>\n </ResponsiveDialog>\n );\n}\n"],"mappings":"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"}
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 Search,\n} from 'lucide-react';\nimport {\n Button,\n Input,\n Label,\n Textarea,\n Switch,\n GradientText,\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=\"lg\" fileId={circle.avatar?.id} seed={circle.id} ring />\n <GradientText as=\"span\" className=\"text-2xl font-semibold tracking-tight\">\n {circle.name}\n </GradientText>\n </span>\n }\n description={circle.topic ?? undefined}\n aurora\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 aria-current={active ? 'true' : undefined}\n className={cn(\n 'flex items-center gap-2 rounded-lg border-l-2 px-2.5 py-1.5 text-left text-sm transition-all',\n active\n ? 'border-[color:var(--color-accent)] bg-[var(--color-accent-soft)] font-medium text-text-primary shadow-sm'\n : 'border-transparent text-text-secondary hover:bg-bg-sunken hover:text-text-primary motion-safe:hover:translate-x-0.5'\n )}\n >\n <Icon\n className={cn('h-4 w-4 shrink-0', active ? 'text-accent' : 'text-text-tertiary')}\n />\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} canManage={canManage} />}\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({\n channel,\n canPost,\n canManage,\n}: {\n channel: ComChannel;\n canPost: boolean;\n canManage: boolean;\n}) {\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 // Voice channels never take text posts; announcements are manager-only; every\n // other channel type is open to any member.\n const canWrite =\n channel.type === 'VOICE' ? false : channel.type === 'ANNOUNCEMENT' ? canManage : canPost;\n\n return (\n <div className=\"flex flex-col gap-4\">\n <div className=\"flex items-center gap-3\">\n {(() => {\n const Icon = CHANNEL_ICON[channel.type];\n return (\n <span className=\"flex h-10 w-10 shrink-0 items-center justify-center rounded-xl bg-[var(--color-accent-soft)] text-accent\">\n <Icon className=\"h-5 w-5\" />\n </span>\n );\n })()}\n <div className=\"min-w-0\">\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 === 'ANNOUNCEMENT' && !canWrite && (\n <div className=\"rounded-xl border border-dashed border-border-seam p-6 text-center text-sm text-text-secondary\">\n <Megaphone className=\"mx-auto mb-2 h-6 w-6 text-text-tertiary\" />\n Only circle managers can post in announcement channels.\n </div>\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 [query, setQuery] = useState('');\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 // Names resolve asynchronously inside MemberIdentity, so the filter works over\n // the data we hold here directly — role + membership status.\n const filtered = useMemo(() => {\n const q = query.trim().toLowerCase();\n if (!q) return members;\n return members.filter(\n (m) =>\n formatEnumLabel(m.role).toLowerCase().includes(q) \|\|\n m.role.toLowerCase().includes(q) \|\|\n formatEnumLabel(m.status).toLowerCase().includes(q) \|\|\n m.status.toLowerCase().includes(q)\n );\n }, [members, query]);\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 const gridCols = canManage\n ? 'lg:grid-cols-[minmax(0,1fr)_120px_120px_190px]'\n : 'lg:grid-cols-[minmax(0,1fr)_120px_120px]';\n\n return (\n <div className=\"flex flex-col gap-4\">\n <div className=\"flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between\">\n <div className=\"relative w-full sm:max-w-xs\">\n <Search className=\"pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-tertiary\" />\n <Input\n value={query}\n onChange={(e) => setQuery(e.target.value)}\n placeholder=\"Filter by role or status…\"\n className=\"pl-9\"\n aria-label=\"Filter members by role or status\"\n />\n </div>\n <span className=\"text-sm text-text-tertiary\">\n {filtered.length === members.length\n ? `${formatNumber(members.length)} member${members.length === 1 ? '' : 's'}`\n : `${formatNumber(filtered.length)} of ${formatNumber(members.length)}`}\n </span>\n </div>\n\n <div className=\"overflow-hidden rounded-2xl border border-border-seam bg-bg-surface\">\n <div\n className={cn(\n 'hidden border-b border-border-seam px-5 py-3 text-xs font-semibold uppercase tracking-wide text-text-tertiary lg:grid lg:items-center lg:gap-4',\n gridCols\n )}\n >\n <span>Member</span>\n <span>Status</span>\n <span>Role</span>\n {canManage && <span>Manage role</span>}\n </div>\n\n {filtered.length === 0 ? (\n <div className=\"px-5 py-10 text-center text-sm text-text-secondary\">\n No members match “{query.trim()}”.\n </div>\n ) : (\n filtered.map((m) => (\n <div\n key={m.id}\n className={cn(\n 'flex flex-col gap-3 border-b border-border-seam px-5 py-4 last:border-b-0 motion-safe:transition-colors hover:bg-bg-sunken/60 lg:grid lg:items-center lg:gap-4',\n gridCols\n )}\n >\n <MemberIdentity memberId={m.memberId} variant=\"row\" size=\"md\" showPresence />\n <div className=\"flex flex-wrap items-center gap-2 lg:contents\">\n <div>\n <StatusBadge status={m.status} />\n </div>\n <div>\n <StatusBadge status={m.role} />\n </div>\n {canManage && (\n <Select\n value={m.role}\n onValueChange={(v) => changeRole(m.id, v as ComMemberRole)}\n >\n <SelectTrigger className=\"h-9 w-40 lg:w-full\">\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 </div>\n </div>\n ))\n )}\n </div>\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 [isAnonymous, setIsAnonymous] = useState(false);\n const [closesAt, setClosesAt] = useState('');\n const [error, setError] = useState<string \| null>(null);\n\n // Lower bound for the datetime-local picker: \"now\" in the viewer's local zone.\n const minCloses = useMemo(() => {\n const now = new Date();\n now.setMinutes(now.getMinutes() - now.getTimezoneOffset());\n return now.toISOString().slice(0, 16);\n }, []);\n\n const reset = () => {\n setQuestion('');\n setOptions(['', '']);\n setAllowMultiple(false);\n setIsAnonymous(false);\n setClosesAt('');\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 isAnonymous,\n closesAt: closesAt ? new Date(closesAt).toISOString() : null,\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'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 <div className=\"grid gap-1.5\">\n <Label htmlFor=\"poll-closes\">Closes at</Label>\n <Input\n id=\"poll-closes\"\n type=\"datetime-local\"\n min={minCloses}\n value={closesAt}\n onChange={(e) => setClosesAt(e.target.value)}\n />\n <p className=\"text-xs text-text-tertiary\">\n Optional — leave empty to keep voting open indefinitely.\n </p>\n </div>\n\n <div className=\"flex flex-col divide-y divide-border-seam rounded-xl border border-border-seam\">\n <div className=\"flex items-center justify-between gap-4 px-3 py-3\">\n <div className=\"min-w-0\">\n <Label htmlFor=\"poll-multi\">Allow multiple choices</Label>\n <p className=\"text-xs text-text-tertiary\">Let voters pick more than one option.</p>\n </div>\n <Switch id=\"poll-multi\" checked={allowMultiple} onCheckedChange={setAllowMultiple} />\n </div>\n <div className=\"flex items-center justify-between gap-4 px-3 py-3\">\n <div className=\"min-w-0\">\n <Label htmlFor=\"poll-anon\">Anonymous voting</Label>\n <p className=\"text-xs text-text-tertiary\">Hide who voted for each option.</p>\n </div>\n <Switch id=\"poll-anon\" checked={isAnonymous} onCheckedChange={setIsAnonymous} />\n </div>\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={createPoll.isPending}>\n Create poll\n </Button>\n </ResponsiveDialogFooter>\n </ResponsiveDialogContent>\n </ResponsiveDialog>\n );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqFA,IAAM,KAAoD;CACxD,MAAM;CACN,OAAO;CACP,cAAc;CACd,OAAO;AACT,GAEM,KAAiC,CAAC,SAAS,OAAO,GAClD,IAAgC;CAAC;CAAS;CAAS;CAAa;AAAQ,GACxE,KAAY;AAElB,SAAgB,KAAmB;CACjC,IAAM,EAAE,UAAO,GAA0B,GACnC,EAAE,gBAAa,kBAAe,EAAiB,GAC/C,EAAE,MAAM,GAAQ,cAAW,YAAS,eAAY,EAAa,CAAE,GAC/D,IAAO,EAAiB,GACxB,IAAQ,EAAkB,GAC1B,CAAC,GAAK,KAAU,EAAiB,UAAU,GAE3C,IAAe,QACb,GAAQ,aAAa,MAAM,MAAM,EAAE,aAAa,GAAa,MAAM,EAAE,WAAW,QAAQ,GAC9F,CAAC,GAAQ,CAAW,CACtB,GACM,IAAW,EAAQ,GACnB,IAAY,IAAe,GAAc,SAAS,EAAa,IAAI,IAAI;CAE7E,IAAI,GACF,OACE,kBAAC,GAAD;EAAY,OAAM;YAChB,kBAAC,GAAD,EAAa,OAAM,kBAAmB,CAAA;CAC5B,CAAA;CAGhB,IAAI,KAAW,CAAC,GACd,OACE,kBAAC,GAAD;EAAY,OAAM;YAChB,kBAAC,GAAD;GACE,OAAM;GACN,SAAQ;GACR,eAAe,EAAQ;EACxB,CAAA;CACS,CAAA;CAIhB,IAAM,KAAgB,EAAO,aAAa,QAAQ,MAAM,EAAE,WAAW,QAAQ,KAAK,CAAC,GAC7E,IAA0B;EAC9B;GACE,OAAO;GACP,OAAO;GACP,MAAM,kBAAC,GAAD,EAAM,WAAU,UAAW,CAAA;GACjC,OAAO,EAAO,UAAU,UAAU;EACpC;EACA;GACE,OAAO;GACP,OAAO;GACP,MAAM,kBAAC,GAAD,EAAO,WAAU,UAAW,CAAA;GAClC,OAAO,GAAc;EACvB;EACA;GAAE,OAAO;GAAU,OAAO;GAAU,MAAM,kBAAC,GAAD,EAAc,WAAU,UAAW,CAAA;EAAE;EAC/E;GAAE,OAAO;GAAS,OAAO;GAAS,MAAM,kBAAC,GAAD,EAAW,WAAU,UAAW,CAAA;EAAE;EAC1E;GAAE,OAAO;GAAS,OAAO;GAAS,MAAM,kBAAC,IAAD,EAAM,WAAU,UAAW,CAAA;EAAE;CACvE;CAEA,OACE,kBAAC,GAAD;EACE,OACE,kBAAC,QAAD;GAAM,WAAU;aAAhB,CACE,kBAAC,GAAD;IAAQ,MAAM,EAAO;IAAM,MAAK;IAAK,QAAQ,EAAO,QAAQ;IAAI,MAAM,EAAO;IAAI,MAAA;GAAM,CAAA,GACvF,kBAAC,IAAD;IAAc,IAAG;IAAO,WAAU;cAC/B,EAAO;GACI,CAAA,CACV;;EAER,aAAa,EAAO,SAAS,KAAA;EAC7B,QAAA;EACA,SACE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,GAAD;IAAQ,SAAQ;IAAQ,MAAK;IAAK,eAAe,EAAW,SAAS;cAArE,CACE,kBAAC,IAAD,EAAW,WAAU,iBAAkB,CAAA,GAAC,OAClC;OACP,IACC,kBAAC,GAAD;IACE,SAAQ;IACR,eACE,EACG,YAAY,EAAO,EAAE,EACrB,WAAW,EAAO,QAAQ,aAAa,CAAC,EACxC,OAAO,MAAM,EAAO,MAAM,mBAAmB,EAAc,CAAC,CAAC,CAAC;IAEnE,UAAU,EAAM;cACjB;GAEO,CAAA,IACN,EAAO,WAAW,WACpB,kBAAC,GAAD;IACE,eACE,EACG,YAAY,EAAO,EAAE,EACrB,WAAW,EAAO,QAAQ,eAAe,CAAC,EAC1C,OAAO,MAAM,EAAO,MAAM,kBAAkB,EAAc,CAAC,CAAC,CAAC;IAElE,UAAU,EAAK;cAChB;GAEO,CAAA,IACN,IACD;;YA1CT;GA6CE,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,GAAD,EAAa,QAAQ,EAAO,WAAa,CAAA;KACxC,EAAO,WAAW,YAAY,kBAAC,GAAD,EAAa,QAAQ,EAAO,OAAS,CAAA;KACnE,KAAgB,kBAAC,GAAD,EAAa,QAAQ,EAAa,KAAO,CAAA;KAC1D,kBAAC,QAAD;MAAM,WAAU;gBAAhB;OACE,kBAAC,GAAD,EAAO,WAAU,UAAW,CAAA;OAAC;OAAE,EAAa,EAAO,WAAW;OAAE;MAC5D;;IACH;;GAEL,kBAAC,IAAD;IAAM,OAAO;IAAM,OAAO;IAAK,UAAU;IAAQ,WAAU;GAAQ,CAAA;GAElE,MAAQ,cACP,kBAAC,IAAD;IAAqB;IAAkB;IAAqB;GAAY,CAAA;GAEzE,MAAQ,aAAa,kBAAC,IAAD;IAAoB;IAAmB;GAAY,CAAA;GACxE,MAAQ,YAAY,kBAAC,IAAD;IAAmB;IAAkB;GAAW,CAAA;GACpE,MAAQ,WAAW,kBAAC,IAAD;IAAkB;IAAkB;IAAqB;GAAY,CAAA;GACxF,MAAQ,WAAW,kBAAC,IAAD,EAAkB,UAAS,CAAA;EACrC;;AAEhB;AAMA,SAAS,GAAY,EACnB,WACA,aACA,gBAKC;CACD,IAAM,IAAW,QACT,CAAC,GAAI,EAAO,YAAY,CAAC,CAAE,EAAE,MAAM,GAAG,MAAM,EAAE,WAAW,EAAE,QAAQ,GACzE,CAAC,EAAO,QAAQ,CAClB,GACM,CAAC,GAAY,KAAiB,EAA6B,EAAS,IAAI,EAAE,GAC1E,CAAC,GAAY,KAAiB,EAAS,EAAK,GAC5C,IAAW,EAAS,MAAM,MAAM,EAAE,OAAO,CAAU,KAAK,EAAS;CA+BvE,OA7BI,EAAS,WAAW,IAEpB,kBAAA,IAAA,EAAA,UAAA,CACE,kBAAC,GAAD;EACE,MAAM,kBAAC,GAAD,EAAM,WAAU,YAAa,CAAA;EACnC,OAAM;EACN,aACE,IACI,oEACA;EAEN,QACE,IACE,kBAAC,GAAD;GAAQ,eAAe,EAAc,EAAI;aAAzC,CACE,kBAAC,GAAD,EAAM,WAAU,iBAAkB,CAAA,GAAC,cAC7B;OACN,KAAA;CAEP,CAAA,GACD,kBAAC,IAAD;EACE,UAAU,EAAO;EACjB,MAAM;EACN,cAAc;EACd,YAAY,MAAO,EAAc,EAAG,EAAE;CACvC,CAAA,CACD,EAAA,CAAA,IAKJ,kBAAC,OAAD;EAAK,WAAU;YAAf;GAEE,kBAAC,SAAD;IAAO,WAAU;cAAjB,CACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,MAAD;MAAI,WAAU;gBAAmE;KAE7E,CAAA,GACH,KACC,kBAAC,UAAD;MACE,MAAK;MACL,eAAe,EAAc,EAAI;MACjC,cAAW;MACX,WAAU;gBAEV,kBAAC,GAAD,EAAM,WAAU,UAAW,CAAA;KACrB,CAAA,CAEP;QACL,kBAAC,OAAD;KAAK,WAAU;eACZ,EAAS,KAAK,MAAO;MACpB,IAAM,IAAO,GAAa,EAAG,OACvB,IAAS,EAAG,OAAO,GAAU;MACnC,OACE,kBAAC,UAAD;OAEE,MAAK;OACL,eAAe,EAAc,EAAG,EAAE;OAClC,gBAAc,IAAS,SAAS,KAAA;OAChC,WAAW,EACT,gGACA,IACI,6GACA,qHACN;iBAVF,CAYE,kBAAC,GAAD,EACE,WAAW,EAAG,oBAAoB,IAAS,gBAAgB,oBAAoB,EAChF,CAAA,GACD,kBAAC,QAAD;QAAM,WAAU;kBAAY,EAAG;OAAW,CAAA,CACpC;SAfD,EAAG,EAeF;KAEZ,CAAC;IACE,CAAA,CACA;;GAGP,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD;MAAQ,OAAO,GAAU;MAAI,eAAe;gBAA5C,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAa,aAAY,mBAAoB,CAAA,EAChC,CAAA,GACf,kBAAC,GAAD,EAAA,UACG,EAAS,KAAK,MACb,kBAAC,GAAD;OAAwB,OAAO,EAAG;iBAAlC,CAAsC,KAClC,EAAG,IACK;SAFK,EAAG,EAER,CACb,EACY,CAAA,CACT;SACP,KACC,kBAAC,GAAD;MACE,SAAQ;MACR,MAAK;MACL,eAAe,EAAc,EAAI;MACjC,cAAW;gBAEX,kBAAC,GAAD,EAAM,WAAU,UAAW,CAAA;KACrB,CAAA,CAEP;;GACF,CAAA;GAGL,kBAAC,OAAD;IAAK,WAAU;cACZ,KAAY,kBAAC,IAAD;KAAa,SAAS;KAAU,SAAS;KAAqB;IAAY,CAAA;GACpF,CAAA;GAEL,kBAAC,IAAD;IACE,UAAU,EAAO;IACjB,MAAM;IACN,cAAc;IACd,YAAY,MAAO,EAAc,EAAG,EAAE;GACvC,CAAA;EACE;;AAET;AAEA,SAAS,GAAY,EACnB,YACA,YACA,gBAKC;CACD,IAAM,IAAQ,EAAe,GACvB,EAAE,SAAM,cAAW,YAAS,eAAY,EAAY;EACxD,WAAW,EAAQ;EACnB,QAAQ;EACR,YAAY;GAAE,OAAO;GAAW,QAAQ,EAAM;EAAO;CACvD,CAAC,GACK,IAAQ,GAAM,SAAS,CAAC,GAGxB,IACJ,EAAQ,SAAS,UAAU,KAAQ,EAAQ,SAAS,iBAAiB,IAAY;CAEnF,OACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,OAAD;IAAK,WAAU;cAAf,QACU;KACN,IAAM,IAAO,GAAa,EAAQ;KAClC,OACE,kBAAC,QAAD;MAAM,WAAU;gBACd,kBAAC,GAAD,EAAM,WAAU,UAAW,CAAA;KACvB,CAAA;IAEV,GAAG,GACH,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,MAAD;MAAI,WAAU;gBAA2C,EAAQ;KAAS,CAAA,GACzE,EAAQ,eACP,kBAAC,KAAD;MAAG,WAAU;gBAA+B,EAAQ;KAAe,CAAA,CAElE;MACF;;GAEJ,KACC,kBAAC,GAAD;IACE,WAAW,EAAQ;IACnB,aAAa,EAAQ;IACrB,gBAAgB,EAAM,MAAM;GAC7B,CAAA;GAGF,EAAQ,SAAS,kBAAkB,CAAC,KACnC,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD,EAAW,WAAU,0CAA2C,CAAA,GAAC,yDAE9D;;GAGN,EAAQ,SAAS,WAChB,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD,EAAK,WAAU,0CAA2C,CAAA,GAAC,mEAExD;;GAGN,IACC,kBAAC,GAAD,EAAa,OAAM,iBAAkB,CAAA,IACnC,IACF,kBAAC,GAAD;IAAW,SAAQ;IAA0B,eAAe,EAAQ;GAAI,CAAA,IACtE,EAAM,WAAW,IACnB,kBAAC,GAAD;IACE,MAAM,kBAAC,IAAD,EAAe,WAAU,UAAW,CAAA;IAC1C,OAAM;IACN,aACE,IAAW,0CAA0C;GAExD,CAAA,IAED,kBAAC,OAAD;IAAK,WAAU;cAAf,CACG,EAAM,KAAK,MACV,kBAAC,GAAD,EAA8B,QAAO,GAAtB,EAAK,EAAiB,CACtC,GACD,kBAAC,GAAD;KACE,MAAM,EAAM;KACZ,UAAU;KACV,WAAW,EAAM;KACjB,SAAS,GAAM,SAAS,WAAW;KACnC,eAAe,MAAW,EAAM,aAAa,GAAQ,GAAM,SAAS,MAAM;IAC3E,CAAA,CACE;;EAEJ;;AAET;AAMA,SAAS,GAAW,EAAE,WAAQ,gBAAwD;CACpF,IAAM,IAAU,EAAoB,GAC9B,CAAC,GAAO,KAAY,EAAS,EAAE,GAC/B,IAAU,QAEZ,CAAC,GAAI,EAAO,eAAe,CAAC,CAAE,EAAE,MAC7B,GAAG,MAAM,EAAa,QAAQ,EAAE,IAAI,IAAI,EAAa,QAAQ,EAAE,IAAI,CACtE,GACF,CAAC,EAAO,WAAW,CACrB,GAIM,IAAW,QAAc;EAC7B,IAAM,IAAI,EAAM,KAAK,EAAE,YAAY;EAEnC,OADK,IACE,EAAQ,QACZ,MACC,EAAgB,EAAE,IAAI,EAAE,YAAY,EAAE,SAAS,CAAC,KAChD,EAAE,KAAK,YAAY,EAAE,SAAS,CAAC,KAC/B,EAAgB,EAAE,MAAM,EAAE,YAAY,EAAE,SAAS,CAAC,KAClD,EAAE,OAAO,YAAY,EAAE,SAAS,CAAC,CACrC,IAPe;CAQjB,GAAG,CAAC,GAAS,CAAK,CAAC;CAEnB,IAAI,EAAQ,WAAW,GACrB,OAAO,kBAAC,GAAD;EAAY,MAAM,kBAAC,GAAD,EAAO,WAAU,UAAW,CAAA;EAAG,OAAM;CAAkB,CAAA;CAGlF,IAAM,IAAa,OAAO,GAAsB,MAAwB;EACtE,IAAI;GAEF,AADA,MAAM,EAAQ,YAAY;IAAE;IAAc;IAAM,UAAU,EAAO;GAAG,CAAC,GACrE,EAAO,QAAQ,cAAc;EAC/B,SAAS,GAAK;GACZ,EAAO,MAAM,yBAAyB,EAAc,CAAG,CAAC;EAC1D;CACF,GAEM,IAAW,IACb,mDACA;CAEJ,OACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,IAAD,EAAQ,WAAU,0FAA2F,CAAA,GAC7G,kBAAC,GAAD;KACE,OAAO;KACP,WAAW,MAAM,EAAS,EAAE,OAAO,KAAK;KACxC,aAAY;KACZ,WAAU;KACV,cAAW;IACZ,CAAA,CACE;OACL,kBAAC,QAAD;IAAM,WAAU;cACb,EAAS,WAAW,EAAQ,SACzB,GAAG,EAAa,EAAQ,MAAM,EAAE,SAAS,EAAQ,WAAW,IAAI,KAAK,QACrE,GAAG,EAAa,EAAS,MAAM,EAAE,MAAM,EAAa,EAAQ,MAAM;GAClE,CAAA,CACH;MAEL,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD;IACE,WAAW,EACT,kJACA,CACF;cAJF;KAME,kBAAC,QAAD,EAAA,UAAM,SAAY,CAAA;KAClB,kBAAC,QAAD,EAAA,UAAM,SAAY,CAAA;KAClB,kBAAC,QAAD,EAAA,UAAM,OAAU,CAAA;KACf,KAAa,kBAAC,QAAD,EAAA,UAAM,cAAiB,CAAA;IAClC;OAEJ,EAAS,WAAW,IACnB,kBAAC,OAAD;IAAK,WAAU;cAAf;KAAoE;KAC/C,EAAM,KAAK;KAAE;IAC7B;QAEL,EAAS,KAAK,MACZ,kBAAC,OAAD;IAEE,WAAW,EACT,kKACA,CACF;cALF,CAOE,kBAAC,GAAD;KAAgB,UAAU,EAAE;KAAU,SAAQ;KAAM,MAAK;KAAK,cAAA;IAAc,CAAA,GAC5E,kBAAC,OAAD;KAAK,WAAU;eAAf;MACE,kBAAC,OAAD,EAAA,UACE,kBAAC,GAAD,EAAa,QAAQ,EAAE,OAAS,CAAA,EAC7B,CAAA;MACL,kBAAC,OAAD,EAAA,UACE,kBAAC,GAAD,EAAa,QAAQ,EAAE,KAAO,CAAA,EAC3B,CAAA;MACJ,KACC,kBAAC,GAAD;OACE,OAAO,EAAE;OACT,gBAAgB,MAAM,EAAW,EAAE,IAAI,CAAkB;iBAF3D,CAIE,kBAAC,GAAD;QAAe,WAAU;kBACvB,kBAAC,GAAD,CAAc,CAAA;OACD,CAAA,GACf,kBAAC,GAAD,EAAA,UACG,EAAa,KAAK,MACjB,kBAAC,GAAD;QAAoB,OAAO;kBACxB,EAAgB,CAAC;OACR,GAFK,CAEL,CACb,EACY,CAAA,CACT;;KAEP;MACF;MAhCE,EAAE,EAgCJ,CACN,CAEA;IACF;;AAET;AAMA,SAAS,GAAU,EAAE,WAAQ,eAAsD;CACjF,IAAM,EAAE,kBAAe,EAAiB,GAClC,EAAE,SAAM,cAAW,YAAS,eAAY,EAAa,EAAE,UAAU,EAAO,GAAG,CAAC,GAC5E,CAAC,GAAY,KAAiB,EAAS,EAAK,GAC5C,IAAS,GAAM,SAAS,CAAC;CAE/B,OACE,kBAAC,OAAD,EAAA,UAAA;EACE,kBAAC,OAAD;GAAK,WAAU;aACZ,KACC,kBAAC,GAAD;IAAQ,eAAe,EAAc,EAAI;cAAzC,CACE,kBAAC,GAAD,EAAM,WAAU,iBAAkB,CAAA,GAAC,YAC7B;;EAEP,CAAA;EACJ,IACC,kBAAC,GAAD,EAAa,OAAM,kBAAmB,CAAA,IACpC,IACF,kBAAC,GAAD,EAAW,eAAe,EAAQ,EAAI,CAAA,IACpC,EAAO,WAAW,IACpB,kBAAC,GAAD;GACE,MAAM,kBAAC,GAAD,EAAc,WAAU,UAAW,CAAA;GACzC,OAAM;GACN,aACE,IAAW,8CAA8C;GAE3D,QACE,IACE,kBAAC,GAAD;IAAQ,eAAe,EAAc,EAAI;cAAzC,CACE,kBAAC,GAAD,EAAM,WAAU,iBAAkB,CAAA,GAAC,YAC7B;QACN,KAAA;EAEP,CAAA,IAED,kBAAC,OAAD;GAAK,WAAU;aACZ,EAAO,KAAK,MACX,kBAAC,IAAD;IAAuB,OAAO;IAAI,cAAc,EAAW,UAAU,EAAG,IAAI;GAAI,GAAhE,EAAG,EAA6D,CACjF;EACE,CAAA;EAEP,kBAAC,IAAD;GAAmB,UAAU,EAAO;GAAI,MAAM;GAAY,cAAc;EAAgB,CAAA;CACrF,EAAA,CAAA;AAET;AAMA,SAAS,GAAS,EAChB,WACA,aACA,gBAKC;CACD,IAAM,EAAE,MAAM,GAAO,cAAW,YAAS,eAAY,EAAY,EAAO,EAAE,GACpE,CAAC,GAAY,KAAiB,EAAS,EAAK;CAElD,OACE,kBAAC,OAAD,EAAA,UAAA;EACE,kBAAC,OAAD;GAAK,WAAU;aACZ,KACC,kBAAC,GAAD;IAAQ,eAAe,EAAc,EAAI;cAAzC,CACE,kBAAC,GAAD,EAAM,WAAU,iBAAkB,CAAA,GAAC,WAC7B;;EAEP,CAAA;EACJ,IACC,kBAAC,GAAD,EAAa,OAAM,iBAAkB,CAAA,IACnC,IACF,kBAAC,GAAD,EAAW,eAAe,EAAQ,EAAI,CAAA,KACnC,KAAS,CAAC,GAAG,WAAW,IAC3B,kBAAC,GAAD;GACE,MAAM,kBAAC,GAAD,EAAW,WAAU,UAAW,CAAA;GACtC,OAAM;GACN,aACE,IAAW,2CAA2C;GAExD,QACE,IACE,kBAAC,GAAD;IAAQ,eAAe,EAAc,EAAI;cAAzC,CACE,kBAAC,GAAD,EAAM,WAAU,iBAAkB,CAAA,GAAC,WAC7B;QACN,KAAA;EAEP,CAAA,IAED,kBAAC,OAAD;GAAK,WAAU;cACX,KAAS,CAAC,GAAG,KAAK,MAClB,kBAAC,IAAD;IAA8B;IAAiB;GAAY,GAA5C,EAAK,EAAuC,CAC5D;EACE,CAAA;EAEP,kBAAC,IAAD;GAAkB,UAAU,EAAO;GAAI,MAAM;GAAY,cAAc;EAAgB,CAAA;CACpF,EAAA,CAAA;AAET;AAMA,SAAS,GAAS,EAAE,aAAiC;CACnD,OACE,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,MAAD;KAAI,WAAU;eAA0C;IAAqB,CAAA;IAC7E,kBAAC,KAAD;KAAG,WAAU;eACV,EAAO,eAAe;IACtB,CAAA;IACF,EAAO,KAAK,SAAS,KACpB,kBAAC,OAAD;KAAK,WAAU;eACZ,EAAO,KAAK,KAAK,MAChB,kBAAC,QAAD;MAEE,WAAU;gBAFZ,CAGC,KACG,CACE;QAJC,CAID,CACP;IACE,CAAA;IAEP,kBAAC,MAAD;KAAI,WAAU;eAAd;MACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;OAAI,WAAU;iBAAqB;MAAc,CAAA,GACjD,kBAAC,MAAD;OAAI,WAAU;iBAA0B,EAAgB,EAAO,UAAU;MAAM,CAAA,CAC5E,EAAA,CAAA;MACL,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;OAAI,WAAU;iBAAqB;MAAU,CAAA,GAC7C,kBAAC,MAAD;OAAI,WAAU;iBAA0B,EAAgB,EAAO,MAAM;MAAM,CAAA,CACxE,EAAA,CAAA;MACL,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;OAAI,WAAU;iBAAqB;MAAW,CAAA,GAC9C,kBAAC,MAAD;OAAI,WAAU;iBAA0B,EAAa,EAAO,WAAW;MAAM,CAAA,CAC1E,EAAA,CAAA;MACL,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;OAAI,WAAU;iBAAqB;MAAW,CAAA,GAC9C,kBAAC,MAAD;OAAI,WAAU;iBAA0B,EAAW,EAAO,SAAS;MAAM,CAAA,CACtE,EAAA,CAAA;KACH;;GACD;;CACF,CAAA;AAET;AAMA,IAAM,KAAkC;CAAC;CAAQ;CAAS;CAAgB;AAAO;AAEjF,SAAS,GAAoB,EAC3B,aACA,SACA,iBACA,gBAMC;CACD,IAAM,IAAgB,EAAoB,GACpC,CAAC,GAAM,KAAW,EAAS,EAAE,GAC7B,CAAC,GAAa,KAAkB,EAAS,EAAE,GAC3C,CAAC,GAAM,KAAW,EAAyB,MAAM,GACjD,CAAC,GAAO,KAAY,EAAwB,IAAI;CA2BtD,OACE,kBAAC,GAAD;EAAwB;EAAoB;YAC1C,kBAAC,GAAD;GAAyB,WAAU;aAAnC;IACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UAAuB,mBAAuC,CAAA,GAC9D,kBAAC,GAAD,EAAA,UAA6B,sDAEA,CAAA,CACP,EAAA,CAAA;IACxB,kBAAC,OAAD;KAAK,WAAU;eAAf;MACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,GAAD;QAAO,SAAQ;kBAAe;OAAW,CAAA,GACzC,kBAAC,GAAD;QACE,IAAG;QACH,OAAO;QACP,WAAW,MAAM,EAAQ,EAAE,OAAO,KAAK;QACvC,aAAY;OACb,CAAA,CACE;;MACL,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,GAAD,EAAA,UAAO,OAAW,CAAA,GAClB,kBAAC,GAAD;QAAQ,OAAO;QAAM,gBAAgB,MAAM,EAAQ,CAAmB;kBAAtE,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,CAAc,CAAA,EACD,CAAA,GACf,kBAAC,GAAD,EAAA,UACG,GAAc,KAAK,MAClB,kBAAC,GAAD;SAAqB,OAAO;mBACzB,EAAgB,CAAE;QACT,GAFK,CAEL,CACb,EACY,CAAA,CACT;SACL;;MACL,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,GAAD;QAAO,SAAQ;kBAAe;OAAkB,CAAA,GAChD,kBAAC,IAAD;QACE,IAAG;QACH,OAAO;QACP,WAAW,MAAM,EAAe,EAAE,OAAO,KAAK;QAC9C,MAAM;OACP,CAAA,CACE;;MACJ,KAAS,kBAAC,KAAD;OAAG,WAAU;iBAAkC;MAAS,CAAA;KAC/D;;IACL,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;KAAQ,SAAQ;KAAU,eAAe,EAAa,EAAK;eAAG;IAEtD,CAAA,GACR,kBAAC,GAAD;KAAQ,SAAS,YA1EE;MACzB,IAAI,CAAC,EAAK,KAAK,GAAG;OAChB,EAAS,2BAA2B;OACpC;MACF;MACA,IAAI;OACF,IAAM,IAAU,MAAM,EAAc,YAAY;QAC9C;QACA,MAAM,EAAK,KAAK;QAChB,MAAM,GAAQ,CAAI;QAClB,aAAa,EAAY,KAAK,KAAK;QACnC;OACF,CAAC;OAOD,AANA,EAAO,QAAQ,mBAAmB,IAAI,EAAQ,MAAM,GACpD,EAAa,EAAK,GAClB,EAAQ,EAAE,GACV,EAAe,EAAE,GACjB,EAAQ,MAAM,GACd,EAAS,IAAI,GACb,IAAY,CAAO;MACrB,SAAS,GAAK;OACZ,EAAS,EAAc,CAAG,CAAC;MAC7B;KACF;KAmDiC,UAAU,EAAc;eAAW;IAEpD,CAAA,CACc,EAAA,CAAA;GACD;;CACT,CAAA;AAEtB;AAMA,SAAS,GAAiB,EACxB,aACA,SACA,mBAKC;CACD,IAAM,IAAa,EAAiB,GAC9B,CAAC,GAAU,KAAe,EAAS,EAAE,GACrC,CAAC,GAAS,KAAc,EAAmB,CAAC,IAAI,EAAE,CAAC,GACnD,CAAC,GAAe,KAAoB,EAAS,EAAK,GAClD,CAAC,GAAa,KAAkB,EAAS,EAAK,GAC9C,CAAC,GAAU,KAAe,EAAS,EAAE,GACrC,CAAC,GAAO,KAAY,EAAwB,IAAI,GAGhD,IAAY,QAAc;EAC9B,IAAM,oBAAM,IAAI,KAAK;EAErB,OADA,EAAI,WAAW,EAAI,WAAW,IAAI,EAAI,kBAAkB,CAAC,GAClD,EAAI,YAAY,EAAE,MAAM,GAAG,EAAE;CACtC,GAAG,CAAC,CAAC,GAEC,UAAc;EAMlB,AALA,EAAY,EAAE,GACd,EAAW,CAAC,IAAI,EAAE,CAAC,GACnB,EAAiB,EAAK,GACtB,EAAe,EAAK,GACpB,EAAY,EAAE,GACd,EAAS,IAAI;CACf;CA6BA,OACE,kBAAC,GAAD;EAAwB;EAAoB;YAC1C,kBAAC,GAAD;GAAyB,WAAU;aAAnC;IACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UAAuB,gBAAoC,CAAA,GAC3D,kBAAC,GAAD,EAAA,UAA6B,+BAEA,CAAA,CACP,EAAA,CAAA;IACxB,kBAAC,OAAD;KAAK,WAAU;eAAf;MACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,GAAD;QAAO,SAAQ;kBAAS;OAAe,CAAA,GACvC,kBAAC,GAAD;QACE,IAAG;QACH,OAAO;QACP,WAAW,MAAM,EAAY,EAAE,OAAO,KAAK;QAC3C,aAAY;OACb,CAAA,CACE;;MACL,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,GAAD,EAAA,UAAO,UAAc,CAAA,GACrB,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACG,EAAQ,KAAK,GAAK,MACjB,kBAAC,OAAD;SAAa,WAAU;mBAAvB,CACE,kBAAC,GAAD;UACE,OAAO;UACP,WAAW,MACT,GAAY,MAAS,EAAK,KAAK,GAAG,MAAS,MAAQ,IAAI,EAAE,OAAO,QAAQ,CAAE,CAAC;UAE7E,aAAa,UAAU,IAAI;SAC5B,CAAA,GACA,EAAQ,SAAS,KAChB,kBAAC,GAAD;UACE,SAAQ;UACR,MAAK;UACL,eAAe,GAAY,MAAS,EAAK,QAAQ,GAAG,MAAQ,MAAQ,CAAC,CAAC;UACtE,cAAY,iBAAiB,IAAI;oBAClC;SAEO,CAAA,CAEP;WAlBK,CAkBL,CACN,GACA,EAAQ,SAAS,KAChB,kBAAC,GAAD;SACE,SAAQ;SACR,MAAK;SACL,eAAe,GAAY,MAAS,CAAC,GAAG,GAAM,EAAE,CAAC;mBAHnD,CAKE,kBAAC,GAAD,EAAM,WAAU,iBAAkB,CAAA,GAAC,aAC7B;UAEP;SACF;;MACL,kBAAC,OAAD;OAAK,WAAU;iBAAf;QACE,kBAAC,GAAD;SAAO,SAAQ;mBAAc;QAAgB,CAAA;QAC7C,kBAAC,GAAD;SACE,IAAG;SACH,MAAK;SACL,KAAK;SACL,OAAO;SACP,WAAW,MAAM,EAAY,EAAE,OAAO,KAAK;QAC5C,CAAA;QACD,kBAAC,KAAD;SAAG,WAAU;mBAA6B;QAEvC,CAAA;OACA;;MAEL,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,GAAD;UAAO,SAAQ;oBAAa;SAA6B,CAAA,GACzD,kBAAC,KAAD;UAAG,WAAU;oBAA6B;SAAwC,CAAA,CAC/E;YACL,kBAAC,GAAD;SAAQ,IAAG;SAAa,SAAS;SAAe,iBAAiB;QAAmB,CAAA,CACjF;WACL,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,GAAD;UAAO,SAAQ;oBAAY;SAAuB,CAAA,GAClD,kBAAC,KAAD;UAAG,WAAU;oBAA6B;SAAkC,CAAA,CACzE;YACL,kBAAC,GAAD;SAAQ,IAAG;SAAY,SAAS;SAAa,iBAAiB;QAAiB,CAAA,CAC5E;SACF;;MACJ,KAAS,kBAAC,KAAD;OAAG,WAAU;iBAAkC;MAAS,CAAA;KAC/D;;IACL,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;KAAQ,SAAQ;KAAU,eAAe,EAAa,EAAK;eAAG;IAEtD,CAAA,GACR,kBAAC,GAAD;KAAQ,SAAS,YArHE;MACzB,IAAM,IAAU,EAAQ,KAAK,MAAM,EAAE,KAAK,CAAC,EAAE,OAAO,OAAO;MAC3D,IAAI,CAAC,EAAS,KAAK,GAAG;OACpB,EAAS,yBAAyB;OAClC;MACF;MACA,IAAI,EAAQ,SAAS,GAAG;OACtB,EAAS,2BAA2B;OACpC;MACF;MACA,IAAI;OAWF,AAVA,MAAM,EAAW,YAAY;QAC3B;QACA,UAAU,EAAS,KAAK;QACxB,SAAS;QACT;QACA;QACA,UAAU,IAAW,IAAI,KAAK,CAAQ,EAAE,YAAY,IAAI;OAC1D,CAAC,GACD,EAAO,QAAQ,cAAc,GAC7B,EAAa,EAAK,GAClB,EAAM;MACR,SAAS,GAAK;OACZ,EAAS,EAAc,CAAG,CAAC;MAC7B;KACF;KA4FiC,UAAU,EAAW;eAAW;IAEjD,CAAA,CACc,EAAA,CAAA;GACD;;CACT,CAAA;AAEtB"}

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

	@@ -1 +1 @@
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 GlassCard,\n Select,\n SelectContent,\n SelectItem,\n SelectTrigger,\n SelectValue,\n Skeleton,\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 { ErrorView } from '../../components/StateViews';\nimport { Pagination } from '../../components/Pagination';\nimport { useComCircles, useComMemberships, useCursorPager } from '../../hooks';\nimport { useComradeCircle } from '../../context';\nimport { formatNumber } from '../../utils/formatters';\nimport type { ComCircleVisibility, ComMembership } from '../../types';\n\n/* Circle-tile-shaped placeholder used while the directory loads. */\nfunction CircleCardSkeleton() {\n return (\n <GlassCard treatment=\"plain\" className=\"flex flex-col p-5\">\n <div className=\"flex items-start gap-3\">\n <Skeleton className=\"h-12 w-12 shrink-0 rounded-full\" />\n <div className=\"min-w-0 flex-1 space-y-2\">\n <Skeleton className=\"h-4 w-2/3 rounded\" />\n <Skeleton className=\"h-3 w-1/3 rounded\" />\n <div className=\"flex gap-1.5 pt-1\">\n <Skeleton className=\"h-4 w-14 rounded-full\" />\n <Skeleton className=\"h-4 w-16 rounded-full\" />\n </div>\n </div>\n </div>\n <div className=\"mt-3 space-y-2\">\n <Skeleton className=\"h-3 w-full rounded\" />\n <Skeleton className=\"h-3 w-4/5 rounded\" />\n </div>\n <div className=\"mt-4 flex items-center justify-between gap-3 border-t border-border-seam pt-3\">\n <Skeleton className=\"h-4 w-24 rounded\" />\n <Skeleton className=\"h-8 w-16 rounded-lg\" />\n </div>\n </GlassCard>\n );\n}\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 titleGradient\n aurora\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 <div\n className=\"grid gap-4 sm:grid-cols-2 xl:grid-cols-3\"\n aria-busy=\"true\"\n aria-label=\"Loading circles\"\n >\n {Array.from({ length: 6 }, (_, i) => (\n <CircleCardSkeleton key={i} />\n ))}\n </div>\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 <p className=\"mb-3 text-sm text-text-tertiary\">\n Showing {formatNumber(circles.length)} circle{circles.length === 1 ? '' : 's'}\n </p>\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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"}
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 GlassCard,\n Select,\n SelectContent,\n SelectItem,\n SelectTrigger,\n SelectValue,\n Skeleton,\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 { ErrorView } from '../../components/StateViews';\nimport { Pagination } from '../../components/Pagination';\nimport { useComCircles, useComMemberships, useCursorPager } from '../../hooks';\nimport { useComradeCircle } from '../../context';\nimport { formatNumber } from '../../utils/formatters';\nimport type { ComCircleVisibility, ComMembership } from '../../types';\n\n/* Circle-tile-shaped placeholder used while the directory loads. */\nfunction CircleCardSkeleton() {\n return (\n <GlassCard treatment=\"plain\" className=\"flex flex-col p-5\">\n <div className=\"flex items-start gap-3\">\n <Skeleton className=\"h-12 w-12 shrink-0 rounded-full\" />\n <div className=\"min-w-0 flex-1 space-y-2\">\n <Skeleton className=\"h-4 w-2/3 rounded\" />\n <Skeleton className=\"h-3 w-1/3 rounded\" />\n <div className=\"flex gap-1.5 pt-1\">\n <Skeleton className=\"h-4 w-14 rounded-full\" />\n <Skeleton className=\"h-4 w-16 rounded-full\" />\n </div>\n </div>\n </div>\n <div className=\"mt-3 space-y-2\">\n <Skeleton className=\"h-3 w-full rounded\" />\n <Skeleton className=\"h-3 w-4/5 rounded\" />\n </div>\n <div className=\"mt-4 flex items-center justify-between gap-3 border-t border-border-seam pt-3\">\n <Skeleton className=\"h-4 w-24 rounded\" />\n <Skeleton className=\"h-8 w-16 rounded-lg\" />\n </div>\n </GlassCard>\n );\n}\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 titleGradient\n aurora\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 <div\n className=\"grid gap-4 sm:grid-cols-2 xl:grid-cols-3\"\n aria-busy=\"true\"\n aria-label=\"Loading circles\"\n >\n {Array.from({ length: 6 }, (_, i) => (\n <CircleCardSkeleton key={i} />\n ))}\n </div>\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 <p className=\"mb-3 text-sm text-text-tertiary\">\n Showing {formatNumber(circles.length)} circle{circles.length === 1 ? '' : 's'}\n </p>\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.map CHANGED Viewed

	@@ -1 +1 @@
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 Radio,\n CheckCircle2,\n Check,\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 { MiniBar } from '../../components/MiniBar';\nimport { EmptyState } from '../../components/EmptyState';\nimport { LoadingView, ErrorView } from '../../components/StateViews';\nimport { useComEvent, useComRsvpEvent, useComTransitionEvent } from '../../hooks';\nimport { useComradeCircle } from '../../context';\nimport { formatDateTime, formatNumber, formatEnumLabel } from '../../utils';\nimport { cn } from '../../utils/cn';\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\n/* Attendee display order: confirmed first, declines last. /\nconst RSVP_ORDER: Record<ComRsvpStatus, number> = {\n GOING: 0,\n INTERESTED: 1,\n WAITLISTED: 2,\n NOT_GOING: 3,\n};\n\n/* Facet labels for the one-line attendee summary. /\nconst RSVP_FACETS: { status: ComRsvpStatus; label: string }[] = [\n { status: 'GOING', label: 'going' },\n { status: 'INTERESTED', label: 'interested' },\n { status: 'WAITLISTED', label: 'waitlisted' },\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 isLive = event.status === 'LIVE';\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 = isLive && isOnlineish && Boolean(event.joinUrl);\n const myRsvp = currentUser?.id\n ? event.rsvps.find((r) => r.memberId === currentUser.id)\n : undefined;\n\n // Attendance / capacity — derived from real rsvpCount + capacity only.\n const capacity = event.capacity ?? null;\n const fillPct =\n capacity && capacity > 0 ? Math.min(100, (event.rsvpCount / capacity) 100) : null;\n const nearFull = fillPct != null && fillPct >= 80;\n const isFull = fillPct != null && fillPct >= 100;\n const capacityLabel = fillPct == null ? '' : isFull ? 'Full' : `${Math.round(fillPct)}% full`;\n const capacityBar = isFull\n ? 'bg-status-error-text'\n : nearFull\n ? 'bg-status-warning-text'\n : 'bg-accent';\n const capacityTone = isFull\n ? 'text-status-error-text'\n : nearFull\n ? 'text-status-warning-text'\n : 'text-text-tertiary';\n\n // Attendees — sort GOING → INTERESTED → WAITLISTED → NOT_GOING; facet summary.\n const rsvpCounts = event.rsvps.reduce<Record<ComRsvpStatus, number>>(\n (acc, r) => {\n acc[r.status] += 1;\n return acc;\n },\n { GOING: 0, INTERESTED: 0, WAITLISTED: 0, NOT_GOING: 0 }\n );\n const sortedRsvps = [...event.rsvps].sort((a, b) => RSVP_ORDER[a.status] - RSVP_ORDER[b.status]);\n const facetSummary = RSVP_FACETS.filter((f) => rsvpCounts[f.status] > 0)\n .map((f) => `${formatNumber(rsvpCounts[f.status])} ${f.label}`)\n .join(' · ');\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\n treatment=\"plain\"\n className={cn(\n 'flex flex-col gap-5 p-5 sm:p-6',\n isLive && 'ring-1 ring-[var(--color-accent-soft)]'\n )}\n >\n {/ Motion-safe live ring — a pulsing accent halo, gated for reduced motion. /}\n {isLive && (\n <span\n aria-hidden=\"true\"\n className=\"pointer-events-none absolute inset-0 rounded-card ring-2 ring-accent/60 motion-safe:animate-pulse\"\n />\n )}\n\n <div className=\"flex flex-wrap items-center gap-2\">\n <StatusBadge status={event.status} />\n <StatusBadge status={event.mode} />\n </div>\n\n {/ Prominent live-join CTA, promoted near the header. /}\n {showJoin && event.joinUrl && (\n <Button asChild size=\"lg\" className=\"w-full justify-center sm:w-auto sm:self-start\">\n <a href={event.joinUrl} target=\"_blank\" rel=\"noreferrer noopener\">\n <Video className=\"h-4 w-4\" /> Join the live event\n </a>\n </Button>\n )}\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 ? (\n <span className=\"font-medium text-accent\">\n The join link is live — use the button above.\n </span>\n ) : (\n <span className=\"text-text-secondary\">\n {isLive\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 className=\"min-w-0 flex-1\">\n <dt className=\"text-text-tertiary\">Attending</dt>\n <dd className=\"mt-0.5 flex flex-wrap items-baseline gap-x-2 text-text-primary\">\n <span>\n {formatNumber(event.rsvpCount)}\n {capacity ? ` / ${formatNumber(capacity)}` : ''}\n </span>\n {capacityLabel && (\n <span className={cn('text-xs font-semibold', capacityTone)}>\n {capacityLabel}\n </span>\n )}\n </dd>\n {fillPct != null && (\n <MiniBar value={fillPct} barClassName={capacityBar} className=\"mt-2 max-w-xs\" />\n )}\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'll attend.\n </p>\n <div className=\"mt-4 flex flex-col gap-2 sm:flex-row sm:flex-wrap\">\n {RSVP_OPTIONS.map((opt) => {\n const active = myRsvp?.status === opt.status;\n return (\n <Button\n key={opt.status}\n variant={active ? 'default' : 'outline'}\n onClick={() => doRsvp(opt.status)}\n disabled={rsvp.isPending}\n aria-pressed={active}\n className={cn(\n 'w-full justify-center sm:w-auto',\n active && 'font-semibold shadow-elevation-1'\n )}\n >\n {active && <Check className=\"h-4 w-4\" />}\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 <div className=\"min-w-0\">\n <h2 className=\"text-base font-semibold text-text-primary\">Attendees</h2>\n {facetSummary && (\n <p className=\"mt-0.5 truncate text-xs text-text-tertiary\">{facetSummary}</p>\n )}\n </div>\n <span className=\"inline-flex shrink-0 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 <EmptyState\n illustration=\"empty-people\"\n title=\"No RSVPs yet\"\n description=\"Be the first to let the host know you're coming.\"\n />\n ) : (\n <ul className=\"flex flex-col gap-2\">\n {sortedRsvps.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 transition-colors hover:border-[var(--color-accent-soft)]\"\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":";;;;;;;;;;;;;;;;;;AAqCA,IAAM,KAA2D;CAC/D;EAAE,QAAQ;EAAS,OAAO;EAAS;CACnC;EAAE,QAAQ;EAAc,OAAO;EAAc;CAC7C;EAAE,QAAQ;EAAc,OAAO;EAAY;CAC3C;EAAE,QAAQ;EAAa,OAAO;EAAY;CAC3C,EAGK,IAA4C;CAChD,OAAO;CACP,YAAY;CACZ,YAAY;CACZ,WAAW;CACZ,EAGK,IAA0D;CAC9D;EAAE,QAAQ;EAAS,OAAO;EAAS;CACnC;EAAE,QAAQ;EAAc,OAAO;EAAc;CAC7C;EAAE,QAAQ;EAAc,OAAO;EAAc;CAC7C;EAAE,QAAQ;EAAa,OAAO;EAAY;CAC3C;AAED,SAAgB,IAAkB;CAChC,IAAM,EAAE,UAAO,GAA2B,EACpC,EAAE,gBAAa,kBAAe,GAAkB,EAChD,EAAE,MAAM,GAAO,cAAW,YAAS,eAAY,GAAY,EAAG,EAC9D,IAAO,IAAiB,EACxB,IAAa,GAAuB,EAEpC,IACJ,kBAAC,GAAD;EAAQ,SAAQ;EAAQ,MAAK;EAAK,eAAe,EAAW,SAAS;YAArE,CACE,kBAAC,GAAD,EAAW,WAAU,kBAAmB,CAAA,EAAA,QACjC;;AAGX,KAAI,EACF,QACE,kBAAC,GAAD;EAAY,OAAM;EAAQ,SAAS;YACjC,kBAAC,GAAD,EAAa,OAAM,kBAAmB,CAAA;EAC3B,CAAA;AAIjB,KAAI,KAAW,CAAC,EACd,QACE,kBAAC,GAAD;EAAY,OAAM;EAAQ,SAAS;YACjC,kBAAC,GAAD;GACE,OAAM;GACN,SAAQ;GACR,eAAe,GAAS;GACxB,CAAA;EACS,CAAA;CAIjB,IAAM,IAAS,GAAQ,GAAa,MAAM,EAAY,OAAO,EAAM,SAC7D,IAAS,EAAM,WAAW,QAC1B,IAAU,EAAM,WAAW,eAAe,EAAM,WAAW,QAC3D,IAAc,EAAM,SAAS,YAAY,EAAM,SAAS,UACxD,IAAgB,EAAM,SAAS,eAAe,EAAM,SAAS,UAC7D,IAAW,KAAU,KAAe,EAAQ,EAAM,SAClD,IAAS,GAAa,KACxB,EAAM,MAAM,MAAM,MAAM,EAAE,aAAa,EAAY,GAAG,GACtD,KAAA,GAGE,IAAW,EAAM,YAAY,MAC7B,IACJ,KAAY,IAAW,IAAI,KAAK,IAAI,KAAM,EAAM,YAAY,IAAY,IAAI,GAAG,MAC3E,IAAW,KAAW,QAAQ,KAAW,IACzC,IAAS,KAAW,QAAQ,KAAW,KACvC,IAAgB,KAAW,OAAO,KAAK,IAAS,SAAS,GAAG,KAAK,MAAM,EAAQ,CAAC,SAChF,KAAc,IAChB,yBACA,IACE,2BACA,aACA,KAAe,IACjB,2BACA,IACE,6BACA,sBAGA,IAAa,EAAM,MAAM,QAC5B,GAAK,OACJ,EAAI,EAAE,WAAW,GACV,IAET;EAAE,OAAO;EAAG,YAAY;EAAG,YAAY;EAAG,WAAW;EAAG,CACzD,EACK,KAAc,CAAC,GAAG,EAAM,MAAM,CAAC,MAAM,GAAG,MAAM,EAAW,EAAE,UAAU,EAAW,EAAE,QAAQ,EAC1F,IAAe,EAAY,QAAQ,MAAM,EAAW,EAAE,UAAU,EAAE,CACrE,KAAK,MAAM,GAAG,EAAa,EAAW,EAAE,QAAQ,CAAC,GAAG,EAAE,QAAQ,CAC9D,KAAK,MAAM,EAER,KAAS,OAAO,MAA0B;AAC9C,MAAI;AAEF,GADA,MAAM,EAAK,YAAY;IAAE,SAAS,EAAM;IAAI;IAAQ,CAAC,EACrD,EAAO,QAAQ,gBAAgB,GAAG,EAAgB,EAAO,CAAC,KAAK,EAAM,QAAQ;WACtE,GAAK;AACZ,KAAO,MAAM,kBAAkB,EAAc,EAAI,CAAC;;IAIhD,IAAe,OAAO,GAAwB,MAA2B;AAC7E,MAAI;AAEF,GADA,MAAM,EAAW,YAAY;IAAE,IAAI,EAAM;IAAI;IAAQ,CAAC,EACtD,EAAO,QAAQ,GAAgB,EAAM,MAAM;WACpC,GAAK;AACZ,KAAO,MAAM,8BAA8B,EAAc,EAAI,CAAC;;IAI5D,KAAe,EAAM,SACvB,GAAG,EAAe,EAAM,SAAS,CAAC,KAAK,EAAe,EAAM,OAAO,KACnE,EAAe,EAAM,SAAS;AAElC,QACE,kBAAC,GAAD;EAAY,OAAO,EAAM;EAAO,SAAS;YACvC,kBAAC,OAAD;GAAK,WAAU;aAAf;IAEE,kBAAC,IAAD;KACE,WAAU;KACV,WAAW,EACT,kCACA,KAAU,yCACX;eALH;MAQG,KACC,kBAAC,QAAD;OACE,eAAY;OACZ,WAAU;OACV,CAAA;MAGJ,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,GAAD,EAAa,QAAQ,EAAM,QAAU,CAAA,EACrC,kBAAC,GAAD,EAAa,QAAQ,EAAM,MAAQ,CAAA,CAC/B;;MAGL,KAAY,EAAM,WACjB,kBAAC,GAAD;OAAQ,SAAA;OAAQ,MAAK;OAAK,WAAU;iBAClC,kBAAC,KAAD;QAAG,MAAM,EAAM;QAAS,QAAO;QAAS,KAAI;kBAA5C,CACE,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA,EAAA,uBAC3B;;OACG,CAAA;MAGV,EAAM,eACL,kBAAC,KAAD;OAAG,WAAU;iBAAmD,EAAM;OAAgB,CAAA;MAGxF,kBAAC,MAAD;OAAI,WAAU;iBAAd;QAEE,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,IAAD,EAAc,WAAU,8CAA+C,CAAA,EACvE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;UAAI,WAAU;oBAAqB;UAAS,CAAA,EAC5C,kBAAC,MAAD;UAAI,WAAU;oBAA4B;UAAkB,CAAA,CACxD,EAAA,CAAA,CACF;;QAGL,KAAiB,EAAM,YACtB,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,GAAD,EAAQ,WAAU,8CAA+C,CAAA,EACjE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;UAAI,WAAU;oBAAqB;UAAU,CAAA,EAC7C,kBAAC,MAAD;UAAI,WAAU;oBAA4B,EAAM;UAAc,CAAA,CAC1D,EAAA,CAAA,CACF;;QAIP,KACC,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,GAAD,EAAO,WAAU,8CAA+C,CAAA,EAChE,kBAAC,OAAD;UAAK,WAAU;oBAAf,CACE,kBAAC,MAAD;WAAI,WAAU;qBAAqB;WAAW,CAAA,EAC9C,kBAAC,MAAD;WAAI,WAAU;qBACX,IACC,kBAAC,QAAD;YAAM,WAAU;sBAA0B;YAEnC,CAAA,GAEP,kBAAC,QAAD;YAAM,WAAU;sBACb,IACG,uCACA;YACC,CAAA;WAEN,CAAA,CACD;YACF;;QAIR,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,GAAD,EAAO,WAAU,8CAA+C,CAAA,EAChE,kBAAC,OAAD;UAAK,WAAU;oBAAf;WACE,kBAAC,MAAD;YAAI,WAAU;sBAAqB;YAAc,CAAA;WACjD,kBAAC,MAAD;YAAI,WAAU;sBAAd,CACE,kBAAC,QAAD,EAAA,UAAA,CACG,EAAa,EAAM,UAAU,EAC7B,IAAW,MAAM,EAAa,EAAS,KAAK,GACxC,EAAA,CAAA,EACN,KACC,kBAAC,QAAD;aAAM,WAAW,EAAG,yBAAyB,GAAa;uBACvD;aACI,CAAA,CAEN;;WACJ,KAAW,QACV,kBAAC,GAAD;YAAS,OAAO;YAAS,cAAc;YAAa,WAAU;YAAkB,CAAA;WAE9E;YACF;;QACH;;MAGJ,EAAM,KAAK,SAAS,KACnB,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,GAAD;QAAK,WAAU;QAAiC,eAAY;QAAS,CAAA,EACpE,EAAM,KAAK,KAAK,MACf,kBAAC,QAAD;QAEE,WAAU;kBAFZ,CAGC,KACG,EACG;UAJA,EAIA,CACP,CACE;;MAIR,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,KAAD;QAAG,WAAU;kBAAwE;QAEjF,CAAA,EACJ,kBAAC,GAAD;QAAgB,UAAU,EAAM;QAAQ,SAAQ;QAAM,MAAK;QAAK,cAAA;QAAe,CAAA,CAC3E;;MACI;;IAGX,KACC,kBAAC,WAAD;KAAS,WAAU;eAAnB;MACE,kBAAC,MAAD;OAAI,WAAU;iBAA4C;OAAc,CAAA;MACxE,kBAAC,KAAD;OAAG,WAAU;iBAAqC;OAE9C,CAAA;MACJ,kBAAC,OAAD;OAAK,WAAU;iBACZ,GAAa,KAAK,MAAQ;QACzB,IAAM,IAAS,GAAQ,WAAW,EAAI;AACtC,eACE,kBAAC,GAAD;SAEE,SAAS,IAAS,YAAY;SAC9B,eAAe,GAAO,EAAI,OAAO;SACjC,UAAU,EAAK;SACf,gBAAc;SACd,WAAW,EACT,mCACA,KAAU,mCACX;mBATH,CAWG,KAAU,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA,EACvC,EAAI,MACE;WAZF,EAAI,OAYF;SAEX;OACE,CAAA;MACE;;IAIX,MAAW,EAAM,WAAW,eAAe,EAAM,WAAW,WAC3D,kBAAC,WAAD;KAAS,WAAU;eAAnB;MACE,kBAAC,MAAD;OAAI,WAAU;iBAA4C;OAAkB,CAAA;MAC5E,kBAAC,KAAD;OAAG,WAAU;iBAAqC;OAE9C,CAAA;MACJ,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACG,EAAM,WAAW,eAChB,kBAAA,IAAA,EAAA,UAAA,CACE,kBAAC,GAAD;QACE,MAAK;QACL,eAAe,EAAa,QAAQ,oBAAoB;QACxD,UAAU,EAAW;kBAHvB,CAKE,kBAAC,GAAD,EAAO,WAAU,kBAAmB,CAAA,EAAA,WAC7B;WACT,kBAAC,GAAD;QACE,MAAK;QACL,SAAQ;QACR,eAAe,EAAa,aAAa,kBAAkB;QAC3D,UAAU,EAAW;kBAJvB,CAME,kBAAC,IAAD,EAAK,WAAU,kBAAmB,CAAA,EAAA,UAC3B;UACR,EAAA,CAAA,EAEJ,EAAM,WAAW,UAChB,kBAAC,GAAD;QACE,MAAK;QACL,eAAe,EAAa,aAAa,wBAAwB;QACjE,UAAU,EAAW;kBAHvB,CAKE,kBAAC,GAAD,EAAc,WAAU,kBAAmB,CAAA,EAAA,iBACpC;UAEP;;MACE;;IAIZ,kBAAC,WAAD;KAAS,WAAU;eAAnB,CACE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,MAAD;QAAI,WAAU;kBAA4C;QAAc,CAAA,EACvE,KACC,kBAAC,KAAD;QAAG,WAAU;kBAA8C;QAAiB,CAAA,CAE1E;UACN,kBAAC,QAAD;OAAM,WAAU;iBAAhB;QACE,kBAAC,GAAD,EAAO,WAAU,eAAgB,CAAA;;QAAE,EAAa,EAAM,MAAM,OAAO;QAC9D;SACH;SACL,EAAM,MAAM,WAAW,IACtB,kBAAC,GAAD;MACE,cAAa;MACb,OAAM;MACN,aAAY;MACZ,CAAA,GAEF,kBAAC,MAAD;MAAI,WAAU;gBACX,GAAY,KAAK,MAChB,kBAAC,MAAD;OAEE,WAAU;iBAFZ,CAIE,kBAAC,GAAD;QAAgB,UAAU,EAAE;QAAU,SAAQ;QAAM,MAAK;QAAO,CAAA,EAChE,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACG,EAAE,QACD,kBAAC,QAAD;SAAM,WAAU;mBAAhB;UAAoE;UAChE,EAAE;UAAK;UACJ;YAET,kBAAC,GAAD,EAAa,QAAQ,EAAE,QAAU,CAAA,CAC7B;UACH;SAZE,EAAE,GAYJ,CACL;MACC,CAAA,CAEC;;IACN;;EACK,CAAA"}
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 Radio,\n CheckCircle2,\n Check,\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 { MiniBar } from '../../components/MiniBar';\nimport { EmptyState } from '../../components/EmptyState';\nimport { LoadingView, ErrorView } from '../../components/StateViews';\nimport { useComEvent, useComRsvpEvent, useComTransitionEvent } from '../../hooks';\nimport { useComradeCircle } from '../../context';\nimport { formatDateTime, formatNumber, formatEnumLabel } from '../../utils';\nimport { cn } from '../../utils/cn';\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\n/* Attendee display order: confirmed first, declines last. /\nconst RSVP_ORDER: Record<ComRsvpStatus, number> = {\n GOING: 0,\n INTERESTED: 1,\n WAITLISTED: 2,\n NOT_GOING: 3,\n};\n\n/* Facet labels for the one-line attendee summary. /\nconst RSVP_FACETS: { status: ComRsvpStatus; label: string }[] = [\n { status: 'GOING', label: 'going' },\n { status: 'INTERESTED', label: 'interested' },\n { status: 'WAITLISTED', label: 'waitlisted' },\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 isLive = event.status === 'LIVE';\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 = isLive && isOnlineish && Boolean(event.joinUrl);\n const myRsvp = currentUser?.id\n ? event.rsvps.find((r) => r.memberId === currentUser.id)\n : undefined;\n\n // Attendance / capacity — derived from real rsvpCount + capacity only.\n const capacity = event.capacity ?? null;\n const fillPct =\n capacity && capacity > 0 ? Math.min(100, (event.rsvpCount / capacity) 100) : null;\n const nearFull = fillPct != null && fillPct >= 80;\n const isFull = fillPct != null && fillPct >= 100;\n const capacityLabel = fillPct == null ? '' : isFull ? 'Full' : `${Math.round(fillPct)}% full`;\n const capacityBar = isFull\n ? 'bg-status-error-text'\n : nearFull\n ? 'bg-status-warning-text'\n : 'bg-accent';\n const capacityTone = isFull\n ? 'text-status-error-text'\n : nearFull\n ? 'text-status-warning-text'\n : 'text-text-tertiary';\n\n // Attendees — sort GOING → INTERESTED → WAITLISTED → NOT_GOING; facet summary.\n const rsvpCounts = event.rsvps.reduce<Record<ComRsvpStatus, number>>(\n (acc, r) => {\n acc[r.status] += 1;\n return acc;\n },\n { GOING: 0, INTERESTED: 0, WAITLISTED: 0, NOT_GOING: 0 }\n );\n const sortedRsvps = [...event.rsvps].sort((a, b) => RSVP_ORDER[a.status] - RSVP_ORDER[b.status]);\n const facetSummary = RSVP_FACETS.filter((f) => rsvpCounts[f.status] > 0)\n .map((f) => `${formatNumber(rsvpCounts[f.status])} ${f.label}`)\n .join(' · ');\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\n treatment=\"plain\"\n className={cn(\n 'flex flex-col gap-5 p-5 sm:p-6',\n isLive && 'ring-1 ring-[var(--color-accent-soft)]'\n )}\n >\n {/ Motion-safe live ring — a pulsing accent halo, gated for reduced motion. /}\n {isLive && (\n <span\n aria-hidden=\"true\"\n className=\"pointer-events-none absolute inset-0 rounded-card ring-2 ring-accent/60 motion-safe:animate-pulse\"\n />\n )}\n\n <div className=\"flex flex-wrap items-center gap-2\">\n <StatusBadge status={event.status} />\n <StatusBadge status={event.mode} />\n </div>\n\n {/ Prominent live-join CTA, promoted near the header. /}\n {showJoin && event.joinUrl && (\n <Button asChild size=\"lg\" className=\"w-full justify-center sm:w-auto sm:self-start\">\n <a href={event.joinUrl} target=\"_blank\" rel=\"noreferrer noopener\">\n <Video className=\"h-4 w-4\" /> Join the live event\n </a>\n </Button>\n )}\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 ? (\n <span className=\"font-medium text-accent\">\n The join link is live — use the button above.\n </span>\n ) : (\n <span className=\"text-text-secondary\">\n {isLive\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 className=\"min-w-0 flex-1\">\n <dt className=\"text-text-tertiary\">Attending</dt>\n <dd className=\"mt-0.5 flex flex-wrap items-baseline gap-x-2 text-text-primary\">\n <span>\n {formatNumber(event.rsvpCount)}\n {capacity ? ` / ${formatNumber(capacity)}` : ''}\n </span>\n {capacityLabel && (\n <span className={cn('text-xs font-semibold', capacityTone)}>\n {capacityLabel}\n </span>\n )}\n </dd>\n {fillPct != null && (\n <MiniBar value={fillPct} barClassName={capacityBar} className=\"mt-2 max-w-xs\" />\n )}\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'll attend.\n </p>\n <div className=\"mt-4 flex flex-col gap-2 sm:flex-row sm:flex-wrap\">\n {RSVP_OPTIONS.map((opt) => {\n const active = myRsvp?.status === opt.status;\n return (\n <Button\n key={opt.status}\n variant={active ? 'default' : 'outline'}\n onClick={() => doRsvp(opt.status)}\n disabled={rsvp.isPending}\n aria-pressed={active}\n className={cn(\n 'w-full justify-center sm:w-auto',\n active && 'font-semibold shadow-elevation-1'\n )}\n >\n {active && <Check className=\"h-4 w-4\" />}\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 <div className=\"min-w-0\">\n <h2 className=\"text-base font-semibold text-text-primary\">Attendees</h2>\n {facetSummary && (\n <p className=\"mt-0.5 truncate text-xs text-text-tertiary\">{facetSummary}</p>\n )}\n </div>\n <span className=\"inline-flex shrink-0 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 <EmptyState\n illustration=\"empty-people\"\n title=\"No RSVPs yet\"\n description=\"Be the first to let the host know you're coming.\"\n />\n ) : (\n <ul className=\"flex flex-col gap-2\">\n {sortedRsvps.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 transition-colors hover:border-[var(--color-accent-soft)]\"\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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"}

package/dist/comradecircle/pages/events/EventsPage.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"EventsPage.js","names":[],"sources":["../../../../src/comradecircle/pages/events/EventsPage.tsx"],"sourcesContent":["/*\n EventsPage — every event across the circles the member belongs to.\n * @module comradecircle/pages/events\n \n Reads `comListEvents` (all circles, newest-scheduled first) with a lifecycle\n * status filter (scheduled → live → completed → cancelled). Scheduling a new\n * event opens the shared {@link CreateEventDialog} without a fixed circle, so it\n * shows its own active-circle picker.\n /\n\nimport { useState } from 'react';\nimport { CalendarDays, Plus } from 'lucide-react';\nimport { Button, GlassCard, Skeleton } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../../components/PageLayout';\nimport { FilterTabs, type FilterOption } from '../../components/FilterTabs';\nimport { EventCard } from '../../components/EventCard';\nimport { CreateEventDialog } from '../../components/CreateEventDialog';\nimport { EmptyState } from '../../components/EmptyState';\nimport { ErrorView } from '../../components/StateViews';\nimport { Pagination } from '../../components/Pagination';\nimport { useComEvents, useCursorPager } from '../../hooks';\nimport { useComradeCircle } from '../../context';\nimport { formatNumber } from '../../utils/formatters';\nimport type { ComEventStatus } from '../../types';\n\nconst PAGE_SIZE = 12;\n\ntype StatusFilter = 'ALL' \| ComEventStatus;\n\nconst STATUS_FILTERS: FilterOption<StatusFilter>[] = [\n { value: 'ALL', label: 'All' },\n { value: 'SCHEDULED', label: 'Scheduled' },\n { value: 'LIVE', label: 'Live' },\n { value: 'COMPLETED', label: 'Completed' },\n { value: 'CANCELLED', label: 'Cancelled' },\n];\n\n/* One placeholder tile that mirrors {@link EventCard}'s glass + section rhythm. /\nfunction EventCardSkeleton() {\n return (\n <GlassCard treatment=\"plain\" className=\"flex flex-col p-5\" aria-hidden=\"true\">\n <div className=\"flex items-start justify-between gap-3\">\n <Skeleton className=\"h-5 w-20 rounded-full\" />\n <Skeleton className=\"h-4 w-14\" />\n </div>\n <Skeleton className=\"mt-2 h-5 w-3/5\" />\n <Skeleton className=\"mt-2 h-3.5 w-full\" />\n <Skeleton className=\"mt-1.5 h-3.5 w-4/5\" />\n <div className=\"mt-3 flex flex-col gap-2\">\n <Skeleton className=\"h-4 w-40\" />\n <Skeleton className=\"h-4 w-32\" />\n </div>\n <Skeleton className=\"mt-3 h-1 w-full rounded-full\" />\n <div className=\"mt-4 flex items-center justify-end gap-2 border-t border-border-seam pt-3\">\n <Skeleton className=\"h-8 w-20 rounded-md\" />\n <Skeleton className=\"h-8 w-24 rounded-md\" />\n </div>\n </GlassCard>\n );\n}\n\n/* Skeleton grid mirroring the live `md:grid-cols-2` EventCard layout. */\nfunction EventsSkeletonGrid() {\n return (\n <div className=\"grid gap-4 md:grid-cols-2\" aria-hidden=\"true\">\n {Array.from({ length: 4 }, (_, i) => (\n <EventCardSkeleton key={i} />\n ))}\n </div>\n );\n}\n\nexport function EventsPage() {\n const { navigateTo } = useComradeCircle();\n const pager = useCursorPager();\n const [status, setStatus] = useState<StatusFilter>('ALL');\n const [createOpen, setCreateOpen] = useState(false);\n\n const { data, isLoading, isError, refetch } = useComEvents({\n status: status === 'ALL' ? undefined : status,\n pagination: { limit: PAGE_SIZE, cursor: pager.cursor },\n });\n\n const events = data?.items ?? [];\n const hasMore = data?.pageInfo.hasMore ?? false;\n\n const changeStatus = (next: StatusFilter) => {\n setStatus(next);\n pager.reset();\n };\n\n const filterLabel = status === 'ALL' ? '' : ` ${status.toLowerCase()}`;\n const resultCaption =\n `${formatNumber(events.length)}${filterLabel} ` +\n `${events.length === 1 ? 'event' : 'events'}` +\n (pager.page > 0 ? ` · page ${pager.page + 1}` : hasMore ? ' · more available' : '');\n\n return (\n <PageLayout\n title=\"Events\"\n description=\"Upcoming and past gatherings across all the circles you belong to.\"\n actions={\n <Button onClick={() => setCreateOpen(true)}>\n <Plus className=\"mr-1.5 h-4 w-4\" /> New event\n </Button>\n }\n >\n <FilterTabs\n options={STATUS_FILTERS}\n value={status}\n onChange={changeStatus}\n className=\"mb-5\"\n />\n\n {isLoading ? (\n <EventsSkeletonGrid />\n ) : isError ? (\n <ErrorView message=\"We couldn't load events.\" onRetry={() => refetch()} />\n ) : events.length === 0 && pager.page === 0 ? (\n <EmptyState\n illustration=\"empty-data\"\n icon={<CalendarDays className=\"h-10 w-10\" />}\n title={status === 'ALL' ? 'No events yet' : 'No events match this filter'}\n description={\n status === 'ALL'\n ? 'Schedule a gathering for one of your circles — online, in person, or hybrid.'\n : 'Try a different status, or schedule a new gathering for one of your circles.'\n }\n action={\n <Button onClick={() => setCreateOpen(true)}>\n <Plus className=\"mr-1.5 h-4 w-4\" /> New event\n </Button>\n }\n />\n ) : (\n <div className=\"flex flex-col gap-4\">\n <p className=\"text-xs font-medium text-text-tertiary\">{resultCaption}</p>\n <div className=\"grid gap-4 md:grid-cols-2\">\n {events.map((event) => (\n <EventCard\n key={event.id}\n event={event}\n onOpen={() => navigateTo('events/' + event.id)}\n />\n ))}\n </div>\n <Pagination\n page={pager.page}\n pageSize={PAGE_SIZE}\n itemCount={events.length}\n hasMore={data?.pageInfo.hasMore ?? false}\n onPageChange={(target) => pager.onPageChange(target, data?.pageInfo.cursor)}\n />\n </div>\n )}\n\n <CreateEventDialog open={createOpen} onOpenChange={setCreateOpen} />\n </PageLayout>\n );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAyBA,IAAM,IAAY,IAIZ,IAA+C;CACnD;EAAE,OAAO;EAAO,OAAO;~~EAAO~~;~~CAC9B~~;EAAE,OAAO;EAAa,OAAO;~~EAAa~~;~~CAC1C~~;EAAE,OAAO;EAAQ,OAAO;~~EAAQ~~;~~CAChC~~;EAAE,OAAO;EAAa,OAAO;~~EAAa~~;~~CAC1C~~;EAAE,OAAO;EAAa,OAAO;~~EAAa~~;~~CAC3C~~;~~AAGD~~,SAAS,IAAoB;~~AAC3B~~,~~QACE~~,kBAAC,GAAD;EAAW,WAAU;EAAQ,WAAU;EAAoB,eAAY;YAAvE;GACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD,EAAU,WAAU,~~yBAA0B~~,CAAA,~~EAC9C~~,kBAAC,GAAD,EAAU,WAAU,~~YAAa~~,CAAA,CAC7B;;~~GACN~~,kBAAC,GAAD,EAAU,WAAU,~~kBAAmB~~,CAAA;~~GACvC~~,kBAAC,GAAD,EAAU,WAAU,~~qBAAsB~~,CAAA;~~GAC1C~~,kBAAC,GAAD,EAAU,WAAU,~~sBAAuB~~,CAAA;~~GAC3C~~,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD,EAAU,WAAU,~~YAAa~~,CAAA,~~EACjC~~,kBAAC,GAAD,EAAU,WAAU,~~YAAa~~,CAAA,CAC7B;;~~GACN~~,kBAAC,GAAD,EAAU,WAAU,~~gCAAiC,~~CAAA;~~GACrD~~,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD,EAAU,WAAU,~~uBAAwB~~,CAAA,~~EAC5C~~,kBAAC,GAAD,EAAU,WAAU,~~uBAAwB~~,CAAA,CACxC;;~~GACI;;;AAKhB~~,SAAS,IAAqB;~~AAC5B~~,~~QACE~~,kBAAC,OAAD;EAAK,WAAU;EAA4B,eAAY;YACpD,MAAM,KAAK,EAAE,QAAQ,~~GAAG~~,~~GAAG~~,GAAG,MAC7B,kBAAC,GAAD,~~EAA6B~~,~~EAAL~~,~~EAAK~~,CAC7B;~~EACE~~,CAAA~~;;AAIV~~,SAAgB,IAAa;CAC3B,IAAM,EAAE,kBAAe,~~GAAkB~~,~~EACnC~~,IAAQ,~~GAAgB~~,~~EACxB~~,CAAC,GAAQ,KAAa,EAAuB,~~MAAM~~,~~EACnD~~,CAAC,GAAY,KAAiB,EAAS,~~GAAM~~,~~EAE7C~~,EAAE,SAAM,cAAW,YAAS,eAAY,EAAa;EACzD,QAAQ,MAAW,QAAQ,KAAA,IAAY;EACvC,YAAY;GAAE,OAAO;GAAW,QAAQ,EAAM;~~GAAQ~~;~~EACvD~~,CAAC,~~EAEI~~,IAAS,GAAM,SAAS,~~EAAE~~,~~EAC1B~~,IAAU,GAAM,SAAS,WAAW,IAEpC,KAAgB,MAAuB;~~AAE3C~~,~~EADA~~,EAAU,~~EAAK~~,~~EACf~~,EAAM,~~OAAO~~;~~IAGT~~,IAAc,MAAW,QAAQ,KAAK,IAAI,EAAO,~~aAAa~~,~~IAC9D~~,IACJ,GAAG,EAAa,EAAO,~~OAAO~~,~~GAAG~~,EAAY,GAC1C,EAAO,WAAW,IAAI,UAAU,cAClC,EAAM,OAAO,IAAI,WAAW,EAAM,OAAO,MAAM,IAAU,sBAAsB;~~AAElF~~,~~QACE~~,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;EACZ,SACE,kBAAC,GAAD;GAAQ,eAAe,EAAc,~~GAAK~~;~~aAA1C~~,CACE,kBAAC,GAAD,EAAM,WAAU,~~kBAAmB~~,CAAA,~~EAAA~~,~~aAC5B~~;;~~YANb~~;GASE,kBAAC,GAAD;IACE,SAAS;IACT,OAAO;IACP,UAAU;IACV,WAAU;~~IACV~~,CAAA;~~GAED~~,IACC,kBAAC,GAAD,~~EAAsB~~,CAAA,~~GACpB~~,IACF,kBAAC,GAAD;IAAW,SAAQ;IAA2B,eAAe,~~GAAS~~;~~IAAI~~,CAAA,~~GACxE~~,EAAO,WAAW,KAAK,EAAM,SAAS,IACxC,kBAAC,GAAD;IACE,cAAa;IACb,MAAM,kBAAC,GAAD,EAAc,WAAU,~~aAAc~~,CAAA;~~IAC5C~~,OAAO,MAAW,QAAQ,kBAAkB;IAC5C,aACE,MAAW,QACP,iFACA;IAEN,QACE,kBAAC,GAAD;KAAQ,eAAe,EAAc,~~GAAK~~;~~eAA1C~~,CACE,kBAAC,GAAD,EAAM,WAAU,~~kBAAmB~~,CAAA,~~EAAA~~,~~aAC5B~~;;~~IAEX~~,CAAA,~~GAEF~~,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,KAAD;MAAG,WAAU;gBAA0C;~~MAAkB~~,CAAA;~~KACzE~~,kBAAC,OAAD;MAAK,WAAU;gBACZ,EAAO,KAAK,MACX,kBAAC,GAAD;OAES;OACP,cAAc,EAAW,YAAY,EAAM,~~GAAG~~;~~OAC9C~~,~~EAHK~~,EAAM,~~GAGX~~,CACF;~~MACE~~,CAAA;~~KACN~~,kBAAC,GAAD;MACE,MAAM,EAAM;MACZ,UAAU;MACV,WAAW,EAAO;MAClB,SAAS,GAAM,SAAS,WAAW;MACnC,eAAe,MAAW,EAAM,aAAa,GAAQ,GAAM,SAAS,~~OAAO~~;~~MAC3E~~,CAAA;~~KACE~~;;~~GAGR~~,kBAAC,GAAD;IAAmB,MAAM;IAAY,cAAc;~~IAAiB~~,CAAA;~~GACzD~~"}
1	+ {"version":3,"file":"EventsPage.js","names":[],"sources":["../../../../src/comradecircle/pages/events/EventsPage.tsx"],"sourcesContent":["/*\n EventsPage — every event across the circles the member belongs to.\n * @module comradecircle/pages/events\n \n Reads `comListEvents` (all circles, newest-scheduled first) with a lifecycle\n * status filter (scheduled → live → completed → cancelled). Scheduling a new\n * event opens the shared {@link CreateEventDialog} without a fixed circle, so it\n * shows its own active-circle picker.\n /\n\nimport { useState } from 'react';\nimport { CalendarDays, Plus } from 'lucide-react';\nimport { Button, GlassCard, Skeleton } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../../components/PageLayout';\nimport { FilterTabs, type FilterOption } from '../../components/FilterTabs';\nimport { EventCard } from '../../components/EventCard';\nimport { CreateEventDialog } from '../../components/CreateEventDialog';\nimport { EmptyState } from '../../components/EmptyState';\nimport { ErrorView } from '../../components/StateViews';\nimport { Pagination } from '../../components/Pagination';\nimport { useComEvents, useCursorPager } from '../../hooks';\nimport { useComradeCircle } from '../../context';\nimport { formatNumber } from '../../utils/formatters';\nimport type { ComEventStatus } from '../../types';\n\nconst PAGE_SIZE = 12;\n\ntype StatusFilter = 'ALL' \| ComEventStatus;\n\nconst STATUS_FILTERS: FilterOption<StatusFilter>[] = [\n { value: 'ALL', label: 'All' },\n { value: 'SCHEDULED', label: 'Scheduled' },\n { value: 'LIVE', label: 'Live' },\n { value: 'COMPLETED', label: 'Completed' },\n { value: 'CANCELLED', label: 'Cancelled' },\n];\n\n/* One placeholder tile that mirrors {@link EventCard}'s glass + section rhythm. /\nfunction EventCardSkeleton() {\n return (\n <GlassCard treatment=\"plain\" className=\"flex flex-col p-5\" aria-hidden=\"true\">\n <div className=\"flex items-start justify-between gap-3\">\n <Skeleton className=\"h-5 w-20 rounded-full\" />\n <Skeleton className=\"h-4 w-14\" />\n </div>\n <Skeleton className=\"mt-2 h-5 w-3/5\" />\n <Skeleton className=\"mt-2 h-3.5 w-full\" />\n <Skeleton className=\"mt-1.5 h-3.5 w-4/5\" />\n <div className=\"mt-3 flex flex-col gap-2\">\n <Skeleton className=\"h-4 w-40\" />\n <Skeleton className=\"h-4 w-32\" />\n </div>\n <Skeleton className=\"mt-3 h-1 w-full rounded-full\" />\n <div className=\"mt-4 flex items-center justify-end gap-2 border-t border-border-seam pt-3\">\n <Skeleton className=\"h-8 w-20 rounded-md\" />\n <Skeleton className=\"h-8 w-24 rounded-md\" />\n </div>\n </GlassCard>\n );\n}\n\n/* Skeleton grid mirroring the live `md:grid-cols-2` EventCard layout. */\nfunction EventsSkeletonGrid() {\n return (\n <div className=\"grid gap-4 md:grid-cols-2\" aria-hidden=\"true\">\n {Array.from({ length: 4 }, (_, i) => (\n <EventCardSkeleton key={i} />\n ))}\n </div>\n );\n}\n\nexport function EventsPage() {\n const { navigateTo } = useComradeCircle();\n const pager = useCursorPager();\n const [status, setStatus] = useState<StatusFilter>('ALL');\n const [createOpen, setCreateOpen] = useState(false);\n\n const { data, isLoading, isError, refetch } = useComEvents({\n status: status === 'ALL' ? undefined : status,\n pagination: { limit: PAGE_SIZE, cursor: pager.cursor },\n });\n\n const events = data?.items ?? [];\n const hasMore = data?.pageInfo.hasMore ?? false;\n\n const changeStatus = (next: StatusFilter) => {\n setStatus(next);\n pager.reset();\n };\n\n const filterLabel = status === 'ALL' ? '' : ` ${status.toLowerCase()}`;\n const resultCaption =\n `${formatNumber(events.length)}${filterLabel} ` +\n `${events.length === 1 ? 'event' : 'events'}` +\n (pager.page > 0 ? ` · page ${pager.page + 1}` : hasMore ? ' · more available' : '');\n\n return (\n <PageLayout\n title=\"Events\"\n description=\"Upcoming and past gatherings across all the circles you belong to.\"\n actions={\n <Button onClick={() => setCreateOpen(true)}>\n <Plus className=\"mr-1.5 h-4 w-4\" /> New event\n </Button>\n }\n >\n <FilterTabs\n options={STATUS_FILTERS}\n value={status}\n onChange={changeStatus}\n className=\"mb-5\"\n />\n\n {isLoading ? (\n <EventsSkeletonGrid />\n ) : isError ? (\n <ErrorView message=\"We couldn't load events.\" onRetry={() => refetch()} />\n ) : events.length === 0 && pager.page === 0 ? (\n <EmptyState\n illustration=\"empty-data\"\n icon={<CalendarDays className=\"h-10 w-10\" />}\n title={status === 'ALL' ? 'No events yet' : 'No events match this filter'}\n description={\n status === 'ALL'\n ? 'Schedule a gathering for one of your circles — online, in person, or hybrid.'\n : 'Try a different status, or schedule a new gathering for one of your circles.'\n }\n action={\n <Button onClick={() => setCreateOpen(true)}>\n <Plus className=\"mr-1.5 h-4 w-4\" /> New event\n </Button>\n }\n />\n ) : (\n <div className=\"flex flex-col gap-4\">\n <p className=\"text-xs font-medium text-text-tertiary\">{resultCaption}</p>\n <div className=\"grid gap-4 md:grid-cols-2\">\n {events.map((event) => (\n <EventCard\n key={event.id}\n event={event}\n onOpen={() => navigateTo('events/' + event.id)}\n />\n ))}\n </div>\n <Pagination\n page={pager.page}\n pageSize={PAGE_SIZE}\n itemCount={events.length}\n hasMore={data?.pageInfo.hasMore ?? false}\n onPageChange={(target) => pager.onPageChange(target, data?.pageInfo.cursor)}\n />\n </div>\n )}\n\n <CreateEventDialog open={createOpen} onOpenChange={setCreateOpen} />\n </PageLayout>\n );\n}\n"],"mappings":"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"}

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

	@@ -1 +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 { ArrowLeft, UserX, UserMinus, UserPlus, UserCheck, Pencil } 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 { useComProfile, useComMyFollows, useComFollow, useComUnfollow } from '../../hooks';\nimport { useComradeCircle } from '../../context';\nimport { notify, describeError } from '../../lib/toast';\nimport { cn } from '../../utils/cn';\nimport { useParams } from 'react-router-dom';\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 </div>\n </PageLayout>\n );\n}\n"],"mappings":"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"}
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 { ArrowLeft, UserX, UserMinus, UserPlus, UserCheck, Pencil } 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 { useComProfile, useComMyFollows, useComFollow, useComUnfollow } from '../../hooks';\nimport { useComradeCircle } from '../../context';\nimport { notify, describeError } from '../../lib/toast';\nimport { cn } from '../../utils/cn';\nimport { useParams } from 'react-router-dom';\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 </div>\n </PageLayout>\n );\n}\n"],"mappings":"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"}