@revealui/core 0.2.1 → 0.3.0

package/dist/client/admin/components/AdminDashboard.js

@@ -1,193 +1,217 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { logger } from '@revealui/core/utils/logger';
-import { useEffect, useState } from 'react';
+import { useEffect, useReducer } from 'react';
 import { APIError, APIErrorType, apiClient } from '../utils/index.js';
 import { CollectionList } from './CollectionList.js';
 import { DocumentForm } from './DocumentForm.js';
 import { GlobalForm } from './GlobalForm.js';
+const initialState = {
+    view: { type: 'dashboard' },
+    documents: [],
+    totalDocs: 0,
+    page: 1,
+    totalPages: 1,
+    collectionLoading: false,
+    globalDocument: null,
+    globalLoading: false,
+    saving: false,
+    deleting: null,
+    error: null,
+    successMessage: null,
+};
+function reducer(state, action) {
+    switch (action.type) {
+        case 'NAVIGATE':
+            return { ...state, view: action.view, error: null, successMessage: null };
+        case 'COLLECTION_LOADING':
+            return { ...state, collectionLoading: true };
+        case 'COLLECTION_LOADED':
+            return {
+                ...state,
+                documents: action.documents,
+                totalDocs: action.totalDocs,
+                page: action.page,
+                totalPages: action.totalPages,
+                collectionLoading: false,
+            };
+        case 'GLOBAL_LOADING':
+            return { ...state, globalDocument: null, globalLoading: true };
+        case 'GLOBAL_LOADED':
+            return { ...state, globalDocument: action.document, globalLoading: false };
+        case 'SET_SAVING':
+            return { ...state, saving: action.saving };
+        case 'SET_DELETING':
+            return { ...state, deleting: action.id };
+        case 'SET_ERROR':
+            return { ...state, error: action.error };
+        case 'SET_SUCCESS':
+            return { ...state, successMessage: action.message };
+    }
+}
+// =============================================================================
+// Shared sub-components
+// =============================================================================
+function AdminHeader({ title, onBack }) {
+    return (_jsx("header", { className: "bg-white shadow-sm border-b", children: _jsx("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", children: _jsx("div", { className: "flex justify-between items-center py-4", children: _jsxs("div", { className: "flex items-center space-x-4", children: [_jsx("button", { type: "button", onClick: onBack, className: "text-gray-400 hover:text-gray-600", children: "\u2190 Back to Dashboard" }), _jsx("h1", { className: "text-2xl font-bold text-gray-900 capitalize", children: title })] }) }) }) }));
+}
+function StatusBanners({ error, successMessage, }) {
+    return (_jsxs(_Fragment, { children: [error && (_jsxs("div", { className: "mb-4 bg-red-50 border border-red-200 text-red-800 px-4 py-3 rounded", children: [_jsx("p", { className: "font-medium", children: "Error" }), _jsx("p", { className: "text-sm", children: error })] })), successMessage && (_jsxs("div", { className: "mb-4 bg-green-50 border border-green-200 text-green-800 px-4 py-3 rounded", children: [_jsx("p", { className: "font-medium", children: "Success" }), _jsx("p", { className: "text-sm", children: successMessage })] }))] }));
+}
+function LoadingSpinner() {
+    return (_jsxs("div", { className: "mb-4 text-center py-8", children: [_jsx("div", { className: "inline-block animate-spin rounded-full h-8 w-8 border-b-2 border-gray-900" }), _jsx("p", { className: "mt-2 text-sm text-gray-600", children: "Loading..." })] }));
+}
+// =============================================================================
+// Dashboard home view
+// =============================================================================
+function DashboardHome({ collections, globals, onCollectionClick, onGlobalClick, }) {
+    return (_jsxs("div", { className: "min-h-screen bg-gray-50", children: [_jsx("header", { className: "bg-white shadow-sm border-b", children: _jsx("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", children: _jsxs("div", { className: "flex justify-between items-center py-4", children: [_jsx("div", { className: "flex items-center", children: _jsx("h1", { className: "text-2xl font-bold text-gray-900", children: "RevealUI Admin" }) }), _jsx("div", { className: "flex items-center space-x-4", children: _jsx("span", { className: "text-sm text-gray-500", children: "v0.1.0" }) })] }) }) }), _jsx("main", { className: "max-w-7xl mx-auto py-6 sm:px-6 lg:px-8", children: _jsx("div", { className: "px-4 py-6 sm:px-0", children: _jsxs("div", { className: "grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-3", children: [_jsxs("div", { className: "bg-white overflow-hidden shadow rounded-lg", children: [_jsx("div", { className: "p-5", children: _jsxs("div", { className: "flex items-center", children: [_jsx("div", { className: "flex-shrink-0", children: _jsxs("svg", { className: "h-8 w-8 text-gray-400", "aria-label": "Collections", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", role: "img", children: [_jsx("title", { children: "Collections" }), _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10" })] }) }), _jsx("div", { className: "ml-5 w-0 flex-1", children: _jsxs("dl", { children: [_jsx("dt", { className: "text-sm font-medium text-gray-500 truncate", children: "Collections" }), _jsx("dd", { className: "text-lg font-medium text-gray-900", children: collections.length })] }) })] }) }), _jsx("div", { className: "bg-gray-50 px-5 py-3", children: _jsx("div", { className: "text-sm", children: collections.length > 0 ? (_jsx("ul", { className: "space-y-1 max-h-48 overflow-y-auto", children: collections.map((collection) => (_jsx("li", { className: "text-gray-600 hover:text-gray-900", children: _jsx("button", { type: "button", onClick: () => onCollectionClick(collection), className: "hover:underline cursor-pointer", children: String(collection.slug) }) }, String(collection.slug)))) })) : (_jsx("p", { className: "text-gray-500", children: "No collections configured" })) }) })] }), _jsxs("div", { className: "bg-white overflow-hidden shadow rounded-lg", children: [_jsx("div", { className: "p-5", children: _jsxs("div", { className: "flex items-center", children: [_jsx("div", { className: "flex-shrink-0", children: _jsxs("svg", { className: "h-8 w-8 text-gray-400", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", "aria-labelledby": "globals-icon-title", role: "img", children: [_jsx("title", { id: "globals-icon-title", children: "Globals" }), _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 6V4m0 2a2 2 0 100 4m0-4a2 2 0 110 4m-6 8a2 2 0 100-4m0 4a2 2 0 100 4m0-4v2m0-6V4m6 6v10m6-2a2 2 0 100-4m0 4a2 2 0 100 4m0-4v2m0-6V4" })] }) }), _jsx("div", { className: "ml-5 w-0 flex-1", children: _jsxs("dl", { children: [_jsx("dt", { className: "text-sm font-medium text-gray-500 truncate", children: "Globals" }), _jsx("dd", { className: "text-lg font-medium text-gray-900", children: globals.length })] }) })] }) }), _jsx("div", { className: "bg-gray-50 px-5 py-3", children: _jsx("div", { className: "text-sm", children: globals.length > 0 ? (_jsx("ul", { className: "space-y-1 max-h-32 overflow-y-auto", children: globals.map((global) => (_jsx("li", { className: "text-gray-600 hover:text-gray-900", children: _jsx("button", { type: "button", onClick: () => onGlobalClick(global), className: "hover:underline cursor-pointer", children: global.label || String(global.slug) }) }, String(global.slug)))) })) : (_jsx("p", { className: "text-gray-500", children: "No globals configured" })) }) })] }), _jsxs("div", { className: "bg-white overflow-hidden shadow rounded-lg", children: [_jsx("div", { className: "p-5", children: _jsxs("div", { className: "flex items-center", children: [_jsx("div", { className: "flex-shrink-0", children: _jsx("div", { className: "h-8 w-8 bg-green-100 rounded-full flex items-center justify-center", children: _jsxs("svg", { className: "h-5 w-5 text-green-600", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", "aria-labelledby": "system-status-icon-title", role: "img", children: [_jsx("title", { id: "system-status-icon-title", children: "System Status: Healthy" }), _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 13l4 4L19 7" })] }) }) }), _jsx("div", { className: "ml-5 w-0 flex-1", children: _jsxs("dl", { children: [_jsx("dt", { className: "text-sm font-medium text-gray-500 truncate", children: "System Status" }), _jsx("dd", { className: "text-lg font-medium text-gray-900", children: "Healthy" })] }) })] }) }), _jsx("div", { className: "bg-gray-50 px-5 py-3", children: _jsx("div", { className: "text-sm text-gray-600", children: "RevealUI CMS is running successfully" }) })] })] }) }) })] }));
+}
+// =============================================================================
+// Error handling helpers
+// =============================================================================
+function extractErrorMessage(err, fallback) {
+    return err instanceof APIError ? err.message : fallback;
+}
+function logApiError(err, context) {
+    logger.error(context, { error: err });
+    if (err instanceof APIError && err.type === APIErrorType.Authentication) {
+        logger.warn('Authentication required');
+    }
+}
+// =============================================================================
+// Main component
+// =============================================================================
 export function AdminDashboard({ config }) {
-    const [currentView, setCurrentView] = useState({
-        type: 'dashboard',
-    });
-    const [collectionData, setCollectionData] = useState({
-        documents: [],
-        totalDocs: 0,
-        page: 1,
-        totalPages: 1,
-        loading: false,
-        error: null,
-    });
-    const [saving, setSaving] = useState(false);
-    const [deleting, setDeleting] = useState(null);
-    const [error, setError] = useState(null);
-    const [successMessage, setSuccessMessage] = useState(null);
-    const [globalData, setGlobalData] = useState({
-        document: null,
-        loading: false,
-        error: null,
-    });
+    const [state, dispatch] = useReducer(reducer, initialState);
     const collections = config.collections || [];
     const globals = config.globals || [];
     // Auto-dismiss success messages
     useEffect(() => {
-        if (successMessage) {
-            const timer = setTimeout(() => setSuccessMessage(null), 3000);
+        if (state.successMessage) {
+            const timer = setTimeout(() => dispatch({ type: 'SET_SUCCESS', message: null }), 3000);
             return () => clearTimeout(timer);
         }
         return;
-    }, [successMessage]);
+    }, [state.successMessage]);
     // Auto-dismiss error messages
     useEffect(() => {
-        if (error) {
-            const timer = setTimeout(() => setError(null), 5000);
+        if (state.error) {
+            const timer = setTimeout(() => dispatch({ type: 'SET_ERROR', error: null }), 5000);
             return () => clearTimeout(timer);
         }
         return;
-    }, [error]);
-    const handleCollectionClick = async (collection) => {
-        setCurrentView({ type: 'collection', collection });
-        setError(null);
-        setSuccessMessage(null);
+    }, [state.error]);
+    const goToDashboard = () => dispatch({ type: 'NAVIGATE', view: { type: 'dashboard' } });
+    const fetchCollection = async (collection, page = 1) => {
         try {
-            // Show loading state
-            setCollectionData((prev) => ({ ...prev, loading: true, error: null }));
-            // Fetch first page of documents
+            dispatch({ type: 'COLLECTION_LOADING' });
             const response = await apiClient.find({
                 collection: String(collection.slug),
-                page: 1,
+                page,
                 limit: 10,
             });
-            setCollectionData({
+            dispatch({
+                type: 'COLLECTION_LOADED',
                 documents: response.docs || [],
                 totalDocs: response.totalDocs || 0,
                 page: response.page || 1,
                 totalPages: response.totalPages || 1,
-                loading: false,
-                error: null,
             });
         }
         catch (err) {
-            // Handle error
-            const errorMessage = err instanceof APIError ? err.message : 'Failed to fetch collection data. Please try again.';
-            logger.error('Failed to fetch collection data', { error: err });
-            setCollectionData((prev) => ({
-                ...prev,
-                loading: false,
-                error: errorMessage,
-            }));
-            setError(errorMessage);
-            // Handle authentication errors
-            if (err instanceof APIError && err.type === APIErrorType.Authentication) {
-                // Redirect to login would be handled by the auth system
-                logger.warn('Authentication required');
-            }
+            const msg = extractErrorMessage(err, 'Failed to fetch collection data. Please try again.');
+            logApiError(err, 'Failed to fetch collection data');
+            dispatch({
+                type: 'COLLECTION_LOADED',
+                documents: state.documents,
+                totalDocs: state.totalDocs,
+                page: state.page,
+                totalPages: state.totalPages,
+            });
+            dispatch({ type: 'SET_ERROR', error: msg });
         }
     };
+    const handleCollectionClick = async (collection) => {
+        dispatch({ type: 'NAVIGATE', view: { type: 'collection', collection } });
+        await fetchCollection(collection);
+    };
     const handleGlobalClick = async (global) => {
-        setCurrentView({ type: 'global', global });
-        setError(null);
-        setSuccessMessage(null);
+        dispatch({ type: 'NAVIGATE', view: { type: 'global', global } });
         try {
-            // Show loading state
-            setGlobalData({ document: null, loading: true, error: null });
-            // Fetch global data
+            dispatch({ type: 'GLOBAL_LOADING' });
             const document = await apiClient.findGlobal({
                 slug: String(global.slug),
                 depth: 0,
             });
-            setGlobalData({
-                document,
-                loading: false,
-                error: null,
-            });
+            dispatch({ type: 'GLOBAL_LOADED', document });
         }
         catch (err) {
-            // Handle error
-            const errorMessage = err instanceof APIError ? err.message : 'Failed to fetch global data. Please try again.';
-            logger.error('Failed to fetch global data', { error: err });
-            setGlobalData({
-                document: null,
-                loading: false,
-                error: errorMessage,
-            });
-            setError(errorMessage);
-            // Handle authentication errors
-            if (err instanceof APIError && err.type === APIErrorType.Authentication) {
-                logger.warn('Authentication required');
-            }
+            const msg = extractErrorMessage(err, 'Failed to fetch global data. Please try again.');
+            logApiError(err, 'Failed to fetch global data');
+            dispatch({ type: 'SET_ERROR', error: msg });
         }
     };
     const handleCreate = () => {
-        if (currentView.collection) {
-            setCurrentView({ type: 'edit', collection: currentView.collection });
+        if (state.view.collection) {
+            dispatch({
+                type: 'NAVIGATE',
+                view: { type: 'edit', collection: state.view.collection },
+            });
         }
     };
     const handleEdit = (document) => {
-        if (currentView.collection) {
-            setCurrentView({
-                type: 'edit',
-                collection: currentView.collection,
-                document,
+        if (state.view.collection) {
+            dispatch({
+                type: 'NAVIGATE',
+                view: { type: 'edit', collection: state.view.collection, document },
             });
         }
     };
     const handleDelete = async (document) => {
-        if (!(currentView.collection && document.id))
+        if (!(state.view.collection && document.id))
             return;
-        // Show confirmation dialog
-        const confirmed = window.confirm(`Are you sure you want to delete this ${String(currentView.collection.slug)}? This action cannot be undone.`);
+        const confirmed = window.confirm(`Are you sure you want to delete this ${String(state.view.collection.slug)}? This action cannot be undone.`);
         if (!confirmed)
             return;
         try {
-            setDeleting(String(document.id));
-            setError(null);
-            setSuccessMessage(null);
+            dispatch({ type: 'SET_DELETING', id: String(document.id) });
+            dispatch({ type: 'SET_ERROR', error: null });
             await apiClient.delete({
-                collection: String(currentView.collection.slug),
+                collection: String(state.view.collection.slug),
                 id: String(document.id),
             });
-            // Refresh collection list
-            if (currentView.collection) {
-                await handleCollectionClick(currentView.collection);
+            if (state.view.collection) {
+                await fetchCollection(state.view.collection);
             }
-            // Show success message
-            setSuccessMessage('Document deleted successfully');
+            dispatch({ type: 'SET_SUCCESS', message: 'Document deleted successfully' });
         }
         catch (err) {
-            const errorMessage = err instanceof APIError ? err.message : 'Failed to delete document. Please try again.';
-            logger.error('Failed to delete document', { error: err });
-            setError(errorMessage);
-            // Handle authentication errors
-            if (err instanceof APIError && err.type === APIErrorType.Authentication) {
-                logger.warn('Authentication required');
-            }
+            const msg = extractErrorMessage(err, 'Failed to delete document. Please try again.');
+            logApiError(err, 'Failed to delete document');
+            dispatch({ type: 'SET_ERROR', error: msg });
         }
         finally {
-            setDeleting(null);
+            dispatch({ type: 'SET_DELETING', id: null });
         }
     };
     const handleSave = async (data) => {
-        if (!currentView.collection)
+        if (!state.view.collection)
             return;
         try {
-            setSaving(true);
-            setError(null);
-            setSuccessMessage(null);
-            if (currentView.document?.id) {
-                // Update existing document
+            dispatch({ type: 'SET_SAVING', saving: true });
+            dispatch({ type: 'SET_ERROR', error: null });
+            if (state.view.document?.id) {
                 await apiClient.update({
-                    collection: String(currentView.collection.slug),
-                    id: String(currentView.document.id),
+                    collection: String(state.view.collection.slug),
+                    id: String(state.view.document.id),
                     data,
                 });
-                setSuccessMessage('Document updated successfully');
+                dispatch({ type: 'SET_SUCCESS', message: 'Document updated successfully' });
             }
             else {
-                // Auto-generate slug from title if the collection has a slug field but none was
-                // submitted. Server-side beforeValidate field hooks may not run for all routes,
-                // so we replicate the slug-generation logic here as a reliable client-side fallback.
-                const hasSlugField = currentView.collection.fields.some((f) => 'name' in f && f.name === 'slug');
+                // Auto-generate slug from title if needed
+                const hasSlugField = state.view.collection.fields.some((f) => 'name' in f && f.name === 'slug');
                 const submitData = hasSlugField && !data.slug && typeof data.title === 'string'
                     ? {
                         ...data,
@@ -197,122 +221,71 @@ export function AdminDashboard({ config }) {
                             .toLowerCase(),
                     }
                     : data;
-                // Create new document
                 await apiClient.create({
-                    collection: String(currentView.collection.slug),
+                    collection: String(state.view.collection.slug),
                     data: submitData,
                 });
-                setSuccessMessage('Document created successfully');
-            }
-            // Refresh collection list
-            if (currentView.collection) {
-                await handleCollectionClick(currentView.collection);
+                dispatch({ type: 'SET_SUCCESS', message: 'Document created successfully' });
             }
-            // Navigate back to collection view
-            setCurrentView({
-                type: 'collection',
-                collection: currentView.collection,
+            await fetchCollection(state.view.collection);
+            dispatch({
+                type: 'NAVIGATE',
+                view: { type: 'collection', collection: state.view.collection },
             });
         }
         catch (err) {
-            const errorMessage = err instanceof APIError ? err.message : 'Failed to save document. Please try again.';
-            logger.error('Failed to save document', { error: err });
-            setError(errorMessage);
-            // Handle validation errors
+            const msg = extractErrorMessage(err, 'Failed to save document. Please try again.');
+            logApiError(err, 'Failed to save document');
+            dispatch({ type: 'SET_ERROR', error: msg });
             if (err instanceof APIError && err.type === APIErrorType.Validation) {
-                // Validation errors are already in the error message
-                logger.warn('Validation error', {
-                    field: err.field,
-                    message: err.message,
-                });
-            }
-            // Handle authentication errors
-            if (err instanceof APIError && err.type === APIErrorType.Authentication) {
-                logger.warn('Authentication required');
+                logger.warn('Validation error', { field: err.field, message: err.message });
             }
         }
         finally {
-            setSaving(false);
+            dispatch({ type: 'SET_SAVING', saving: false });
         }
     };
     const handleSaveGlobal = async (data) => {
-        if (!currentView.global)
+        if (!state.view.global)
             return;
         try {
-            setSaving(true);
-            setError(null);
-            setSuccessMessage(null);
-            // Update global
+            dispatch({ type: 'SET_SAVING', saving: true });
+            dispatch({ type: 'SET_ERROR', error: null });
             await apiClient.updateGlobal({
-                slug: String(currentView.global.slug),
+                slug: String(state.view.global.slug),
                 data,
             });
-            setSuccessMessage('Global updated successfully');
-            // Navigate back to dashboard
-            setCurrentView({ type: 'dashboard' });
+            dispatch({ type: 'SET_SUCCESS', message: 'Global updated successfully' });
+            goToDashboard();
         }
         catch (err) {
-            const errorMessage = err instanceof APIError ? err.message : 'Failed to save global. Please try again.';
-            logger.error('Failed to save global', { error: err });
-            setError(errorMessage);
-            // Handle validation errors
+            const msg = extractErrorMessage(err, 'Failed to save global. Please try again.');
+            logApiError(err, 'Failed to save global');
+            dispatch({ type: 'SET_ERROR', error: msg });
             if (err instanceof APIError && err.type === APIErrorType.Validation) {
-                logger.warn('Validation error', {
-                    field: err.field,
-                    message: err.message,
-                });
-            }
-            // Handle authentication errors
-            if (err instanceof APIError && err.type === APIErrorType.Authentication) {
-                logger.warn('Authentication required');
+                logger.warn('Validation error', { field: err.field, message: err.message });
             }
         }
         finally {
-            setSaving(false);
-        }
-    };
-    const handleCancel = () => {
-        setCurrentView({ type: 'dashboard' });
-    };
-    const handlePageChange = async (page) => {
-        if (!currentView.collection)
-            return;
-        try {
-            setCollectionData((prev) => ({ ...prev, loading: true, error: null }));
-            const response = await apiClient.find({
-                collection: String(currentView.collection.slug),
-                page,
-                limit: 10,
-            });
-            setCollectionData({
-                documents: response.docs || [],
-                totalDocs: response.totalDocs || 0,
-                page: response.page || 1,
-                totalPages: response.totalPages || 1,
-                loading: false,
-                error: null,
-            });
-        }
-        catch (err) {
-            const errorMessage = err instanceof APIError ? err.message : 'Failed to fetch page. Please try again.';
-            logger.error('Failed to fetch page', { error: err });
-            setCollectionData((prev) => ({
-                ...prev,
-                loading: false,
-                error: errorMessage,
-            }));
-            setError(errorMessage);
+            dispatch({ type: 'SET_SAVING', saving: false });
         }
     };
-    if (currentView.type === 'collection' && currentView.collection) {
-        return (_jsxs("div", { className: "min-h-screen bg-gray-50", children: [_jsx("header", { className: "bg-white shadow-sm border-b", children: _jsx("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", children: _jsx("div", { className: "flex justify-between items-center py-4", children: _jsxs("div", { className: "flex items-center space-x-4", children: [_jsx("button", { type: "button", onClick: () => setCurrentView({ type: 'dashboard' }), className: "text-gray-400 hover:text-gray-600", children: "\u2190 Back to Dashboard" }), _jsx("h1", { className: "text-2xl font-bold text-gray-900 capitalize", children: String(currentView.collection.slug) })] }) }) }) }), _jsxs("main", { className: "max-w-7xl mx-auto py-6 sm:px-6 lg:px-8", children: [error && (_jsxs("div", { className: "mb-4 bg-red-50 border border-red-200 text-red-800 px-4 py-3 rounded", children: [_jsx("p", { className: "font-medium", children: "Error" }), _jsx("p", { className: "text-sm", children: error })] })), successMessage && (_jsxs("div", { className: "mb-4 bg-green-50 border border-green-200 text-green-800 px-4 py-3 rounded", children: [_jsx("p", { className: "font-medium", children: "Success" }), _jsx("p", { className: "text-sm", children: successMessage })] })), collectionData.loading && (_jsxs("div", { className: "mb-4 text-center py-8", children: [_jsx("div", { className: "inline-block animate-spin rounded-full h-8 w-8 border-b-2 border-gray-900" }), _jsx("p", { className: "mt-2 text-sm text-gray-600", children: "Loading..." })] })), _jsx(CollectionList, { collection: currentView.collection, documents: collectionData.documents, totalDocs: collectionData.totalDocs, page: collectionData.page, totalPages: collectionData.totalPages, onCreate: handleCreate, onEdit: handleEdit, onDelete: (document) => void handleDelete(document), onPageChange: (nextPage) => void handlePageChange(nextPage), deleting: deleting })] })] }));
+    // ── Collection list view ──────────────────────────────────────────────
+    if (state.view.type === 'collection' && state.view.collection) {
+        return (_jsxs("div", { className: "min-h-screen bg-gray-50", children: [_jsx(AdminHeader, { title: String(state.view.collection.slug), onBack: goToDashboard }), _jsxs("main", { className: "max-w-7xl mx-auto py-6 sm:px-6 lg:px-8", children: [_jsx(StatusBanners, { error: state.error, successMessage: state.successMessage }), state.collectionLoading && _jsx(LoadingSpinner, {}), _jsx(CollectionList, { collection: state.view.collection, documents: state.documents, totalDocs: state.totalDocs, page: state.page, totalPages: state.totalPages, onCreate: handleCreate, onEdit: handleEdit, onDelete: (document) => void handleDelete(document), onPageChange: (nextPage) => {
+                                const collection = state.view.collection;
+                                if (collection)
+                                    void fetchCollection(collection, nextPage);
+                            }, deleting: state.deleting })] })] }));
     }
-    if (currentView.type === 'edit' && currentView.collection) {
-        return (_jsxs("div", { className: "min-h-screen bg-gray-50", children: [_jsx("header", { className: "bg-white shadow-sm border-b", children: _jsx("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", children: _jsx("div", { className: "flex justify-between items-center py-4", children: _jsxs("div", { className: "flex items-center space-x-4", children: [_jsx("button", { type: "button", onClick: () => setCurrentView({ type: 'dashboard' }), className: "text-gray-400 hover:text-gray-600", children: "\u2190 Back to Dashboard" }), _jsxs("h1", { className: "text-2xl font-bold text-gray-900 capitalize", children: [currentView.document ? 'Edit' : 'Create', ' ', String(currentView.collection.slug).slice(0, -1)] })] }) }) }) }), _jsx("main", { className: "max-w-7xl mx-auto py-6 sm:px-6 lg:px-8", children: _jsxs("div", { className: "max-w-3xl", children: [error && (_jsxs("div", { className: "mb-4 bg-red-50 border border-red-200 text-red-800 px-4 py-3 rounded", children: [_jsx("p", { className: "font-medium", children: "Error" }), _jsx("p", { className: "text-sm", children: error })] })), successMessage && (_jsxs("div", { className: "mb-4 bg-green-50 border border-green-200 text-green-800 px-4 py-3 rounded", children: [_jsx("p", { className: "font-medium", children: "Success" }), _jsx("p", { className: "text-sm", children: successMessage })] })), _jsx(DocumentForm, { collection: currentView.collection, document: currentView.document, onSave: (data) => void handleSave(data), onCancel: handleCancel, isLoading: saving })] }) })] }));
+    // ── Document edit/create view ─────────────────────────────────────────
+    if (state.view.type === 'edit' && state.view.collection) {
+        return (_jsxs("div", { className: "min-h-screen bg-gray-50", children: [_jsx(AdminHeader, { title: `${state.view.document ? 'Edit' : 'Create'} ${String(state.view.collection.slug).slice(0, -1)}`, onBack: goToDashboard }), _jsx("main", { className: "max-w-7xl mx-auto py-6 sm:px-6 lg:px-8", children: _jsxs("div", { className: "max-w-3xl", children: [_jsx(StatusBanners, { error: state.error, successMessage: state.successMessage }), _jsx(DocumentForm, { collection: state.view.collection, document: state.view.document, onSave: (data) => void handleSave(data), onCancel: goToDashboard, isLoading: state.saving })] }) })] }));
     }
-    if (currentView.type === 'global' && currentView.global) {
-        return (_jsxs("div", { className: "min-h-screen bg-gray-50", children: [_jsx("header", { className: "bg-white shadow-sm border-b", children: _jsx("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", children: _jsx("div", { className: "flex justify-between items-center py-4", children: _jsxs("div", { className: "flex items-center space-x-4", children: [_jsx("button", { type: "button", onClick: () => setCurrentView({ type: 'dashboard' }), className: "text-gray-400 hover:text-gray-600", children: "\u2190 Back to Dashboard" }), _jsx("h1", { className: "text-2xl font-bold text-gray-900 capitalize", children: currentView.global.label || String(currentView.global.slug) })] }) }) }) }), _jsx("main", { className: "max-w-7xl mx-auto py-6 sm:px-6 lg:px-8", children: _jsxs("div", { className: "max-w-3xl", children: [error && (_jsxs("div", { className: "mb-4 bg-red-50 border border-red-200 text-red-800 px-4 py-3 rounded", children: [_jsx("p", { className: "font-medium", children: "Error" }), _jsx("p", { className: "text-sm", children: error })] })), successMessage && (_jsxs("div", { className: "mb-4 bg-green-50 border border-green-200 text-green-800 px-4 py-3 rounded", children: [_jsx("p", { className: "font-medium", children: "Success" }), _jsx("p", { className: "text-sm", children: successMessage })] })), globalData.loading && (_jsxs("div", { className: "mb-4 text-center py-8", children: [_jsx("div", { className: "inline-block animate-spin rounded-full h-8 w-8 border-b-2 border-gray-900" }), _jsx("p", { className: "mt-2 text-sm text-gray-600", children: "Loading..." })] })), !globalData.loading && globalData.document && (_jsx(GlobalForm, { global: currentView.global, document: globalData.document, onSave: (data) => void handleSaveGlobal(data), onCancel: handleCancel, isLoading: saving }))] }) })] }));
+    // ── Global edit view ──────────────────────────────────────────────────
+    if (state.view.type === 'global' && state.view.global) {
+        return (_jsxs("div", { className: "min-h-screen bg-gray-50", children: [_jsx(AdminHeader, { title: state.view.global.label || String(state.view.global.slug), onBack: goToDashboard }), _jsx("main", { className: "max-w-7xl mx-auto py-6 sm:px-6 lg:px-8", children: _jsxs("div", { className: "max-w-3xl", children: [_jsx(StatusBanners, { error: state.error, successMessage: state.successMessage }), state.globalLoading && _jsx(LoadingSpinner, {}), !state.globalLoading && state.globalDocument && (_jsx(GlobalForm, { global: state.view.global, document: state.globalDocument, onSave: (data) => void handleSaveGlobal(data), onCancel: goToDashboard, isLoading: state.saving }))] }) })] }));
     }
-    // Dashboard view
-    return (_jsxs("div", { className: "min-h-screen bg-gray-50", children: [_jsx("header", { className: "bg-white shadow-sm border-b", children: _jsx("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", children: _jsxs("div", { className: "flex justify-between items-center py-4", children: [_jsx("div", { className: "flex items-center", children: _jsx("h1", { className: "text-2xl font-bold text-gray-900", children: "RevealUI Admin" }) }), _jsx("div", { className: "flex items-center space-x-4", children: _jsx("span", { className: "text-sm text-gray-500", children: "v0.1.0" }) })] }) }) }), _jsx("main", { className: "max-w-7xl mx-auto py-6 sm:px-6 lg:px-8", children: _jsx("div", { className: "px-4 py-6 sm:px-0", children: _jsxs("div", { className: "grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-3", children: [_jsxs("div", { className: "bg-white overflow-hidden shadow rounded-lg", children: [_jsx("div", { className: "p-5", children: _jsxs("div", { className: "flex items-center", children: [_jsx("div", { className: "flex-shrink-0", children: _jsxs("svg", { className: "h-8 w-8 text-gray-400", "aria-label": "Collections", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", role: "img", children: [_jsx("title", { children: "Collections" }), _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10" })] }) }), _jsx("div", { className: "ml-5 w-0 flex-1", children: _jsxs("dl", { children: [_jsx("dt", { className: "text-sm font-medium text-gray-500 truncate", children: "Collections" }), _jsx("dd", { className: "text-lg font-medium text-gray-900", children: collections.length })] }) })] }) }), _jsx("div", { className: "bg-gray-50 px-5 py-3", children: _jsx("div", { className: "text-sm", children: collections.length > 0 ? (_jsx("ul", { className: "space-y-1 max-h-48 overflow-y-auto", children: collections.map((collection) => (_jsx("li", { className: "text-gray-600 hover:text-gray-900", children: _jsx("button", { type: "button", onClick: () => void handleCollectionClick(collection), className: "hover:underline cursor-pointer", children: String(collection.slug) }) }, String(collection.slug)))) })) : (_jsx("p", { className: "text-gray-500", children: "No collections configured" })) }) })] }), _jsxs("div", { className: "bg-white overflow-hidden shadow rounded-lg", children: [_jsx("div", { className: "p-5", children: _jsxs("div", { className: "flex items-center", children: [_jsx("div", { className: "flex-shrink-0", children: _jsxs("svg", { className: "h-8 w-8 text-gray-400", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", "aria-labelledby": "globals-icon-title", role: "img", children: [_jsx("title", { id: "globals-icon-title", children: "Globals" }), _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 6V4m0 2a2 2 0 100 4m0-4a2 2 0 110 4m-6 8a2 2 0 100-4m0 4a2 2 0 100 4m0-4v2m0-6V4m6 6v10m6-2a2 2 0 100-4m0 4a2 2 0 100 4m0-4v2m0-6V4" })] }) }), _jsx("div", { className: "ml-5 w-0 flex-1", children: _jsxs("dl", { children: [_jsx("dt", { className: "text-sm font-medium text-gray-500 truncate", children: "Globals" }), _jsx("dd", { className: "text-lg font-medium text-gray-900", children: globals.length })] }) })] }) }), _jsx("div", { className: "bg-gray-50 px-5 py-3", children: _jsx("div", { className: "text-sm", children: globals.length > 0 ? (_jsx("ul", { className: "space-y-1 max-h-32 overflow-y-auto", children: globals.map((global) => (_jsx("li", { className: "text-gray-600 hover:text-gray-900", children: _jsx("button", { type: "button", onClick: () => void handleGlobalClick(global), className: "hover:underline cursor-pointer", children: global.label || String(global.slug) }) }, String(global.slug)))) })) : (_jsx("p", { className: "text-gray-500", children: "No globals configured" })) }) })] }), _jsxs("div", { className: "bg-white overflow-hidden shadow rounded-lg", children: [_jsx("div", { className: "p-5", children: _jsxs("div", { className: "flex items-center", children: [_jsx("div", { className: "flex-shrink-0", children: _jsx("div", { className: "h-8 w-8 bg-green-100 rounded-full flex items-center justify-center", children: _jsxs("svg", { className: "h-5 w-5 text-green-600", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", "aria-labelledby": "system-status-icon-title", role: "img", children: [_jsx("title", { id: "system-status-icon-title", children: "System Status: Healthy" }), _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 13l4 4L19 7" })] }) }) }), _jsx("div", { className: "ml-5 w-0 flex-1", children: _jsxs("dl", { children: [_jsx("dt", { className: "text-sm font-medium text-gray-500 truncate", children: "System Status" }), _jsx("dd", { className: "text-lg font-medium text-gray-900", children: "Healthy" })] }) })] }) }), _jsx("div", { className: "bg-gray-50 px-5 py-3", children: _jsx("div", { className: "text-sm text-gray-600", children: "RevealUI CMS is running successfully" }) })] })] }) }) })] }));
+    // ── Dashboard home ────────────────────────────────────────────────────
+    return (_jsx(DashboardHome, { collections: collections, globals: globals, onCollectionClick: (c) => void handleCollectionClick(c), onGlobalClick: (g) => void handleGlobalClick(g) }));
 }

package/dist/client/admin/components/CollectionList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CollectionList.d.ts","sourceRoot":"","sources":["../../../../src/client/admin/components/CollectionList.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,sBAAsB,EAAE,cAAc,EAAiB,MAAM,yBAAyB,CAAA;AAoCpG,UAAU,mBAAmB;IAC3B,UAAU,EAAE,sBAAsB,CAAA;IAClC,SAAS,EAAE,cAAc,EAAE,CAAA;IAC3B,SAAS,EAAE,MAAM,CAAA;IACjB,IAAI,EAAE,MAAM,CAAA;IACZ,UAAU,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,MAAM,EAAE,CAAC,GAAG,EAAE,cAAc,KAAK,IAAI,CAAA;IACrC,QAAQ,EAAE,CAAC,GAAG,EAAE,cAAc,KAAK,IAAI,CAAA;IACvC,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACpC,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CACzB;AAED,wBAAgB,cAAc,CAAC,EAC7B,UAAU,EACV,SAAS,EACT,SAAS,EACT,IAAI,EACJ,UAAU,EACV,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,YAAY,EACZ,QAAQ,GACT,EAAE,mBAAmB,2CAqKrB"}
+{"version":3,"file":"CollectionList.d.ts","sourceRoot":"","sources":["../../../../src/client/admin/components/CollectionList.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,sBAAsB,EACtB,cAAc,EAEf,MAAM,yBAAyB,CAAC;AAoCjC,UAAU,mBAAmB;IAC3B,UAAU,EAAE,sBAAsB,CAAC;IACnC,SAAS,EAAE,cAAc,EAAE,CAAC;IAC5B,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,EAAE,CAAC,GAAG,EAAE,cAAc,KAAK,IAAI,CAAC;IACtC,QAAQ,EAAE,CAAC,GAAG,EAAE,cAAc,KAAK,IAAI,CAAC;IACxC,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC1B;AAED,wBAAgB,cAAc,CAAC,EAC7B,UAAU,EACV,SAAS,EACT,SAAS,EACT,IAAI,EACJ,UAAU,EACV,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,YAAY,EACZ,QAAQ,GACT,EAAE,mBAAmB,2CAqKrB"}

package/dist/client/admin/components/DocumentForm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DocumentForm.d.ts","sourceRoot":"","sources":["../../../../src/client/admin/components/DocumentForm.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,sBAAsB,EAAE,cAAc,EAAiB,MAAM,yBAAyB,CAAA;AA4DpG,UAAU,iBAAiB;IACzB,UAAU,EAAE,sBAAsB,CAAA;IAClC,QAAQ,CAAC,EAAE,cAAc,CAAA;IACzB,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAA;IAC/C,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAED,wBAAgB,YAAY,CAAC,EAC3B,UAAU,EACV,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,SAAiB,GAClB,EAAE,iBAAiB,2CA0DnB"}
+{"version":3,"file":"DocumentForm.d.ts","sourceRoot":"","sources":["../../../../src/client/admin/components/DocumentForm.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EACV,sBAAsB,EACtB,cAAc,EAEf,MAAM,yBAAyB,CAAC;AAiEjC,UAAU,iBAAiB;IACzB,UAAU,EAAE,sBAAsB,CAAC;IACnC,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;IAChD,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,wBAAgB,YAAY,CAAC,EAC3B,UAAU,EACV,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,SAAiB,GAClB,EAAE,iBAAiB,2CA0DnB"}