npm - @burdenoff/microfe-comradecircle - Versions diffs - 2026.704.2 → 2026.704.3 - Mend

@burdenoff/microfe-comradecircle 2026.704.2 → 2026.704.3

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

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

@@ -4,8 +4,9 @@ import "../../context/index.js";
 import { useComCircles as n, useComMemberships as r } from "../../hooks/useComradeCircleApi.js";
 import { useCursorPager as i } from "../../hooks/useCursorPager.js";
 import "../../hooks/index.js";
-import { EmptyState as a } from "../../components/EmptyState.js";
-import { ErrorView as o, LoadingView as s } from "../../components/StateViews.js";
+import { formatNumber as a } from "../../utils/formatters.js";
+import { EmptyState as o } from "../../components/EmptyState.js";
+import { ErrorView as s } from "../../components/StateViews.js";
 import { Pagination as c } from "../../components/Pagination.js";
 import { FilterTabs as l } from "../../components/FilterTabs.js";
 import { CircleCard as u } from "../../components/CircleCard.js";
@@ -13,9 +14,39 @@ import { CreateCircleDialog as d } from "../../components/CreateCircleDialog.js"
 import { useMemo as f, useState as p } from "react";
 import { Plus as m } from "lucide-react";
 import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
-import { Button as v, Select as y, SelectContent as b, SelectItem as x, SelectTrigger as S, SelectValue as C } from "@burdenoff/fe-libs/ui";
+import { Button as v, GlassCard as y, Select as b, SelectContent as x, SelectItem as S, SelectTrigger as C, SelectValue as w, Skeleton as T } from "@burdenoff/fe-libs/ui";
 //#region src/comradecircle/pages/circles/CirclesPage.tsx
-var w = 12, T = [
+function E() {
+	return /* @__PURE__ */ _(y, {
+		treatment: "plain",
+		className: "flex flex-col p-5",
+		children: [
+			/* @__PURE__ */ _("div", {
+				className: "flex items-start gap-3",
+				children: [/* @__PURE__ */ g(T, { className: "h-12 w-12 shrink-0 rounded-full" }), /* @__PURE__ */ _("div", {
+					className: "min-w-0 flex-1 space-y-2",
+					children: [
+						/* @__PURE__ */ g(T, { className: "h-4 w-2/3 rounded" }),
+						/* @__PURE__ */ g(T, { className: "h-3 w-1/3 rounded" }),
+						/* @__PURE__ */ _("div", {
+							className: "flex gap-1.5 pt-1",
+							children: [/* @__PURE__ */ g(T, { className: "h-4 w-14 rounded-full" }), /* @__PURE__ */ g(T, { className: "h-4 w-16 rounded-full" })]
+						})
+					]
+				})]
+			}),
+			/* @__PURE__ */ _("div", {
+				className: "mt-3 space-y-2",
+				children: [/* @__PURE__ */ g(T, { className: "h-3 w-full rounded" }), /* @__PURE__ */ g(T, { className: "h-3 w-4/5 rounded" })]
+			}),
+			/* @__PURE__ */ _("div", {
+				className: "mt-4 flex items-center justify-between gap-3 border-t border-border-seam pt-3",
+				children: [/* @__PURE__ */ g(T, { className: "h-4 w-24 rounded" }), /* @__PURE__ */ g(T, { className: "h-8 w-16 rounded-lg" })]
+			})
+		]
+	});
+}
+var D = 12, O = [
 	{
 		value: "ALL",
 		label: "All"
@@ -28,7 +59,7 @@ var w = 12, T = [
 		value: "ARCHIVED",
 		label: "Archived"
 	}
-], E = [
+], k = [
 	{
 		value: "ALL",
 		label: "All visibility"
@@ -46,84 +77,103 @@ var w = 12, T = [
 		label: "Secret"
 	}
 ];
-function D() {
-	let { navigateTo: D, currentUser: O } = e(), k = i(), [A, j] = p("ALL"), [M, N] = p("ALL"), [P, F] = p(!1), { data: I, isLoading: L, isError: R, refetch: z } = n({
-		status: A === "ALL" ? void 0 : A,
-		visibility: M === "ALL" ? void 0 : M,
+function A() {
+	let { navigateTo: y, currentUser: T } = e(), A = i(), [j, M] = p("ALL"), [N, P] = p("ALL"), [F, I] = p(!1), { data: L, isLoading: R, isError: z, refetch: B } = n({
+		status: j === "ALL" ? void 0 : j,
+		visibility: N === "ALL" ? void 0 : N,
 		pagination: {
-			limit: w,
-			cursor: k.cursor
+			limit: D,
+			cursor: A.cursor
 		}
-	}), { data: B } = r({ status: "ACTIVE" }), V = f(() => {
+	}), { data: V } = r({ status: "ACTIVE" }), H = f(() => {
 		let e = /* @__PURE__ */ new Map();
-		for (let t of B?.items ?? []) t.memberId === O?.id && e.set(t.circleId, t);
+		for (let t of V?.items ?? []) t.memberId === T?.id && e.set(t.circleId, t);
 		return e;
-	}, [B, O?.id]), H = I?.items ?? [];
+	}, [V, T?.id]), U = L?.items ?? [];
 	return /* @__PURE__ */ _(t, {
 		title: "Circles",
+		titleGradient: !0,
+		aurora: !0,
 		description: "Discover and join communities — each circle has its own channels, members, events, and polls.",
 		actions: /* @__PURE__ */ _(v, {
-			onClick: () => F(!0),
+			onClick: () => I(!0),
 			children: [/* @__PURE__ */ g(m, { className: "mr-1.5 h-4 w-4" }), " Create circle"]
 		}),
 		children: [
 			/* @__PURE__ */ _("div", {
 				className: "mb-5 flex flex-wrap items-center gap-3",
 				children: [/* @__PURE__ */ g(l, {
-					options: T,
-					value: A,
+					options: O,
+					value: j,
 					onChange: (e) => {
-						j(e), k.reset();
+						M(e), A.reset();
 					}
-				}), /* @__PURE__ */ _(y, {
-					value: M,
+				}), /* @__PURE__ */ _(b, {
+					value: N,
 					onValueChange: (e) => {
-						N(e), k.reset();
+						P(e), A.reset();
 					},
-					children: [/* @__PURE__ */ g(S, {
+					children: [/* @__PURE__ */ g(C, {
 						className: "w-[10.5rem]",
 						"aria-label": "Filter by visibility",
-						children: /* @__PURE__ */ g(C, {})
-					}), /* @__PURE__ */ g(b, { children: E.map((e) => /* @__PURE__ */ g(x, {
+						children: /* @__PURE__ */ g(w, {})
+					}), /* @__PURE__ */ g(x, { children: k.map((e) => /* @__PURE__ */ g(S, {
 						value: e.value,
 						children: e.label
 					}, e.value)) })]
 				})]
 			}),
-			L ? /* @__PURE__ */ g(s, { label: "Loading circles…" }) : R ? /* @__PURE__ */ g(o, {
+			R ? /* @__PURE__ */ g("div", {
+				className: "grid gap-4 sm:grid-cols-2 xl:grid-cols-3",
+				"aria-busy": "true",
+				"aria-label": "Loading circles",
+				children: Array.from({ length: 6 }, (e, t) => /* @__PURE__ */ g(E, {}, t))
+			}) : z ? /* @__PURE__ */ g(s, {
 				message: "We couldn't load circles.",
-				onRetry: () => z()
-			}) : H.length === 0 && k.page === 0 ? /* @__PURE__ */ g(a, {
+				onRetry: () => B()
+			}) : U.length === 0 && A.page === 0 ? /* @__PURE__ */ g(o, {
 				illustration: "empty-people",
 				title: "No circles found",
-				description: A === "ALL" && M === "ALL" ? "Be the first to start a community. Create a circle to gather members around a shared interest." : "No circles match these filters. Try widening them or start your own.",
+				description: j === "ALL" && N === "ALL" ? "Be the first to start a community. Create a circle to gather members around a shared interest." : "No circles match these filters. Try widening them or start your own.",
 				action: /* @__PURE__ */ _(v, {
-					onClick: () => F(!0),
+					onClick: () => I(!0),
 					children: [/* @__PURE__ */ g(m, { className: "mr-1.5 h-4 w-4" }), " Create circle"]
 				})
-			}) : /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g("div", {
-				className: "grid gap-4 sm:grid-cols-2 xl:grid-cols-3",
-				children: H.map((e) => /* @__PURE__ */ g(u, {
-					circle: e,
-					membership: V.get(e.id) ?? null,
-					onOpen: () => D("circles/" + e.id)
-				}, e.id))
-			}), /* @__PURE__ */ g(c, {
-				page: k.page,
-				pageSize: w,
-				itemCount: H.length,
-				hasMore: I?.pageInfo.hasMore ?? !1,
-				onPageChange: (e) => k.onPageChange(e, I?.pageInfo.cursor)
-			})] }),
+			}) : /* @__PURE__ */ _(h, { children: [
+				/* @__PURE__ */ _("p", {
+					className: "mb-3 text-sm text-text-tertiary",
+					children: [
+						"Showing ",
+						a(U.length),
+						" circle",
+						U.length === 1 ? "" : "s"
+					]
+				}),
+				/* @__PURE__ */ g("div", {
+					className: "grid gap-4 sm:grid-cols-2 xl:grid-cols-3",
+					children: U.map((e) => /* @__PURE__ */ g(u, {
+						circle: e,
+						membership: H.get(e.id) ?? null,
+						onOpen: () => y("circles/" + e.id)
+					}, e.id))
+				}),
+				/* @__PURE__ */ g(c, {
+					page: A.page,
+					pageSize: D,
+					itemCount: U.length,
+					hasMore: L?.pageInfo.hasMore ?? !1,
+					onPageChange: (e) => A.onPageChange(e, L?.pageInfo.cursor)
+				})
+			] }),
 			/* @__PURE__ */ g(d, {
-				open: P,
-				onOpenChange: F,
-				onCreated: (e) => D("circles/" + e.id)
+				open: F,
+				onOpenChange: I,
+				onCreated: (e) => y("circles/" + e.id)
 			})
 		]
 	});
 }
 //#endregion
-export { D as CirclesPage };
+export { A as CirclesPage };
 //# sourceMappingURL=CirclesPage.js.map

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