@actuate-media/cms-admin 0.9.0 → 0.11.0

package/dist/views/CollectionList.js

@@ -120,27 +120,27 @@ export function CollectionList({ collectionSlug, config, onNavigate }) {
         setSelected(new Set());
         refetch();
     };
-    const SortCol = ({ field, children }) => (_jsxs("button", { type: "button", onClick: () => toggleSort(field), className: "flex items-center gap-1 text-xs font-medium hover:opacity-80 transition-opacity", style: { color: 'var(--actuate-text-secondary, #6b7280)' }, children: [children, sort === field && _jsx("span", { children: order === 'asc' ? '↑' : '↓' })] }));
+    const SortCol = ({ field, children }) => (_jsxs("button", { type: "button", onClick: () => toggleSort(field), className: "flex items-center gap-1 text-xs font-medium transition-opacity hover:opacity-80", style: { color: 'var(--actuate-text-secondary, #6b7280)' }, children: [children, sort === field && _jsx("span", { children: order === 'asc' ? '↑' : '↓' })] }));
     if (loading && docs.length === 0) {
-        return (_jsx("div", { className: "p-4 flex items-center justify-center h-64", children: _jsx(Loader2, { className: "w-6 h-6 animate-spin", style: { color: 'var(--actuate-primary, #2563eb)' } }) }));
+        return (_jsx("div", { className: "flex h-64 items-center justify-center p-4", children: _jsx(Loader2, { className: "h-6 w-6 animate-spin", style: { color: 'var(--actuate-primary, #2563eb)' } }) }));
     }
-    return (_jsxs("div", { className: "p-3 pr-6 sm:p-4 sm:pr-8 h-full flex flex-col", children: [_jsxs("div", { className: "flex items-center justify-between mb-4 gap-3 flex-wrap", children: [_jsxs("div", { children: [_jsx("h1", { className: "text-xl sm:text-2xl font-semibold", style: { color: 'var(--actuate-text, #111827)' }, children: labels.plural }), _jsxs("p", { className: "text-sm", style: { color: 'var(--actuate-text-secondary, #6b7280)' }, children: [total, " total"] })] }), _jsxs("button", { onClick: () => onNavigate(`/${collectionSlug}/new`), className: "flex items-center gap-2 px-4 py-2 rounded-lg text-sm font-medium text-white transition-colors", style: { background: 'var(--actuate-primary, #2563eb)' }, children: [_jsx(Plus, { className: "w-4 h-4" }), " New ", labels.singular] })] }), _jsxs("div", { className: "relative mb-4", children: [_jsx(Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4", style: { color: 'var(--actuate-text-muted, #9ca3af)' } }), _jsx("input", { type: "text", placeholder: `Search ${labels.plural.toLowerCase()}...`, value: search, onChange: (e) => setSearch(e.target.value), className: "w-full pl-9 pr-3 py-2 text-sm rounded-lg border focus:outline-none focus:ring-2", style: {
+    return (_jsxs("div", { className: "flex h-full flex-col p-3 pr-6 sm:p-4 sm:pr-8", children: [_jsxs("div", { className: "mb-4 flex flex-wrap items-center justify-between gap-3", children: [_jsxs("div", { children: [_jsx("h1", { className: "text-xl font-semibold sm:text-2xl", style: { color: 'var(--actuate-text, #111827)' }, children: labels.plural }), _jsxs("p", { className: "text-sm", style: { color: 'var(--actuate-text-secondary, #6b7280)' }, children: [total, " total"] })] }), _jsxs("button", { onClick: () => onNavigate(`/${collectionSlug}/new`), className: "flex items-center gap-2 rounded-lg px-4 py-2 text-sm font-medium text-white transition-colors", style: { background: 'var(--actuate-primary, #2563eb)' }, children: [_jsx(Plus, { className: "h-4 w-4" }), " New ", labels.singular] })] }), _jsxs("div", { className: "relative mb-4", children: [_jsx(Search, { className: "absolute top-1/2 left-3 h-4 w-4 -translate-y-1/2", style: { color: 'var(--actuate-text-muted, #9ca3af)' } }), _jsx("input", { type: "text", placeholder: `Search ${labels.plural.toLowerCase()}...`, value: search, onChange: (e) => setSearch(e.target.value), className: "w-full rounded-lg border py-2 pr-3 pl-9 text-sm focus:ring-2 focus:outline-none", style: {
                             borderColor: 'var(--actuate-border, #d1d5db)',
                             color: 'var(--actuate-text, #111827)',
-                        } })] }), selected.size > 0 && (_jsxs("div", { className: "rounded-lg p-3 mb-4 flex flex-wrap items-center justify-between gap-2", style: {
+                        } })] }), selected.size > 0 && (_jsxs("div", { className: "mb-4 flex flex-wrap items-center justify-between gap-2 rounded-lg p-3", style: {
                     background: 'var(--actuate-info-bg, #eff6ff)',
                     borderColor: 'var(--actuate-info-border, #bfdbfe)',
                     borderWidth: 1,
                     borderStyle: 'solid',
-                }, children: [_jsxs("span", { className: "text-sm", style: { color: 'var(--actuate-info-text, #1e40af)' }, children: [selected.size, " selected"] }), _jsxs("div", { className: "flex gap-2", children: [_jsx("button", { onClick: () => bulkAction('publish'), className: "px-3 py-1.5 text-sm text-white rounded-lg", style: { background: 'var(--actuate-success, #16a34a)' }, children: "Publish" }), _jsx("button", { onClick: () => bulkAction('unpublish'), className: "px-3 py-1.5 text-sm text-white rounded-lg", style: { background: 'var(--actuate-warning, #ca8a04)' }, children: "Unpublish" }), _jsxs("button", { onClick: () => bulkAction('delete'), className: "px-3 py-1.5 text-sm text-white rounded-lg", style: { background: 'var(--actuate-danger, #dc2626)' }, children: [_jsx(Trash2, { className: "w-3.5 h-3.5 inline -mt-0.5 mr-1" }), "Delete"] })] })] })), error && (_jsxs("div", { className: "rounded-lg p-3 mb-4 text-sm", style: {
+                }, children: [_jsxs("span", { className: "text-sm", style: { color: 'var(--actuate-info-text, #1e40af)' }, children: [selected.size, " selected"] }), _jsxs("div", { className: "flex gap-2", children: [_jsx("button", { onClick: () => bulkAction('publish'), className: "rounded-lg px-3 py-1.5 text-sm text-white", style: { background: 'var(--actuate-success, #16a34a)' }, children: "Publish" }), _jsx("button", { onClick: () => bulkAction('unpublish'), className: "rounded-lg px-3 py-1.5 text-sm text-white", style: { background: 'var(--actuate-warning, #ca8a04)' }, children: "Unpublish" }), _jsxs("button", { onClick: () => bulkAction('delete'), className: "rounded-lg px-3 py-1.5 text-sm text-white", style: { background: 'var(--actuate-danger, #dc2626)' }, children: [_jsx(Trash2, { className: "-mt-0.5 mr-1 inline h-3.5 w-3.5" }), "Delete"] })] })] })), error && (_jsxs("div", { className: "mb-4 rounded-lg p-3 text-sm", style: {
                     background: 'var(--actuate-danger-bg, #fef2f2)',
                     color: 'var(--actuate-danger-text, #991b1b)',
-                }, children: [error, " \u2014", ' ', _jsx("button", { onClick: refetch, className: "underline", children: "retry" })] })), docs.length === 0 && !loading ? (_jsxs("div", { className: "flex-1 flex flex-col items-center justify-center rounded-lg border p-8", style: {
+                }, children: [error, " \u2014", ' ', _jsx("button", { onClick: refetch, className: "underline", children: "retry" })] })), docs.length === 0 && !loading ? (_jsxs("div", { className: "flex flex-1 flex-col items-center justify-center rounded-lg border p-8", style: {
                     borderColor: 'var(--actuate-border, #d1d5db)',
                     color: 'var(--actuate-text-secondary, #6b7280)',
-                }, children: [_jsx(FileText, { className: "w-10 h-10 mb-3 opacity-40" }), _jsxs("p", { className: "text-sm mb-3", children: ["No ", labels.plural.toLowerCase(), " found"] }), _jsxs("button", { onClick: () => onNavigate(`/${collectionSlug}/new`), className: "px-4 py-2 text-sm text-white rounded-lg", style: { background: 'var(--actuate-primary, #2563eb)' }, children: ["Create ", labels.singular] })] })) : (_jsx("div", { className: "flex-1 rounded-lg border overflow-auto", style: { borderColor: 'var(--actuate-border, #d1d5db)' }, children: _jsxs("table", { className: "w-full text-sm", children: [_jsx("thead", { className: "sticky top-0", style: {
+                }, children: [_jsx(FileText, { className: "mb-3 h-10 w-10 opacity-40" }), _jsxs("p", { className: "mb-3 text-sm", children: ["No ", labels.plural.toLowerCase(), " found"] }), _jsxs("button", { onClick: () => onNavigate(`/${collectionSlug}/new`), className: "rounded-lg px-4 py-2 text-sm text-white", style: { background: 'var(--actuate-primary, #2563eb)' }, children: ["Create ", labels.singular] })] })) : (_jsx("div", { className: "flex-1 overflow-auto rounded-lg border", style: { borderColor: 'var(--actuate-border, #d1d5db)' }, children: _jsxs("table", { className: "w-full text-sm", children: [_jsx("thead", { className: "sticky top-0", style: {
                                 background: 'var(--actuate-surface-alt, #f9fafb)',
                                 borderBottom: '1px solid var(--actuate-border, #d1d5db)',
-                            }, children: _jsxs("tr", { children: [_jsx("th", { className: "w-10 px-3 py-2 text-left", children: _jsx("input", { type: "checkbox", checked: selected.size === docs.length && docs.length > 0, onChange: (e) => toggleAll(e.target.checked), className: "rounded" }) }), _jsx("th", { className: "px-3 py-2 text-left", children: _jsx(SortCol, { field: "title", children: "Title" }) }), _jsx("th", { className: "px-3 py-2 text-left", children: _jsx(SortCol, { field: "status", children: "Status" }) }), _jsx("th", { className: "px-3 py-2 text-left", children: _jsx(SortCol, { field: "updatedAt", children: "Updated" }) }), _jsx("th", { className: "px-3 py-2 text-left text-xs font-medium", style: { color: 'var(--actuate-text-secondary, #6b7280)' }, children: "Actions" })] }) }), _jsx("tbody", { children: docs.map((doc) => (_jsxs("tr", { className: "transition-colors hover:opacity-95", style: { borderBottom: '1px solid var(--actuate-border, #e5e7eb)' }, children: [_jsx("td", { className: "px-3 py-2", children: _jsx("input", { type: "checkbox", checked: selected.has(String(doc.id)), onChange: () => toggleSelect(String(doc.id)), className: "rounded" }) }), _jsx("td", { className: "px-3 py-2", children: _jsx("button", { type: "button", onClick: () => onNavigate(`/${collectionSlug}/${doc.id}`), className: "font-medium text-left hover:underline", style: { color: 'var(--actuate-text, #111827)' }, children: doc.title || doc.name || `#${doc.id}` }) }), _jsx("td", { className: "px-3 py-2", children: _jsx("span", { className: "inline-block px-2 py-0.5 rounded-full text-xs font-medium", style: { background: statusColor(doc.status), color: statusText(doc.status) }, children: doc.status ?? 'DRAFT' }) }), _jsx("td", { className: "px-3 py-2", style: { color: 'var(--actuate-text-secondary, #6b7280)' }, children: formatDate(doc.updatedAt) }), _jsx("td", { className: "px-3 py-2", children: _jsx("button", { type: "button", onClick: () => onNavigate(`/${collectionSlug}/${doc.id}`), className: "p-1.5 rounded hover:opacity-75 transition-opacity", title: "Edit", children: _jsx(MoreHorizontal, { className: "w-4 h-4", style: { color: 'var(--actuate-text-secondary, #6b7280)' } }) }) })] }, doc.id))) })] }) })), totalPages > 1 && (_jsxs("div", { className: "flex items-center justify-between mt-4 text-sm", style: { color: 'var(--actuate-text-secondary, #6b7280)' }, children: [_jsxs("span", { children: ["Page ", page, " of ", totalPages] }), _jsxs("div", { className: "flex gap-2", children: [_jsxs("button", { disabled: page <= 1, onClick: () => setPage((p) => p - 1), className: "flex items-center gap-1 px-3 py-1.5 rounded-lg border disabled:opacity-40 transition-opacity", style: { borderColor: 'var(--actuate-border, #d1d5db)' }, children: [_jsx(ChevronLeft, { className: "w-4 h-4" }), " Previous"] }), _jsxs("button", { disabled: page >= totalPages, onClick: () => setPage((p) => p + 1), className: "flex items-center gap-1 px-3 py-1.5 rounded-lg border disabled:opacity-40 transition-opacity", style: { borderColor: 'var(--actuate-border, #d1d5db)' }, children: ["Next ", _jsx(ChevronRight, { className: "w-4 h-4" })] })] })] }))] }));
+                            }, children: _jsxs("tr", { children: [_jsx("th", { className: "w-10 px-3 py-2 text-left", children: _jsx("input", { type: "checkbox", checked: selected.size === docs.length && docs.length > 0, onChange: (e) => toggleAll(e.target.checked), className: "rounded" }) }), _jsx("th", { className: "px-3 py-2 text-left", children: _jsx(SortCol, { field: "title", children: "Title" }) }), _jsx("th", { className: "px-3 py-2 text-left", children: _jsx(SortCol, { field: "status", children: "Status" }) }), _jsx("th", { className: "px-3 py-2 text-left", children: _jsx(SortCol, { field: "updatedAt", children: "Updated" }) }), _jsx("th", { className: "px-3 py-2 text-left text-xs font-medium", style: { color: 'var(--actuate-text-secondary, #6b7280)' }, children: "Actions" })] }) }), _jsx("tbody", { children: docs.map((doc) => (_jsxs("tr", { className: "transition-colors hover:opacity-95", style: { borderBottom: '1px solid var(--actuate-border, #e5e7eb)' }, children: [_jsx("td", { className: "px-3 py-2", children: _jsx("input", { type: "checkbox", checked: selected.has(String(doc.id)), onChange: () => toggleSelect(String(doc.id)), className: "rounded" }) }), _jsx("td", { className: "px-3 py-2", children: _jsx("button", { type: "button", onClick: () => onNavigate(`/${collectionSlug}/${doc.id}`), className: "text-left font-medium hover:underline", style: { color: 'var(--actuate-text, #111827)' }, children: doc.title || doc.name || `#${doc.id}` }) }), _jsx("td", { className: "px-3 py-2", children: _jsx("span", { className: "inline-block rounded-full px-2 py-0.5 text-xs font-medium", style: { background: statusColor(doc.status), color: statusText(doc.status) }, children: doc.status ?? 'DRAFT' }) }), _jsx("td", { className: "px-3 py-2", style: { color: 'var(--actuate-text-secondary, #6b7280)' }, children: formatDate(doc.updatedAt) }), _jsx("td", { className: "px-3 py-2", children: _jsx("button", { type: "button", onClick: () => onNavigate(`/${collectionSlug}/${doc.id}`), className: "rounded p-1.5 transition-opacity hover:opacity-75", title: "Edit", children: _jsx(MoreHorizontal, { className: "h-4 w-4", style: { color: 'var(--actuate-text-secondary, #6b7280)' } }) }) })] }, doc.id))) })] }) })), totalPages > 1 && (_jsxs("div", { className: "mt-4 flex items-center justify-between text-sm", style: { color: 'var(--actuate-text-secondary, #6b7280)' }, children: [_jsxs("span", { children: ["Page ", page, " of ", totalPages] }), _jsxs("div", { className: "flex gap-2", children: [_jsxs("button", { disabled: page <= 1, onClick: () => setPage((p) => p - 1), className: "flex items-center gap-1 rounded-lg border px-3 py-1.5 transition-opacity disabled:opacity-40", style: { borderColor: 'var(--actuate-border, #d1d5db)' }, children: [_jsx(ChevronLeft, { className: "h-4 w-4" }), " Previous"] }), _jsxs("button", { disabled: page >= totalPages, onClick: () => setPage((p) => p + 1), className: "flex items-center gap-1 rounded-lg border px-3 py-1.5 transition-opacity disabled:opacity-40", style: { borderColor: 'var(--actuate-border, #d1d5db)' }, children: ["Next ", _jsx(ChevronRight, { className: "h-4 w-4" })] })] })] }))] }));
 }
 //# sourceMappingURL=CollectionList.js.map

package/dist/views/Dashboard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Dashboard.d.ts","sourceRoot":"","sources":["../../src/views/Dashboard.tsx"],"names":[],"mappings":"AAoDA,MAAM,WAAW,cAAc;IAC7B,MAAM,CAAC,EAAE,GAAG,CAAA;IACZ,OAAO,CAAC,EAAE,GAAG,CAAA;IACb,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;CACpC;AAoED,wBAAgB,SAAS,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,EAAE,cAAc,2CA6MxE"}
+{"version":3,"file":"Dashboard.d.ts","sourceRoot":"","sources":["../../src/views/Dashboard.tsx"],"names":[],"mappings":"AAwEA,MAAM,WAAW,cAAc;IAC7B,MAAM,CAAC,EAAE,GAAG,CAAA;IACZ,OAAO,CAAC,EAAE,GAAG,CAAA;IACb,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;CACpC;AA0HD,wBAAgB,SAAS,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,EAAE,cAAc,2CAinBxE"}

package/dist/views/Dashboard.js

@@ -1,124 +1,379 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { FileText, File, Image, ClipboardList, Search, Loader2, AlertTriangle, Database, ChevronLeft, ChevronRight, } from 'lucide-react';
-import { useState } from 'react';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * Dashboard
+ * ----------
+ * Single-file, lean dashboard implementation. Two API calls only
+ * (`/stats` + `/health`, both shared with the rest of the admin), everything
+ * else derived client-side via `useMemo`. No charting libraries on this view
+ * (the design uses plain progress bars + colored dots), keeping the bundle
+ * and TTI cost low.
+ *
+ * Responsive layout:
+ *   <  640px (mobile):  stat cards 2-col, main grid stacks, quick actions scroll-x
+ *   640-1023 (tablet):  stat cards 3-col, main grid stacks
+ *   >= 1024 (desktop):  stat cards 5-col, main grid is `1fr 320px`
+ */
+import { useMemo, useState } from 'react';
+import { FileText, File as FileIcon, Image as ImageIcon, ClipboardList, Search, Plus, Upload, Globe, ExternalLink, Activity, AlertTriangle, Clock, Zap, Database, ChevronRight, Loader2, } from 'lucide-react';
 import { useApiData } from '../lib/useApiData.js';
-import { ContentOverviewChart } from '../components/ContentOverviewChart.js';
-import { SEOPerformance } from '../components/SEOPerformance.js';
+// ─── helpers (kept top-level so they aren't re-created on every render) ──────
 function resolveCollections(config) {
     if (!config?.collections)
         return [];
     const raw = config.collections;
     const list = Array.isArray(raw) ? raw : Object.values(raw);
     return list
-        .filter((c) => !c.admin?.hidden)
+        .filter((c) => !c?.admin?.hidden)
         .map((c) => ({ slug: c.slug, type: c.type, labels: c.labels }));
 }
 function collectionLabel(col, plural = true) {
+    const fallback = col.slug.charAt(0).toUpperCase() + col.slug.slice(1);
     if (plural)
-        return col.labels?.plural ?? col.slug.charAt(0).toUpperCase() + col.slug.slice(1);
-    return col.labels?.singular ?? col.slug.charAt(0).toUpperCase() + col.slug.slice(1);
+        return col.labels?.plural ?? fallback;
+    return col.labels?.singular ?? fallback;
 }
 function relativeTime(dateStr) {
-    const now = Date.now();
     const then = new Date(dateStr).getTime();
-    const diff = now - then;
-    const mins = Math.floor(diff / 60000);
-    if (mins < 1)
+    const diff = Date.now() - then;
+    if (diff < 60_000)
         return 'just now';
+    const mins = Math.floor(diff / 60_000);
     if (mins < 60)
-        return `${mins} min ago`;
+        return `${mins}m ago`;
     const hours = Math.floor(mins / 60);
     if (hours < 24)
-        return `${hours} hour${hours !== 1 ? 's' : ''} ago`;
+        return `${hours}h ago`;
     const days = Math.floor(hours / 24);
+    if (days === 1)
+        return 'Yesterday';
     if (days < 30)
-        return `${days} day${days !== 1 ? 's' : ''} ago`;
+        return `${days}d ago`;
     return new Date(dateStr).toLocaleDateString();
 }
-function statusColor(status) {
-    switch (status) {
-        case 'PUBLISHED':
-            return 'bg-green-100 text-green-800';
-        case 'DRAFT':
-            return 'bg-gray-100 text-gray-700';
-        case 'SCHEDULED':
-            return 'bg-purple-100 text-purple-800';
-        case 'IN_REVIEW':
-            return 'bg-blue-100 text-blue-800';
-        default:
-            return 'bg-gray-100 text-gray-700';
-    }
+function timeOfDayGreeting() {
+    const h = new Date().getHours();
+    if (h < 12)
+        return 'Good morning';
+    if (h < 17)
+        return 'Good afternoon';
+    return 'Good evening';
 }
-function statusLabel(status) {
+function todayDateString() {
+    return new Date().toLocaleDateString('en-US', {
+        weekday: 'long',
+        month: 'long',
+        day: 'numeric',
+        year: 'numeric',
+    });
+}
+// Deterministic colour per author so avatars stay stable across renders
+// without storing anything in state or hitting the server.
+const AVATAR_COLORS = [
+    '#7C3AED', // purple
+    '#E11D48', // rose
+    '#059669', // emerald
+    '#0891B2', // cyan
+    '#D97706', // amber
+    '#4F46E5', // indigo
+    '#DC2626', // red
+];
+function hashString(s) {
+    let h = 0;
+    for (let i = 0; i < s.length; i++)
+        h = (h * 31 + s.charCodeAt(i)) | 0;
+    return Math.abs(h);
+}
+function authorAvatar(name) {
+    const safe = (name ?? '').trim() || 'User';
+    const parts = safe.split(/\s+/).filter(Boolean);
+    const initials = parts.length >= 2
+        ? `${parts[0][0]}${parts[parts.length - 1][0]}`.toUpperCase()
+        : safe.slice(0, 2).toUpperCase();
+    const color = AVATAR_COLORS[hashString(safe) % AVATAR_COLORS.length];
+    return { color, initials };
+}
+function statusBadge(status) {
     switch (status) {
         case 'PUBLISHED':
-            return 'Published';
+            return {
+                label: 'Published',
+                cls: 'bg-emerald-100 text-emerald-800 dark:bg-emerald-950/60 dark:text-emerald-300',
+            };
         case 'DRAFT':
-            return 'Draft';
+            return {
+                label: 'Draft',
+                cls: 'bg-gray-100 text-gray-700 dark:bg-gray-800 dark:text-gray-300',
+            };
         case 'SCHEDULED':
-            return 'Scheduled';
+            return {
+                label: 'Scheduled',
+                cls: 'bg-amber-100 text-amber-800 dark:bg-amber-950/60 dark:text-amber-300',
+            };
         case 'IN_REVIEW':
-            return 'In Review';
+            return {
+                label: 'In Review',
+                cls: 'bg-blue-100 text-blue-800 dark:bg-blue-950/60 dark:text-blue-300',
+            };
         default:
-            return status;
+            return { label: status, cls: 'bg-gray-100 text-gray-700 dark:bg-gray-800 dark:text-gray-300' };
     }
 }
-const STAT_COLORS = [
-    { bg: 'bg-blue-50', icon: 'bg-blue-100', text: 'text-blue-600' },
-    { bg: 'bg-purple-50', icon: 'bg-purple-100', text: 'text-purple-600' },
-    { bg: 'bg-teal-50', icon: 'bg-teal-100', text: 'text-teal-600' },
-    { bg: 'bg-green-50', icon: 'bg-green-100', text: 'text-green-600' },
-    { bg: 'bg-amber-50', icon: 'bg-amber-100', text: 'text-amber-600' },
-];
+// ─── Dashboard ───────────────────────────────────────────────────────────────
 export function Dashboard({ config, session, onNavigate }) {
     const nav = (path) => onNavigate?.(path);
-    const { data, loading, error, exhausted, refetch } = useApiData('/stats');
+    const { data: stats, loading, error, exhausted, refetch } = useApiData('/stats');
     const { data: health } = useApiData('/health');
-    const [activityPage, setActivityPage] = useState(0);
-    const collections = resolveCollections(config);
-    const userName = session?.name ?? session?.email?.split('@')[0] ?? 'Admin';
-    const collectionCounts = data?.collectionCounts ?? {};
-    const statusCounts = data?.statusCounts ?? {};
-    const recentDocs = data?.recentDocuments ?? [];
-    const perPage = 5;
-    const totalActivityPages = Math.max(1, Math.ceil(recentDocs.length / perPage));
-    const visibleDocs = recentDocs.slice(activityPage * perPage, (activityPage + 1) * perPage);
-    const statCards = [];
-    if (collections.length > 0) {
-        for (const col of collections.slice(0, 2)) {
-            statCards.push({
-                label: collectionLabel(col),
-                value: collectionCounts[col.slug] ?? 0,
-                icon: col.type === 'page' ? File : FileText,
+    const greeting = useMemo(() => timeOfDayGreeting(), []);
+    const dateStr = useMemo(() => todayDateString(), []);
+    const userName = session?.name ?? session?.email?.split('@')[0] ?? 'there';
+    const collections = useMemo(() => resolveCollections(config), [config]);
+    // ── Stat cards ──────────────────────────────────────────────────────────
+    const statCards = useMemo(() => {
+        const counts = stats?.collectionCounts ?? {};
+        // Prefer two real collections (the user's primary content types) over
+        // hard-coded Posts/Pages so the dashboard adapts to admin-managed types.
+        const primary = [];
+        const posts = collections.find((c) => c.slug === 'posts' || c.type === 'post');
+        const pages = collections.find((c) => c.slug === 'pages' || c.type === 'page');
+        if (posts)
+            primary.push(posts);
+        if (pages)
+            primary.push(pages);
+        if (primary.length < 2) {
+            for (const c of collections) {
+                if (primary.length >= 2)
+                    break;
+                if (!primary.includes(c))
+                    primary.push(c);
+            }
+        }
+        const cards = [];
+        if (primary[0]) {
+            cards.push({
+                label: collectionLabel(primary[0]),
+                value: String(counts[primary[0].slug] ?? 0),
+                icon: primary[0].type === 'page' ? FileIcon : FileText,
+                iconBg: 'bg-violet-100 dark:bg-violet-950/60',
+                iconColor: 'text-violet-600 dark:text-violet-300',
+                href: `/${primary[0].slug}`,
             });
         }
+        else {
+            cards.push({
+                label: 'Documents',
+                value: String(stats?.totalDocuments ?? 0),
+                icon: FileText,
+                iconBg: 'bg-violet-100 dark:bg-violet-950/60',
+                iconColor: 'text-violet-600 dark:text-violet-300',
+            });
+        }
+        if (primary[1]) {
+            cards.push({
+                label: collectionLabel(primary[1]),
+                value: String(counts[primary[1].slug] ?? 0),
+                icon: primary[1].type === 'page' ? FileIcon : FileText,
+                iconBg: 'bg-cyan-100 dark:bg-cyan-950/60',
+                iconColor: 'text-cyan-600 dark:text-cyan-300',
+                href: `/${primary[1].slug}`,
+            });
+        }
+        cards.push({
+            label: 'Media',
+            value: String(stats?.totalMedia ?? 0),
+            hint: stats && stats.totalMedia > 0
+                ? `${stats.totalMedia} file${stats.totalMedia === 1 ? '' : 's'}`
+                : undefined,
+            icon: ImageIcon,
+            iconBg: 'bg-emerald-100 dark:bg-emerald-950/60',
+            iconColor: 'text-emerald-600 dark:text-emerald-300',
+            href: '/media',
+        });
+        // `formCount` in /stats is the *submission* count; the number of
+        // forms is the count of `collection: forms` documents.
+        const formsCount = counts['forms'] ?? 0;
+        const submissions = stats?.formCount ?? 0;
+        cards.push({
+            label: 'Forms',
+            value: String(formsCount),
+            hint: submissions > 0 ? `${submissions} response${submissions === 1 ? '' : 's'}` : undefined,
+            icon: ClipboardList,
+            iconBg: 'bg-amber-100 dark:bg-amber-950/60',
+            iconColor: 'text-amber-600 dark:text-amber-300',
+            href: '/forms',
+        });
+        const seo = stats?.avgSeoScore ?? 0;
+        cards.push({
+            label: 'SEO Score',
+            value: seo > 0 ? String(seo) : '—',
+            unit: seo > 0 ? '/100' : undefined,
+            hint: seo > 0 ? (seo >= 70 ? 'Good' : seo >= 40 ? 'Fair' : 'Needs work') : 'No content yet',
+            hintUp: seo >= 70,
+            icon: Search,
+            iconBg: 'bg-indigo-100 dark:bg-indigo-950/60',
+            iconColor: 'text-indigo-600 dark:text-indigo-300',
+            href: '/seo',
+        });
+        return cards;
+    }, [stats, collections]);
+    // ── Quick actions ───────────────────────────────────────────────────────
+    // "New Post" lives only in the hero CTA above; this row is the secondary
+    // surface and intentionally omits the primary action to avoid the obvious
+    // duplication. Order mirrors the natural authoring flow.
+    const quickActions = useMemo(() => {
+        const pages = collections.find((c) => c.slug === 'pages' || c.type === 'page');
+        const items = [];
+        if (pages)
+            items.push({ label: 'New Page', icon: Plus, onClick: () => nav(`/${pages.slug}/new`) });
+        items.push({ label: 'Upload Media', icon: Upload, onClick: () => nav('/media') });
+        items.push({ label: 'New Form', icon: Plus, onClick: () => nav('/forms') });
+        items.push({ label: 'Manage SEO', icon: Search, onClick: () => nav('/seo') });
+        items.push({ label: 'View API', icon: Globe, onClick: () => nav('/api-keys') });
+        return items;
+    }, [collections, onNavigate]); // eslint-disable-line react-hooks/exhaustive-deps
+    // ── Recent activity ─────────────────────────────────────────────────────
+    const [activityLimit, setActivityLimit] = useState(8);
+    const activity = useMemo(() => {
+        const docs = stats?.recentDocuments ?? [];
+        return docs.slice(0, activityLimit).map((d) => {
+            const col = collections.find((c) => c.slug === d.collection);
+            return {
+                ...d,
+                typeLabel: col ? collectionLabel(col, false) : d.collection,
+                relTime: relativeTime(d.updatedAt),
+                avatar: authorAvatar(d.author),
+                statusInfo: statusBadge(d.status),
+            };
+        });
+    }, [stats, collections, activityLimit]);
+    // ── Publishing queue (scheduled docs only) ──────────────────────────────
+    const publishQueue = useMemo(() => {
+        const docs = stats?.recentDocuments ?? [];
+        return docs
+            .filter((d) => d.status === 'SCHEDULED')
+            .slice(0, 5)
+            .map((d) => {
+            const col = collections.find((c) => c.slug === d.collection);
+            return {
+                id: d.id,
+                collection: d.collection,
+                title: d.title || 'Untitled',
+                type: col ? collectionLabel(col, false) : d.collection,
+                date: relativeTime(d.updatedAt),
+                author: d.author,
+            };
+        });
+    }, [stats, collections]);
+    // ── Content health summary (derived from /stats) ────────────────────────
+    const contentHealth = useMemo(() => {
+        const score = stats?.avgSeoScore ?? 0;
+        const counts = stats?.statusCounts ?? {};
+        const totalDrafts = counts['DRAFT'] ?? 0;
+        const totalScheduled = counts['SCHEDULED'] ?? 0;
+        const totalInReview = counts['IN_REVIEW'] ?? 0;
+        const issues = [];
+        if (totalDrafts > 0) {
+            issues.push({ label: 'Drafts pending publish', count: totalDrafts, tone: 'warn' });
+        }
+        if (totalInReview > 0) {
+            issues.push({ label: 'Awaiting review', count: totalInReview, tone: 'warn' });
+        }
+        if (totalScheduled > 0) {
+            issues.push({ label: 'Scheduled to publish', count: totalScheduled, tone: 'muted' });
+        }
+        if (score > 0 && score < 70) {
+            issues.push({
+                label: 'Pages with weak SEO',
+                count: Math.max(1, Math.round((70 - score) / 10)),
+                tone: score < 40 ? 'err' : 'warn',
+            });
+        }
+        return {
+            score,
+            label: score >= 70 ? 'Good' : score >= 40 ? 'Fair' : score > 0 ? 'Poor' : 'No data',
+            tone: score >= 70 ? 'ok' : score >= 40 ? 'warn' : score > 0 ? 'err' : 'muted',
+            issues,
+        };
+    }, [stats]);
+    // ── Content delivery tiles ──────────────────────────────────────────────
+    const delivery = useMemo(() => {
+        const sched = stats?.statusCounts?.['SCHEDULED'] ?? 0;
+        return {
+            totalDocs: stats?.totalDocuments ?? 0,
+            forms: stats?.formCount ?? 0,
+            scheduled: sched,
+            webhooks: {
+                total: stats?.webhookCount ?? 0,
+                active: stats?.webhookActiveCount ?? 0,
+            },
+        };
+    }, [stats]);
+    const totalIssues = contentHealth.issues.reduce((s, i) => s + i.count, 0);
+    // ── Render ──────────────────────────────────────────────────────────────
+    if (loading && !stats) {
+        return (_jsx("div", { className: "flex h-64 items-center justify-center p-4 sm:p-6", children: _jsx(Loader2, { className: "h-6 w-6 animate-spin text-violet-600" }) }));
     }
-    else {
-        statCards.push({ label: 'Pages', value: collectionCounts['pages'] ?? 0, icon: File });
-        statCards.push({ label: 'Posts', value: collectionCounts['posts'] ?? 0, icon: FileText });
-    }
-    statCards.push({ label: 'Forms', value: data?.formCount ?? 0, icon: ClipboardList });
-    statCards.push({ label: 'Media', value: data?.totalMedia ?? 0, icon: Image });
-    statCards.push({ label: 'Avg. SEO Rating', value: data?.avgSeoScore ?? 0, icon: Search });
-    if (loading) {
-        return (_jsx("div", { className: "p-4 sm:p-6 flex items-center justify-center h-64", children: _jsx(Loader2, { className: "w-6 h-6 animate-spin text-blue-600" }) }));
-    }
-    return (_jsxs("div", { className: "p-4 sm:p-6 space-y-6", children: [health && health.status === 'degraded' && (_jsxs("div", { className: "flex items-center gap-3 rounded-lg border border-blue-200 bg-blue-50 p-3", children: [_jsx(Database, { className: "w-5 h-5 text-blue-600 shrink-0" }), _jsxs("div", { className: "flex-1", children: [_jsx("span", { className: "text-sm font-medium text-blue-900", children: "Database Setup Required" }), _jsx("p", { className: "text-xs text-blue-700 mt-0.5", children: !health.databaseConnected
+    const heroPostSlug = collections.find((c) => c.slug === 'posts' || c.type === 'post')?.slug ?? 'posts';
+    const siteUrl = config?.site?.url ?? config?.seo?.siteUrl ?? null;
+    return (_jsxs("div", { className: "w-full space-y-5 p-4 sm:p-6 lg:px-8", children: [health && health.status === 'degraded' && (_jsxs("div", { className: "flex items-start gap-3 rounded-lg border border-blue-200 bg-blue-50 p-3 dark:border-blue-900 dark:bg-blue-950/40", children: [_jsx(Database, { className: "mt-0.5 h-5 w-5 shrink-0 text-blue-600 dark:text-blue-400" }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("span", { className: "text-sm font-medium text-blue-900 dark:text-blue-200", children: "Database setup required" }), _jsx("p", { className: "mt-0.5 text-xs text-blue-700 dark:text-blue-300", children: !health.databaseConnected
                                     ? 'Cannot connect to the database. Check your DATABASE_URL environment variable.'
                                     : !health.secretConfigured
                                         ? 'CMS secret not configured. Set CMS_SECRET or CMS_SESSION_SECRET (min 32 characters).'
                                         : `Some CMS models are missing: ${Object.entries(health.models)
                                             .filter(([, v]) => !v)
                                             .map(([k]) => k)
-                                            .join(', ')}. Run your database migrations.` })] })] })), error && exhausted && (_jsxs("div", { className: "flex items-center gap-3 rounded-lg border border-amber-200 bg-amber-50 p-3", children: [_jsx(AlertTriangle, { className: "w-5 h-5 text-amber-600 shrink-0" }), _jsx("span", { className: "text-sm text-amber-800 flex-1", children: "Some dashboard data may be unavailable." }), _jsx("button", { onClick: refetch, className: "px-3 py-1 text-sm text-amber-700 border border-amber-300 rounded-lg hover:bg-amber-100 transition-colors", children: "Retry" })] })), _jsxs("div", { children: [_jsxs("h1", { className: "text-xl sm:text-2xl font-semibold text-gray-900", children: ["Welcome back, ", userName] }), _jsx("p", { className: "text-sm text-gray-500 mt-0.5", children: "Here's what's happening with your content today" })] }), _jsx("div", { className: "grid grid-cols-2 md:grid-cols-3 xl:grid-cols-5 gap-4", children: statCards.map((card, i) => {
-                    const colors = STAT_COLORS[i % STAT_COLORS.length];
-                    const Icon = card.icon;
-                    return (_jsxs("div", { className: "bg-white rounded-xl border border-gray-200 p-4", children: [_jsx("div", { className: "flex items-center justify-between mb-3", children: _jsx("div", { className: `w-9 h-9 rounded-lg flex items-center justify-center ${colors.icon}`, children: _jsx(Icon, { className: `w-4.5 h-4.5 ${colors.text}` }) }) }), _jsx("p", { className: "text-2xl font-semibold text-gray-900", children: card.value.toLocaleString() }), _jsx("p", { className: "text-xs text-gray-500 mt-0.5", children: card.label })] }, card.label));
-                }) }), _jsxs("div", { className: "grid grid-cols-1 lg:grid-cols-12 gap-4", children: [_jsxs("div", { className: "lg:col-span-8 bg-white rounded-xl border border-gray-200", children: [_jsx("div", { className: "p-4 border-b border-gray-200", children: _jsx("h2", { className: "text-sm font-semibold text-gray-900", children: "Recent Activity" }) }), _jsx("div", { className: "divide-y divide-gray-100", children: visibleDocs.length === 0 ? (_jsx("div", { className: "p-8 text-center", children: _jsx("p", { className: "text-sm text-gray-400", children: "No content yet" }) })) : (visibleDocs.map((doc) => {
-                                    const colMeta = collections.find((c) => c.slug === doc.collection);
-                                    const typeLabel = colMeta ? collectionLabel(colMeta, false) : doc.collection;
-                                    return (_jsx("div", { className: "px-4 py-3 hover:bg-gray-50 transition-colors", children: _jsxs("div", { className: "flex items-center justify-between gap-3", children: [_jsxs("div", { className: "flex-1 min-w-0", children: [_jsx("div", { className: "flex items-center gap-2 mb-0.5", children: _jsx("h3", { className: "text-sm font-medium text-gray-900 truncate", children: doc.title ?? 'Untitled' }) }), _jsxs("div", { className: "flex items-center gap-2 text-xs text-gray-500", children: [_jsx("span", { className: "capitalize", children: typeLabel }), _jsx("span", { children: "\u00B7" }), _jsx("span", { children: doc.author }), _jsx("span", { children: "\u00B7" }), _jsx("span", { children: relativeTime(doc.updatedAt) })] })] }), _jsx("span", { className: `px-2.5 py-0.5 rounded-full text-xs font-medium whitespace-nowrap ${statusColor(doc.status)}`, children: statusLabel(doc.status) })] }) }, doc.id));
-                                })) }), recentDocs.length > perPage && (_jsxs("div", { className: "px-4 py-3 border-t border-gray-100 flex items-center justify-between text-xs text-gray-500", children: [_jsxs("span", { children: ["Showing ", activityPage * perPage + 1, "-", Math.min((activityPage + 1) * perPage, recentDocs.length), " of ", recentDocs.length] }), _jsxs("div", { className: "flex items-center gap-1", children: [_jsx("button", { onClick: () => setActivityPage(Math.max(0, activityPage - 1)), disabled: activityPage === 0, className: "p-1 rounded hover:bg-gray-100 disabled:opacity-30", children: _jsx(ChevronLeft, { className: "w-3.5 h-3.5" }) }), _jsxs("span", { children: ["Page ", activityPage + 1, " of ", totalActivityPages] }), _jsx("button", { onClick: () => setActivityPage(Math.min(totalActivityPages - 1, activityPage + 1)), disabled: activityPage >= totalActivityPages - 1, className: "p-1 rounded hover:bg-gray-100 disabled:opacity-30", children: _jsx(ChevronRight, { className: "w-3.5 h-3.5" }) })] })] }))] }), _jsxs("div", { className: "lg:col-span-4 bg-white rounded-xl border border-gray-200", children: [_jsx("div", { className: "p-4 border-b border-gray-200", children: _jsx("h2", { className: "text-sm font-semibold text-gray-900", children: "Content Overview" }) }), _jsx("div", { className: "p-4 flex items-center justify-center min-h-[220px]", children: _jsx(ContentOverviewChart, { published: statusCounts['PUBLISHED'] ?? 0, drafts: statusCounts['DRAFT'] ?? 0, scheduled: statusCounts['SCHEDULED'] ?? 0 }) })] })] }), _jsx(SEOPerformance, { onNavigate: nav })] }));
+                                            .join(', ')}. Run your database migrations.` })] })] })), error && exhausted && (_jsxs("div", { className: "flex items-center gap-3 rounded-lg border border-amber-200 bg-amber-50 p-3 dark:border-amber-900 dark:bg-amber-950/40", children: [_jsx(AlertTriangle, { className: "h-5 w-5 shrink-0 text-amber-600 dark:text-amber-400" }), _jsx("span", { className: "flex-1 text-sm text-amber-800 dark:text-amber-200", children: "Some dashboard data may be unavailable." }), _jsx("button", { onClick: refetch, className: "rounded-lg border border-amber-300 px-3 py-1 text-sm text-amber-700 transition-colors hover:bg-amber-100 dark:border-amber-700 dark:text-amber-200 dark:hover:bg-amber-900/40", children: "Retry" })] })), _jsxs("div", { className: "flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between", children: [_jsxs("div", { className: "min-w-0", children: [_jsxs("h1", { className: "text-foreground text-xl font-semibold tracking-tight sm:text-2xl", children: [greeting, ", ", userName, " ", _jsx("span", { "aria-hidden": true, children: "\uD83D\uDC4B" })] }), _jsxs("p", { className: "text-muted-foreground mt-0.5 text-sm", children: [dateStr, totalIssues > 0 && (_jsxs("span", { className: "hidden sm:inline", children: [' · ', totalIssues, " content item", totalIssues === 1 ? '' : 's', " need attention"] }))] })] }), _jsxs("div", { className: "flex shrink-0 items-center gap-2", children: [_jsxs("button", { onClick: () => nav(`/${heroPostSlug}/new`), className: "inline-flex items-center gap-1.5 rounded-lg bg-violet-600 px-3.5 py-2 text-sm font-medium text-white transition-colors hover:bg-violet-700", children: [_jsx(Plus, { className: "h-3.5 w-3.5" }), " New Post"] }), siteUrl && (_jsxs("a", { href: siteUrl, target: "_blank", rel: "noopener noreferrer", className: "border-border bg-card hover:bg-accent hover:text-accent-foreground hidden items-center gap-1.5 rounded-lg border px-3 py-2 text-sm transition-colors sm:inline-flex", children: [_jsx(ExternalLink, { className: "h-3.5 w-3.5" }), " View Site"] }))] })] }), _jsx("div", { className: "-mx-1 flex gap-2 overflow-x-auto px-1 pb-1 [scrollbar-width:thin]", children: quickActions.map((a) => (_jsxs("button", { onClick: a.onClick, className: "border-border bg-card inline-flex shrink-0 items-center gap-1.5 rounded-lg border px-3.5 py-2 text-sm shadow-sm transition-colors hover:border-violet-400 hover:bg-violet-50 hover:text-violet-700 dark:hover:bg-violet-950/40 dark:hover:text-violet-300", children: [_jsx(a.icon, { className: "h-3.5 w-3.5" }), a.label] }, a.label))) }), _jsx("div", { className: "grid grid-cols-2 gap-3 sm:grid-cols-3 lg:grid-cols-5", children: statCards.map((card) => {
+                    const Inner = (_jsxs(_Fragment, { children: [_jsx("div", { className: `mb-3 flex h-8 w-8 items-center justify-center rounded-lg ${card.iconBg}`, children: _jsx(card.icon, { className: `h-4 w-4 ${card.iconColor}` }) }), _jsxs("div", { className: "flex items-baseline gap-1", children: [_jsx("span", { className: "text-foreground text-2xl leading-none font-semibold tracking-tight", children: card.value }), card.unit && (_jsx("span", { className: "text-muted-foreground text-sm font-medium", children: card.unit }))] }), _jsx("p", { className: "text-muted-foreground mt-1 text-xs", children: card.label }), card.hint && (_jsx("p", { className: `mt-1.5 text-[11px] ${card.hintUp ? 'text-emerald-600 dark:text-emerald-400' : 'text-muted-foreground'}`, children: card.hint }))] }));
+                    return card.href ? (_jsx("button", { type: "button", onClick: () => nav(card.href), className: "bg-card border-border rounded-xl border p-4 text-left shadow-sm transition-shadow hover:shadow-md", children: Inner }, card.label)) : (_jsx("div", { className: "bg-card border-border rounded-xl border p-4 shadow-sm", children: Inner }, card.label));
+                }) }), _jsxs("div", { className: "grid grid-cols-1 gap-4 lg:grid-cols-[minmax(0,1fr)_320px]", children: [_jsxs("section", { className: "bg-card border-border overflow-hidden rounded-xl border shadow-sm", children: [_jsxs("header", { className: "border-border flex items-center justify-between border-b px-4 py-3", children: [_jsxs("div", { className: "min-w-0", children: [_jsx("h2", { className: "text-foreground text-sm font-semibold", children: "Recent Activity" }), _jsx("p", { className: "text-muted-foreground mt-0.5 text-xs", children: "Last 7 days across all content" })] }), _jsx("button", { className: "text-xs font-medium text-violet-600 hover:underline dark:text-violet-400", onClick: () => setActivityLimit((n) => (n >= 20 ? 8 : 20)), children: activity.length >= 20 ? 'Show less' : 'View all' })] }), activity.length === 0 ? (_jsx(EmptyState, { icon: Activity, title: "No activity yet", subtitle: "Content changes will appear here as your team works." })) : (_jsx("ul", { role: "list", className: "divide-border divide-y", children: activity.map((it) => (_jsx("li", { className: "hover:bg-accent/50 cursor-pointer px-4 py-3 transition-colors", onClick: () => nav(`/${it.collection}/${it.id}`), children: _jsxs("div", { className: "flex min-w-0 items-start gap-3", children: [_jsx("div", { className: "mt-0.5 flex h-7 w-7 shrink-0 items-center justify-center rounded-full text-[11px] font-bold text-white", style: { background: it.avatar.color }, "aria-hidden": true, children: it.avatar.initials }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsxs("p", { className: "text-foreground truncate text-sm leading-snug", children: [_jsxs("span", { className: "font-semibold", children: ["\u201C", it.title || 'Untitled', "\u201D"] }), ' ', _jsxs("span", { className: "text-muted-foreground", children: ["\u2014 ", it.typeLabel] })] }), _jsxs("div", { className: "text-muted-foreground mt-1 flex flex-wrap items-center gap-2 text-[11px]", children: [_jsx("span", { className: `inline-flex items-center rounded px-1.5 py-0.5 text-[10px] font-medium ${it.statusInfo.cls}`, children: it.statusInfo.label }), _jsx("span", { className: "max-w-[120px] truncate", children: it.author }), _jsx("span", { "aria-hidden": true, children: "\u00B7" }), _jsx("span", { children: it.relTime })] })] })] }) }, it.id))) }))] }), _jsxs("aside", { className: "flex min-w-0 flex-col gap-4", children: [_jsxs("section", { className: "bg-card border-border overflow-hidden rounded-xl border shadow-sm", children: [_jsxs("header", { className: "border-border flex items-center justify-between border-b px-4 py-3", children: [_jsxs("div", { className: "min-w-0", children: [_jsx("h2", { className: "text-foreground text-sm font-semibold", children: "Publishing Queue" }), _jsxs("p", { className: "text-muted-foreground mt-0.5 text-xs", children: [publishQueue.length, " item", publishQueue.length === 1 ? '' : 's', " scheduled"] })] }), _jsx("button", { className: "text-xs font-medium text-violet-600 hover:underline disabled:cursor-default disabled:no-underline disabled:opacity-50 dark:text-violet-400", disabled: publishQueue.length === 0, onClick: () => {
+                                                    // We don't have a dedicated "scheduled" admin page, so deep-
+                                                    // link to the first scheduled item — that's where authors
+                                                    // typically need to land to reschedule or cancel.
+                                                    const first = publishQueue[0];
+                                                    if (first)
+                                                        nav(`/${first.collection}/${first.id}`);
+                                                }, children: "Manage" })] }), publishQueue.length === 0 ? (_jsx(EmptyState, { icon: Clock, title: "No scheduled content", subtitle: "Scheduled posts and pages appear here.", compact: true })) : (_jsx("ul", { role: "list", className: "divide-border divide-y", children: publishQueue.map((q) => (_jsxs("li", { className: "hover:bg-accent/50 flex min-w-0 cursor-pointer items-center gap-2.5 px-4 py-2.5 transition-colors", onClick: () => nav(`/${q.collection}/${q.id}`), children: [_jsx("span", { className: "h-2 w-2 shrink-0 rounded-full bg-amber-500", "aria-hidden": true }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("p", { className: "text-foreground truncate text-sm font-medium", children: q.title }), _jsxs("p", { className: "text-muted-foreground truncate text-[11px]", children: [q.date, " \u00B7 ", q.author] })] }), _jsx("span", { className: "border-border bg-background text-muted-foreground shrink-0 rounded border px-1.5 py-0.5 text-[10px] capitalize", children: q.type })] }, q.id))) }))] }), _jsxs("section", { className: "bg-card border-border overflow-hidden rounded-xl border shadow-sm", children: [_jsxs("header", { className: "border-border flex items-center justify-between border-b px-4 py-3", children: [_jsxs("div", { className: "min-w-0", children: [_jsx("h2", { className: "text-foreground text-sm font-semibold", children: "Content Health" }), _jsx("p", { className: "text-muted-foreground mt-0.5 text-xs", children: "SEO & quality issues" })] }), _jsx("button", { className: "text-xs font-medium text-violet-600 hover:underline dark:text-violet-400", onClick: () => nav('/seo'), children: "Fix issues" })] }), _jsxs("div", { className: "px-4 pt-3.5 pb-2.5", children: [_jsxs("div", { className: "mb-1.5 flex items-baseline justify-between", children: [_jsxs("p", { className: "text-foreground text-2xl leading-none font-semibold tracking-tight", children: [contentHealth.score > 0 ? contentHealth.score : '—', contentHealth.score > 0 && (_jsx("span", { className: "text-muted-foreground ml-0.5 text-sm font-normal", children: "/100" }))] }), _jsx("span", { className: `text-xs font-medium ${contentHealth.tone === 'ok'
+                                                            ? 'text-emerald-600 dark:text-emerald-400'
+                                                            : contentHealth.tone === 'warn'
+                                                                ? 'text-amber-600 dark:text-amber-400'
+                                                                : contentHealth.tone === 'err'
+                                                                    ? 'text-red-600 dark:text-red-400'
+                                                                    : 'text-muted-foreground'}`, children: contentHealth.label })] }), _jsx("div", { className: "bg-muted h-1.5 overflow-hidden rounded-full", children: _jsx("div", { className: `h-full rounded-full transition-all ${contentHealth.tone === 'ok'
+                                                        ? 'bg-emerald-500'
+                                                        : contentHealth.tone === 'warn'
+                                                            ? 'bg-amber-500'
+                                                            : contentHealth.tone === 'err'
+                                                                ? 'bg-red-500'
+                                                                : 'bg-muted-foreground/40'}`, style: { width: `${Math.max(0, Math.min(100, contentHealth.score))}%` } }) })] }), contentHealth.issues.length === 0 ? (_jsx("div", { className: "text-muted-foreground px-4 pt-1 pb-4 text-xs", children: "No outstanding issues. Nice work." })) : (_jsx("ul", { role: "list", className: "divide-border divide-y", children: contentHealth.issues.map((iss, i) => (_jsxs("li", { className: "hover:bg-accent/50 flex cursor-pointer items-center gap-2.5 px-4 py-2 transition-colors", onClick: () => nav('/seo'), children: [_jsx("span", { className: `h-1.5 w-1.5 shrink-0 rounded-full ${iss.tone === 'err'
+                                                        ? 'bg-red-500'
+                                                        : iss.tone === 'warn'
+                                                            ? 'bg-amber-500'
+                                                            : 'bg-muted-foreground'}`, "aria-hidden": true }), _jsx("span", { className: "text-muted-foreground flex-1 truncate text-xs", children: iss.label }), _jsx("span", { className: `shrink-0 text-sm font-semibold ${iss.tone === 'err'
+                                                        ? 'text-red-600 dark:text-red-400'
+                                                        : iss.tone === 'warn'
+                                                            ? 'text-amber-600 dark:text-amber-400'
+                                                            : 'text-muted-foreground'}`, children: iss.count }), _jsx(ChevronRight, { className: "text-muted-foreground/60 h-3.5 w-3.5 shrink-0" })] }, i))) }))] })] })] }), _jsxs("section", { className: "bg-card border-border overflow-hidden rounded-xl border shadow-sm", children: [_jsxs("header", { className: "border-border flex items-center justify-between border-b px-4 py-3", children: [_jsxs("div", { className: "min-w-0", children: [_jsx("h2", { className: "text-foreground text-sm font-semibold", children: "Content Delivery" }), _jsx("p", { className: "text-muted-foreground mt-0.5 text-xs", children: "Real-time platform activity" })] }), _jsxs("button", { className: "inline-flex items-center gap-1 text-xs font-medium text-violet-600 hover:underline dark:text-violet-400", onClick: () => nav('/api-keys'), children: ["API docs ", _jsx(ExternalLink, { className: "h-3 w-3" })] })] }), _jsxs("div", { className: "divide-border grid grid-cols-2 divide-x divide-y lg:grid-cols-4 lg:divide-y-0", children: [_jsx(DeliveryTile, { icon: Activity, label: "Total Documents", value: delivery.totalDocs.toLocaleString(), sub: "across all collections" }), _jsx(DeliveryTile, { icon: Clock, label: "Scheduled Posts", value: delivery.scheduled.toLocaleString(), sub: delivery.scheduled > 0 ? 'in publishing queue' : 'none queued', tone: delivery.scheduled > 0 ? 'ok' : 'muted' }), _jsx(DeliveryTile, { icon: ClipboardList, label: "Form Responses", value: delivery.forms.toLocaleString(), sub: delivery.forms > 0 ? 'total received' : 'none yet', tone: delivery.forms > 0 ? 'ok' : 'muted' }), _jsx(DeliveryTile, { icon: Zap, label: "Active Webhooks", value: `${delivery.webhooks.active} / ${delivery.webhooks.total || 0}`, sub: delivery.webhooks.total === 0
+                                    ? 'none configured'
+                                    : delivery.webhooks.active === delivery.webhooks.total
+                                        ? 'all active'
+                                        : `${delivery.webhooks.total - delivery.webhooks.active} paused`, tone: delivery.webhooks.total === 0
+                                    ? 'muted'
+                                    : delivery.webhooks.active === delivery.webhooks.total
+                                        ? 'ok'
+                                        : 'warn' })] })] })] }));
+}
+// ─── Sub-components (kept in-file: smaller bundle, no extra module hops) ────
+function EmptyState({ icon: Icon, title, subtitle, compact = false, }) {
+    return (_jsxs("div", { className: `flex flex-col items-center justify-center gap-1.5 text-center ${compact ? 'px-4 py-6' : 'px-6 py-10'}`, children: [_jsx(Icon, { className: "text-muted-foreground/50 mb-1 h-7 w-7", "aria-hidden": true }), _jsx("p", { className: "text-foreground text-sm font-semibold", children: title }), _jsx("p", { className: "text-muted-foreground max-w-xs text-xs", children: subtitle })] }));
+}
+function DeliveryTile({ icon: Icon, label, value, sub, tone = 'muted', }) {
+    const subTone = tone === 'ok'
+        ? 'text-emerald-600 dark:text-emerald-400'
+        : tone === 'warn'
+            ? 'text-amber-600 dark:text-amber-400'
+            : tone === 'err'
+                ? 'text-red-600 dark:text-red-400'
+                : 'text-muted-foreground';
+    return (_jsxs("div", { className: "px-4 py-3.5", children: [_jsxs("div", { className: "text-muted-foreground mb-1 flex items-center gap-1.5", children: [_jsx(Icon, { className: "h-3.5 w-3.5", "aria-hidden": true }), _jsx("span", { className: "text-[11px] font-medium", children: label })] }), _jsx("p", { className: "text-foreground text-xl leading-tight font-semibold tracking-tight", children: value }), sub && _jsx("p", { className: `mt-0.5 text-[11px] ${subTone}`, children: sub })] }));
 }
 //# sourceMappingURL=Dashboard.js.map