npm - @burdenoff/microfe-eventfullymanaged - Versions diffs - 2026.704.6 → 2026.704.8 - Mend

@burdenoff/microfe-eventfullymanaged 2026.704.6 → 2026.704.8

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 (856) hide show

package/dist/eventfullymanaged/pages/modules/CommunicationPage.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CommunicationPage.js","names":[],"sources":["../../../../src/eventfullymanaged/pages/modules/CommunicationPage.tsx"],"sourcesContent":["import { Megaphone, Send, Upload } from 'lucide-react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport {\n Badge,\n Button,\n EmphasisPanel,\n GlassCard,\n GradientText,\n IllustratedEmptyState,\n Input,\n PagePurpose,\n} from '@burdenoff/fe-libs/ui';\nimport { useMemo, useState } from 'react';\n\nimport {\n useAnnouncementsQuery,\n useCommunicationCampaignsQuery,\n usePublishAnnouncementMutation,\n useSendCommunicationCampaignMutation,\n useUpsertAnnouncementMutation,\n useUpsertCommunicationCampaignMutation,\n} from '../../api/eventApi';\nimport { ActionMenu, type ActionMenuItem } from '../../components/ActionMenu';\nimport { Pagination, usePagination } from '../../components/Pagination';\nimport { describeError, mutationSucceeded } from '../../lib/mutationResult';\nimport { notify } from '../../lib/toast';\n\ntype SimpleRow = {\n id: string;\n name?: string \| null;\n title?: string \| null;\n status?: string \| null;\n};\n\nfunction statusVariant(status: string): 'success' \| 'warning' \| 'secondary' \| 'info' {\n const value = status.toLowerCase();\n if (['published', 'sent', 'active', 'completed'].includes(value)) return 'success';\n if (['cancelled', 'archived', 'failed', 'expired'].includes(value)) return 'warning';\n if (['draft', 'created', 'pending', 'scheduled'].includes(value)) return 'info';\n return 'secondary';\n}\n\nconst isDraft = (status?: string \| null): boolean => {\n const value = (status ?? '').toLowerCase();\n return value === '' \|\| value === 'draft' \|\| value === 'created';\n};\n\nconst rowLabel = (row: SimpleRow, fallback: string): string => row.title ?? row.name ?? `${fallback} ${row.id}`;\n\nfunction EntityRow({\n title,\n status,\n actions,\n ariaLabel,\n}: {\n title: string;\n status?: string \| null;\n actions: ActionMenuItem[];\n ariaLabel: string;\n}) {\n return (\n <li className=\"flex items-center justify-between gap-3 rounded-card border border-border-seam bg-bg-surface p-3 transition-[box-shadow,border-color] duration-200 hover:border-border-strong hover:shadow-elevation-1\">\n <p className=\"min-w-0 truncate font-medium text-text-primary\">{title}</p>\n <div className=\"flex shrink-0 items-center gap-2\">\n {status ? (\n <Badge variant={statusVariant(status)} className=\"uppercase\">\n {status}\n </Badge>\n ) : null}\n {actions.length > 0 ? <ActionMenu ariaLabel={ariaLabel} extraItems={actions} /> : null}\n </div>\n </li>\n );\n}\n\nexport default function CommunicationPage() {\n const { t: translate } = useI18n();\n const t = (key: string, fallback: string) => {\n const value = translate(key);\n return value === key ? fallback : value;\n };\n\n const announcementPagination = usePagination({ pageSize: 10 });\n const campaignPagination = usePagination({ pageSize: 10 });\n\n const announcementsQuery = useAnnouncementsQuery({\n limit: announcementPagination.limit,\n offset: announcementPagination.offset,\n });\n const campaignsQuery = useCommunicationCampaignsQuery({\n limit: campaignPagination.limit,\n offset: campaignPagination.offset,\n });\n\n const [createAnnouncement, { loading: creatingAnnouncement }] = useUpsertAnnouncementMutation();\n const [publishAnnouncement, { loading: publishing }] = usePublishAnnouncementMutation();\n const [createCampaign, { loading: creatingCampaign }] = useUpsertCommunicationCampaignMutation();\n const [sendCampaign, { loading: sending }] = useSendCommunicationCampaignMutation();\n\n const [announcementTitle, setAnnouncementTitle] = useState('');\n const [campaignTitle, setCampaignTitle] = useState('');\n\n const announcements = useMemo(\n () => (announcementsQuery.data?.announcements.items ?? []) as SimpleRow[],\n [announcementsQuery.data]\n );\n const announcementTotal = announcementsQuery.data?.announcements.total ?? 0;\n const campaigns = useMemo(\n () => (campaignsQuery.data?.communicationCampaigns.items ?? []) as SimpleRow[],\n [campaignsQuery.data]\n );\n const campaignTotal = campaignsQuery.data?.communicationCampaigns.total ?? 0;\n\n const onCreateAnnouncement = async () => {\n if (!announcementTitle.trim()) return;\n const failureMessage = t('eventfullymanaged.communication.errors.create', 'Could not create announcement');\n try {\n const response = await createAnnouncement({\n variables: { input: { title: announcementTitle, name: announcementTitle, status: 'draft', metadata: {} } },\n });\n if (!mutationSucceeded(response, response.data?.upsertAnnouncement?.id, failureMessage)) {\n return;\n }\n setAnnouncementTitle('');\n notify.success(t('eventfullymanaged.communication.created', 'Announcement created'));\n await announcementsQuery.refetch();\n } catch (error) {\n notify.error(failureMessage, describeError(error));\n }\n };\n\n const onPublishAnnouncement = async (row: SimpleRow) => {\n const failureMessage = t('eventfullymanaged.communication.errors.publish', 'Could not publish announcement');\n try {\n const response = await publishAnnouncement({ variables: { id: row.id } });\n if (!mutationSucceeded(response, response.data?.publishAnnouncement?.id, failureMessage)) {\n return;\n }\n notify.success(t('eventfullymanaged.communication.published', 'Announcement published'));\n } catch (error) {\n notify.error(failureMessage, describeError(error));\n }\n };\n\n const onCreateCampaign = async () => {\n if (!campaignTitle.trim()) return;\n const failureMessage = t('eventfullymanaged.communication.errors.createCampaign', 'Could not create campaign');\n try {\n const response = await createCampaign({\n variables: { input: { title: campaignTitle, name: campaignTitle, status: 'draft', metadata: {} } },\n });\n if (!mutationSucceeded(response, response.data?.upsertCommunicationCampaign?.id, failureMessage)) {\n return;\n }\n setCampaignTitle('');\n notify.success(t('eventfullymanaged.communication.campaignCreated', 'Campaign created'));\n await campaignsQuery.refetch();\n } catch (error) {\n notify.error(failureMessage, describeError(error));\n }\n };\n\n const onSendCampaign = async (row: SimpleRow) => {\n const failureMessage = t('eventfullymanaged.communication.errors.send', 'Could not send campaign');\n try {\n const response = await sendCampaign({ variables: { id: row.id } });\n if (!mutationSucceeded(response, response.data?.sendCommunicationCampaign?.id, failureMessage)) {\n return;\n }\n notify.success(t('eventfullymanaged.communication.sent', 'Campaign delivery started'));\n } catch (error) {\n notify.error(failureMessage, describeError(error));\n }\n };\n\n return (\n <div className=\"space-y-6 p-6\">\n <PagePurpose>\n {t(\n 'eventfullymanaged.communication.purpose',\n 'Keep attendees informed and engaged. Announcements are one-off broadcasts (a schedule change, a welcome message); campaigns are scheduled, multi-step outreach (reminder emails, follow-ups). Draft each one here, then publish an announcement or send a campaign — delivery runs server-side through the notification service.'\n )}\n </PagePurpose>\n\n <EmphasisPanel>\n <h1 className=\"text-2xl font-bold text-text-primary\">\n <GradientText>{t('eventfullymanaged.communication.title', 'Communication')}</GradientText>\n </h1>\n <p className=\"mt-1 text-sm text-text-secondary\">\n {t(\n 'eventfullymanaged.communication.description',\n 'Draft announcements and campaigns, then publish or send them via workspace APIs.'\n )}\n </p>\n <div className=\"mt-4 grid grid-cols-1 gap-4 lg:grid-cols-2\">\n <div className=\"space-y-2\">\n <p className=\"text-sm font-medium text-text-primary\">\n {t('eventfullymanaged.communication.announcements.heading', 'Announcements')}\n </p>\n <div className=\"flex flex-col gap-2 sm:flex-row\">\n <Input\n value={announcementTitle}\n onChange={(e) => setAnnouncementTitle(e.target.value)}\n placeholder={t('eventfullymanaged.communication.inputPlaceholder', 'Emergency schedule update')}\n aria-label={t('eventfullymanaged.communication.inputPlaceholder', 'Emergency schedule update')}\n className=\"flex-1\"\n />\n <Button type=\"button\" disabled={creatingAnnouncement} onClick={onCreateAnnouncement}>\n <Megaphone className=\"h-4 w-4\" />\n {creatingAnnouncement\n ? t('eventfullymanaged.communication.actions.creating', 'Creating...')\n : t('eventfullymanaged.communication.actions.createAnnouncement', 'Create Announcement')}\n </Button>\n </div>\n </div>\n <div className=\"space-y-2\">\n <p className=\"text-sm font-medium text-text-primary\">\n {t('eventfullymanaged.communication.campaigns.heading', 'Campaigns')}\n </p>\n <div className=\"flex flex-col gap-2 sm:flex-row\">\n <Input\n value={campaignTitle}\n onChange={(e) => setCampaignTitle(e.target.value)}\n placeholder={t('eventfullymanaged.communication.campaignPlaceholder', 'Week-before reminder')}\n aria-label={t('eventfullymanaged.communication.campaignPlaceholder', 'Week-before reminder')}\n className=\"flex-1\"\n />\n <Button type=\"button\" variant=\"outline\" disabled={creatingCampaign} onClick={onCreateCampaign}>\n <Send className=\"h-4 w-4\" />\n {creatingCampaign\n ? t('eventfullymanaged.communication.actions.creating', 'Creating...')\n : t('eventfullymanaged.communication.actions.createCampaign', 'New Campaign')}\n </Button>\n </div>\n </div>\n </div>\n </EmphasisPanel>\n\n <GlassCard treatment=\"plain\" className=\"border-border-seam p-5\">\n <h2 className=\"text-lg font-semibold text-text-primary\">\n {announcementsQuery.loading\n ? t('eventfullymanaged.communication.announcements.loading', 'Loading announcements...')\n : `${t('eventfullymanaged.communication.announcements.heading', 'Announcements')} (${announcementTotal})`}\n </h2>\n <div className=\"mt-4\">\n {announcements.length === 0 ? (\n <IllustratedEmptyState\n illustration=\"empty-data\"\n title={t('eventfullymanaged.communication.announcements.empty', 'No announcements published yet.')}\n className=\"py-8\"\n />\n ) : (\n <ul className=\"space-y-2.5\">\n {announcements.map((row) => {\n const publishAction: ActionMenuItem[] = isDraft(row.status)\n ? [\n {\n key: 'publish',\n label: t('eventfullymanaged.communication.actions.publish', 'Publish'),\n icon: Upload,\n disabled: publishing,\n onSelect: () => void onPublishAnnouncement(row),\n },\n ]\n : [];\n return (\n <EntityRow\n key={row.id}\n title={rowLabel(row, t('eventfullymanaged.communication.announcements.itemPrefix', 'Announcement'))}\n status={row.status}\n actions={publishAction}\n ariaLabel={t('eventfullymanaged.communication.announcements.rowActions', 'Announcement actions')}\n />\n );\n })}\n </ul>\n )}\n <Pagination\n offset={announcementPagination.offset}\n limit={announcementPagination.limit}\n loadedCount={announcements.length}\n total={announcementTotal}\n onPrev={announcementPagination.prevPage}\n onNext={announcementPagination.nextPage}\n itemLabel={t('eventfullymanaged.communication.announcements.heading', 'Announcements').toLowerCase()}\n loading={announcementsQuery.loading}\n />\n </div>\n </GlassCard>\n\n <GlassCard treatment=\"plain\" className=\"border-border-seam p-5\">\n <h2 className=\"text-lg font-semibold text-text-primary\">\n {campaignsQuery.loading\n ? t('eventfullymanaged.communication.campaigns.loading', 'Loading campaigns...')\n : `${t('eventfullymanaged.communication.campaigns.heading', 'Campaigns')} (${campaignTotal})`}\n </h2>\n <div className=\"mt-4\">\n {campaigns.length === 0 ? (\n <IllustratedEmptyState\n illustration=\"empty-data\"\n title={t('eventfullymanaged.communication.campaigns.empty', 'No communication campaigns created yet.')}\n className=\"py-8\"\n />\n ) : (\n <ul className=\"space-y-2.5\">\n {campaigns.map((row) => {\n const sendAction: ActionMenuItem[] = isDraft(row.status)\n ? [\n {\n key: 'send',\n label: t('eventfullymanaged.communication.actions.send', 'Send Campaign'),\n icon: Send,\n disabled: sending,\n onSelect: () => void onSendCampaign(row),\n },\n ]\n : [];\n return (\n <EntityRow\n key={row.id}\n title={rowLabel(row, t('eventfullymanaged.communication.campaigns.itemPrefix', 'Campaign'))}\n status={row.status}\n actions={sendAction}\n ariaLabel={t('eventfullymanaged.communication.campaigns.rowActions', 'Campaign actions')}\n />\n );\n })}\n </ul>\n )}\n <Pagination\n offset={campaignPagination.offset}\n limit={campaignPagination.limit}\n loadedCount={campaigns.length}\n total={campaignTotal}\n onPrev={campaignPagination.prevPage}\n onNext={campaignPagination.nextPage}\n itemLabel={t('eventfullymanaged.communication.campaigns.heading', 'Campaigns').toLowerCase()}\n loading={campaignsQuery.loading}\n />\n </div>\n </GlassCard>\n </div>\n );\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"CommunicationPage.js","names":[],"sources":["../../../../src/eventfullymanaged/pages/modules/CommunicationPage.tsx"],"sourcesContent":["import { Mail, Megaphone, Plus, Send, Upload } from 'lucide-react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport {\n Badge,\n Button,\n GlassCard,\n GradientText,\n IllustratedEmptyState,\n Input,\n PagePurpose,\n Textarea,\n} from '@burdenoff/fe-libs/ui';\nimport { useMemo, useState } from 'react';\n\nimport {\n useAnnouncementsQuery,\n useCommunicationCampaignsQuery,\n usePublishAnnouncementMutation,\n useSendCommunicationCampaignMutation,\n useUpsertAnnouncementMutation,\n useUpsertCommunicationCampaignMutation,\n} from '../../api/eventApi';\nimport { Pagination, usePagination } from '../../components/Pagination';\nimport { describeError, mutationSucceeded } from '../../lib/mutationResult';\nimport { notify } from '../../lib/toast';\n\ntype SimpleRow = {\n id: string;\n name?: string \| null;\n title?: string \| null;\n status?: string \| null;\n};\n\ntype ComposeKind = 'announcement' \| 'campaign';\n\nfunction statusVariant(status: string): 'success' \| 'warning' \| 'secondary' \| 'info' {\n const value = status.toLowerCase();\n if (['published', 'sent', 'active', 'completed'].includes(value)) return 'success';\n if (['cancelled', 'archived', 'failed', 'expired'].includes(value)) return 'warning';\n if (['draft', 'created', 'pending', 'scheduled'].includes(value)) return 'info';\n return 'secondary';\n}\n\nconst isDraft = (status?: string \| null): boolean => {\n const value = (status ?? '').toLowerCase();\n return value === '' \|\| value === 'draft' \|\| value === 'created';\n};\n\nconst rowLabel = (row: SimpleRow, fallback: string): string => row.title ?? row.name ?? `${fallback} ${row.id}`;\n\nexport default function CommunicationPage() {\n const { t: translate } = useI18n();\n const t = (key: string, fallback: string) => {\n const value = translate(key);\n return value === key ? fallback : value;\n };\n\n const announcementPagination = usePagination({ pageSize: 8 });\n const campaignPagination = usePagination({ pageSize: 8 });\n\n const announcementsQuery = useAnnouncementsQuery({\n limit: announcementPagination.limit,\n offset: announcementPagination.offset,\n });\n const campaignsQuery = useCommunicationCampaignsQuery({\n limit: campaignPagination.limit,\n offset: campaignPagination.offset,\n });\n\n const [createAnnouncement, { loading: creatingAnnouncement }] = useUpsertAnnouncementMutation();\n const [publishAnnouncement, { loading: publishing }] = usePublishAnnouncementMutation();\n const [createCampaign, { loading: creatingCampaign }] = useUpsertCommunicationCampaignMutation();\n const [sendCampaign, { loading: sending }] = useSendCommunicationCampaignMutation();\n\n const [kind, setKind] = useState<ComposeKind>('announcement');\n const [subject, setSubject] = useState('');\n const [audience, setAudience] = useState('');\n const [body, setBody] = useState('');\n\n const announcements = useMemo(\n () => (announcementsQuery.data?.announcements.items ?? []) as SimpleRow[],\n [announcementsQuery.data]\n );\n const announcementTotal = announcementsQuery.data?.announcements.total ?? 0;\n const campaigns = useMemo(\n () => (campaignsQuery.data?.communicationCampaigns.items ?? []) as SimpleRow[],\n [campaignsQuery.data]\n );\n const campaignTotal = campaignsQuery.data?.communicationCampaigns.total ?? 0;\n\n const composing = kind === 'announcement' ? creatingAnnouncement : creatingCampaign;\n const resetCompose = () => {\n setSubject('');\n setAudience('');\n setBody('');\n };\n\n const onCompose = async () => {\n if (!subject.trim()) {\n notify.error(t('eventfullymanaged.communication.subjectRequired', 'Subject required'), '');\n return;\n }\n const metadata: Record<string, unknown> = {};\n if (body.trim()) metadata.body = body.trim();\n if (audience.trim()) metadata.audience = audience.trim();\n\n if (kind === 'announcement') {\n const failureMessage = t('eventfullymanaged.communication.errors.create', 'Could not create announcement');\n try {\n const response = await createAnnouncement({\n variables: { input: { title: subject, name: subject, status: 'draft', metadata } },\n });\n if (!mutationSucceeded(response, response.data?.upsertAnnouncement?.id, failureMessage)) return;\n resetCompose();\n notify.success(t('eventfullymanaged.communication.created', 'Announcement created'));\n await announcementsQuery.refetch();\n } catch (error) {\n notify.error(failureMessage, describeError(error));\n }\n return;\n }\n\n const failureMessage = t('eventfullymanaged.communication.errors.createCampaign', 'Could not create campaign');\n try {\n const response = await createCampaign({\n variables: { input: { title: subject, name: subject, status: 'draft', metadata } },\n });\n if (!mutationSucceeded(response, response.data?.upsertCommunicationCampaign?.id, failureMessage)) return;\n resetCompose();\n notify.success(t('eventfullymanaged.communication.campaignCreated', 'Campaign created'));\n await campaignsQuery.refetch();\n } catch (error) {\n notify.error(failureMessage, describeError(error));\n }\n };\n\n const onPublishAnnouncement = async (row: SimpleRow) => {\n const failureMessage = t('eventfullymanaged.communication.errors.publish', 'Could not publish announcement');\n try {\n const response = await publishAnnouncement({ variables: { id: row.id } });\n if (!mutationSucceeded(response, response.data?.publishAnnouncement?.id, failureMessage)) return;\n notify.success(t('eventfullymanaged.communication.published', 'Announcement published'));\n await announcementsQuery.refetch();\n } catch (error) {\n notify.error(failureMessage, describeError(error));\n }\n };\n\n const onSendCampaign = async (row: SimpleRow) => {\n const failureMessage = t('eventfullymanaged.communication.errors.send', 'Could not send campaign');\n try {\n const response = await sendCampaign({ variables: { id: row.id } });\n if (!mutationSucceeded(response, response.data?.sendCommunicationCampaign?.id, failureMessage)) return;\n notify.success(t('eventfullymanaged.communication.sent', 'Campaign delivery started'));\n await campaignsQuery.refetch();\n } catch (error) {\n notify.error(failureMessage, describeError(error));\n }\n };\n\n return (\n <div className=\"space-y-6 p-6\">\n <PagePurpose>\n {t(\n 'eventfullymanaged.communication.purpose',\n 'Keep attendees informed and engaged. Announcements are one-off broadcasts (a schedule change, a welcome message); campaigns are scheduled, multi-step outreach (reminder emails, follow-ups). Compose each one here, then publish an announcement or send a campaign — delivery runs server-side through the notification service.'\n )}\n </PagePurpose>\n\n <div className=\"flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between\">\n <div>\n <h1 className=\"text-2xl font-bold text-text-primary\">\n <GradientText>{t('eventfullymanaged.communication.title', 'Communications')}</GradientText>\n </h1>\n <p className=\"mt-1 text-sm text-text-secondary\">\n {t('eventfullymanaged.communication.description', 'Draft, publish and send from one place.')}\n </p>\n </div>\n <div className=\"flex flex-col gap-2 sm:flex-row\">\n <Button\n type=\"button\"\n variant={kind === 'announcement' ? 'default' : 'outline'}\n onClick={() => setKind('announcement')}\n >\n <Plus className=\"h-4 w-4\" />\n {t('eventfullymanaged.communication.actions.newAnnouncement', 'New announcement')}\n </Button>\n <Button\n type=\"button\"\n variant={kind === 'campaign' ? 'default' : 'outline'}\n onClick={() => setKind('campaign')}\n >\n <Plus className=\"h-4 w-4\" />\n {t('eventfullymanaged.communication.actions.newCampaign', 'New campaign')}\n </Button>\n </div>\n </div>\n\n {/* Compose + live preview /}\n <GlassCard treatment=\"glass\" glow className=\"p-5\">\n <div className=\"grid grid-cols-1 gap-6 lg:grid-cols-2\">\n <div className=\"space-y-3\">\n <div className=\"flex items-center gap-2\">\n {kind === 'announcement' ? (\n <Megaphone className=\"h-4 w-4 text-accent-primary\" />\n ) : (\n <Mail className=\"h-4 w-4 text-accent-primary\" />\n )}\n <h2 className=\"text-base font-semibold text-text-primary\">\n {kind === 'announcement'\n ? t('eventfullymanaged.communication.compose.announcement', 'Compose announcement')\n : t('eventfullymanaged.communication.compose.campaign', 'Compose campaign')}\n </h2>\n </div>\n <label className=\"block space-y-1 text-sm\">\n <span className=\"font-medium text-text-primary\">\n {t('eventfullymanaged.communication.fields.subject', 'Subject')}\n </span>\n <Input\n value={subject}\n onChange={(e) => setSubject(e.target.value)}\n placeholder={t(\n 'eventfullymanaged.communication.fields.subjectPlaceholder',\n 'Q4 Product Roadmap Update'\n )}\n aria-label={t('eventfullymanaged.communication.fields.subject', 'Subject')}\n />\n </label>\n <label className=\"block space-y-1 text-sm\">\n <span className=\"font-medium text-text-primary\">\n {t('eventfullymanaged.communication.fields.audience', 'Audience')}\n </span>\n <Input\n value={audience}\n onChange={(e) => setAudience(e.target.value)}\n placeholder={t('eventfullymanaged.communication.fields.audiencePlaceholder', 'All attendees')}\n aria-label={t('eventfullymanaged.communication.fields.audience', 'Audience')}\n />\n </label>\n <label className=\"block space-y-1 text-sm\">\n <span className=\"font-medium text-text-primary\">\n {t('eventfullymanaged.communication.fields.body', 'Message')}\n </span>\n <Textarea\n value={body}\n onChange={(e) => setBody(e.target.value)}\n rows={5}\n placeholder={t(\n 'eventfullymanaged.communication.fields.bodyPlaceholder',\n 'Hi there, here are the latest updates…'\n )}\n aria-label={t('eventfullymanaged.communication.fields.body', 'Message')}\n />\n </label>\n <div className=\"flex justify-end\">\n <Button type=\"button\" disabled={composing} onClick={onCompose}>\n {composing\n ? t('eventfullymanaged.communication.actions.saving', 'Saving…')\n : kind === 'announcement'\n ? t('eventfullymanaged.communication.actions.createAnnouncement', 'Create draft')\n : t('eventfullymanaged.communication.actions.createCampaign', 'Create draft')}\n </Button>\n </div>\n </div>\n\n {/ Live preview /}\n <div className=\"rounded-card border border-border-seam bg-bg-surface p-4\">\n <div className=\"flex items-center justify-between border-b border-border-seam pb-2\">\n <span className=\"flex items-center gap-2 text-xs font-medium uppercase tracking-wide text-text-muted\">\n <Mail className=\"h-3.5 w-3.5\" />\n {t('eventfullymanaged.communication.preview.label', 'Preview')}\n </span>\n <Badge variant=\"info\" className=\"uppercase\">\n {t('eventfullymanaged.communication.preview.draft', 'Draft')}\n </Badge>\n </div>\n <div className=\"mt-3 space-y-2\">\n <p className=\"text-base font-semibold text-text-primary\">\n {subject.trim() \|\| t('eventfullymanaged.communication.preview.noSubject', 'Your subject line')}\n </p>\n {audience.trim() ? (\n <p className=\"text-xs text-text-secondary\">\n {t('eventfullymanaged.communication.preview.to', 'To')}: {audience.trim()}\n </p>\n ) : null}\n <p className=\"whitespace-pre-wrap text-sm text-text-secondary\">\n {body.trim() \|\|\n t('eventfullymanaged.communication.preview.noBody', 'Start typing to see your message preview here.')}\n </p>\n </div>\n </div>\n </div>\n </GlassCard>\n\n {/ Two-pane lists */}\n <div className=\"grid grid-cols-1 gap-6 lg:grid-cols-2\">\n <GlassCard treatment=\"plain\" className=\"border-border-seam p-5\">\n <div className=\"flex items-center justify-between\">\n <h2 className=\"text-lg font-semibold text-text-primary\">\n {t('eventfullymanaged.communication.announcements.heading', 'Announcements')}\n </h2>\n {announcementTotal > 0 ? <span className=\"text-sm text-text-muted\">{announcementTotal}</span> : null}\n </div>\n <div className=\"mt-4\">\n {announcementsQuery.loading && announcements.length === 0 ? (\n <p className=\"py-8 text-center text-sm text-text-secondary\">\n {t('eventfullymanaged.communication.announcements.loading', 'Loading announcements…')}\n </p>\n ) : announcements.length === 0 ? (\n <IllustratedEmptyState\n illustration=\"empty-data\"\n title={t('eventfullymanaged.communication.announcements.empty', 'No announcements yet.')}\n className=\"py-8\"\n />\n ) : (\n <ul className=\"space-y-2.5\">\n {announcements.map((row) => (\n <li\n key={row.id}\n className=\"flex items-center justify-between gap-3 rounded-card border border-border-seam bg-bg-surface p-3 transition-[box-shadow,border-color] duration-200 hover:border-border-strong hover:shadow-elevation-1\"\n >\n <p className=\"min-w-0 truncate font-medium text-text-primary\">\n {rowLabel(row, t('eventfullymanaged.communication.announcements.itemPrefix', 'Announcement'))}\n </p>\n <div className=\"flex shrink-0 items-center gap-2\">\n {row.status ? (\n <Badge variant={statusVariant(row.status)} className=\"uppercase\">\n {row.status}\n </Badge>\n ) : null}\n {isDraft(row.status) ? (\n <Button\n type=\"button\"\n size=\"sm\"\n disabled={publishing}\n onClick={() => void onPublishAnnouncement(row)}\n >\n <Upload className=\"h-3.5 w-3.5\" />\n {t('eventfullymanaged.communication.actions.publish', 'Publish')}\n </Button>\n ) : null}\n </div>\n </li>\n ))}\n </ul>\n )}\n <Pagination\n offset={announcementPagination.offset}\n limit={announcementPagination.limit}\n loadedCount={announcements.length}\n total={announcementTotal}\n onPrev={announcementPagination.prevPage}\n onNext={announcementPagination.nextPage}\n itemLabel={t('eventfullymanaged.communication.announcements.heading', 'Announcements').toLowerCase()}\n loading={announcementsQuery.loading}\n />\n </div>\n </GlassCard>\n\n <GlassCard treatment=\"plain\" className=\"border-border-seam p-5\">\n <div className=\"flex items-center justify-between\">\n <h2 className=\"text-lg font-semibold text-text-primary\">\n {t('eventfullymanaged.communication.campaigns.heading', 'Campaigns')}\n </h2>\n {campaignTotal > 0 ? <span className=\"text-sm text-text-muted\">{campaignTotal}</span> : null}\n </div>\n <div className=\"mt-4\">\n {campaignsQuery.loading && campaigns.length === 0 ? (\n <p className=\"py-8 text-center text-sm text-text-secondary\">\n {t('eventfullymanaged.communication.campaigns.loading', 'Loading campaigns…')}\n </p>\n ) : campaigns.length === 0 ? (\n <IllustratedEmptyState\n illustration=\"empty-data\"\n title={t('eventfullymanaged.communication.campaigns.empty', 'No campaigns yet.')}\n className=\"py-8\"\n />\n ) : (\n <ul className=\"space-y-2.5\">\n {campaigns.map((row) => (\n <li\n key={row.id}\n className=\"flex items-center justify-between gap-3 rounded-card border border-border-seam bg-bg-surface p-3 transition-[box-shadow,border-color] duration-200 hover:border-border-strong hover:shadow-elevation-1\"\n >\n <p className=\"min-w-0 truncate font-medium text-text-primary\">\n {rowLabel(row, t('eventfullymanaged.communication.campaigns.itemPrefix', 'Campaign'))}\n </p>\n <div className=\"flex shrink-0 items-center gap-2\">\n {row.status ? (\n <Badge variant={statusVariant(row.status)} className=\"uppercase\">\n {row.status}\n </Badge>\n ) : null}\n {isDraft(row.status) ? (\n <Button type=\"button\" size=\"sm\" disabled={sending} onClick={() => void onSendCampaign(row)}>\n <Send className=\"h-3.5 w-3.5\" />\n {t('eventfullymanaged.communication.actions.send', 'Send campaign')}\n </Button>\n ) : null}\n </div>\n </li>\n ))}\n </ul>\n )}\n <Pagination\n offset={campaignPagination.offset}\n limit={campaignPagination.limit}\n loadedCount={campaigns.length}\n total={campaignTotal}\n onPrev={campaignPagination.prevPage}\n onNext={campaignPagination.nextPage}\n itemLabel={t('eventfullymanaged.communication.campaigns.heading', 'Campaigns').toLowerCase()}\n loading={campaignsQuery.loading}\n />\n </div>\n </GlassCard>\n </div>\n </div>\n );\n}\n"],"mappings":"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"}

package/dist/eventfullymanaged/pages/modules/EventsPage.js CHANGED Viewed

@@ -1,14 +1,29 @@
 import { useEventfullyManaged as e } from "../../context/EventfullyManagedContext.js";
-import { useEventsQuery as t } from "../../api/eventApi.js";
-import { ActionMenu as n } from "../../components/ActionMenu.js";
-import { Pagination as r, usePagination as i } from "../../components/Pagination.js";
-import { useMemo as a, useState as o } from "react";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
-import { CalendarClock as l, CalendarPlus as u, Search as d, Ticket as f, Users as p } from "lucide-react";
-import { useI18n as m } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { Badge as h, Button as g, EmphasisPanel as _, GlassCard as v, GradientText as y, IllustratedEmptyState as b, Input as x, NextSteps as S, PagePurpose as C } from "@burdenoff/fe-libs/ui";
+import { gql as t } from "../../../node_modules/graphql-tag/lib/index.js";
+import { useQuery as n } from "../../../node_modules/@apollo/client/react/hooks/useQuery.js";
+import { useEventsQuery as r, useSponsorsQuery as i, useVenuesQuery as a } from "../../api/eventApi.js";
+import { formatDateTime as o } from "../events/eventFormUtils.js";
+import { ActionMenu as s } from "../../components/ActionMenu.js";
+import { Pagination as c, usePagination as l } from "../../components/Pagination.js";
+import { useMemo as u, useState as d } from "react";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { Award as m, CalendarClock as h, CalendarDays as g, CalendarPlus as _, MapPin as v, Search as ee, Ticket as y, UserCheck as b, Users as x } from "lucide-react";
+import { useI18n as S } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { Badge as C, Button as w, EmphasisPanel as T, GlassCard as E, GradientText as D, IllustratedEmptyState as O, Input as k, NextSteps as te, PagePurpose as ne, Skeleton as A, Tabs as re, TabsList as ie, TabsTrigger as j } from "@burdenoff/fe-libs/ui";
 //#region src/eventfullymanaged/pages/modules/EventsPage.tsx
-function w(e) {
+var M = t`
+  query EventfullymanagedEventsRegistrations($limit: Int) {
+    registrations: eventfullyManagedRegistrations(limit: $limit, offset: 0) {
+      total
+      items {
+        id
+        eventId
+        checkedInAt
+      }
+    }
+  }
+`;
+function N(e) {
 	let t = e.toLowerCase();
 	return [
 		"active",
@@ -30,126 +45,326 @@ function w(e) {
 		"scheduled"
 	].includes(t) ? "info" : "secondary";
 }
-function T() {
-	let { t: T } = m(), E = (e, t) => {
-		let n = T(e);
-		return n === e ? t : n;
-	}, { navigate: D } = e(), [O, k] = o(""), A = i({ resetKey: O }), { data: j, loading: M } = t({
-		search: O,
-		limit: A.limit,
-		offset: A.offset
-	}), N = j?.events?.total ?? 0, P = a(() => j?.events?.items ?? [], [j]);
-	return /* @__PURE__ */ c("div", {
+function P(e, t) {
+	let n = e ? o(e) : "", r = t ? o(t) : "";
+	return n && r ? `${n} — ${r}` : n || r || "No schedule set";
+}
+function F(e, t) {
+	let n = Date.now(), r = e ? new Date(e).getTime() : NaN, i = t ? new Date(t).getTime() : NaN, a = !Number.isNaN(r), o = !Number.isNaN(i);
+	return !a && !o ? null : a && n < r ? "upcoming" : o && n > i ? "past" : a ? "live" : "upcoming";
+}
+function I({ icon: e, label: t, value: n, loading: r }) {
+	return /* @__PURE__ */ f(E, {
+		treatment: "plain",
+		className: "border-border-seam p-4",
+		children: /* @__PURE__ */ p("div", {
+			className: "flex items-center gap-3",
+			children: [/* @__PURE__ */ f("span", {
+				className: "flex h-9 w-9 shrink-0 items-center justify-center rounded-button bg-bg-sunken text-text-secondary",
+				children: /* @__PURE__ */ f(e, { className: "h-4 w-4" })
+			}), /* @__PURE__ */ p("div", {
+				className: "min-w-0",
+				children: [r ? /* @__PURE__ */ f(A, { className: "h-6 w-12" }) : /* @__PURE__ */ f("p", {
+					className: "truncate text-xl font-bold tabular-nums text-text-primary",
+					children: n
+				}), /* @__PURE__ */ f("p", {
+					className: "truncate text-xs text-text-muted",
+					children: t
+				})]
+			})]
+		})
+	});
+}
+function L({ icon: e, label: t, value: n }) {
+	return /* @__PURE__ */ p("div", {
+		className: "flex items-center gap-1.5",
+		children: [
+			/* @__PURE__ */ f(e, { className: "h-3.5 w-3.5 text-text-muted" }),
+			/* @__PURE__ */ f("span", {
+				className: "tabular-nums font-medium text-text-primary",
+				children: n
+			}),
+			/* @__PURE__ */ f("span", {
+				className: "text-text-muted",
+				children: t
+			})
+		]
+	});
+}
+function R() {
+	let { t } = S(), o = (e, n) => {
+		let r = t(e);
+		return r === e ? n : r;
+	}, { navigate: R } = e(), [z, B] = d(""), [V, H] = d("all"), U = l({ resetKey: z }), { data: W, loading: G } = r({
+		search: z,
+		limit: U.limit,
+		offset: U.offset
+	}), { data: K, loading: q } = a({
+		limit: 100,
+		offset: 0
+	}), { data: J, loading: ae } = i({
+		limit: 1,
+		offset: 0
+	}), { data: Y, loading: oe } = n(M, { variables: { limit: 500 } }), X = W?.events?.total ?? 0, Z = u(() => W?.events?.items ?? [], [W]), se = Y?.registrations?.total ?? 0, Q = K?.venues?.total ?? 0, ce = J?.sponsors?.total ?? 0, $ = u(() => V === "all" ? Z : Z.filter((e) => F(e.startAt, e.endAt) === V), [Z, V]), le = u(() => {
+		let e = /* @__PURE__ */ new Map();
+		for (let t of K?.venues?.items ?? []) e.set(t.id, t.name);
+		return e;
+	}, [K]), ue = u(() => {
+		let e = /* @__PURE__ */ new Map();
+		for (let t of Y?.registrations?.items ?? []) {
+			let n = e.get(t.eventId) ?? {
+				registrations: 0,
+				checkedIn: 0
+			};
+			n.registrations += 1, t.checkedInAt && (n.checkedIn += 1), e.set(t.eventId, n);
+		}
+		return e;
+	}, [Y]);
+	return /* @__PURE__ */ p("div", {
 		className: "space-y-6 p-6",
 		children: [
-			/* @__PURE__ */ s(C, { children: E("eventfullymanaged.events.purpose", "Events are the heart of the platform — each one is a happening you sell tickets for, register attendees to, and run on the day. Create an event, open it to reveal its agenda, speakers and ticket types, then publish it when it is ready.") }),
-			/* @__PURE__ */ s(_, { children: /* @__PURE__ */ c("div", {
+			/* @__PURE__ */ f(ne, { children: o("eventfullymanaged.events.purpose", "Events are the heart of the platform — each one is a happening you sell tickets for, register attendees to, and run on the day. Create an event, open it to reveal its agenda, speakers and ticket types, then publish it when it is ready.") }),
+			/* @__PURE__ */ f(T, { children: /* @__PURE__ */ p("div", {
 				className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between",
-				children: [/* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("h1", {
+				children: [/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("h1", {
 					className: "text-2xl font-bold text-text-primary",
-					children: /* @__PURE__ */ s(y, { children: E("eventfullymanaged.events.title", "Events") })
-				}), /* @__PURE__ */ s("p", {
+					children: /* @__PURE__ */ f(D, { children: o("eventfullymanaged.events.title", "Events") })
+				}), /* @__PURE__ */ f("p", {
 					className: "mt-1 text-sm text-text-secondary",
-					children: E("eventfullymanaged.events.description", "Create and manage live events from the workspace graph.")
-				})] }), /* @__PURE__ */ c(g, {
+					children: o("eventfullymanaged.events.description", "Create and manage live events from the workspace graph.")
+				})] }), /* @__PURE__ */ p(w, {
 					type: "button",
-					onClick: () => D("/events/create"),
-					children: [/* @__PURE__ */ s(u, { className: "h-4 w-4" }), E("eventfullymanaged.events.actions.create", "Create Event")]
+					onClick: () => R("/events/create"),
+					children: [/* @__PURE__ */ f(_, { className: "h-4 w-4" }), o("eventfullymanaged.events.actions.create", "Create Event")]
 				})]
 			}) }),
-			/* @__PURE__ */ c("div", {
-				className: "relative",
-				children: [/* @__PURE__ */ s(d, { className: "pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-muted" }), /* @__PURE__ */ s(x, {
-					type: "text",
-					value: O,
-					onChange: (e) => k(e.target.value),
-					placeholder: E("eventfullymanaged.events.searchPlaceholder", "Search events"),
-					"aria-label": E("eventfullymanaged.events.searchPlaceholder", "Search events"),
-					className: "pl-10"
+			/* @__PURE__ */ p("div", {
+				className: "grid grid-cols-2 gap-3 sm:grid-cols-4",
+				children: [
+					/* @__PURE__ */ f(I, {
+						icon: g,
+						label: o("eventfullymanaged.events.portfolio.events", "Events"),
+						value: X.toLocaleString(),
+						loading: G && X === 0
+					}),
+					/* @__PURE__ */ f(I, {
+						icon: x,
+						label: o("eventfullymanaged.events.portfolio.registrations", "Registrations"),
+						value: se.toLocaleString(),
+						loading: oe && !Y
+					}),
+					/* @__PURE__ */ f(I, {
+						icon: v,
+						label: o("eventfullymanaged.events.portfolio.venues", "Venues"),
+						value: Q.toLocaleString(),
+						loading: q && !K
+					}),
+					/* @__PURE__ */ f(I, {
+						icon: m,
+						label: o("eventfullymanaged.events.portfolio.sponsors", "Sponsors"),
+						value: ce.toLocaleString(),
+						loading: ae && !J
+					})
+				]
+			}),
+			/* @__PURE__ */ p("div", {
+				className: "flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between",
+				children: [/* @__PURE__ */ p("div", {
+					className: "relative flex-1",
+					children: [/* @__PURE__ */ f(ee, { className: "pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-muted" }), /* @__PURE__ */ f(k, {
+						type: "text",
+						value: z,
+						onChange: (e) => B(e.target.value),
+						placeholder: o("eventfullymanaged.events.searchPlaceholder", "Search events"),
+						"aria-label": o("eventfullymanaged.events.searchPlaceholder", "Search events"),
+						className: "pl-10"
+					})]
+				}), /* @__PURE__ */ f(re, {
+					value: V,
+					onValueChange: (e) => H(e),
+					className: "w-full sm:w-auto",
+					children: /* @__PURE__ */ p(ie, {
+						className: "w-full overflow-x-auto sm:w-auto",
+						children: [
+							/* @__PURE__ */ f(j, {
+								value: "all",
+								children: o("eventfullymanaged.events.filters.all", "All")
+							}),
+							/* @__PURE__ */ f(j, {
+								value: "upcoming",
+								children: o("eventfullymanaged.events.filters.upcoming", "Upcoming")
+							}),
+							/* @__PURE__ */ f(j, {
+								value: "live",
+								children: o("eventfullymanaged.events.filters.live", "Live")
+							}),
+							/* @__PURE__ */ f(j, {
+								value: "past",
+								children: o("eventfullymanaged.events.filters.past", "Past")
+							})
+						]
+					})
 				})]
 			}),
-			M ? /* @__PURE__ */ s(v, {
-				treatment: "plain",
-				className: "border-border-seam p-8 text-center text-sm text-text-secondary",
-				children: E("eventfullymanaged.events.list.loading", "Loading events...")
-			}) : P.length === 0 ? /* @__PURE__ */ s(v, {
+			G ? /* @__PURE__ */ p("div", {
+				className: "space-y-3",
+				children: [
+					/* @__PURE__ */ f(A, { className: "h-28 w-full rounded-card" }),
+					/* @__PURE__ */ f(A, { className: "h-28 w-full rounded-card" }),
+					/* @__PURE__ */ f(A, { className: "h-28 w-full rounded-card" })
+				]
+			}) : Z.length === 0 ? /* @__PURE__ */ f(E, {
 				treatment: "plain",
 				className: "border-border-seam",
-				children: /* @__PURE__ */ s(b, {
-					illustration: O ? "empty-search" : "empty-data",
-					title: O ? E("eventfullymanaged.events.list.emptySearch", "No events match your search.") : E("eventfullymanaged.events.list.empty", "No events yet."),
-					description: O ? E("eventfullymanaged.events.list.emptySearchHint", "Try a different name.") : E("eventfullymanaged.events.list.emptyHint", "Create your first event to get started."),
-					action: O ? void 0 : /* @__PURE__ */ c(g, {
+				children: /* @__PURE__ */ f(O, {
+					illustration: z ? "empty-search" : "empty-data",
+					title: z ? o("eventfullymanaged.events.list.emptySearch", "No events match your search.") : o("eventfullymanaged.events.list.empty", "No events yet."),
+					description: z ? o("eventfullymanaged.events.list.emptySearchHint", "Try a different name.") : o("eventfullymanaged.events.list.emptyHint", "Create your first event to get started."),
+					action: z ? void 0 : /* @__PURE__ */ p(w, {
 						type: "button",
-						onClick: () => D("/events/create"),
-						children: [/* @__PURE__ */ s(u, { className: "h-4 w-4" }), E("eventfullymanaged.events.actions.create", "Create Event")]
+						onClick: () => R("/events/create"),
+						children: [/* @__PURE__ */ f(_, { className: "h-4 w-4" }), o("eventfullymanaged.events.actions.create", "Create Event")]
 					})
 				})
-			}) : /* @__PURE__ */ c("div", {
+			}) : $.length === 0 ? /* @__PURE__ */ p("div", {
 				className: "space-y-3",
-				children: [P.map((e) => /* @__PURE__ */ s(v, {
+				children: [/* @__PURE__ */ f(E, {
 					treatment: "plain",
-					className: "cursor-pointer border-border-seam p-4 transition-[box-shadow,border-color] duration-200 hover:border-border-strong hover:shadow-elevation-1",
-					onClick: () => D(`/events/${e.id}`),
-					children: /* @__PURE__ */ c("div", {
-						className: "flex items-center justify-between gap-3",
-						children: [/* @__PURE__ */ c("div", {
-							className: "min-w-0",
-							children: [/* @__PURE__ */ s("p", {
-								className: "truncate text-lg font-semibold text-text-primary",
-								children: e.name
-							}), /* @__PURE__ */ c("p", {
-								className: "mt-0.5 flex items-center gap-2 truncate text-sm text-text-secondary",
-								children: [/* @__PURE__ */ s(l, { className: "h-4 w-4 shrink-0" }), [e.type, e.startAt ? new Date(e.startAt).toLocaleString() : void 0].filter(Boolean).join(" • ") || "No schedule set"]
-							})]
-						}), /* @__PURE__ */ c("div", {
-							className: "flex shrink-0 items-center gap-2",
-							children: [e.status ? /* @__PURE__ */ s(h, {
-								variant: w(e.status),
-								className: "uppercase",
-								children: e.status
-							}) : null, /* @__PURE__ */ s(n, {
-								ariaLabel: `Event actions for ${e.name}`,
-								onView: () => D(`/events/${e.id}`),
-								onEdit: () => D(`/events/${e.id}/edit`)
+					className: "border-border-seam",
+					children: /* @__PURE__ */ f("p", {
+						className: "px-2 py-8 text-center text-sm text-text-secondary",
+						children: o("eventfullymanaged.events.filters.empty", `No ${V} events on this page. Switch tabs or move to another page.`)
+					})
+				}), /* @__PURE__ */ f(c, {
+					offset: U.offset,
+					limit: U.limit,
+					loadedCount: Z.length,
+					total: X,
+					onPrev: U.prevPage,
+					onNext: U.nextPage,
+					itemLabel: "events",
+					loading: G
+				})]
+			}) : /* @__PURE__ */ p("div", {
+				className: "space-y-3",
+				children: [$.map((e) => {
+					let t = e.metadata ?? {}, n = typeof t.venueId == "string" ? t.venueId : "", r = n ? le.get(n) : void 0, i = ue.get(e.id), a = i?.registrations ?? 0, c = a > 0 ? Math.round((i?.checkedIn ?? 0) / a * 100) : 0;
+					return /* @__PURE__ */ p(E, {
+						treatment: "plain",
+						role: "button",
+						tabIndex: 0,
+						"aria-label": e.name,
+						className: "group relative cursor-pointer overflow-hidden border-border-seam p-0 outline-none transition-[box-shadow,border-color] duration-200 hover:border-border-strong hover:shadow-elevation-1 focus-visible:ring-1 focus-visible:ring-[var(--color-focus-ring)]",
+						onClick: () => R(`/events/${e.id}`),
+						onKeyDown: (t) => {
+							(t.key === "Enter" || t.key === " ") && (t.preventDefault(), R(`/events/${e.id}`));
+						},
+						children: [/* @__PURE__ */ f("span", {
+							"aria-hidden": "true",
+							className: "absolute inset-y-0 left-0 w-1.5 bg-gradient-to-b from-[var(--color-chart-1)] to-[var(--color-chart-2)]"
+						}), /* @__PURE__ */ p("div", {
+							className: "flex flex-col gap-3 py-4 pl-5 pr-4 sm:flex-row sm:items-center sm:justify-between",
+							children: [/* @__PURE__ */ p("div", {
+								className: "min-w-0 space-y-2",
+								children: [
+									/* @__PURE__ */ p("div", {
+										className: "flex flex-wrap items-center gap-2",
+										children: [
+											/* @__PURE__ */ f("p", {
+												className: "truncate text-lg font-semibold text-text-primary",
+												children: e.name
+											}),
+											e.status ? /* @__PURE__ */ f(C, {
+												variant: N(e.status),
+												className: "uppercase",
+												children: e.status
+											}) : null,
+											e.type ? /* @__PURE__ */ f(C, {
+												variant: "secondary",
+												className: "capitalize",
+												children: e.type.toLowerCase().replace(/_/g, " ")
+											}) : null
+										]
+									}),
+									/* @__PURE__ */ p("div", {
+										className: "flex flex-wrap items-center gap-x-4 gap-y-1 text-sm text-text-secondary",
+										children: [/* @__PURE__ */ p("span", {
+											className: "flex items-center gap-1.5",
+											children: [/* @__PURE__ */ f(h, { className: "h-4 w-4 shrink-0 text-text-muted" }), P(e.startAt, e.endAt)]
+										}), /* @__PURE__ */ p("span", {
+											className: "flex items-center gap-1.5",
+											children: [/* @__PURE__ */ f(v, { className: "h-4 w-4 shrink-0 text-text-muted" }), r ?? o("eventfullymanaged.events.card.noVenue", "No venue")]
+										})]
+									}),
+									/* @__PURE__ */ p("div", {
+										className: "flex flex-wrap items-center gap-x-4 gap-y-1 text-xs",
+										children: [
+											/* @__PURE__ */ f(L, {
+												icon: b,
+												label: o("eventfullymanaged.events.card.registered", "registered"),
+												value: a.toLocaleString()
+											}),
+											/* @__PURE__ */ f(L, {
+												icon: b,
+												label: o("eventfullymanaged.events.card.checkedIn", "checked in"),
+												value: `${c}%`
+											}),
+											/* @__PURE__ */ f(L, {
+												icon: x,
+												label: o("eventfullymanaged.events.card.capacity", "capacity"),
+												value: e.capacity == null ? "—" : e.capacity.toLocaleString()
+											})
+										]
+									})
+								]
+							}), /* @__PURE__ */ f("div", {
+								className: "flex shrink-0 items-center gap-2 self-start sm:self-center",
+								onClick: (e) => e.stopPropagation(),
+								onKeyDown: (e) => e.stopPropagation(),
+								role: "presentation",
+								children: /* @__PURE__ */ f(s, {
+									ariaLabel: `Event actions for ${e.name}`,
+									onView: () => R(`/events/${e.id}`),
+									onEdit: () => R(`/events/${e.id}/edit`)
+								})
 							})]
 						})]
-					})
-				}, e.id)), /* @__PURE__ */ s(r, {
-					offset: A.offset,
-					limit: A.limit,
-					loadedCount: P.length,
-					total: N,
-					onPrev: A.prevPage,
-					onNext: A.nextPage,
+					}, e.id);
+				}), /* @__PURE__ */ f(c, {
+					offset: U.offset,
+					limit: U.limit,
+					loadedCount: Z.length,
+					total: X,
+					onPrev: U.prevPage,
+					onNext: U.nextPage,
 					itemLabel: "events",
-					loading: M
+					loading: G
 				})]
 			}),
-			/* @__PURE__ */ s(S, {
+			/* @__PURE__ */ f(te, {
 				storageKey: "eventfullymanaged-events",
-				title: E("eventfullymanaged.events.nextSteps.title", "Finish setting up your event"),
+				title: o("eventfullymanaged.events.nextSteps.title", "Finish setting up your event"),
 				steps: [
 					{
 						id: "configure-registration",
-						label: E("eventfullymanaged.events.nextSteps.registration", "Configure registration & tickets"),
-						description: E("eventfullymanaged.events.nextSteps.registrationDesc", "Open an event and define ticket types so people can register."),
-						icon: /* @__PURE__ */ s(f, { className: "h-4 w-4" }),
-						onClick: () => D("/registration")
+						label: o("eventfullymanaged.events.nextSteps.registration", "Configure registration & tickets"),
+						description: o("eventfullymanaged.events.nextSteps.registrationDesc", "Open an event and define ticket types so people can register."),
+						icon: /* @__PURE__ */ f(y, { className: "h-4 w-4" }),
+						onClick: () => R("/registration")
 					},
 					{
 						id: "plan-networking",
-						label: E("eventfullymanaged.events.nextSteps.networking", "Plan networking & sessions"),
-						description: E("eventfullymanaged.events.nextSteps.networkingDesc", "Set up attendee matchmaking and meeting schedules."),
-						icon: /* @__PURE__ */ s(p, { className: "h-4 w-4" }),
-						onClick: () => D("/networking")
+						label: o("eventfullymanaged.events.nextSteps.networking", "Plan networking & sessions"),
+						description: o("eventfullymanaged.events.nextSteps.networkingDesc", "Set up attendee matchmaking and meeting schedules."),
+						icon: /* @__PURE__ */ f(x, { className: "h-4 w-4" }),
+						onClick: () => R("/networking")
 					},
 					{
 						id: "announce",
-						label: E("eventfullymanaged.events.nextSteps.announce", "Announce to attendees"),
-						description: E("eventfullymanaged.events.nextSteps.announceDesc", "Send announcements and run communication campaigns."),
-						icon: /* @__PURE__ */ s(u, { className: "h-4 w-4" }),
-						onClick: () => D("/communication")
+						label: o("eventfullymanaged.events.nextSteps.announce", "Announce to attendees"),
+						description: o("eventfullymanaged.events.nextSteps.announceDesc", "Send announcements and run communication campaigns."),
+						icon: /* @__PURE__ */ f(_, { className: "h-4 w-4" }),
+						onClick: () => R("/communication")
 					}
 				]
 			})
@@ -157,6 +372,6 @@ function T() {
 	});
 }
 //#endregion
-export { T as default };
+export { R as default };
 //# sourceMappingURL=EventsPage.js.map