@burdenoff/microfe-admin 2026.626.1 → 2026.720.1

package/dist/admin/components/MarkdownEditor.js

@@ -0,0 +1,116 @@
+import { cn as e } from "../utils/cn.js";
+import { Button as t } from "./ui.js";
+import { useCallback as n, useRef as r, useState as i } from "react";
+import { Bold as a, Code as o, Italic as s, Link as c, List as l } from "lucide-react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { Markdown as f } from "@burdenoff/fe-libs/shared/components";
+//#region src/admin/components/MarkdownEditor.tsx
+var p = "flex w-full rounded-md border border-border-default bg-bg-surface px-3 py-2 text-sm shadow-sm transition-colors placeholder:text-text-secondary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)] focus-visible:ring-offset-2 disabled:opacity-50";
+function m({ icon: e, label: n, onClick: r, disabled: i }) {
+	return /* @__PURE__ */ u(t, {
+		type: "button",
+		variant: "outline",
+		size: "sm",
+		onClick: r,
+		disabled: i,
+		"aria-label": n,
+		className: "h-8 w-8 p-0",
+		children: e
+	});
+}
+function h({ value: t, onChange: h, placeholder: g = "Write in markdown...", "aria-label": _, className: v, showToolbar: y = !0, description: b, disabled: x }) {
+	let [S, C] = i("write"), w = r(null), T = n((e, n = e) => {
+		let r = w.current;
+		if (!r) return;
+		let i = r.selectionStart ?? 0, a = r.selectionEnd ?? 0, o = t.slice(i, a) || "", s = `${e}${o}${n}`;
+		h(t.slice(0, i) + s + t.slice(a)), requestAnimationFrame(() => {
+			r.focus();
+			let t = i + e.length, a = o ? i + s.length - n.length : t;
+			r.setSelectionRange(t, a);
+		});
+	}, [h, t]), E = [
+		{
+			icon: /* @__PURE__ */ u(a, { className: "h-4 w-4" }),
+			label: "Bold",
+			action: () => T("**")
+		},
+		{
+			icon: /* @__PURE__ */ u(s, { className: "h-4 w-4" }),
+			label: "Italic",
+			action: () => T("_")
+		},
+		{
+			icon: /* @__PURE__ */ u(c, { className: "h-4 w-4" }),
+			label: "Link",
+			action: () => T("[", "](url)")
+		},
+		{
+			icon: /* @__PURE__ */ u(o, { className: "h-4 w-4" }),
+			label: "Inline code",
+			action: () => T("`")
+		},
+		{
+			icon: /* @__PURE__ */ u(l, { className: "h-4 w-4" }),
+			label: "List",
+			action: () => T("- ")
+		}
+	];
+	return /* @__PURE__ */ d("div", {
+		className: e("space-y-2", v),
+		children: [
+			/* @__PURE__ */ d("div", {
+				className: "flex flex-wrap items-center justify-between gap-2",
+				children: [/* @__PURE__ */ d("div", {
+					className: "inline-flex rounded-md border border-border-default bg-bg-sunken p-1",
+					children: [/* @__PURE__ */ u("button", {
+						type: "button",
+						onClick: () => C("write"),
+						disabled: x,
+						className: e("rounded px-3 py-1 text-sm font-medium transition-colors", S === "write" ? "bg-bg-surface text-text-primary shadow-sm" : "text-text-secondary hover:text-text-primary"),
+						"aria-pressed": S === "write",
+						children: "Write"
+					}), /* @__PURE__ */ u("button", {
+						type: "button",
+						onClick: () => C("preview"),
+						disabled: x,
+						className: e("rounded px-3 py-1 text-sm font-medium transition-colors", S === "preview" ? "bg-bg-surface text-text-primary shadow-sm" : "text-text-secondary hover:text-text-primary"),
+						"aria-pressed": S === "preview",
+						children: "Preview"
+					})]
+				}), y && /* @__PURE__ */ u("div", {
+					className: "flex items-center gap-1",
+					children: E.map((e) => /* @__PURE__ */ u(m, {
+						icon: e.icon,
+						label: e.label,
+						onClick: e.action,
+						disabled: x
+					}, e.label))
+				})]
+			}),
+			b && /* @__PURE__ */ u("p", {
+				className: "text-xs text-text-secondary",
+				children: b
+			}),
+			S === "write" ? /* @__PURE__ */ u("textarea", {
+				ref: w,
+				"aria-label": _,
+				disabled: x,
+				className: e(p, "min-h-[16rem] resize-y font-mono text-xs"),
+				value: t,
+				onChange: (e) => h(e.target.value),
+				placeholder: g
+			}) : /* @__PURE__ */ u("div", {
+				className: e(p, "min-h-[16rem] overflow-auto bg-bg-sunken", !t.trim() && "text-text-secondary"),
+				"aria-label": _ ? `${_} preview` : "Preview",
+				children: t.trim() ? /* @__PURE__ */ u(f, {
+					className: "[&_p]:mb-2 [&_ul]:list-disc [&_ul]:pl-5 [&_ol]:list-decimal [&_ol]:pl-5 [&_a]:text-action-primary-bg [&_a]:underline [&_code]:rounded [&_code]:bg-bg-muted [&_code]:px-1 [&_code]:py-0.5 [&_pre]:overflow-auto [&_pre]:rounded [&_pre]:bg-bg-muted [&_pre]:p-3",
+					children: t
+				}) : /* @__PURE__ */ u("span", { children: "Nothing to preview" })
+			})
+		]
+	});
+}
+//#endregion
+export { h as MarkdownEditor };
+
+//# sourceMappingURL=MarkdownEditor.js.map

package/dist/admin/components/MarkdownEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownEditor.js","names":[],"sources":["../../../src/admin/components/MarkdownEditor.tsx"],"sourcesContent":["import { useState, useRef, useCallback } from 'react';\nimport { Bold, Italic, Link, Code, List } from 'lucide-react';\nimport { Markdown } from '@burdenoff/fe-libs/shared/components';\nimport { cn } from '../utils/cn';\nimport { Button } from './ui';\n\ntype Tab = 'write' | 'preview';\n\ninterface MarkdownEditorProps {\n  /** Current markdown value. */\n  value: string;\n  /** Change handler for the markdown source. */\n  onChange: (value: string) => void;\n  /** Optional placeholder for the write tab textarea. */\n  placeholder?: string;\n  /** Optional label/aria-label for the textarea. */\n  'aria-label'?: string;\n  /** Additional classes for the root element. */\n  className?: string;\n  /** Whether to show the formatting toolbar. Default true. */\n  showToolbar?: boolean;\n  /** Additional description shown below the toolbar tabs. */\n  description?: string;\n  /** Whether the editor is disabled. */\n  disabled?: boolean;\n}\n\nconst inputClass =\n  'flex w-full rounded-md border border-border-default bg-bg-surface px-3 py-2 text-sm shadow-sm transition-colors placeholder:text-text-secondary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)] focus-visible:ring-offset-2 disabled:opacity-50';\n\ninterface ToolbarButtonProps {\n  icon: React.ReactNode;\n  label: string;\n  onClick: () => void;\n  disabled?: boolean;\n}\n\nfunction ToolbarButton({ icon, label, onClick, disabled }: ToolbarButtonProps) {\n  return (\n    <Button\n      type=\"button\"\n      variant=\"outline\"\n      size=\"sm\"\n      onClick={onClick}\n      disabled={disabled}\n      aria-label={label}\n      className=\"h-8 w-8 p-0\"\n    >\n      {icon}\n    </Button>\n  );\n}\n\n/**\n * Reusable markdown editor with live preview.\n *\n * Provides a write/preview tab pair, a small formatting toolbar, and renders\n * the preview using the shared `@burdenoff/fe-libs/shared/components/Markdown`\n * component (react-markdown + remark-gfm + rehype-sanitize).\n */\nexport function MarkdownEditor({\n  value,\n  onChange,\n  placeholder = 'Write in markdown...',\n  'aria-label': ariaLabel,\n  className,\n  showToolbar = true,\n  description,\n  disabled,\n}: MarkdownEditorProps) {\n  const [tab, setTab] = useState<Tab>('write');\n  const textareaRef = useRef<HTMLTextAreaElement>(null);\n\n  const insertAround = useCallback(\n    (before: string, after: string = before) => {\n      const el = textareaRef.current;\n      if (!el) return;\n\n      const start = el.selectionStart ?? 0;\n      const end = el.selectionEnd ?? 0;\n      const selected = value.slice(start, end) || '';\n      const replacement = `${before}${selected}${after}`;\n      const nextValue = value.slice(0, start) + replacement + value.slice(end);\n\n      onChange(nextValue);\n\n      // Restore focus and select the wrapped text (or place cursor inside the\n      // wrappers when nothing was selected).\n      requestAnimationFrame(() => {\n        el.focus();\n        const cursorStart = start + before.length;\n        const cursorEnd = selected ? start + replacement.length - after.length : cursorStart;\n        el.setSelectionRange(cursorStart, cursorEnd);\n      });\n    },\n    [onChange, value]\n  );\n\n  const toolbarItems = [\n    { icon: <Bold className=\"h-4 w-4\" />, label: 'Bold', action: () => insertAround('**') },\n    { icon: <Italic className=\"h-4 w-4\" />, label: 'Italic', action: () => insertAround('_') },\n    {\n      icon: <Link className=\"h-4 w-4\" />,\n      label: 'Link',\n      action: () => insertAround('[', '](url)'),\n    },\n    { icon: <Code className=\"h-4 w-4\" />, label: 'Inline code', action: () => insertAround('`') },\n    { icon: <List className=\"h-4 w-4\" />, label: 'List', action: () => insertAround('- ') },\n  ];\n\n  return (\n    <div className={cn('space-y-2', className)}>\n      <div className=\"flex flex-wrap items-center justify-between gap-2\">\n        <div className=\"inline-flex rounded-md border border-border-default bg-bg-sunken p-1\">\n          <button\n            type=\"button\"\n            onClick={() => setTab('write')}\n            disabled={disabled}\n            className={cn(\n              'rounded px-3 py-1 text-sm font-medium transition-colors',\n              tab === 'write'\n                ? 'bg-bg-surface text-text-primary shadow-sm'\n                : 'text-text-secondary hover:text-text-primary'\n            )}\n            aria-pressed={tab === 'write'}\n          >\n            Write\n          </button>\n          <button\n            type=\"button\"\n            onClick={() => setTab('preview')}\n            disabled={disabled}\n            className={cn(\n              'rounded px-3 py-1 text-sm font-medium transition-colors',\n              tab === 'preview'\n                ? 'bg-bg-surface text-text-primary shadow-sm'\n                : 'text-text-secondary hover:text-text-primary'\n            )}\n            aria-pressed={tab === 'preview'}\n          >\n            Preview\n          </button>\n        </div>\n\n        {showToolbar && (\n          <div className=\"flex items-center gap-1\">\n            {toolbarItems.map((item) => (\n              <ToolbarButton\n                key={item.label}\n                icon={item.icon}\n                label={item.label}\n                onClick={item.action}\n                disabled={disabled}\n              />\n            ))}\n          </div>\n        )}\n      </div>\n\n      {description && <p className=\"text-xs text-text-secondary\">{description}</p>}\n\n      {tab === 'write' ? (\n        <textarea\n          ref={textareaRef}\n          aria-label={ariaLabel}\n          disabled={disabled}\n          className={cn(inputClass, 'min-h-[16rem] resize-y font-mono text-xs')}\n          value={value}\n          onChange={(e) => onChange(e.target.value)}\n          placeholder={placeholder}\n        />\n      ) : (\n        <div\n          className={cn(\n            inputClass,\n            'min-h-[16rem] overflow-auto bg-bg-sunken',\n            !value.trim() && 'text-text-secondary'\n          )}\n          aria-label={ariaLabel ? `${ariaLabel} preview` : 'Preview'}\n        >\n          {value.trim() ? (\n            <Markdown className=\"[&_p]:mb-2 [&_ul]:list-disc [&_ul]:pl-5 [&_ol]:list-decimal [&_ol]:pl-5 [&_a]:text-action-primary-bg [&_a]:underline [&_code]:rounded [&_code]:bg-bg-muted [&_code]:px-1 [&_code]:py-0.5 [&_pre]:overflow-auto [&_pre]:rounded [&_pre]:bg-bg-muted [&_pre]:p-3\">\n              {value}\n            </Markdown>\n          ) : (\n            <span>Nothing to preview</span>\n          )}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/admin/components/index.js

@@ -15,3 +15,4 @@ import "./ConfirmDialog.js";
 import "./RowActions.js";
 import "./AccessDenied.js";
 import "./PermissionGuard.js";
+import "./MarkdownEditor.js";

package/dist/admin/constants/featureFlags.js

@@ -0,0 +1,12 @@
+//#region src/admin/constants/featureFlags.ts
+var e = {
+	management: "tenant.management",
+	list: "tenant.list",
+	detail: "tenant.detail",
+	create: "tenant.create",
+	edit: "tenant.edit"
+};
+//#endregion
+export { e as TENANT_FEATURE_FLAGS };
+
+//# sourceMappingURL=featureFlags.js.map

package/dist/admin/constants/featureFlags.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"featureFlags.js","names":[],"sources":["../../../src/admin/constants/featureFlags.ts"],"sourcesContent":["export const TENANT_FEATURE_FLAGS = {\n  management: 'tenant.management',\n  list: 'tenant.list',\n  detail: 'tenant.detail',\n  create: 'tenant.create',\n  edit: 'tenant.edit',\n} as const;\n\nexport type TenantFeatureFlag = (typeof TENANT_FEATURE_FLAGS)[keyof typeof TENANT_FEATURE_FLAGS];\n"],"mappings":";AAAA,IAAa,IAAuB;CAClC,YAAY;CACZ,MAAM;CACN,QAAQ;CACR,QAAQ;CACR,MAAM;CACP"}

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, formatNumber } from '../utils/formatters';\nimport { useListAuditLogsQuery } from '../../generated/global-operations';\nimport { PagePurpose, EmphasisPanel } from '@burdenoff/fe-libs/ui';\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          <PagePurpose>\n            A tamper-evident record of who did what across the platform — every sign-in,\n            permission change, and data action. Use this page to investigate a security incident,\n            answer a compliance question, or export the trail as CSV for an auditor.\n          </PagePurpose>\n\n          {/* Emphasis: total recorded audit events. */}\n          <EmphasisPanel className=\"flex items-center gap-4 p-5\">\n            <div className=\"flex h-12 w-12 flex-shrink-0 items-center justify-center rounded-full bg-action-primary-bg/15 text-action-primary-bg\">\n              <FileText className=\"h-6 w-6\" />\n            </div>\n            <div>\n              <div className=\"text-3xl font-bold tabular-nums text-text-primary\">\n                {formatNumber(total)}\n              </div>\n              <p className=\"text-sm text-text-secondary\">recorded audit events</p>\n            </div>\n          </EmphasisPanel>\n\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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"}
+{"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, formatNumber } from '../utils/formatters';\nimport { useListAuditLogsQuery } from '../../generated/global-operations';\nimport { PagePurpose, EmphasisPanel } from '@burdenoff/fe-libs/ui';\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          <PagePurpose>\n            A tamper-evident record of who did what across the platform — every sign-in, permission\n            change, and data action. Use this page to investigate a security incident, answer a\n            compliance question, or export the trail as CSV for an auditor.\n          </PagePurpose>\n\n          {/* Emphasis: total recorded audit events. */}\n          <EmphasisPanel className=\"flex items-center gap-4 p-5\">\n            <div className=\"flex h-12 w-12 flex-shrink-0 items-center justify-center rounded-full bg-action-primary-bg/15 text-action-primary-bg\">\n              <FileText className=\"h-6 w-6\" />\n            </div>\n            <div>\n              <div className=\"text-3xl font-bold tabular-nums text-text-primary\">\n                {formatNumber(total)}\n              </div>\n              <p className=\"text-sm text-text-secondary\">recorded audit events</p>\n            </div>\n          </EmphasisPanel>\n\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/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';\nimport { PagePurpose } from '@burdenoff/fe-libs/ui';\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        <PagePurpose>\n          Reach your users directly. Draft newsletters, send them to your subscriber base, and\n          track how many people opened and clicked — use it to announce launches, share product\n          updates, or run a re-engagement campaign.\n        </PagePurpose>\n\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":";;;;;;;;;;;AAkBA,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;IACE,kBAAC,GAAD,EAAA,UAAa,wNAIC,CAAA;IAEd,kBAAC,GAAD,EAAA,UAAA;KACE,kBAAC,GAAD;MACE,OAAM;MACN,MAAA;MACA,OAAO,GAAO,oBAAoB;MAClC,SAAS;MACT,MAAM,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA;MACnC,CAAA;KACF,kBAAC,GAAD;MACE,OAAM;MACN,OAAO,GAAO,aAAa;MAC3B,SAAS;MACT,MAAM,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA;MAClC,CAAA;KACF,kBAAC,GAAD;MACE,OAAM;MACN,OAAO,EAAiB,GAAO,mBAAmB,EAAE;MACpD,SAAS;MACT,MAAM,kBAAC,GAAD,EAAK,WAAU,WAAY,CAAA;MACjC,CAAA;KACF,kBAAC,GAAD;MACE,OAAM;MACN,OAAO,EAAiB,GAAO,oBAAoB,EAAE;MACrD,SAAS;MACT,MAAM,kBAAC,GAAD,EAAe,WAAU,WAAY,CAAA;MAC3C,CAAA;KACU,EAAA,CAAA;IAEd,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,MAAD;MAAI,WAAU;gBAAwB;MAAgB,CAAA,EACtD,kBAAC,GAAD;MACW,SAlGH;OACd;QACE,KAAK;QACL,QAAQ;QACR,SAAS,MACP,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,QAAD;UAAM,WAAU;oBAAiC,EAAK;UAAa,CAAA,EACnE,kBAAC,QAAD;UAAM,WAAU;oBAA+B,EAAK;UAAe,CAAA,CAC/D;;QAET;OACD;QACE,KAAK;QACL,QAAQ;QACR,SAAS,MASA,kBAAC,GAAD;SAAO,SALV;UACF,MAAM;UACN,WAAW;UACX,OAAO;UACR,CAC+B,EAAK,WAAW;mBAAY,EAAK;SAAe,CAAA;QAEnF;OACD;QACE,KAAK;QACL,QAAQ;QACR,SAAS,MAAe,EAAK,SAAS,EAAe,EAAK,OAAO,GAAG;QACrE;OACD;QACE,KAAK;QACL,QAAQ;QACR,OAAO;QACP,SAAS,MACP,kBAAC,OAAD;SAAK,WAAU;mBACZ,EAAK,WAAW,WACf,kBAAC,GAAD;UAAQ,MAAK;UAAK,eAAe,EAAW,EAAK,GAAG;oBAApD,CACE,kBAAC,GAAD,EAAM,WAAU,gBAAiB,CAAA,EAAA,WAE1B;;SAEP,CAAA;QAET;OACF;MAqDS,MAAM;MACN,eAAe,MAAM,EAAE;MACvB,SAAS;MACT,YACE,kBAAC,GAAD;OACE,cAAa;OACb,MAAM,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA;OAClC,OAAM;OACN,aAAY;OACZ,CAAA;MAEJ,CAAA,CACE;;IACF;;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';\nimport { PagePurpose } from '@burdenoff/fe-libs/ui';\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        <PagePurpose>\n          Reach your users directly. Draft newsletters, send them to your subscriber base, and track\n          how many people opened and clicked — use it to announce launches, share product updates,\n          or run a re-engagement campaign.\n        </PagePurpose>\n\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":";;;;;;;;;;;AAkBA,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;IACE,kBAAC,GAAD,EAAA,UAAa,wNAIC,CAAA;IAEd,kBAAC,GAAD,EAAA,UAAA;KACE,kBAAC,GAAD;MACE,OAAM;MACN,MAAA;MACA,OAAO,GAAO,oBAAoB;MAClC,SAAS;MACT,MAAM,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA;MACnC,CAAA;KACF,kBAAC,GAAD;MACE,OAAM;MACN,OAAO,GAAO,aAAa;MAC3B,SAAS;MACT,MAAM,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA;MAClC,CAAA;KACF,kBAAC,GAAD;MACE,OAAM;MACN,OAAO,EAAiB,GAAO,mBAAmB,EAAE;MACpD,SAAS;MACT,MAAM,kBAAC,GAAD,EAAK,WAAU,WAAY,CAAA;MACjC,CAAA;KACF,kBAAC,GAAD;MACE,OAAM;MACN,OAAO,EAAiB,GAAO,oBAAoB,EAAE;MACrD,SAAS;MACT,MAAM,kBAAC,GAAD,EAAe,WAAU,WAAY,CAAA;MAC3C,CAAA;KACU,EAAA,CAAA;IAEd,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,MAAD;MAAI,WAAU;gBAAwB;MAAgB,CAAA,EACtD,kBAAC,GAAD;MACW,SAlGH;OACd;QACE,KAAK;QACL,QAAQ;QACR,SAAS,MACP,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,QAAD;UAAM,WAAU;oBAAiC,EAAK;UAAa,CAAA,EACnE,kBAAC,QAAD;UAAM,WAAU;oBAA+B,EAAK;UAAe,CAAA,CAC/D;;QAET;OACD;QACE,KAAK;QACL,QAAQ;QACR,SAAS,MASA,kBAAC,GAAD;SAAO,SALV;UACF,MAAM;UACN,WAAW;UACX,OAAO;UACR,CAC+B,EAAK,WAAW;mBAAY,EAAK;SAAe,CAAA;QAEnF;OACD;QACE,KAAK;QACL,QAAQ;QACR,SAAS,MAAe,EAAK,SAAS,EAAe,EAAK,OAAO,GAAG;QACrE;OACD;QACE,KAAK;QACL,QAAQ;QACR,OAAO;QACP,SAAS,MACP,kBAAC,OAAD;SAAK,WAAU;mBACZ,EAAK,WAAW,WACf,kBAAC,GAAD;UAAQ,MAAK;UAAK,eAAe,EAAW,EAAK,GAAG;oBAApD,CACE,kBAAC,GAAD,EAAM,WAAU,gBAAiB,CAAA,EAAA,WAE1B;;SAEP,CAAA;QAET;OACF;MAqDS,MAAM;MACN,eAAe,MAAM,EAAE;MACvB,SAAS;MACT,YACE,kBAAC,GAAD;OACE,cAAa;OACb,MAAM,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA;OAClC,OAAM;OACN,aAAY;OACZ,CAAA;MAEJ,CAAA,CACE;;IACF;;EACK,CAAA"}