@burdenoff/microfe-admin 2026.610.1 → 2026.625.1

package/dist/admin/pages/AuditLogsPage.js

@@ -83,6 +83,7 @@ function T() {
 		denyMessage: "You don't have permission to view audit logs.",
 		children: /* @__PURE__ */ y(r, {
 			title: "Audit Logs",
+			gradientWord: "Logs",
 			description: `Security and compliance audit trail${N ? ` · ${N} total` : ""}`,
 			actions: /* @__PURE__ */ y(x, {
 				label: "Export CSV",
@@ -107,7 +108,7 @@ function T() {
 						className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between",
 						children: [/* @__PURE__ */ b("div", {
 							className: "relative max-w-sm flex-1",
-							children: [/* @__PURE__ */ y(h, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }), /* @__PURE__ */ y(n, {
+							children: [/* @__PURE__ */ y(h, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary" }), /* @__PURE__ */ y(n, {
 								placeholder: "Search by action, actor, or resource...",
 								value: v,
 								onChange: (e) => C(e.target.value),
@@ -123,7 +124,7 @@ function T() {
 						})]
 					}),
 					A && /* @__PURE__ */ b("div", {
-						className: "rounded-md border border-destructive/50 bg-destructive/10 p-4 text-sm text-destructive",
+						className: "rounded-md border border-status-error-border/50 bg-status-error-bg/10 p-4 text-sm text-status-error-text",
 						children: ["Failed to load audit logs: ", A.message]
 					}),
 					/* @__PURE__ */ y(a, {
@@ -134,10 +135,10 @@ function T() {
 								render: (e) => /* @__PURE__ */ b("div", {
 									className: "flex items-center gap-2",
 									children: [/* @__PURE__ */ y("span", {
-										className: "text-muted-foreground",
+										className: "text-text-secondary",
 										children: w(e.action)
 									}), /* @__PURE__ */ y("span", {
-										className: "font-mono text-sm font-medium text-foreground",
+										className: "font-mono text-sm font-medium text-text-primary",
 										children: e.action
 									})]
 								})
@@ -152,7 +153,7 @@ function T() {
 										className: "truncate text-sm",
 										children: e.actorId
 									}), /* @__PURE__ */ y("div", {
-										className: "text-xs text-muted-foreground capitalize",
+										className: "text-xs text-text-secondary capitalize",
 										children: e.actorType
 									})]
 								})
@@ -167,7 +168,7 @@ function T() {
 										className: "truncate text-sm",
 										children: e.resource
 									}), e.resourceId && /* @__PURE__ */ b("div", {
-										className: "truncate text-xs text-muted-foreground",
+										className: "truncate text-xs text-text-secondary",
 										children: ["#", String(e.resourceId).slice(-8)]
 									})]
 								})
@@ -177,7 +178,7 @@ function T() {
 								header: "Tenant",
 								width: "130px",
 								render: (e) => /* @__PURE__ */ y("span", {
-									className: "text-xs text-muted-foreground",
+									className: "text-xs text-text-secondary",
 									children: e.tenantId ? `#${e.tenantId.slice(-8)}` : "—"
 								})
 							},
@@ -186,7 +187,7 @@ function T() {
 								header: "IP",
 								width: "120px",
 								render: (e) => /* @__PURE__ */ y("span", {
-									className: "font-mono text-xs text-muted-foreground",
+									className: "font-mono text-xs text-text-secondary",
 									children: e.ipAddress ?? "—"
 								})
 							},
@@ -201,6 +202,7 @@ function T() {
 						keyExtractor: (e) => e.id,
 						loading: k,
 						emptyState: /* @__PURE__ */ y(t, {
+							illustration: "empty-files",
 							icon: /* @__PURE__ */ y(p, { className: "h-8 w-8" }),
 							title: "No audit logs found",
 							description: "Audit events will appear here when actions are performed"

package/dist/admin/pages/AuditLogsPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"AuditLogsPage.js","names":[],"sources":["../../../src/admin/pages/AuditLogsPage.tsx"],"sourcesContent":["import { useState, useMemo, useCallback } from 'react';\nimport { FileText, Search, Download, User, Settings, Shield, Database, Key } from 'lucide-react';\nimport { SaveToFilesButton } from '@burdenoff/fe-libs/storage';\nimport {\n  PageLayout,\n  Input,\n  DataTable,\n  Pagination,\n  EmptyState,\n  Button,\n  PermissionGuard,\n} from '../components';\nimport { useAdminPermissions } from '../hooks/useAdminPermissions';\nimport { formatRelativeTime } from '../utils/formatters';\nimport { useListAuditLogsQuery } from '../../generated/global-operations';\n\nconst PAGE_SIZE = 20;\n\nconst ACTION_ICONS: Record<string, React.ReactNode> = {\n  auth: <User className=\"h-3 w-3\" />,\n  user: <User className=\"h-3 w-3\" />,\n  settings: <Settings className=\"h-3 w-3\" />,\n  rbac: <Shield className=\"h-3 w-3\" />,\n  data: <Database className=\"h-3 w-3\" />,\n  api: <Key className=\"h-3 w-3\" />,\n};\n\nfunction getActionIcon(action: string) {\n  const prefix = action.split('.')[0];\n  return ACTION_ICONS[prefix] ?? <FileText className=\"h-3 w-3\" />;\n}\n\n/**\n * Audit logs page — connected to real backend\n */\nexport function AuditLogsPage() {\n  const { canViewAuditLogs, isLoading: permissionsLoading } = useAdminPermissions();\n\n  const [page, setPage] = useState(1);\n  const [search, setSearch] = useState('');\n  const [resourceFilter, setResourceFilter] = useState('');\n\n  const skipQueries = permissionsLoading || !canViewAuditLogs;\n\n  const { data, loading, error } = useListAuditLogsQuery({\n    variables: {\n      resource: resourceFilter || undefined,\n      limit: PAGE_SIZE,\n      offset: (page - 1) * PAGE_SIZE,\n    },\n    fetchPolicy: 'cache-and-network',\n    skip: skipQueries,\n  });\n\n  const auditLogs = useMemo(() => {\n    const edges = data?.auditLogs?.edges ?? [];\n    return edges.map((e: (typeof edges)[number]) => e.node);\n  }, [data]);\n\n  type AuditLogNode = (typeof auditLogs)[number];\n\n  const filteredLogs = useMemo(() => {\n    if (!search) return auditLogs;\n    const q = search.toLowerCase();\n    return auditLogs.filter(\n      (log: AuditLogNode) =>\n        log.action.toLowerCase().includes(q) ||\n        log.actorId.toLowerCase().includes(q) ||\n        log.resource.toLowerCase().includes(q) ||\n        log.tenantId.toLowerCase().includes(q)\n    );\n  }, [auditLogs, search]);\n\n  const total = data?.auditLogs?.totalCount ?? 0;\n  const totalPages = Math.ceil(total / PAGE_SIZE);\n\n  const buildAuditCsvBlob = useCallback((): Blob | null => {\n    const rows = filteredLogs;\n    if (rows.length === 0) return null;\n\n    const headers = [\n      'id',\n      'action',\n      'actorId',\n      'actorType',\n      'resource',\n      'resourceId',\n      'tenantId',\n      'ipAddress',\n      'userAgent',\n      'changes',\n      'metadata',\n      'createdAt',\n    ];\n\n    const escape = (value: unknown): string => {\n      if (value === null || value === undefined) return '';\n      const str = typeof value === 'object' ? JSON.stringify(value) : String(value);\n      // RFC 4180: wrap in quotes if it contains quote, comma, or newline; double internal quotes\n      if (/[\",\\n\\r]/.test(str)) {\n        return `\"${str.replace(/\"/g, '\"\"')}\"`;\n      }\n      return str;\n    };\n\n    const csvLines = [\n      headers.join(','),\n      ...rows.map((log: AuditLogNode) =>\n        [\n          escape(log.id),\n          escape(log.action),\n          escape(log.actorId),\n          escape(log.actorType),\n          escape(log.resource),\n          escape(log.resourceId),\n          escape(log.tenantId),\n          escape(log.ipAddress),\n          escape((log as { userAgent?: unknown }).userAgent),\n          escape((log as { changes?: unknown }).changes),\n          escape((log as { metadata?: unknown }).metadata),\n          escape(log.createdAt),\n        ].join(',')\n      ),\n    ];\n\n    return new Blob([csvLines.join('\\n')], { type: 'text/csv;charset=utf-8;' });\n  }, [filteredLogs]);\n\n  const exportToCsv = useCallback(() => {\n    const blob = buildAuditCsvBlob();\n    if (!blob) return;\n    const url = URL.createObjectURL(blob);\n    const link = document.createElement('a');\n    const stamp = new Date().toISOString().replace(/[:.]/g, '-');\n    link.href = url;\n    link.setAttribute('download', `audit-logs-${stamp}.csv`);\n    document.body.appendChild(link);\n    link.click();\n    document.body.removeChild(link);\n    URL.revokeObjectURL(url);\n  }, [buildAuditCsvBlob]);\n\n  const columns = [\n    {\n      key: 'action',\n      header: 'Action',\n      render: (log: (typeof auditLogs)[number]) => (\n        <div className=\"flex items-center gap-2\">\n          <span className=\"text-muted-foreground\">{getActionIcon(log.action)}</span>\n          <span className=\"font-mono text-sm font-medium text-foreground\">{log.action}</span>\n        </div>\n      ),\n    },\n    {\n      key: 'actorId',\n      header: 'Actor',\n      width: '180px',\n      render: (log: (typeof auditLogs)[number]) => (\n        <div className=\"min-w-0\">\n          <div className=\"truncate text-sm\">{log.actorId}</div>\n          <div className=\"text-xs text-muted-foreground capitalize\">{log.actorType}</div>\n        </div>\n      ),\n    },\n    {\n      key: 'resource',\n      header: 'Resource',\n      width: '150px',\n      render: (log: (typeof auditLogs)[number]) => (\n        <div className=\"min-w-0\">\n          <div className=\"truncate text-sm\">{log.resource}</div>\n          {log.resourceId && (\n            <div className=\"truncate text-xs text-muted-foreground\">\n              #{String(log.resourceId).slice(-8)}\n            </div>\n          )}\n        </div>\n      ),\n    },\n    {\n      key: 'tenantId',\n      header: 'Tenant',\n      width: '130px',\n      render: (log: (typeof auditLogs)[number]) => (\n        <span className=\"text-xs text-muted-foreground\">\n          {log.tenantId ? `#${log.tenantId.slice(-8)}` : '—'}\n        </span>\n      ),\n    },\n    {\n      key: 'ipAddress',\n      header: 'IP',\n      width: '120px',\n      render: (log: (typeof auditLogs)[number]) => (\n        <span className=\"font-mono text-xs text-muted-foreground\">{log.ipAddress ?? '—'}</span>\n      ),\n    },\n    {\n      key: 'createdAt',\n      header: 'Time',\n      width: '110px',\n      render: (log: (typeof auditLogs)[number]) => formatRelativeTime(log.createdAt),\n    },\n  ];\n\n  return (\n    <PermissionGuard\n      allowed={canViewAuditLogs}\n      isLoading={permissionsLoading}\n      pageTitle=\"Audit Logs\"\n      denyMessage=\"You don't have permission to view audit logs.\"\n    >\n      <PageLayout\n        title=\"Audit Logs\"\n        description={`Security and compliance audit trail${total ? ` · ${total} total` : ''}`}\n        actions={\n          <SaveToFilesButton\n            label=\"Export CSV\"\n            disabled={loading || filteredLogs.length === 0}\n            testId=\"audit-logs-export\"\n            defaultFolderPath=\"/Admin/Audit Logs\"\n            source={{\n              kind: 'blob',\n              filename: `audit-logs-${new Date().toISOString().replace(/[:.]/g, '-')}.csv`,\n              mimeType: 'text/csv',\n              getBlob: async () => {\n                const blob = buildAuditCsvBlob();\n                return blob ? { blob } : null;\n              },\n            }}\n            onDownload={exportToCsv}\n          />\n        }\n      >\n        <div className=\"space-y-4\">\n          <div className=\"flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between\">\n            <div className=\"relative max-w-sm flex-1\">\n              <Search className=\"absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground\" />\n              <Input\n                placeholder=\"Search by action, actor, or resource...\"\n                value={search}\n                onChange={(e) => setSearch(e.target.value)}\n                className=\"pl-9\"\n              />\n            </div>\n            <Input\n              placeholder=\"Filter by resource (e.g. tenant, user)...\"\n              value={resourceFilter}\n              onChange={(e) => {\n                setPage(1);\n                setResourceFilter(e.target.value);\n              }}\n              className=\"max-w-xs\"\n            />\n          </div>\n\n          {error && (\n            <div className=\"rounded-md border border-destructive/50 bg-destructive/10 p-4 text-sm text-destructive\">\n              Failed to load audit logs: {error.message}\n            </div>\n          )}\n\n          <DataTable\n            columns={columns}\n            data={filteredLogs}\n            keyExtractor={(l) => l.id}\n            loading={loading}\n            emptyState={\n              <EmptyState\n                icon={<FileText className=\"h-8 w-8\" />}\n                title=\"No audit logs found\"\n                description=\"Audit events will appear here when actions are performed\"\n              />\n            }\n          />\n\n          {total > PAGE_SIZE && (\n            <Pagination\n              page={page}\n              totalPages={totalPages}\n              totalItems={total}\n              pageSize={PAGE_SIZE}\n              onPageChange={setPage}\n            />\n          )}\n        </div>\n      </PageLayout>\n    </PermissionGuard>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"AuditLogsPage.js","names":[],"sources":["../../../src/admin/pages/AuditLogsPage.tsx"],"sourcesContent":["import { useState, useMemo, useCallback } from 'react';\nimport { FileText, Search, Download, User, Settings, Shield, Database, Key } from 'lucide-react';\nimport { SaveToFilesButton } from '@burdenoff/fe-libs/storage';\nimport {\n  PageLayout,\n  Input,\n  DataTable,\n  Pagination,\n  EmptyState,\n  Button,\n  PermissionGuard,\n} from '../components';\nimport { useAdminPermissions } from '../hooks/useAdminPermissions';\nimport { formatRelativeTime } from '../utils/formatters';\nimport { useListAuditLogsQuery } from '../../generated/global-operations';\n\nconst PAGE_SIZE = 20;\n\nconst ACTION_ICONS: Record<string, React.ReactNode> = {\n  auth: <User className=\"h-3 w-3\" />,\n  user: <User className=\"h-3 w-3\" />,\n  settings: <Settings className=\"h-3 w-3\" />,\n  rbac: <Shield className=\"h-3 w-3\" />,\n  data: <Database className=\"h-3 w-3\" />,\n  api: <Key className=\"h-3 w-3\" />,\n};\n\nfunction getActionIcon(action: string) {\n  const prefix = action.split('.')[0];\n  return ACTION_ICONS[prefix] ?? <FileText className=\"h-3 w-3\" />;\n}\n\n/**\n * Audit logs page — connected to real backend\n */\nexport function AuditLogsPage() {\n  const { canViewAuditLogs, isLoading: permissionsLoading } = useAdminPermissions();\n\n  const [page, setPage] = useState(1);\n  const [search, setSearch] = useState('');\n  const [resourceFilter, setResourceFilter] = useState('');\n\n  const skipQueries = permissionsLoading || !canViewAuditLogs;\n\n  const { data, loading, error } = useListAuditLogsQuery({\n    variables: {\n      resource: resourceFilter || undefined,\n      limit: PAGE_SIZE,\n      offset: (page - 1) * PAGE_SIZE,\n    },\n    fetchPolicy: 'cache-and-network',\n    skip: skipQueries,\n  });\n\n  const auditLogs = useMemo(() => {\n    const edges = data?.auditLogs?.edges ?? [];\n    return edges.map((e: (typeof edges)[number]) => e.node);\n  }, [data]);\n\n  type AuditLogNode = (typeof auditLogs)[number];\n\n  const filteredLogs = useMemo(() => {\n    if (!search) return auditLogs;\n    const q = search.toLowerCase();\n    return auditLogs.filter(\n      (log: AuditLogNode) =>\n        log.action.toLowerCase().includes(q) ||\n        log.actorId.toLowerCase().includes(q) ||\n        log.resource.toLowerCase().includes(q) ||\n        log.tenantId.toLowerCase().includes(q)\n    );\n  }, [auditLogs, search]);\n\n  const total = data?.auditLogs?.totalCount ?? 0;\n  const totalPages = Math.ceil(total / PAGE_SIZE);\n\n  const buildAuditCsvBlob = useCallback((): Blob | null => {\n    const rows = filteredLogs;\n    if (rows.length === 0) return null;\n\n    const headers = [\n      'id',\n      'action',\n      'actorId',\n      'actorType',\n      'resource',\n      'resourceId',\n      'tenantId',\n      'ipAddress',\n      'userAgent',\n      'changes',\n      'metadata',\n      'createdAt',\n    ];\n\n    const escape = (value: unknown): string => {\n      if (value === null || value === undefined) return '';\n      const str = typeof value === 'object' ? JSON.stringify(value) : String(value);\n      // RFC 4180: wrap in quotes if it contains quote, comma, or newline; double internal quotes\n      if (/[\",\\n\\r]/.test(str)) {\n        return `\"${str.replace(/\"/g, '\"\"')}\"`;\n      }\n      return str;\n    };\n\n    const csvLines = [\n      headers.join(','),\n      ...rows.map((log: AuditLogNode) =>\n        [\n          escape(log.id),\n          escape(log.action),\n          escape(log.actorId),\n          escape(log.actorType),\n          escape(log.resource),\n          escape(log.resourceId),\n          escape(log.tenantId),\n          escape(log.ipAddress),\n          escape((log as { userAgent?: unknown }).userAgent),\n          escape((log as { changes?: unknown }).changes),\n          escape((log as { metadata?: unknown }).metadata),\n          escape(log.createdAt),\n        ].join(',')\n      ),\n    ];\n\n    return new Blob([csvLines.join('\\n')], { type: 'text/csv;charset=utf-8;' });\n  }, [filteredLogs]);\n\n  const exportToCsv = useCallback(() => {\n    const blob = buildAuditCsvBlob();\n    if (!blob) return;\n    const url = URL.createObjectURL(blob);\n    const link = document.createElement('a');\n    const stamp = new Date().toISOString().replace(/[:.]/g, '-');\n    link.href = url;\n    link.setAttribute('download', `audit-logs-${stamp}.csv`);\n    document.body.appendChild(link);\n    link.click();\n    document.body.removeChild(link);\n    URL.revokeObjectURL(url);\n  }, [buildAuditCsvBlob]);\n\n  const columns = [\n    {\n      key: 'action',\n      header: 'Action',\n      render: (log: (typeof auditLogs)[number]) => (\n        <div className=\"flex items-center gap-2\">\n          <span className=\"text-text-secondary\">{getActionIcon(log.action)}</span>\n          <span className=\"font-mono text-sm font-medium text-text-primary\">{log.action}</span>\n        </div>\n      ),\n    },\n    {\n      key: 'actorId',\n      header: 'Actor',\n      width: '180px',\n      render: (log: (typeof auditLogs)[number]) => (\n        <div className=\"min-w-0\">\n          <div className=\"truncate text-sm\">{log.actorId}</div>\n          <div className=\"text-xs text-text-secondary capitalize\">{log.actorType}</div>\n        </div>\n      ),\n    },\n    {\n      key: 'resource',\n      header: 'Resource',\n      width: '150px',\n      render: (log: (typeof auditLogs)[number]) => (\n        <div className=\"min-w-0\">\n          <div className=\"truncate text-sm\">{log.resource}</div>\n          {log.resourceId && (\n            <div className=\"truncate text-xs text-text-secondary\">\n              #{String(log.resourceId).slice(-8)}\n            </div>\n          )}\n        </div>\n      ),\n    },\n    {\n      key: 'tenantId',\n      header: 'Tenant',\n      width: '130px',\n      render: (log: (typeof auditLogs)[number]) => (\n        <span className=\"text-xs text-text-secondary\">\n          {log.tenantId ? `#${log.tenantId.slice(-8)}` : '—'}\n        </span>\n      ),\n    },\n    {\n      key: 'ipAddress',\n      header: 'IP',\n      width: '120px',\n      render: (log: (typeof auditLogs)[number]) => (\n        <span className=\"font-mono text-xs text-text-secondary\">{log.ipAddress ?? '—'}</span>\n      ),\n    },\n    {\n      key: 'createdAt',\n      header: 'Time',\n      width: '110px',\n      render: (log: (typeof auditLogs)[number]) => formatRelativeTime(log.createdAt),\n    },\n  ];\n\n  return (\n    <PermissionGuard\n      allowed={canViewAuditLogs}\n      isLoading={permissionsLoading}\n      pageTitle=\"Audit Logs\"\n      denyMessage=\"You don't have permission to view audit logs.\"\n    >\n      <PageLayout\n        title=\"Audit Logs\"\n        gradientWord=\"Logs\"\n        description={`Security and compliance audit trail${total ? ` · ${total} total` : ''}`}\n        actions={\n          <SaveToFilesButton\n            label=\"Export CSV\"\n            disabled={loading || filteredLogs.length === 0}\n            testId=\"audit-logs-export\"\n            defaultFolderPath=\"/Admin/Audit Logs\"\n            source={{\n              kind: 'blob',\n              filename: `audit-logs-${new Date().toISOString().replace(/[:.]/g, '-')}.csv`,\n              mimeType: 'text/csv',\n              getBlob: async () => {\n                const blob = buildAuditCsvBlob();\n                return blob ? { blob } : null;\n              },\n            }}\n            onDownload={exportToCsv}\n          />\n        }\n      >\n        <div className=\"space-y-4\">\n          <div className=\"flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between\">\n            <div className=\"relative max-w-sm flex-1\">\n              <Search className=\"absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary\" />\n              <Input\n                placeholder=\"Search by action, actor, or resource...\"\n                value={search}\n                onChange={(e) => setSearch(e.target.value)}\n                className=\"pl-9\"\n              />\n            </div>\n            <Input\n              placeholder=\"Filter by resource (e.g. tenant, user)...\"\n              value={resourceFilter}\n              onChange={(e) => {\n                setPage(1);\n                setResourceFilter(e.target.value);\n              }}\n              className=\"max-w-xs\"\n            />\n          </div>\n\n          {error && (\n            <div className=\"rounded-md border border-status-error-border/50 bg-status-error-bg/10 p-4 text-sm text-status-error-text\">\n              Failed to load audit logs: {error.message}\n            </div>\n          )}\n\n          <DataTable\n            columns={columns}\n            data={filteredLogs}\n            keyExtractor={(l) => l.id}\n            loading={loading}\n            emptyState={\n              <EmptyState\n                illustration=\"empty-files\"\n                icon={<FileText className=\"h-8 w-8\" />}\n                title=\"No audit logs found\"\n                description=\"Audit events will appear here when actions are performed\"\n              />\n            }\n          />\n\n          {total > PAGE_SIZE && (\n            <Pagination\n              page={page}\n              totalPages={totalPages}\n              totalItems={total}\n              pageSize={PAGE_SIZE}\n              onPageChange={setPage}\n            />\n          )}\n        </div>\n      </PageLayout>\n    </PermissionGuard>\n  );\n}\n"],"mappings":"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"}

package/dist/admin/pages/BillingPage.js

@@ -1,68 +1,76 @@
-import { Badge as e, Button as t } from "../components/ui.js";
-import { PageLayout as n } from "../components/PageLayout.js";
-import { formatCurrency as r, formatDateTime as i } from "../utils/formatters.js";
-import { MetricCard as a, MetricsGrid as o } from "../components/MetricCard.js";
-import { DataTable as s } from "../components/DataTable.js";
+import { Badge as e } from "../components/ui.js";
+import { PageLayout as t } from "../components/PageLayout.js";
+import { formatCurrency as n, formatDateTime as r } from "../utils/formatters.js";
+import { MetricCard as i, MetricsGrid as a } from "../components/MetricCard.js";
+import { DataTable as o } from "../components/DataTable.js";
 import "../components/index.js";
-import { useListAllPlansQuery as c, useListAllQuotasQuery as l, useListRefundRecordsQuery as u } from "../../generated/global-operations.js";
-import { ArrowUpRight as d, CreditCard as f, Download as p, Plus as m, Receipt as h, Shield as g } from "lucide-react";
-import { jsx as _, jsxs as v } from "react/jsx-runtime";
+import { useListAllPlansQuery as s, useListAllQuotasQuery as c, useListRefundRecordsQuery as l } from "../../generated/global-operations.js";
+import { ArrowUpRight as u, CreditCard as d, Download as f, Plus as p, Receipt as m, Shield as h } from "lucide-react";
+import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { CTAOverflowMenu as v } from "@burdenoff/fe-libs/ui";
 //#region src/admin/pages/BillingPage.tsx
 function y() {
-	let { data: y, loading: b } = c(), { data: x, loading: S } = l(), { data: C, loading: w } = u({ variables: {
+	let { data: y, loading: b } = s(), { data: x, loading: S } = c(), { data: C, loading: w } = l({ variables: {
 		page: 1,
 		pageSize: 10
 	} }), T = y?.getAllPlans || [], E = x?.getAllQuotas || [], D = C?.getRefundRecords?.records || [];
-	return /* @__PURE__ */ _(n, {
+	return /* @__PURE__ */ g(t, {
 		title: "Billing & Subscriptions",
+		gradientWord: "Subscriptions",
 		description: "Manage platform-wide plans, quotas, and refunds",
-		actions: /* @__PURE__ */ v("div", {
-			className: "flex gap-2",
-			children: [/* @__PURE__ */ v(t, {
-				variant: "outline",
-				children: [/* @__PURE__ */ _(p, { className: "mr-2 h-4 w-4" }), "Export Audit"]
-			}), /* @__PURE__ */ v(t, { children: [/* @__PURE__ */ _(m, { className: "mr-2 h-4 w-4" }), "Create Plan"] })]
+		actions: /* @__PURE__ */ g(v, {
+			primary: {
+				label: "Create Plan",
+				icon: /* @__PURE__ */ g(p, { className: "mr-2 h-4 w-4" }),
+				onSelect: () => {}
+			},
+			actions: [{
+				label: "Export Audit",
+				icon: /* @__PURE__ */ g(f, { className: "h-4 w-4" }),
+				onSelect: () => {}
+			}]
 		}),
-		children: /* @__PURE__ */ v("div", {
+		children: /* @__PURE__ */ _("div", {
 			className: "space-y-8",
 			children: [
-				/* @__PURE__ */ v(o, { children: [
-					/* @__PURE__ */ _(a, {
+				/* @__PURE__ */ _(a, { children: [
+					/* @__PURE__ */ g(i, {
 						title: "Total Revenue (30d)",
+						hero: !0,
 						value: "$124,500",
-						icon: /* @__PURE__ */ _(f, { className: "h-4 w-4" }),
+						icon: /* @__PURE__ */ g(d, { className: "h-4 w-4" }),
 						trend: "up"
 					}),
-					/* @__PURE__ */ _(a, {
+					/* @__PURE__ */ g(i, {
 						title: "Active Subscriptions",
 						value: "1,248",
-						icon: /* @__PURE__ */ _(g, { className: "h-4 w-4" })
+						icon: /* @__PURE__ */ g(h, { className: "h-4 w-4" })
 					}),
-					/* @__PURE__ */ _(a, {
+					/* @__PURE__ */ g(i, {
 						title: "Pending Refunds",
 						value: C?.getRefundRecords?.totalCount ?? 0,
-						icon: /* @__PURE__ */ _(d, { className: "h-4 w-4" }),
+						icon: /* @__PURE__ */ g(u, { className: "h-4 w-4" }),
 						priority: "high"
 					}),
-					/* @__PURE__ */ _(a, {
+					/* @__PURE__ */ g(i, {
 						title: "Upcoming Invoices",
 						value: "42",
-						icon: /* @__PURE__ */ _(h, { className: "h-4 w-4" })
+						icon: /* @__PURE__ */ g(m, { className: "h-4 w-4" })
 					})
 				] }),
-				/* @__PURE__ */ v("div", {
+				/* @__PURE__ */ _("div", {
 					className: "grid gap-8 lg:grid-cols-2",
-					children: [/* @__PURE__ */ v("div", {
+					children: [/* @__PURE__ */ _("div", {
 						className: "space-y-4",
-						children: [/* @__PURE__ */ _("h2", {
+						children: [/* @__PURE__ */ g("h2", {
 							className: "text-lg font-semibold",
 							children: "Platform Plans"
-						}), /* @__PURE__ */ _(s, {
+						}), /* @__PURE__ */ g(o, {
 							columns: [
 								{
 									key: "name",
 									header: "Plan Name",
-									render: (e) => /* @__PURE__ */ _("span", {
+									render: (e) => /* @__PURE__ */ g("span", {
 										className: "font-medium",
 										children: e.name
 									})
@@ -70,7 +78,7 @@ function y() {
 								{
 									key: "price",
 									header: "Price",
-									render: (e) => r(e.price, e.currency)
+									render: (e) => n(e.price, e.currency)
 								},
 								{
 									key: "duration",
@@ -79,7 +87,7 @@ function y() {
 								{
 									key: "isActive",
 									header: "Status",
-									render: (t) => /* @__PURE__ */ _(e, {
+									render: (t) => /* @__PURE__ */ g(e, {
 										variant: t.isActive ? "success" : "secondary",
 										children: t.isActive ? "Active" : "Inactive"
 									})
@@ -89,12 +97,12 @@ function y() {
 							keyExtractor: (e) => e.id,
 							loading: b
 						})]
-					}), /* @__PURE__ */ v("div", {
+					}), /* @__PURE__ */ _("div", {
 						className: "space-y-4",
-						children: [/* @__PURE__ */ _("h2", {
+						children: [/* @__PURE__ */ g("h2", {
 							className: "text-lg font-semibold",
 							children: "Resource Quotas"
-						}), /* @__PURE__ */ _(s, {
+						}), /* @__PURE__ */ g(o, {
 							columns: [
 								{
 									key: "name",
@@ -107,7 +115,7 @@ function y() {
 								{
 									key: "isActive",
 									header: "Status",
-									render: (t) => /* @__PURE__ */ _(e, {
+									render: (t) => /* @__PURE__ */ g(e, {
 										variant: t.isActive ? "success" : "secondary",
 										children: t.isActive ? "Active" : "Inactive"
 									})
@@ -119,22 +127,22 @@ function y() {
 						})]
 					})]
 				}),
-				/* @__PURE__ */ v("div", {
+				/* @__PURE__ */ _("div", {
 					className: "space-y-4",
-					children: [/* @__PURE__ */ _("h2", {
+					children: [/* @__PURE__ */ g("h2", {
 						className: "text-lg font-semibold",
 						children: "Recent Refund Records"
-					}), /* @__PURE__ */ _(s, {
+					}), /* @__PURE__ */ g(o, {
 						columns: [
 							{
 								key: "amount",
 								header: "Amount",
-								render: (e) => r(e.amount, e.currency)
+								render: (e) => n(e.amount, e.currency)
 							},
 							{
 								key: "status",
 								header: "Status",
-								render: (t) => /* @__PURE__ */ _(e, {
+								render: (t) => /* @__PURE__ */ g(e, {
 									variant: t.status === "COMPLETED" ? "success" : "warning",
 									children: t.status
 								})
@@ -146,7 +154,7 @@ function y() {
 							{
 								key: "createdAt",
 								header: "Date",
-								render: (e) => i(e.createdAt)
+								render: (e) => r(e.createdAt)
 							}
 						],
 						data: D,

package/dist/admin/pages/BillingPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"BillingPage.js","names":[],"sources":["../../../src/admin/pages/BillingPage.tsx"],"sourcesContent":["import { CreditCard, Plus, ArrowUpRight, Shield, Receipt, Download } from 'lucide-react';\nimport { PageLayout, Button, DataTable, Badge, MetricCard, MetricsGrid } from '../components';\nimport {\n  useListAllPlansQuery,\n  useListAllQuotasQuery,\n  useListRefundRecordsQuery,\n} from '../../generated/global-operations';\nimport { formatCurrency, formatDateTime } from '../utils/formatters';\n\nexport function BillingPage() {\n  const { data: plansData, loading: plansLoading } = useListAllPlansQuery();\n  const { data: quotasData, loading: quotasLoading } = useListAllQuotasQuery();\n  const { data: refundsData, loading: refundsLoading } = useListRefundRecordsQuery({\n    variables: { page: 1, pageSize: 10 },\n  });\n\n  const plans = plansData?.getAllPlans || [];\n  const quotas = quotasData?.getAllQuotas || [];\n  const refunds = refundsData?.getRefundRecords?.records || [];\n\n  const planColumns = [\n    {\n      key: 'name',\n      header: 'Plan Name',\n      render: (plan: any) => <span className=\"font-medium\">{plan.name}</span>,\n    },\n    {\n      key: 'price',\n      header: 'Price',\n      render: (plan: any) => formatCurrency(plan.price, plan.currency),\n    },\n    {\n      key: 'duration',\n      header: 'Interval',\n    },\n    {\n      key: 'isActive',\n      header: 'Status',\n      render: (plan: any) => (\n        <Badge variant={plan.isActive ? 'success' : 'secondary'}>\n          {plan.isActive ? 'Active' : 'Inactive'}\n        </Badge>\n      ),\n    },\n  ];\n\n  const quotaColumns = [\n    {\n      key: 'name',\n      header: 'Quota Name',\n    },\n    {\n      key: 'quotaType',\n      header: 'Metric Type',\n    },\n    {\n      key: 'isActive',\n      header: 'Status',\n      render: (quota: any) => (\n        <Badge variant={quota.isActive ? 'success' : 'secondary'}>\n          {quota.isActive ? 'Active' : 'Inactive'}\n        </Badge>\n      ),\n    },\n  ];\n\n  const refundColumns = [\n    {\n      key: 'amount',\n      header: 'Amount',\n      render: (refund: any) => formatCurrency(refund.amount, refund.currency),\n    },\n    {\n      key: 'status',\n      header: 'Status',\n      render: (refund: any) => (\n        <Badge variant={refund.status === 'COMPLETED' ? 'success' : 'warning'}>\n          {refund.status}\n        </Badge>\n      ),\n    },\n    {\n      key: 'reason',\n      header: 'Reason',\n    },\n    {\n      key: 'createdAt',\n      header: 'Date',\n      render: (refund: any) => formatDateTime(refund.createdAt),\n    },\n  ];\n\n  return (\n    <PageLayout\n      title=\"Billing & Subscriptions\"\n      description=\"Manage platform-wide plans, quotas, and refunds\"\n      actions={\n        <div className=\"flex gap-2\">\n          <Button variant=\"outline\">\n            <Download className=\"mr-2 h-4 w-4\" />\n            Export Audit\n          </Button>\n          <Button>\n            <Plus className=\"mr-2 h-4 w-4\" />\n            Create Plan\n          </Button>\n        </div>\n      }\n    >\n      <div className=\"space-y-8\">\n        <MetricsGrid>\n          <MetricCard\n            title=\"Total Revenue (30d)\"\n            value=\"$124,500\"\n            icon={<CreditCard className=\"h-4 w-4\" />}\n            trend=\"up\"\n          />\n          <MetricCard\n            title=\"Active Subscriptions\"\n            value=\"1,248\"\n            icon={<Shield className=\"h-4 w-4\" />}\n          />\n          <MetricCard\n            title=\"Pending Refunds\"\n            value={refundsData?.getRefundRecords?.totalCount ?? 0}\n            icon={<ArrowUpRight className=\"h-4 w-4\" />}\n            priority=\"high\"\n          />\n          <MetricCard title=\"Upcoming Invoices\" value=\"42\" icon={<Receipt className=\"h-4 w-4\" />} />\n        </MetricsGrid>\n\n        <div className=\"grid gap-8 lg:grid-cols-2\">\n          <div className=\"space-y-4\">\n            <h2 className=\"text-lg font-semibold\">Platform Plans</h2>\n            <DataTable\n              columns={planColumns}\n              data={plans}\n              keyExtractor={(p) => p.id}\n              loading={plansLoading}\n            />\n          </div>\n          <div className=\"space-y-4\">\n            <h2 className=\"text-lg font-semibold\">Resource Quotas</h2>\n            <DataTable\n              columns={quotaColumns}\n              data={quotas}\n              keyExtractor={(q) => q.id}\n              loading={quotasLoading}\n            />\n          </div>\n        </div>\n\n        <div className=\"space-y-4\">\n          <h2 className=\"text-lg font-semibold\">Recent Refund Records</h2>\n          <DataTable\n            columns={refundColumns}\n            data={refunds}\n            keyExtractor={(r) => r.id}\n            loading={refundsLoading}\n          />\n        </div>\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"BillingPage.js","names":[],"sources":["../../../src/admin/pages/BillingPage.tsx"],"sourcesContent":["import { CreditCard, Plus, ArrowUpRight, Shield, Receipt, Download } from 'lucide-react';\nimport { CTAOverflowMenu } from '@burdenoff/fe-libs/ui';\nimport { PageLayout, DataTable, Badge, MetricCard, MetricsGrid } from '../components';\nimport {\n  useListAllPlansQuery,\n  useListAllQuotasQuery,\n  useListRefundRecordsQuery,\n} from '../../generated/global-operations';\nimport { formatCurrency, formatDateTime } from '../utils/formatters';\n\nexport function BillingPage() {\n  const { data: plansData, loading: plansLoading } = useListAllPlansQuery();\n  const { data: quotasData, loading: quotasLoading } = useListAllQuotasQuery();\n  const { data: refundsData, loading: refundsLoading } = useListRefundRecordsQuery({\n    variables: { page: 1, pageSize: 10 },\n  });\n\n  const plans = plansData?.getAllPlans || [];\n  const quotas = quotasData?.getAllQuotas || [];\n  const refunds = refundsData?.getRefundRecords?.records || [];\n\n  const planColumns = [\n    {\n      key: 'name',\n      header: 'Plan Name',\n      render: (plan: any) => <span className=\"font-medium\">{plan.name}</span>,\n    },\n    {\n      key: 'price',\n      header: 'Price',\n      render: (plan: any) => formatCurrency(plan.price, plan.currency),\n    },\n    {\n      key: 'duration',\n      header: 'Interval',\n    },\n    {\n      key: 'isActive',\n      header: 'Status',\n      render: (plan: any) => (\n        <Badge variant={plan.isActive ? 'success' : 'secondary'}>\n          {plan.isActive ? 'Active' : 'Inactive'}\n        </Badge>\n      ),\n    },\n  ];\n\n  const quotaColumns = [\n    {\n      key: 'name',\n      header: 'Quota Name',\n    },\n    {\n      key: 'quotaType',\n      header: 'Metric Type',\n    },\n    {\n      key: 'isActive',\n      header: 'Status',\n      render: (quota: any) => (\n        <Badge variant={quota.isActive ? 'success' : 'secondary'}>\n          {quota.isActive ? 'Active' : 'Inactive'}\n        </Badge>\n      ),\n    },\n  ];\n\n  const refundColumns = [\n    {\n      key: 'amount',\n      header: 'Amount',\n      render: (refund: any) => formatCurrency(refund.amount, refund.currency),\n    },\n    {\n      key: 'status',\n      header: 'Status',\n      render: (refund: any) => (\n        <Badge variant={refund.status === 'COMPLETED' ? 'success' : 'warning'}>\n          {refund.status}\n        </Badge>\n      ),\n    },\n    {\n      key: 'reason',\n      header: 'Reason',\n    },\n    {\n      key: 'createdAt',\n      header: 'Date',\n      render: (refund: any) => formatDateTime(refund.createdAt),\n    },\n  ];\n\n  return (\n    <PageLayout\n      title=\"Billing & Subscriptions\"\n      gradientWord=\"Subscriptions\"\n      description=\"Manage platform-wide plans, quotas, and refunds\"\n      actions={\n        <CTAOverflowMenu\n          primary={{\n            label: 'Create Plan',\n            icon: <Plus className=\"mr-2 h-4 w-4\" />,\n            onSelect: () => {},\n          }}\n          actions={[\n            {\n              label: 'Export Audit',\n              icon: <Download className=\"h-4 w-4\" />,\n              onSelect: () => {},\n            },\n          ]}\n        />\n      }\n    >\n      <div className=\"space-y-8\">\n        <MetricsGrid>\n          <MetricCard\n            title=\"Total Revenue (30d)\"\n            hero\n            value=\"$124,500\"\n            icon={<CreditCard className=\"h-4 w-4\" />}\n            trend=\"up\"\n          />\n          <MetricCard\n            title=\"Active Subscriptions\"\n            value=\"1,248\"\n            icon={<Shield className=\"h-4 w-4\" />}\n          />\n          <MetricCard\n            title=\"Pending Refunds\"\n            value={refundsData?.getRefundRecords?.totalCount ?? 0}\n            icon={<ArrowUpRight className=\"h-4 w-4\" />}\n            priority=\"high\"\n          />\n          <MetricCard title=\"Upcoming Invoices\" value=\"42\" icon={<Receipt className=\"h-4 w-4\" />} />\n        </MetricsGrid>\n\n        <div className=\"grid gap-8 lg:grid-cols-2\">\n          <div className=\"space-y-4\">\n            <h2 className=\"text-lg font-semibold\">Platform Plans</h2>\n            <DataTable\n              columns={planColumns}\n              data={plans}\n              keyExtractor={(p) => p.id}\n              loading={plansLoading}\n            />\n          </div>\n          <div className=\"space-y-4\">\n            <h2 className=\"text-lg font-semibold\">Resource Quotas</h2>\n            <DataTable\n              columns={quotaColumns}\n              data={quotas}\n              keyExtractor={(q) => q.id}\n              loading={quotasLoading}\n            />\n          </div>\n        </div>\n\n        <div className=\"space-y-4\">\n          <h2 className=\"text-lg font-semibold\">Recent Refund Records</h2>\n          <DataTable\n            columns={refundColumns}\n            data={refunds}\n            keyExtractor={(r) => r.id}\n            loading={refundsLoading}\n          />\n        </div>\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}

package/dist/admin/pages/CommunicationsPage.js

@@ -18,6 +18,7 @@ function b() {
 	};
 	return /* @__PURE__ */ v(r, {
 		title: "Communications",
+		gradientWord: "Communications",
 		description: "Manage platform newsletters and system notifications",
 		actions: /* @__PURE__ */ y(t, { children: [/* @__PURE__ */ v(h, { className: "mr-2 h-4 w-4" }), "Create Newsletter"] }),
 		children: /* @__PURE__ */ y("div", {
@@ -25,6 +26,7 @@ function b() {
 			children: [/* @__PURE__ */ y(s, { children: [
 				/* @__PURE__ */ v(o, {
 					title: "Total Subscribers",
+					hero: !0,
 					value: E?.totalSubscribers ?? 0,
 					loading: x,
 					icon: /* @__PURE__ */ v(_, { className: "h-4 w-4" })
@@ -60,10 +62,10 @@ function b() {
 							render: (e) => /* @__PURE__ */ y("div", {
 								className: "flex flex-col",
 								children: [/* @__PURE__ */ v("span", {
-									className: "font-medium text-foreground",
+									className: "font-medium text-text-primary",
 									children: e.title
 								}), /* @__PURE__ */ v("span", {
-									className: "text-xs text-muted-foreground",
+									className: "text-xs text-text-secondary",
 									children: e.subject
 								})]
 							})
@@ -103,6 +105,7 @@ function b() {
 					keyExtractor: (e) => e.id,
 					loading: C,
 					emptyState: /* @__PURE__ */ v(n, {
+						illustration: "empty-notifications",
 						icon: /* @__PURE__ */ v(p, { className: "h-8 w-8" }),
 						title: "No newsletters found",
 						description: "Create your first newsletter to communicate with users"

package/dist/admin/pages/CommunicationsPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"CommunicationsPage.js","names":[],"sources":["../../../src/admin/pages/CommunicationsPage.tsx"],"sourcesContent":["import { Mail, Plus, Send, Users, Eye, MousePointer2 } from 'lucide-react';\nimport {\n  PageLayout,\n  Button,\n  DataTable,\n  Badge,\n  MetricCard,\n  MetricsGrid,\n  EmptyState,\n} from '../components';\nimport {\n  useListNewslettersQuery,\n  useGetNewsletterStatsQuery,\n  useSendNewsletterMutation,\n} from '../../generated/global-operations';\nimport { formatDateTime, formatPercentage } from '../utils/formatters';\n\nexport function CommunicationsPage() {\n  const { data: statsData, loading: statsLoading } = useGetNewsletterStatsQuery();\n  const {\n    data: listData,\n    loading: listLoading,\n    refetch,\n  } = useListNewslettersQuery({\n    variables: { limit: 50 },\n  });\n\n  const [sendNewsletter] = useSendNewsletterMutation();\n\n  const stats = statsData?.newsletterStats;\n  const newsletters = listData?.newsletters || [];\n\n  const handleSend = async (id: string) => {\n    if (confirm('Are you sure you want to send this newsletter to all subscribers?')) {\n      try {\n        await sendNewsletter({ variables: { id } });\n        refetch();\n      } catch (err) {\n        console.error('Failed to send newsletter:', err);\n      }\n    }\n  };\n\n  const columns = [\n    {\n      key: 'title',\n      header: 'Title',\n      render: (news: any) => (\n        <div className=\"flex flex-col\">\n          <span className=\"font-medium text-foreground\">{news.title}</span>\n          <span className=\"text-xs text-muted-foreground\">{news.subject}</span>\n        </div>\n      ),\n    },\n    {\n      key: 'status',\n      header: 'Status',\n      render: (news: any) => {\n        const variants: Record<\n          string,\n          'default' | 'secondary' | 'success' | 'warning' | 'destructive' | 'outline'\n        > = {\n          SENT: 'success',\n          SCHEDULED: 'warning',\n          DRAFT: 'secondary',\n        };\n        return <Badge variant={variants[news.status] || 'outline'}>{news.status}</Badge>;\n      },\n    },\n    {\n      key: 'sentAt',\n      header: 'Sent Date',\n      render: (news: any) => (news.sentAt ? formatDateTime(news.sentAt) : '-'),\n    },\n    {\n      key: 'actions',\n      header: '',\n      align: 'right' as const,\n      render: (news: any) => (\n        <div className=\"flex justify-end gap-2\">\n          {news.status === 'DRAFT' && (\n            <Button size=\"sm\" onClick={() => handleSend(news.id)}>\n              <Send className=\"mr-2 h-3 w-3\" />\n              Send Now\n            </Button>\n          )}\n        </div>\n      ),\n    },\n  ];\n\n  return (\n    <PageLayout\n      title=\"Communications\"\n      description=\"Manage platform newsletters and system notifications\"\n      actions={\n        <Button>\n          <Plus className=\"mr-2 h-4 w-4\" />\n          Create Newsletter\n        </Button>\n      }\n    >\n      <div className=\"space-y-8\">\n        <MetricsGrid>\n          <MetricCard\n            title=\"Total Subscribers\"\n            value={stats?.totalSubscribers ?? 0}\n            loading={statsLoading}\n            icon={<Users className=\"h-4 w-4\" />}\n          />\n          <MetricCard\n            title=\"Newsletters Sent\"\n            value={stats?.totalSent ?? 0}\n            loading={statsLoading}\n            icon={<Send className=\"h-4 w-4\" />}\n          />\n          <MetricCard\n            title=\"Avg. Open Rate\"\n            value={formatPercentage(stats?.averageOpenRate ?? 0)}\n            loading={statsLoading}\n            icon={<Eye className=\"h-4 w-4\" />}\n          />\n          <MetricCard\n            title=\"Avg. Click Rate\"\n            value={formatPercentage(stats?.averageClickRate ?? 0)}\n            loading={statsLoading}\n            icon={<MousePointer2 className=\"h-4 w-4\" />}\n          />\n        </MetricsGrid>\n\n        <div className=\"space-y-4\">\n          <h2 className=\"text-lg font-semibold\">Newsletters</h2>\n          <DataTable\n            columns={columns}\n            data={newsletters}\n            keyExtractor={(n) => n.id}\n            loading={listLoading}\n            emptyState={\n              <EmptyState\n                icon={<Mail className=\"h-8 w-8\" />}\n                title=\"No newsletters found\"\n                description=\"Create your first newsletter to communicate with users\"\n              />\n            }\n          />\n        </div>\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;;;AAiBA,SAAgB,IAAqB;CACnC,IAAM,EAAE,MAAM,GAAW,SAAS,MAAiB,GAA4B,EACzE,EACJ,MAAM,GACN,SAAS,GACT,eACE,EAAwB,EAC1B,WAAW,EAAE,OAAO,IAAI,EACzB,CAAC,EAEI,CAAC,KAAkB,GAA2B,EAE9C,IAAQ,GAAW,iBACnB,IAAc,GAAU,eAAe,EAAE,EAEzC,IAAa,OAAO,MAAe;AACvC,MAAI,QAAQ,oEAAoE,CAC9E,KAAI;AAEF,GADA,MAAM,EAAe,EAAE,WAAW,EAAE,OAAI,EAAE,CAAC,EAC3C,GAAS;WACF,GAAK;AACZ,WAAQ,MAAM,8BAA8B,EAAI;;;AAqDtD,QACE,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;EACZ,SACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAM,WAAU,gBAAiB,CAAA,EAAA,oBAE1B,EAAA,CAAA;YAGX,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,GAAD,EAAA,UAAA;IACE,kBAAC,GAAD;KACE,OAAM;KACN,OAAO,GAAO,oBAAoB;KAClC,SAAS;KACT,MAAM,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA;KACnC,CAAA;IACF,kBAAC,GAAD;KACE,OAAM;KACN,OAAO,GAAO,aAAa;KAC3B,SAAS;KACT,MAAM,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA;KAClC,CAAA;IACF,kBAAC,GAAD;KACE,OAAM;KACN,OAAO,EAAiB,GAAO,mBAAmB,EAAE;KACpD,SAAS;KACT,MAAM,kBAAC,GAAD,EAAK,WAAU,WAAY,CAAA;KACjC,CAAA;IACF,kBAAC,GAAD;KACE,OAAM;KACN,OAAO,EAAiB,GAAO,oBAAoB,EAAE;KACrD,SAAS;KACT,MAAM,kBAAC,GAAD,EAAe,WAAU,WAAY,CAAA;KAC3C,CAAA;IACU,EAAA,CAAA,EAEd,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,MAAD;KAAI,WAAU;eAAwB;KAAgB,CAAA,EACtD,kBAAC,GAAD;KACW,SA1FH;MACd;OACE,KAAK;OACL,QAAQ;OACR,SAAS,MACP,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,QAAD;SAAM,WAAU;mBAA+B,EAAK;SAAa,CAAA,EACjE,kBAAC,QAAD;SAAM,WAAU;mBAAiC,EAAK;SAAe,CAAA,CACjE;;OAET;MACD;OACE,KAAK;OACL,QAAQ;OACR,SAAS,MASA,kBAAC,GAAD;QAAO,SALV;SACF,MAAM;SACN,WAAW;SACX,OAAO;SACR,CAC+B,EAAK,WAAW;kBAAY,EAAK;QAAe,CAAA;OAEnF;MACD;OACE,KAAK;OACL,QAAQ;OACR,SAAS,MAAe,EAAK,SAAS,EAAe,EAAK,OAAO,GAAG;OACrE;MACD;OACE,KAAK;OACL,QAAQ;OACR,OAAO;OACP,SAAS,MACP,kBAAC,OAAD;QAAK,WAAU;kBACZ,EAAK,WAAW,WACf,kBAAC,GAAD;SAAQ,MAAK;SAAK,eAAe,EAAW,EAAK,GAAG;mBAApD,CACE,kBAAC,GAAD,EAAM,WAAU,gBAAiB,CAAA,EAAA,WAE1B;;QAEP,CAAA;OAET;MACF;KA6CS,MAAM;KACN,eAAe,MAAM,EAAE;KACvB,SAAS;KACT,YACE,kBAAC,GAAD;MACE,MAAM,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA;MAClC,OAAM;MACN,aAAY;MACZ,CAAA;KAEJ,CAAA,CACE;MACF;;EACK,CAAA"}
+{"version":3,"file":"CommunicationsPage.js","names":[],"sources":["../../../src/admin/pages/CommunicationsPage.tsx"],"sourcesContent":["import { Mail, Plus, Send, Users, Eye, MousePointer2 } from 'lucide-react';\nimport {\n  PageLayout,\n  Button,\n  DataTable,\n  Badge,\n  MetricCard,\n  MetricsGrid,\n  EmptyState,\n} from '../components';\nimport {\n  useListNewslettersQuery,\n  useGetNewsletterStatsQuery,\n  useSendNewsletterMutation,\n} from '../../generated/global-operations';\nimport { formatDateTime, formatPercentage } from '../utils/formatters';\n\nexport function CommunicationsPage() {\n  const { data: statsData, loading: statsLoading } = useGetNewsletterStatsQuery();\n  const {\n    data: listData,\n    loading: listLoading,\n    refetch,\n  } = useListNewslettersQuery({\n    variables: { limit: 50 },\n  });\n\n  const [sendNewsletter] = useSendNewsletterMutation();\n\n  const stats = statsData?.newsletterStats;\n  const newsletters = listData?.newsletters || [];\n\n  const handleSend = async (id: string) => {\n    if (confirm('Are you sure you want to send this newsletter to all subscribers?')) {\n      try {\n        await sendNewsletter({ variables: { id } });\n        refetch();\n      } catch (err) {\n        console.error('Failed to send newsletter:', err);\n      }\n    }\n  };\n\n  const columns = [\n    {\n      key: 'title',\n      header: 'Title',\n      render: (news: any) => (\n        <div className=\"flex flex-col\">\n          <span className=\"font-medium text-text-primary\">{news.title}</span>\n          <span className=\"text-xs text-text-secondary\">{news.subject}</span>\n        </div>\n      ),\n    },\n    {\n      key: 'status',\n      header: 'Status',\n      render: (news: any) => {\n        const variants: Record<\n          string,\n          'default' | 'secondary' | 'success' | 'warning' | 'destructive' | 'outline'\n        > = {\n          SENT: 'success',\n          SCHEDULED: 'warning',\n          DRAFT: 'secondary',\n        };\n        return <Badge variant={variants[news.status] || 'outline'}>{news.status}</Badge>;\n      },\n    },\n    {\n      key: 'sentAt',\n      header: 'Sent Date',\n      render: (news: any) => (news.sentAt ? formatDateTime(news.sentAt) : '-'),\n    },\n    {\n      key: 'actions',\n      header: '',\n      align: 'right' as const,\n      render: (news: any) => (\n        <div className=\"flex justify-end gap-2\">\n          {news.status === 'DRAFT' && (\n            <Button size=\"sm\" onClick={() => handleSend(news.id)}>\n              <Send className=\"mr-2 h-3 w-3\" />\n              Send Now\n            </Button>\n          )}\n        </div>\n      ),\n    },\n  ];\n\n  return (\n    <PageLayout\n      title=\"Communications\"\n      gradientWord=\"Communications\"\n      description=\"Manage platform newsletters and system notifications\"\n      actions={\n        <Button>\n          <Plus className=\"mr-2 h-4 w-4\" />\n          Create Newsletter\n        </Button>\n      }\n    >\n      <div className=\"space-y-8\">\n        <MetricsGrid>\n          <MetricCard\n            title=\"Total Subscribers\"\n            hero\n            value={stats?.totalSubscribers ?? 0}\n            loading={statsLoading}\n            icon={<Users className=\"h-4 w-4\" />}\n          />\n          <MetricCard\n            title=\"Newsletters Sent\"\n            value={stats?.totalSent ?? 0}\n            loading={statsLoading}\n            icon={<Send className=\"h-4 w-4\" />}\n          />\n          <MetricCard\n            title=\"Avg. Open Rate\"\n            value={formatPercentage(stats?.averageOpenRate ?? 0)}\n            loading={statsLoading}\n            icon={<Eye className=\"h-4 w-4\" />}\n          />\n          <MetricCard\n            title=\"Avg. Click Rate\"\n            value={formatPercentage(stats?.averageClickRate ?? 0)}\n            loading={statsLoading}\n            icon={<MousePointer2 className=\"h-4 w-4\" />}\n          />\n        </MetricsGrid>\n\n        <div className=\"space-y-4\">\n          <h2 className=\"text-lg font-semibold\">Newsletters</h2>\n          <DataTable\n            columns={columns}\n            data={newsletters}\n            keyExtractor={(n) => n.id}\n            loading={listLoading}\n            emptyState={\n              <EmptyState\n                illustration=\"empty-notifications\"\n                icon={<Mail className=\"h-8 w-8\" />}\n                title=\"No newsletters found\"\n                description=\"Create your first newsletter to communicate with users\"\n              />\n            }\n          />\n        </div>\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;;;AAiBA,SAAgB,IAAqB;CACnC,IAAM,EAAE,MAAM,GAAW,SAAS,MAAiB,GAA4B,EACzE,EACJ,MAAM,GACN,SAAS,GACT,eACE,EAAwB,EAC1B,WAAW,EAAE,OAAO,IAAI,EACzB,CAAC,EAEI,CAAC,KAAkB,GAA2B,EAE9C,IAAQ,GAAW,iBACnB,IAAc,GAAU,eAAe,EAAE,EAEzC,IAAa,OAAO,MAAe;AACvC,MAAI,QAAQ,oEAAoE,CAC9E,KAAI;AAEF,GADA,MAAM,EAAe,EAAE,WAAW,EAAE,OAAI,EAAE,CAAC,EAC3C,GAAS;WACF,GAAK;AACZ,WAAQ,MAAM,8BAA8B,EAAI;;;AAqDtD,QACE,kBAAC,GAAD;EACE,OAAM;EACN,cAAa;EACb,aAAY;EACZ,SACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAM,WAAU,gBAAiB,CAAA,EAAA,oBAE1B,EAAA,CAAA;YAGX,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,GAAD,EAAA,UAAA;IACE,kBAAC,GAAD;KACE,OAAM;KACN,MAAA;KACA,OAAO,GAAO,oBAAoB;KAClC,SAAS;KACT,MAAM,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA;KACnC,CAAA;IACF,kBAAC,GAAD;KACE,OAAM;KACN,OAAO,GAAO,aAAa;KAC3B,SAAS;KACT,MAAM,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA;KAClC,CAAA;IACF,kBAAC,GAAD;KACE,OAAM;KACN,OAAO,EAAiB,GAAO,mBAAmB,EAAE;KACpD,SAAS;KACT,MAAM,kBAAC,GAAD,EAAK,WAAU,WAAY,CAAA;KACjC,CAAA;IACF,kBAAC,GAAD;KACE,OAAM;KACN,OAAO,EAAiB,GAAO,oBAAoB,EAAE;KACrD,SAAS;KACT,MAAM,kBAAC,GAAD,EAAe,WAAU,WAAY,CAAA;KAC3C,CAAA;IACU,EAAA,CAAA,EAEd,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,MAAD;KAAI,WAAU;eAAwB;KAAgB,CAAA,EACtD,kBAAC,GAAD;KACW,SA5FH;MACd;OACE,KAAK;OACL,QAAQ;OACR,SAAS,MACP,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,QAAD;SAAM,WAAU;mBAAiC,EAAK;SAAa,CAAA,EACnE,kBAAC,QAAD;SAAM,WAAU;mBAA+B,EAAK;SAAe,CAAA,CAC/D;;OAET;MACD;OACE,KAAK;OACL,QAAQ;OACR,SAAS,MASA,kBAAC,GAAD;QAAO,SALV;SACF,MAAM;SACN,WAAW;SACX,OAAO;SACR,CAC+B,EAAK,WAAW;kBAAY,EAAK;QAAe,CAAA;OAEnF;MACD;OACE,KAAK;OACL,QAAQ;OACR,SAAS,MAAe,EAAK,SAAS,EAAe,EAAK,OAAO,GAAG;OACrE;MACD;OACE,KAAK;OACL,QAAQ;OACR,OAAO;OACP,SAAS,MACP,kBAAC,OAAD;QAAK,WAAU;kBACZ,EAAK,WAAW,WACf,kBAAC,GAAD;SAAQ,MAAK;SAAK,eAAe,EAAW,EAAK,GAAG;mBAApD,CACE,kBAAC,GAAD,EAAM,WAAU,gBAAiB,CAAA,EAAA,WAE1B;;QAEP,CAAA;OAET;MACF;KA+CS,MAAM;KACN,eAAe,MAAM,EAAE;KACvB,SAAS;KACT,YACE,kBAAC,GAAD;MACE,cAAa;MACb,MAAM,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA;MAClC,OAAM;MACN,aAAY;MACZ,CAAA;KAEJ,CAAA,CACE;MACF;;EACK,CAAA"}

package/dist/admin/pages/ContentPagesPage.js

@@ -347,6 +347,7 @@ function b() {
 		children: [
 			/* @__PURE__ */ d(ee, {
 				title: "Content",
+				gradientWord: "Content",
 				description: `Blog posts, case studies, and changelog entries${F ? ` · ${F} total` : ""}`,
 				actions: /* @__PURE__ */ f(r, {
 					onClick: Oe,
@@ -410,6 +411,7 @@ function b() {
 							keyExtractor: (e) => e.id,
 							loading: Te,
 							emptyState: /* @__PURE__ */ d(i, {
+								illustration: "empty-files",
 								icon: /* @__PURE__ */ d(de, { className: "h-8 w-8" }),
 								title: "No content yet",
 								description: "Create a blog post, case study, or changelog entry to get started."