@actuate-media/cms-admin 0.1.4 → 0.2.1

package/dist/views/Dashboard.js

@@ -1,17 +1,62 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { FileText, Layout, Image, Users, User, Calendar, Loader2, AlertTriangle } from 'lucide-react';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { FileText, File, Layout, Image, Users, User, Calendar, Loader2, AlertTriangle, Database } from 'lucide-react';
 import { useApiData } from '../lib/useApiData.js';
-export function Dashboard({ onNavigate }) {
+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)
+        .map((c) => ({
+        slug: c.slug,
+        type: c.type,
+        labels: c.labels,
+    }));
+}
+function collectionLabel(col, plural = true) {
+    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);
+}
+const STAT_COLORS = [
+    { bg: 'bg-blue-100', text: 'text-blue-600' },
+    { bg: 'bg-purple-100', text: 'text-purple-600' },
+    { bg: 'bg-indigo-100', text: 'text-indigo-600' },
+    { bg: 'bg-teal-100', text: 'text-teal-600' },
+];
+function collectionIcon(col) {
+    if (col.type === 'page')
+        return File;
+    return FileText;
+}
+export function Dashboard({ config, onNavigate }) {
     const nav = (path) => onNavigate?.(path);
-    const { data, loading, error, refetch } = useApiData('/stats');
-    const totalPosts = data?.totalDocuments ?? 0;
+    const { data, loading, error, exhausted, refetch } = useApiData('/stats');
+    const { data: health } = useApiData('/health');
+    const collections = resolveCollections(config);
+    const hasCollections = collections.length > 0;
     const totalMedia = data?.totalMedia ?? 0;
     const totalUsers = data?.totalUsers ?? 0;
-    const recentPosts = data?.recentDocuments ?? [];
+    const collectionCounts = data?.collectionCounts ?? {};
+    const recentDocs = data?.recentDocuments ?? [];
+    const primaryCollection = hasCollections ? collections[0] : null;
     if (loading) {
         return (_jsx("div", { className: "p-3 pr-6 sm:p-4 sm:pr-8 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-3 pr-6 sm:p-4 sm:pr-8", children: [error && (_jsxs("div", { className: "mb-4 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. This is normal if your database hasn't been set up yet." }), _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", { className: "mb-4 sm:mb-6", children: [_jsx("h1", { className: "text-xl sm:text-2xl font-semibold text-gray-900 mb-1", children: "Dashboard" }), _jsx("p", { className: "text-sm text-gray-600", children: "Welcome back! Here's what's happening." })] }), _jsxs("div", { className: "grid grid-cols-2 lg:grid-cols-4 gap-3 sm:gap-4 mb-4 sm:mb-6", children: [_jsx("div", { className: "bg-white rounded-lg border border-gray-200 p-3 sm:p-4", children: _jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { children: [_jsx("p", { className: "text-xs text-gray-600 mb-1", children: "Total Posts" }), _jsx("p", { className: "text-xl sm:text-2xl font-semibold text-gray-900", children: totalPosts }), _jsx("p", { className: "text-xs text-gray-400 mt-1", children: "\u2014" })] }), _jsx("div", { className: "w-8 h-8 sm:w-10 sm:h-10 bg-blue-100 rounded-lg flex items-center justify-center", children: _jsx(FileText, { className: "w-4 h-4 sm:w-5 sm:h-5 text-blue-600" }) })] }) }), _jsx("div", { className: "bg-white rounded-lg border border-gray-200 p-3 sm:p-4", children: _jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { children: [_jsx("p", { className: "text-xs text-gray-600 mb-1", children: "Total Pages" }), _jsx("p", { className: "text-xl sm:text-2xl font-semibold text-gray-900", children: "0" }), _jsx("p", { className: "text-xs text-gray-400 mt-1", children: "\u2014" })] }), _jsx("div", { className: "w-8 h-8 sm:w-10 sm:h-10 bg-purple-100 rounded-lg flex items-center justify-center", children: _jsx(Layout, { className: "w-4 h-4 sm:w-5 sm:h-5 text-purple-600" }) })] }) }), _jsx("div", { className: "bg-white rounded-lg border border-gray-200 p-3 sm:p-4", children: _jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { children: [_jsx("p", { className: "text-xs text-gray-600 mb-1", children: "Media Files" }), _jsx("p", { className: "text-xl sm:text-2xl font-semibold text-gray-900", children: totalMedia.toLocaleString() }), _jsx("p", { className: "text-xs text-gray-400 mt-1", children: "\u2014" })] }), _jsx("div", { className: "w-8 h-8 sm:w-10 sm:h-10 bg-green-100 rounded-lg flex items-center justify-center", children: _jsx(Image, { className: "w-4 h-4 sm:w-5 sm:h-5 text-green-600" }) })] }) }), _jsx("div", { className: "bg-white rounded-lg border border-gray-200 p-3 sm:p-4", children: _jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { children: [_jsx("p", { className: "text-xs text-gray-600 mb-1", children: "Total Users" }), _jsx("p", { className: "text-xl sm:text-2xl font-semibold text-gray-900", children: totalUsers }), _jsx("p", { className: "text-xs text-gray-400 mt-1", children: "\u2014" })] }), _jsx("div", { className: "w-8 h-8 sm:w-10 sm:h-10 bg-amber-100 rounded-lg flex items-center justify-center", children: _jsx(Users, { className: "w-4 h-4 sm:w-5 sm:h-5 text-amber-600" }) })] }) })] }), _jsxs("div", { className: "grid grid-cols-1 lg:grid-cols-12 gap-3 sm:gap-4", children: [_jsxs("div", { className: "lg:col-span-8 bg-white rounded-lg border border-gray-200", children: [_jsx("div", { className: "p-3 sm:p-4 border-b border-gray-200", children: _jsx("h2", { className: "text-sm sm:text-base font-semibold text-gray-900", children: "Recent Posts" }) }), _jsx("div", { className: "divide-y divide-gray-200", children: recentPosts.length === 0 ? (_jsxs("div", { className: "p-8 text-center", children: [_jsx("p", { className: "text-sm text-gray-500 mb-2", children: "No posts yet" }), _jsx("button", { onClick: () => nav('/posts/new'), className: "px-4 py-2 text-sm bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition-colors", children: "Create your first post" })] })) : recentPosts.map((post) => (_jsx("div", { className: "p-3 sm:p-4 hover:bg-gray-50 transition-colors", children: _jsxs("div", { className: "flex items-start justify-between gap-3", children: [_jsxs("div", { className: "flex-1 min-w-0", children: [_jsx("h3", { className: "text-sm font-medium text-gray-900 mb-1 truncate", children: post.title }), _jsxs("div", { className: "flex flex-wrap items-center gap-2 sm:gap-3 text-xs text-gray-600", children: [_jsxs("span", { className: "flex items-center gap-1", children: [_jsx(User, { className: "w-3 h-3" }), _jsx("span", { className: "hidden sm:inline", children: post.author })] }), _jsxs("span", { className: "flex items-center gap-1", children: [_jsx(Calendar, { className: "w-3 h-3" }), post.date] }), _jsx("span", { className: `px-2 py-0.5 rounded-full text-xs font-medium ${post.status === 'Published' ? 'bg-green-100 text-green-800' : 'bg-gray-100 text-gray-800'}`, children: post.status })] })] }), _jsx("button", { onClick: () => nav(`/posts/${post.id}`), className: "text-xs sm:text-sm text-blue-600 hover:text-blue-700 whitespace-nowrap", children: "Edit" })] }) }, post.id))) })] }), _jsxs("div", { className: "lg:col-span-4 bg-white rounded-lg border border-gray-200", children: [_jsx("div", { className: "p-3 sm:p-4 border-b border-gray-200", children: _jsx("h2", { className: "text-sm sm:text-base font-semibold text-gray-900", children: "Quick Actions" }) }), _jsxs("div", { className: "p-3 sm:p-4 space-y-2", children: [_jsxs("button", { onClick: () => nav('/posts/new'), className: "flex items-center gap-3 p-2.5 sm:p-3 rounded-lg hover:bg-gray-50 transition-colors group w-full text-left", children: [_jsx("div", { className: "w-8 h-8 bg-blue-100 rounded-lg flex items-center justify-center group-hover:bg-blue-200 transition-colors", children: _jsx(FileText, { className: "w-4 h-4 text-blue-600" }) }), _jsx("span", { className: "text-sm font-medium text-gray-900", children: "New Post" })] }), _jsxs("button", { onClick: () => nav('/pages/new'), className: "flex items-center gap-3 p-2.5 sm:p-3 rounded-lg hover:bg-gray-50 transition-colors group w-full text-left", children: [_jsx("div", { className: "w-8 h-8 bg-purple-100 rounded-lg flex items-center justify-center group-hover:bg-purple-200 transition-colors", children: _jsx(Layout, { className: "w-4 h-4 text-purple-600" }) }), _jsx("span", { className: "text-sm font-medium text-gray-900", children: "New Page" })] }), _jsxs("button", { onClick: () => nav('/media'), className: "flex items-center gap-3 p-2.5 sm:p-3 rounded-lg hover:bg-gray-50 transition-colors group w-full text-left", children: [_jsx("div", { className: "w-8 h-8 bg-green-100 rounded-lg flex items-center justify-center group-hover:bg-green-200 transition-colors", children: _jsx(Image, { className: "w-4 h-4 text-green-600" }) }), _jsx("span", { className: "text-sm font-medium text-gray-900", children: "Upload Media" })] }), _jsxs("button", { onClick: () => nav('/users'), className: "flex items-center gap-3 p-2.5 sm:p-3 rounded-lg hover:bg-gray-50 transition-colors group w-full text-left", children: [_jsx("div", { className: "w-8 h-8 bg-amber-100 rounded-lg flex items-center justify-center group-hover:bg-amber-200 transition-colors", children: _jsx(Users, { className: "w-4 h-4 text-amber-600" }) }), _jsx("span", { className: "text-sm font-medium text-gray-900", children: "Manage Users" })] })] })] })] })] }));
+    return (_jsxs("div", { className: "p-3 pr-6 sm:p-4 sm:pr-8", children: [health && health.status === 'degraded' && (_jsxs("div", { className: "mb-4 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
+                                    ? '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 to create the required tables.` })] })] })), error && exhausted && (_jsxs("div", { className: "mb-4 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. This is normal if your database hasn't been set up yet." }), _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", { className: "mb-4 sm:mb-6", children: [_jsx("h1", { className: "text-xl sm:text-2xl font-semibold text-gray-900 mb-1", children: "Dashboard" }), _jsx("p", { className: "text-sm text-gray-600", children: "Welcome back! Here's what's happening." })] }), _jsxs("div", { className: "grid grid-cols-2 lg:grid-cols-4 gap-3 sm:gap-4 mb-4 sm:mb-6", children: [hasCollections ? (collections.slice(0, 2).map((col, i) => {
+                        const colors = STAT_COLORS[i % STAT_COLORS.length];
+                        const Icon = collectionIcon(col);
+                        return (_jsx("div", { className: "bg-white rounded-lg border border-gray-200 p-3 sm:p-4", children: _jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { children: [_jsx("p", { className: "text-xs text-gray-600 mb-1", children: collectionLabel(col) }), _jsx("p", { className: "text-xl sm:text-2xl font-semibold text-gray-900", children: (collectionCounts[col.slug] ?? 0).toLocaleString() }), _jsx("p", { className: "text-xs text-gray-400 mt-1", children: "\u2014" })] }), _jsx("div", { className: `w-8 h-8 sm:w-10 sm:h-10 ${colors.bg} rounded-lg flex items-center justify-center`, children: _jsx(Icon, { className: `w-4 h-4 sm:w-5 sm:h-5 ${colors.text}` }) })] }) }, col.slug));
+                    })) : (_jsxs(_Fragment, { children: [_jsx("div", { className: "bg-white rounded-lg border border-gray-200 p-3 sm:p-4", children: _jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { children: [_jsx("p", { className: "text-xs text-gray-600 mb-1", children: "Documents" }), _jsx("p", { className: "text-xl sm:text-2xl font-semibold text-gray-900", children: (data?.totalDocuments ?? 0).toLocaleString() }), _jsx("p", { className: "text-xs text-gray-400 mt-1", children: "\u2014" })] }), _jsx("div", { className: "w-8 h-8 sm:w-10 sm:h-10 bg-blue-100 rounded-lg flex items-center justify-center", children: _jsx(FileText, { className: "w-4 h-4 sm:w-5 sm:h-5 text-blue-600" }) })] }) }), _jsx("div", { className: "bg-white rounded-lg border border-gray-200 p-3 sm:p-4", children: _jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { children: [_jsx("p", { className: "text-xs text-gray-600 mb-1", children: "Pages" }), _jsx("p", { className: "text-xl sm:text-2xl font-semibold text-gray-900", children: (collectionCounts['pages'] ?? 0).toLocaleString() }), _jsx("p", { className: "text-xs text-gray-400 mt-1", children: "\u2014" })] }), _jsx("div", { className: "w-8 h-8 sm:w-10 sm:h-10 bg-purple-100 rounded-lg flex items-center justify-center", children: _jsx(Layout, { className: "w-4 h-4 sm:w-5 sm:h-5 text-purple-600" }) })] }) })] })), _jsx("div", { className: "bg-white rounded-lg border border-gray-200 p-3 sm:p-4", children: _jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { children: [_jsx("p", { className: "text-xs text-gray-600 mb-1", children: "Media Files" }), _jsx("p", { className: "text-xl sm:text-2xl font-semibold text-gray-900", children: totalMedia.toLocaleString() }), _jsx("p", { className: "text-xs text-gray-400 mt-1", children: "\u2014" })] }), _jsx("div", { className: "w-8 h-8 sm:w-10 sm:h-10 bg-green-100 rounded-lg flex items-center justify-center", children: _jsx(Image, { className: "w-4 h-4 sm:w-5 sm:h-5 text-green-600" }) })] }) }), _jsx("div", { className: "bg-white rounded-lg border border-gray-200 p-3 sm:p-4", children: _jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { children: [_jsx("p", { className: "text-xs text-gray-600 mb-1", children: "Total Users" }), _jsx("p", { className: "text-xl sm:text-2xl font-semibold text-gray-900", children: totalUsers }), _jsx("p", { className: "text-xs text-gray-400 mt-1", children: "\u2014" })] }), _jsx("div", { className: "w-8 h-8 sm:w-10 sm:h-10 bg-amber-100 rounded-lg flex items-center justify-center", children: _jsx(Users, { className: "w-4 h-4 sm:w-5 sm:h-5 text-amber-600" }) })] }) })] }), _jsxs("div", { className: "grid grid-cols-1 lg:grid-cols-12 gap-3 sm:gap-4", children: [_jsxs("div", { className: "lg:col-span-8 bg-white rounded-lg border border-gray-200", children: [_jsx("div", { className: "p-3 sm:p-4 border-b border-gray-200", children: _jsxs("h2", { className: "text-sm sm:text-base font-semibold text-gray-900", children: ["Recent ", primaryCollection ? collectionLabel(primaryCollection) : 'Documents'] }) }), _jsx("div", { className: "divide-y divide-gray-200", children: recentDocs.length === 0 ? (_jsxs("div", { className: "p-8 text-center", children: [_jsxs("p", { className: "text-sm text-gray-500 mb-2", children: ["No ", primaryCollection ? collectionLabel(primaryCollection).toLowerCase() : 'documents', " yet"] }), primaryCollection && (_jsxs("button", { onClick: () => nav(`/${primaryCollection.slug}/new`), className: "px-4 py-2 text-sm bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition-colors", children: ["Create your first ", collectionLabel(primaryCollection, false).toLowerCase()] }))] })) : recentDocs.map((doc) => (_jsx("div", { className: "p-3 sm:p-4 hover:bg-gray-50 transition-colors", children: _jsxs("div", { className: "flex items-start justify-between gap-3", children: [_jsxs("div", { className: "flex-1 min-w-0", children: [_jsx("h3", { className: "text-sm font-medium text-gray-900 mb-1 truncate", children: doc.title ?? 'Untitled' }), _jsxs("div", { className: "flex flex-wrap items-center gap-2 sm:gap-3 text-xs text-gray-600", children: [_jsxs("span", { className: "flex items-center gap-1", children: [_jsx(User, { className: "w-3 h-3" }), _jsx("span", { className: "hidden sm:inline", children: doc.createdById })] }), _jsxs("span", { className: "flex items-center gap-1", children: [_jsx(Calendar, { className: "w-3 h-3" }), new Date(doc.updatedAt).toLocaleDateString()] }), _jsx("span", { className: `px-2 py-0.5 rounded-full text-xs font-medium ${doc.status === 'PUBLISHED' ? 'bg-green-100 text-green-800' : 'bg-gray-100 text-gray-800'}`, children: doc.status })] })] }), _jsx("button", { onClick: () => nav(`/${doc.collection}/${doc.id}`), className: "text-xs sm:text-sm text-blue-600 hover:text-blue-700 whitespace-nowrap", children: "Edit" })] }) }, doc.id))) })] }), _jsxs("div", { className: "lg:col-span-4 bg-white rounded-lg border border-gray-200", children: [_jsx("div", { className: "p-3 sm:p-4 border-b border-gray-200", children: _jsx("h2", { className: "text-sm sm:text-base font-semibold text-gray-900", children: "Quick Actions" }) }), _jsxs("div", { className: "p-3 sm:p-4 space-y-2", children: [hasCollections ? (collections.slice(0, 4).map((col, i) => {
+                                        const colors = STAT_COLORS[i % STAT_COLORS.length];
+                                        const Icon = collectionIcon(col);
+                                        return (_jsxs("button", { onClick: () => nav(`/${col.slug}/new`), className: "flex items-center gap-3 p-2.5 sm:p-3 rounded-lg hover:bg-gray-50 transition-colors group w-full text-left", children: [_jsx("div", { className: `w-8 h-8 ${colors.bg} rounded-lg flex items-center justify-center group-hover:opacity-80 transition-colors`, children: _jsx(Icon, { className: `w-4 h-4 ${colors.text}` }) }), _jsxs("span", { className: "text-sm font-medium text-gray-900", children: ["New ", collectionLabel(col, false)] })] }, col.slug));
+                                    })) : (_jsxs(_Fragment, { children: [_jsxs("button", { onClick: () => nav('/posts/new'), className: "flex items-center gap-3 p-2.5 sm:p-3 rounded-lg hover:bg-gray-50 transition-colors group w-full text-left", children: [_jsx("div", { className: "w-8 h-8 bg-blue-100 rounded-lg flex items-center justify-center group-hover:bg-blue-200 transition-colors", children: _jsx(FileText, { className: "w-4 h-4 text-blue-600" }) }), _jsx("span", { className: "text-sm font-medium text-gray-900", children: "New Post" })] }), _jsxs("button", { onClick: () => nav('/pages/new'), className: "flex items-center gap-3 p-2.5 sm:p-3 rounded-lg hover:bg-gray-50 transition-colors group w-full text-left", children: [_jsx("div", { className: "w-8 h-8 bg-purple-100 rounded-lg flex items-center justify-center group-hover:bg-purple-200 transition-colors", children: _jsx(Layout, { className: "w-4 h-4 text-purple-600" }) }), _jsx("span", { className: "text-sm font-medium text-gray-900", children: "New Page" })] })] })), _jsxs("button", { onClick: () => nav('/media'), className: "flex items-center gap-3 p-2.5 sm:p-3 rounded-lg hover:bg-gray-50 transition-colors group w-full text-left", children: [_jsx("div", { className: "w-8 h-8 bg-green-100 rounded-lg flex items-center justify-center group-hover:bg-green-200 transition-colors", children: _jsx(Image, { className: "w-4 h-4 text-green-600" }) }), _jsx("span", { className: "text-sm font-medium text-gray-900", children: "Upload Media" })] }), _jsxs("button", { onClick: () => nav('/users'), className: "flex items-center gap-3 p-2.5 sm:p-3 rounded-lg hover:bg-gray-50 transition-colors group w-full text-left", children: [_jsx("div", { className: "w-8 h-8 bg-amber-100 rounded-lg flex items-center justify-center group-hover:bg-amber-200 transition-colors", children: _jsx(Users, { className: "w-4 h-4 text-amber-600" }) }), _jsx("span", { className: "text-sm font-medium text-gray-900", children: "Manage Users" })] })] })] })] })] }));
 }
 //# sourceMappingURL=Dashboard.js.map

package/dist/views/Dashboard.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dashboard.js","sourceRoot":"","sources":["../../src/views/Dashboard.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Dashboard.js","sourceRoot":"","sources":["../../src/views/Dashboard.tsx"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@actuate-media/cms-admin",
-  "version": "0.1.4",
+  "version": "0.2.1",
   "repository": {
     "type": "git",
     "url": "https://github.com/actuate-media/actuatecms.git",
@@ -19,11 +19,14 @@
       "default": "./dist/index.js"
     },
     "./styles": "./src/styles/tailwind.css",
-    "./styles/theme.css": "./src/styles/theme.css"
+    "./styles/theme.css": "./src/styles/theme.css",
+    "./styles/precompiled.css": "./dist/actuate-admin.css"
   },
   "files": [
     "dist",
-    "src/styles"
+    "src/styles",
+    "src/**/*.tsx",
+    "src/**/*.ts"
   ],
   "dependencies": {
     "@dnd-kit/core": "^6.3.1",
@@ -55,9 +58,10 @@
     "react-dom": "^19.2.0",
     "sonner": "^2.0.7",
     "tailwind-merge": "^3.5.0",
-    "@actuate-media/cms-core": "0.2.3"
+    "@actuate-media/cms-core": "0.3.1"
   },
   "devDependencies": {
+    "@tailwindcss/cli": "^4.0.0",
     "@types/react": "^19.0.0",
     "@types/react-dom": "^19.0.0",
     "tailwindcss": "^4.0.0",
@@ -65,7 +69,8 @@
     "vitest": "^3.0.0"
   },
   "scripts": {
-    "build": "tsc --project tsconfig.json",
+    "build": "tsc --project tsconfig.json && npx @tailwindcss/cli -i src/styles/build-input.css -o dist/actuate-admin.css --minify",
+    "build:css": "npx @tailwindcss/cli -i src/styles/build-input.css -o dist/actuate-admin.css --minify",
     "type-check": "tsc --noEmit",
     "test": "vitest run",
     "clean": "rm -rf dist .turbo"

package/src/AdminRoot.tsx

@@ -0,0 +1,312 @@
+'use client';
+
+import { useState, useMemo, useEffect, useRef } from 'react';
+import { Layout } from './layout/Layout.js';
+import { useAdminRouter } from './router/index.js';
+import { Dashboard } from './views/Dashboard.js';
+import { CollectionList } from './views/CollectionList.js';
+import { DocumentEdit } from './views/DocumentEdit.js';
+import { MediaBrowser } from './views/MediaBrowser.js';
+import { Settings } from './views/Settings.js';
+import { Forms } from './views/Forms.js';
+import { FormEditor } from './views/FormEditor.js';
+import { FormSubmissions } from './views/FormSubmissions.js';
+import { Users } from './views/Users.js';
+import { SEO } from './views/SEO.js';
+import { SetupWizard } from './views/SetupWizard.js';
+import { Login } from './views/Login.js';
+import { ErrorBoundary } from './components/ErrorBoundary.js';
+import { ThemeProvider } from './components/ThemeProvider.js';
+import { LocaleProvider } from './components/LocaleProvider.js';
+import { useKeyboardShortcuts } from './hooks/useKeyboardShortcuts.js';
+
+export interface AdminRootProps {
+  config: any;
+  session: any;
+  basePath?: string;
+  initialPath?: string;
+  setupRequired?: boolean;
+  onSetupComplete?: (data: { name: string; email: string; password: string }) => Promise<{ success: boolean; error?: string }>;
+  onLogin?: (email: string, password: string, captchaToken?: string) => Promise<{ success: boolean; error?: string }>;
+  captchaConfig?: { provider: 'recaptcha' | 'turnstile' | 'none'; siteKey: string | null };
+}
+
+function AdminShell({ config, session, basePath = '/admin', initialPath = '/', setupRequired, onSetupComplete, onLogin, captchaConfig }: AdminRootProps) {
+  const { currentPath, navigate, matchRoute } = useAdminRouter(basePath, initialPath);
+  const [shortcutHelpOpen, setShortcutHelpOpen] = useState(false);
+
+  useBranding(config);
+  useAdminPageTitle(config, currentPath);
+
+  const shortcuts = useMemo(() => ({
+    'mod+k': () => {
+      const searchInput = document.querySelector<HTMLInputElement>('input[placeholder*="Search"]');
+      searchInput?.focus();
+    },
+    'mod+s': () => {
+      const saveBtn = document.querySelector<HTMLButtonElement>('[data-shortcut="save"]');
+      saveBtn?.click();
+    },
+    'escape': () => {
+      const closeBtn = document.querySelector<HTMLButtonElement>('[data-shortcut="close"]');
+      closeBtn?.click();
+    },
+    'mod+/': () => {
+      setShortcutHelpOpen(prev => !prev);
+    },
+  }), []);
+
+  useKeyboardShortcuts(shortcuts);
+
+  if (setupRequired && onSetupComplete) {
+    return <SetupWizard onComplete={onSetupComplete} siteName={config?.admin?.branding?.name ?? 'Actuate CMS'} />;
+  }
+
+  if (!session && !setupRequired) {
+    if (onLogin) {
+      return <Login onLogin={onLogin} onNavigate={navigate} captchaConfig={captchaConfig} />;
+    }
+    return (
+      <div className="min-h-screen flex items-center justify-center bg-background">
+        <div className="text-center">
+          <h1 className="text-xl font-semibold text-foreground mb-2">Unauthorized</h1>
+          <p className="text-sm text-muted-foreground">Please log in to access the admin panel.</p>
+        </div>
+      </div>
+    );
+  }
+
+  const collectionSlugs = config?.collections
+    ? Object.values(config.collections as Record<string, { slug: string }>).map((c) => c.slug)
+    : ['pages', 'posts'];
+
+  function renderView() {
+    if (matchRoute('/')) {
+      return <Dashboard config={config} onNavigate={navigate} />;
+    }
+
+    for (const slug of collectionSlugs) {
+      const newMatch = matchRoute(`/${slug}/new`);
+      if (newMatch) {
+        return <DocumentEdit collectionSlug={slug} config={config} />;
+      }
+      const editMatch = matchRoute(`/${slug}/:id`);
+      if (editMatch?.id) {
+        return <DocumentEdit collectionSlug={slug} documentId={editMatch.id} config={config} />;
+      }
+      if (matchRoute(`/${slug}`)) {
+        return <CollectionList collectionSlug={slug} config={config} onNavigate={navigate} />;
+      }
+    }
+
+    const newCollMatch = matchRoute('/collections/:slug/new');
+    if (newCollMatch?.slug) {
+      return <DocumentEdit collectionSlug={newCollMatch.slug} config={config} />;
+    }
+
+    const editCollMatch = matchRoute('/collections/:slug/:id');
+    if (editCollMatch?.slug && editCollMatch.id) {
+      return <DocumentEdit collectionSlug={editCollMatch.slug} documentId={editCollMatch.id} config={config} />;
+    }
+
+    const collectionMatch = matchRoute('/collections/:slug');
+    if (collectionMatch?.slug) {
+      return <CollectionList collectionSlug={collectionMatch.slug} config={config} onNavigate={navigate} />;
+    }
+
+    if (matchRoute('/media')) {
+      return <MediaBrowser onNavigate={navigate} />;
+    }
+
+    if (matchRoute('/forms/new')) {
+      return <FormEditor onNavigate={navigate} />;
+    }
+    const formEdit = matchRoute('/forms/:id/edit');
+    if (formEdit?.id) {
+      return <FormEditor formId={formEdit.id} onNavigate={navigate} />;
+    }
+    const formSubmissions = matchRoute('/forms/:id/submissions');
+    if (formSubmissions?.id) {
+      return <FormSubmissions formId={formSubmissions.id} onNavigate={navigate} />;
+    }
+    if (matchRoute('/forms')) {
+      return <Forms onNavigate={navigate} />;
+    }
+
+    if (matchRoute('/seo/redirects')) {
+      return <SEO onNavigate={navigate} initialTab="redirects" />;
+    }
+    if (matchRoute('/seo/canonicals')) {
+      return <SEO onNavigate={navigate} initialTab="canonicals" />;
+    }
+    if (matchRoute('/seo/links')) {
+      return <SEO onNavigate={navigate} initialTab="links" />;
+    }
+    if (matchRoute('/seo')) {
+      return <SEO onNavigate={navigate} initialTab="pages" />;
+    }
+
+    if (matchRoute('/users')) {
+      return <Users onNavigate={navigate} />;
+    }
+
+    if (matchRoute('/settings')) {
+      return <Settings onNavigate={navigate} />;
+    }
+
+    return (
+      <div className="flex flex-col items-center justify-center min-h-[400px] text-center p-6">
+        <h1 className="text-4xl font-bold text-foreground mb-2">404</h1>
+        <p className="text-muted-foreground mb-4">The page you are looking for does not exist.</p>
+        <button
+          onClick={() => navigate('/')}
+          className="px-4 py-2 text-sm font-medium text-primary-foreground bg-primary rounded-md hover:opacity-90"
+        >
+          Back to Dashboard
+        </button>
+      </div>
+    );
+  }
+
+  return (
+    <Layout config={config} session={session} currentPath={currentPath} onNavigate={navigate}>
+      <ErrorBoundary>
+        {renderView()}
+      </ErrorBoundary>
+      {shortcutHelpOpen && <ShortcutHelp onClose={() => setShortcutHelpOpen(false)} />}
+    </Layout>
+  );
+}
+
+function ShortcutHelp({ onClose }: { onClose: () => void }) {
+  return (
+    <div
+      className="fixed inset-0 z-100 flex items-center justify-center bg-black/50"
+      onClick={(e) => { if (e.target === e.currentTarget) onClose(); }}
+    >
+      <div className="bg-card text-card-foreground rounded-xl shadow-2xl border border-border p-6 max-w-sm w-full mx-4">
+        <h3 className="text-lg font-semibold mb-4">Keyboard Shortcuts</h3>
+        <div className="space-y-3 text-sm">
+          {[
+            ['⌘ K', 'Open search'],
+            ['⌘ S', 'Save document'],
+            ['⌘ /', 'Toggle this help'],
+            ['Esc', 'Close panel / modal'],
+          ].map(([key, desc]) => (
+            <div key={key} className="flex items-center justify-between">
+              <span className="text-muted-foreground">{desc}</span>
+              <kbd className="px-2 py-1 text-xs font-mono bg-muted rounded">{key}</kbd>
+            </div>
+          ))}
+        </div>
+        <button
+          onClick={onClose}
+          className="mt-4 w-full py-2 text-sm bg-primary text-primary-foreground rounded-lg hover:opacity-90"
+        >
+          Close
+        </button>
+      </div>
+    </div>
+  );
+}
+
+function useBranding(config: any) {
+  const originalFaviconRef = useRef<string | null>(null);
+  const originalTitleRef = useRef<string | null>(null);
+  const injectedLinkRef = useRef<HTMLLinkElement | null>(null);
+
+  useEffect(() => {
+    const branding = config?.admin?.branding;
+    if (!branding) return;
+
+    // --- Favicon ---
+    if (branding.favicon) {
+      const existing = document.querySelector<HTMLLinkElement>('link[rel="icon"]');
+      originalFaviconRef.current = existing?.href ?? null;
+
+      if (existing) {
+        existing.href = branding.favicon;
+      } else {
+        const link = document.createElement('link');
+        link.rel = 'icon';
+        link.href = branding.favicon;
+        document.head.appendChild(link);
+        injectedLinkRef.current = link;
+      }
+    }
+
+    // --- Document title ---
+    originalTitleRef.current = document.title;
+    if (branding.title) {
+      document.title = branding.title;
+    } else if (branding.name) {
+      document.title = `${branding.name} Admin`;
+    }
+
+    // --- Primary color ---
+    const adminEl = document.querySelector<HTMLElement>('.actuate-admin');
+    if (branding.primaryColor && adminEl) {
+      adminEl.style.setProperty('--primary', branding.primaryColor);
+      adminEl.style.setProperty('--sidebar-primary', branding.primaryColor);
+    }
+
+    return () => {
+      // Restore favicon
+      if (branding.favicon) {
+        const link = document.querySelector<HTMLLinkElement>('link[rel="icon"]');
+        if (link && originalFaviconRef.current) {
+          link.href = originalFaviconRef.current;
+        }
+        if (injectedLinkRef.current) {
+          injectedLinkRef.current.remove();
+          injectedLinkRef.current = null;
+        }
+      }
+
+      // Restore title
+      if (originalTitleRef.current !== null) {
+        document.title = originalTitleRef.current;
+      }
+
+      // Remove primary color override
+      if (branding.primaryColor && adminEl) {
+        adminEl.style.removeProperty('--primary');
+        adminEl.style.removeProperty('--sidebar-primary');
+      }
+    };
+  }, [config]);
+}
+
+function useAdminPageTitle(config: any, currentPath: string) {
+  useEffect(() => {
+    const branding = config?.admin?.branding;
+    const baseName = branding?.title ?? (branding?.name ? `${branding.name} Admin` : null);
+    if (!baseName) return;
+
+    const segment = currentPath === '/' ? 'Dashboard' : currentPath.split('/').filter(Boolean)[0];
+    const pageName = segment ? segment.charAt(0).toUpperCase() + segment.slice(1) : 'Dashboard';
+    document.title = `${pageName} — ${baseName}`;
+  }, [config, currentPath]);
+}
+
+const ISOLATION_STYLE: React.CSSProperties = {
+  position: 'fixed',
+  inset: '0',
+  zIndex: 50,
+  overflow: 'auto',
+  isolation: 'isolate',
+};
+
+export function AdminRoot(props: AdminRootProps) {
+  const defaultDarkMode = props.config?.admin?.branding?.darkMode;
+
+  return (
+    <div style={ISOLATION_STYLE} className="actuate-admin">
+      <ThemeProvider defaultDarkMode={defaultDarkMode}>
+        <LocaleProvider config={props.config}>
+          <AdminShell {...props} />
+        </LocaleProvider>
+      </ThemeProvider>
+    </div>
+  );
+}

package/src/__tests__/lib/search.test.ts

@@ -0,0 +1,138 @@
+import { describe, it, expect } from 'vitest';
+import {
+  scoreRelevance,
+  sortByRelevance,
+  sortByColumn,
+  toggleSort,
+} from '../../lib/search.js';
+
+describe('scoreRelevance', () => {
+  it('returns 100 for exact match (case-insensitive)', () => {
+    expect(scoreRelevance('Hello', 'hello')).toBe(100);
+    expect(scoreRelevance('test', 'test')).toBe(100);
+  });
+
+  it('returns 80 when text starts with the query', () => {
+    expect(scoreRelevance('hello world', 'hel')).toBe(80);
+    expect(scoreRelevance('Alpha', 'al')).toBe(80);
+  });
+
+  it('returns 60 when query matches at a word boundary but not at start', () => {
+    expect(scoreRelevance('say hello', 'hello')).toBe(60);
+  });
+
+  it('returns 40 when query appears only as a substring without word-boundary match', () => {
+    expect(scoreRelevance('axxhello', 'hello')).toBe(40);
+  });
+
+  it('returns 0 when there is no match', () => {
+    expect(scoreRelevance('abc def', 'xyz')).toBe(0);
+  });
+
+  it('returns 0 for an empty query', () => {
+    expect(scoreRelevance('anything', '')).toBe(0);
+  });
+});
+
+describe('sortByRelevance', () => {
+  it('sorts items by best field relevance score descending', () => {
+    const items = [
+      { id: 'a', title: 'zzz' },
+      { id: 'b', title: 'hello' },
+      { id: 'c', title: 'say hello' },
+    ];
+    const sorted = sortByRelevance(items, 'hello', item => [item.title]);
+    // exact match > word-boundary match > no match
+    expect(sorted.map(i => i.id)).toEqual(['b', 'c', 'a']);
+  });
+
+  it('returns the original array reference for an empty query', () => {
+    const items = [{ id: '1' }, { id: '2' }];
+    const result = sortByRelevance(items, '', item => [item.id]);
+    expect(result).toBe(items);
+  });
+
+  it('returns the original array when query is whitespace-only', () => {
+    const items = [{ id: '1' }];
+    expect(sortByRelevance(items, '   ', item => [item.id])).toBe(items);
+  });
+
+  it('uses the maximum score across multiple search fields', () => {
+    const items = [
+      { id: 'low', a: 'x', b: 'x' },
+      { id: 'high', a: 'x', b: 'exact' },
+    ];
+    const sorted = sortByRelevance(items, 'exact', item => [item.a, item.b]);
+    expect(sorted[0]!.id).toBe('high');
+  });
+});
+
+describe('sortByColumn', () => {
+  it('returns the original array when sortConfig is null', () => {
+    const items = [{ n: 2 }, { n: 1 }];
+    expect(sortByColumn(items, null, (item, key) => item[key as 'n'])).toBe(items);
+  });
+
+  it('sorts strings ascending', () => {
+    const items = [{ name: 'b' }, { name: 'a' }, { name: 'c' }];
+    const sorted = sortByColumn(
+      items,
+      { key: 'name', direction: 'asc' },
+      (item, key) => item[key as 'name'],
+    );
+    expect(sorted.map(i => i.name)).toEqual(['a', 'b', 'c']);
+  });
+
+  it('sorts strings descending', () => {
+    const items = [{ name: 'a' }, { name: 'c' }, { name: 'b' }];
+    const sorted = sortByColumn(
+      items,
+      { key: 'name', direction: 'desc' },
+      (item, key) => item[key as 'name'],
+    );
+    expect(sorted.map(i => i.name)).toEqual(['c', 'b', 'a']);
+  });
+
+  it('sorts numbers ascending and descending', () => {
+    const items = [{ v: 3 }, { v: 1 }, { v: 2 }];
+    const asc = sortByColumn(
+      items,
+      { key: 'v', direction: 'asc' },
+      (item, key) => item[key as 'v'],
+    );
+    expect(asc.map(i => i.v)).toEqual([1, 2, 3]);
+    const desc = sortByColumn(
+      items,
+      { key: 'v', direction: 'desc' },
+      (item, key) => item[key as 'v'],
+    );
+    expect(desc.map(i => i.v)).toEqual([3, 2, 1]);
+  });
+});
+
+describe('toggleSort', () => {
+  it('returns ascending sort when current is null', () => {
+    expect(toggleSort(null, 'title')).toEqual({ key: 'title', direction: 'asc' });
+  });
+
+  it('toggles same key from asc to desc', () => {
+    expect(toggleSort({ key: 'title', direction: 'asc' }, 'title')).toEqual({
+      key: 'title',
+      direction: 'desc',
+    });
+  });
+
+  it('toggles same key from desc to asc', () => {
+    expect(toggleSort({ key: 'title', direction: 'desc' }, 'title')).toEqual({
+      key: 'title',
+      direction: 'asc',
+    });
+  });
+
+  it('starts ascending when switching to a different key', () => {
+    expect(toggleSort({ key: 'foo', direction: 'desc' }, 'bar')).toEqual({
+      key: 'bar',
+      direction: 'asc',
+    });
+  });
+});