@actuate-media/cms-admin 0.21.0 → 0.22.0

package/dist/lib/forms-service.js

@@ -0,0 +1,144 @@
+/**
+ * Forms service — typed client over the cms-core Forms REST endpoints.
+ *
+ * Every Forms admin component reads/writes through this module (never raw
+ * `cmsApi` / `fetch`), so the network contract lives in one place. Read
+ * fetchers re-surface `cmsApi`'s `{ error }` as a thrown error (so the
+ * resource hook can show error/retry UI); mutations return `{ error? }`.
+ *
+ * The endpoint paths here are the contract implemented by cms-core
+ * `packages/cms-core/src/api/handlers.ts` (PR 2). Domain types are re-used
+ * from `@actuate-media/cms-core` so the admin can never drift from the server.
+ */
+import { cmsApi } from './api.js';
+/**
+ * `cmsApi` never throws — it returns `{ error, status }` on a network/HTTP
+ * failure. Read (GET) fetchers must re-surface that as a thrown error so the
+ * resource hook can distinguish "request failed" from "empty result".
+ */
+function throwIfError(res) {
+    if (res.error)
+        throw new Error(res.error);
+}
+// ─── Forms list / stats / sidebar ────────────────────────────────────────
+function buildFormsQuery(params) {
+    const qs = new URLSearchParams();
+    if (params.search)
+        qs.set('search', params.search);
+    if (params.status)
+        qs.set('status', params.status);
+    if (typeof params.notifyEnabled === 'boolean') {
+        qs.set('notifyEnabled', String(params.notifyEnabled));
+    }
+    if (params.sortBy)
+        qs.set('sortBy', params.sortBy);
+    if (params.sortDirection)
+        qs.set('sortDirection', params.sortDirection);
+    if (params.page)
+        qs.set('page', String(params.page));
+    if (params.pageSize)
+        qs.set('pageSize', String(params.pageSize));
+    const str = qs.toString();
+    return str ? `?${str}` : '';
+}
+export async function fetchForms(params = {}) {
+    const res = await cmsApi(`/forms${buildFormsQuery(params)}`);
+    throwIfError(res);
+    return res.data ?? [];
+}
+export async function fetchFormById(id) {
+    const res = await cmsApi(`/forms/${encodeURIComponent(id)}`);
+    throwIfError(res);
+    return res.data ?? null;
+}
+const EMPTY_STATS = {
+    totalForms: 0,
+    activeForms: 0,
+    totalEntries: 0,
+    unreadEntries: 0,
+};
+export async function fetchFormStats() {
+    const res = await cmsApi('/forms/stats');
+    throwIfError(res);
+    return res.data ?? EMPTY_STATS;
+}
+export async function fetchFormsSidebarCounts() {
+    const res = await cmsApi('/forms/sidebar-counts');
+    throwIfError(res);
+    return res.data ?? [];
+}
+export async function createForm(payload) {
+    const res = await cmsApi('/forms', {
+        method: 'POST',
+        body: JSON.stringify(payload),
+    });
+    return { data: res.data, error: res.error };
+}
+export async function updateForm(id, payload) {
+    const res = await cmsApi(`/forms/${encodeURIComponent(id)}`, {
+        method: 'PATCH',
+        body: JSON.stringify(payload),
+    });
+    return { data: res.data, error: res.error };
+}
+export async function duplicateForm(id) {
+    const res = await cmsApi(`/forms/${encodeURIComponent(id)}/duplicate`, {
+        method: 'POST',
+    });
+    return { data: res.data, error: res.error };
+}
+/** Move a form to the archived state (hidden from embed pickers, no new submissions). */
+export async function archiveForm(id) {
+    return updateForm(id, { status: 'archived' });
+}
+/** Restore an archived form back to draft. */
+export async function restoreForm(id) {
+    return updateForm(id, { status: 'draft' });
+}
+export async function deleteForm(id, opts = {}) {
+    const qs = opts.force ? '?force=true' : '';
+    const res = await cmsApi(`/forms/${encodeURIComponent(id)}${qs}`, { method: 'DELETE' });
+    return { error: res.error };
+}
+// ─── Schema ──────────────────────────────────────────────────────────────
+export async function fetchFormSchema(id) {
+    const res = await cmsApi(`/forms/${encodeURIComponent(id)}/schema`);
+    throwIfError(res);
+    return res.data ?? { fields: [], activeVersionId: null, versions: [] };
+}
+export async function saveFormSchema(id, fields, notes) {
+    const res = await cmsApi(`/forms/${encodeURIComponent(id)}/schema`, { method: 'PUT', body: JSON.stringify({ fields, notes }) });
+    return { data: res.data, error: res.error };
+}
+// ─── Notifications ─────────────────────────────────────────────────────────
+export async function fetchNotificationSettings(id) {
+    const res = await cmsApi(`/forms/${encodeURIComponent(id)}/notifications`);
+    throwIfError(res);
+    return res.data ?? { enabled: false, recipients: [] };
+}
+export async function updateNotificationSettings(id, payload) {
+    const res = await cmsApi(`/forms/${encodeURIComponent(id)}/notifications`, { method: 'PUT', body: JSON.stringify(payload) });
+    return { data: res.data, error: res.error };
+}
+/** Lightweight notify on/off toggle used by the forms-list switch. */
+export async function setNotifyEnabled(id, enabled) {
+    const res = await cmsApi(`/forms/${encodeURIComponent(id)}/notify`, {
+        method: 'PUT',
+        body: JSON.stringify({ enabled }),
+    });
+    return { data: res.data, error: res.error };
+}
+// ─── Embed ───────────────────────────────────────────────────────────────
+export async function fetchEmbedSettings(id) {
+    const res = await cmsApi(`/forms/${encodeURIComponent(id)}/embed`);
+    throwIfError(res);
+    return res.data ?? {};
+}
+export async function updateEmbedSettings(id, payload) {
+    const res = await cmsApi(`/forms/${encodeURIComponent(id)}/embed`, {
+        method: 'PUT',
+        body: JSON.stringify(payload),
+    });
+    return { data: res.data, error: res.error };
+}
+//# sourceMappingURL=forms-service.js.map

package/dist/lib/forms-service.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"forms-service.js","sourceRoot":"","sources":["../../src/lib/forms-service.ts"],"names":[],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"Forms.d.ts","sourceRoot":"","sources":["../../src/views/Forms.tsx"],"names":[],"mappings":"AAOA,MAAM,WAAW,UAAU;IACzB,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;CACpC;AAED,wBAAgB,KAAK,CAAC,EAAE,UAAU,EAAE,EAAE,UAAU,2CA4H/C"}
+{"version":3,"file":"Forms.d.ts","sourceRoot":"","sources":["../../src/views/Forms.tsx"],"names":[],"mappings":"AAmCA,MAAM,WAAW,UAAU;IACzB,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;CACpC;AA8BD,wBAAgB,KAAK,CAAC,EAAE,UAAU,EAAE,EAAE,UAAU,2CA0L/C"}

package/dist/views/Forms.js

@@ -1,24 +1,127 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Plus, MoreVertical, FileText, Send, Search, Loader2, AlertTriangle } from 'lucide-react';
-import { useState, useMemo } from 'react';
+/**
+ * Forms list — manage forms and view high-level submission status. Matches the
+ * Forms list screenshot: summary chips, search + status filter pills, and a
+ * compact table (Form / Fields / Status / Entries / Last Entry / Notify /
+ * Schema). All data flows through `lib/forms-service.ts`; the Schema action
+ * opens the right-side `FormSchemaDrawer`.
+ */
+import { ChevronRight, ClipboardList, Plus, Search, Settings2 } from 'lucide-react';
+import * as Switch from '@radix-ui/react-switch';
+import { useCallback, useEffect, useMemo, useState } from 'react';
+import { toast } from 'sonner';
 import { sortByRelevance } from '../lib/search.js';
-import { useApiData } from '../lib/useApiData.js';
+import { fetchForms, fetchFormStats, setNotifyEnabled, } from '../lib/forms-service.js';
+import { emitFormsChanged, onFormsChanged } from '../lib/forms-events.js';
+import { FormSchemaDrawer } from '../components/forms/FormSchemaDrawer.js';
+import { FieldTypeBadge, FormStatusBadge, FormsEmptyState, FormsErrorState, FormsLoading, SummaryChip, UnreadBadge, btnPrimary, } from '../components/forms/primitives.js';
+const FILTERS = [
+    { id: 'all', label: 'All' },
+    { id: 'active', label: 'Active' },
+    { id: 'draft', label: 'Draft' },
+    { id: 'archived', label: 'Archived' },
+];
+function formatRelative(iso) {
+    if (!iso)
+        return '—';
+    const then = new Date(iso).getTime();
+    if (Number.isNaN(then))
+        return '—';
+    const diff = Date.now() - then;
+    const mins = Math.round(diff / 60000);
+    if (mins < 1)
+        return 'just now';
+    if (mins < 60)
+        return `${mins} min ago`;
+    const hrs = Math.round(mins / 60);
+    if (hrs < 24)
+        return `${hrs} hour${hrs === 1 ? '' : 's'} ago`;
+    const days = Math.round(hrs / 24);
+    if (days < 7)
+        return `${days} day${days === 1 ? '' : 's'} ago`;
+    return new Date(iso).toLocaleDateString(undefined, {
+        month: 'short',
+        day: 'numeric',
+        year: 'numeric',
+    });
+}
 export function Forms({ onNavigate }) {
-    const { data, loading, error, refetch } = useApiData('/forms');
-    const [searchQuery, setSearchQuery] = useState('');
-    const forms = data ?? [];
-    const filteredAndSorted = useMemo(() => {
-        let results = forms.filter((form) => (form.name ?? '').toLowerCase().includes(searchQuery.toLowerCase()) ||
-            (form.description ?? '').toLowerCase().includes(searchQuery.toLowerCase()));
-        if (searchQuery.trim()) {
-            results = sortByRelevance(results, searchQuery, (f) => [f.name, f.description ?? '']);
+    const [forms, setForms] = useState([]);
+    const [stats, setStats] = useState(null);
+    const [loading, setLoading] = useState(true);
+    const [error, setError] = useState(null);
+    const [search, setSearch] = useState('');
+    const [filter, setFilter] = useState('all');
+    const [schemaForm, setSchemaForm] = useState(null);
+    const [schemaOpen, setSchemaOpen] = useState(false);
+    const load = useCallback(async () => {
+        setLoading(true);
+        setError(null);
+        try {
+            const [formsData, statsData] = await Promise.all([fetchForms(), fetchFormStats()]);
+            setForms(formsData);
+            setStats(statsData);
+        }
+        catch (e) {
+            setError(e instanceof Error ? e.message : 'Failed to load forms');
+        }
+        finally {
+            setLoading(false);
+        }
+    }, []);
+    useEffect(() => {
+        void load();
+    }, [load]);
+    // Refresh when another surface signals a forms/submission change.
+    useEffect(() => onFormsChanged(() => void load()), [load]);
+    const filtered = useMemo(() => {
+        let results = forms;
+        if (filter !== 'all')
+            results = results.filter((f) => f.status === filter);
+        const q = search.trim().toLowerCase();
+        if (q) {
+            results = results.filter((f) => f.name.toLowerCase().includes(q) ||
+                f.slug.toLowerCase().includes(q) ||
+                (f.description ?? '').toLowerCase().includes(q) ||
+                f.fields.some((field) => field.label.toLowerCase().includes(q) || field.type.toLowerCase().includes(q)));
+            results = sortByRelevance(results, search, (f) => [
+                f.name,
+                f.slug,
+                f.description ?? '',
+                ...f.fields.map((field) => field.label),
+            ]);
         }
         return results;
-    }, [forms, searchQuery]);
-    if (loading) {
-        return (_jsx("div", { className: "flex h-64 items-center justify-center p-3 pr-6 sm:p-4 sm:pr-8", children: _jsx(Loader2, { className: "h-6 w-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-red-200 bg-red-50 p-3", children: [_jsx(AlertTriangle, { className: "h-5 w-5 shrink-0 text-red-600" }), _jsx("span", { className: "flex-1 text-sm text-red-800", children: error }), _jsx("button", { onClick: refetch, className: "rounded-lg border border-red-300 px-3 py-1 text-sm text-red-700 transition-colors hover:bg-red-100", children: "Retry" })] })), _jsxs("div", { className: "mb-4 flex items-center justify-between", children: [_jsxs("div", { children: [_jsx("h1", { className: "mb-1 text-xl font-semibold text-gray-900 sm:text-2xl", children: "Forms" }), _jsxs("p", { className: "text-sm text-gray-600", children: [filteredAndSorted.length, " total forms"] })] }), _jsxs("button", { onClick: () => onNavigate?.('/forms/new'), className: "flex items-center gap-2 rounded-lg bg-blue-600 px-4 py-2 text-sm text-white transition-colors hover:bg-blue-700", children: [_jsx(Plus, { className: "h-4 w-4" }), "New Form"] })] }), _jsx("div", { className: "mb-4 rounded-lg border border-gray-200 bg-white", children: _jsx("div", { className: "p-3", children: _jsxs("div", { className: "relative", children: [_jsx(Search, { className: "absolute top-1/2 left-3 h-4 w-4 -translate-y-1/2 text-gray-400" }), _jsx("input", { type: "text", placeholder: "Search forms...", value: searchQuery, onChange: (e) => setSearchQuery(e.target.value), className: "w-full rounded-lg border border-gray-300 py-2 pr-3 pl-9 text-sm focus:ring-2 focus:ring-blue-500 focus:outline-none" })] }) }) }), filteredAndSorted.length === 0 ? (_jsxs("div", { className: "rounded-lg border border-gray-200 bg-white p-8 text-center", children: [_jsx("p", { className: "mb-2 text-sm text-gray-500", children: "No forms yet" }), _jsx("button", { className: "rounded-lg bg-blue-600 px-4 py-2 text-sm text-white transition-colors hover:bg-blue-700", children: "Create your first form" })] })) : (_jsx("div", { className: "grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3", children: filteredAndSorted.map((form) => (_jsxs("div", { className: "rounded-lg border border-gray-200 bg-white p-4 transition-shadow hover:shadow-md", children: [_jsxs("div", { className: "mb-3 flex items-start justify-between", children: [_jsxs("div", { className: "flex-1", children: [_jsx("h3", { className: "mb-1 font-semibold text-gray-900", children: form.name }), _jsx("p", { className: "mb-2 text-sm text-gray-600", children: form.description })] }), _jsx("button", { className: "rounded p-1.5 transition-colors hover:bg-gray-100", children: _jsx(MoreVertical, { className: "h-4 w-4 text-gray-600" }) })] }), _jsxs("div", { className: "mb-3 flex items-center gap-4 text-sm text-gray-600", children: [_jsxs("span", { className: "flex items-center gap-1", children: [_jsx(FileText, { className: "h-4 w-4" }), form.fields, " fields"] }), _jsxs("span", { className: "flex items-center gap-1", children: [_jsx(Send, { className: "h-4 w-4" }), form.submissions, " submissions"] })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("button", { onClick: () => onNavigate?.(`/forms/${form.id}/submissions`), className: "flex-1 rounded-lg bg-blue-600 px-3 py-1.5 text-center text-sm text-white transition-colors hover:bg-blue-700", children: "View Submissions" }), _jsx("button", { onClick: () => onNavigate?.(`/forms/${form.id}/edit`), className: "rounded-lg border border-gray-300 px-3 py-1.5 text-sm transition-colors hover:bg-gray-50", children: "Edit" })] })] }, form.id))) }))] }));
+    }, [forms, filter, search]);
+    const openSchema = useCallback((form) => {
+        setSchemaForm(form);
+        setSchemaOpen(true);
+    }, []);
+    const handleNotifyToggle = useCallback(async (form, next) => {
+        // Optimistic update; roll back on error.
+        setForms((cur) => cur.map((f) => (f.id === form.id ? { ...f, notifyEnabled: next } : f)));
+        const res = await setNotifyEnabled(form.id, next);
+        if (res.error) {
+            setForms((cur) => cur.map((f) => (f.id === form.id ? { ...f, notifyEnabled: !next } : f)));
+            toast.error(res.error);
+            return;
+        }
+        emitFormsChanged();
+    }, []);
+    return (_jsxs("div", { className: "space-y-5 p-6", children: [_jsxs("header", { className: "flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between", children: [_jsxs("div", { children: [_jsx("h1", { className: "text-foreground text-2xl font-medium", children: "Forms" }), _jsx("p", { className: "text-muted-foreground mt-1 text-sm", children: "Manage forms and view incoming submissions" })] }), _jsxs("button", { className: btnPrimary, onClick: () => onNavigate?.('/forms/new'), children: [_jsx(Plus, { className: "h-4 w-4", "aria-hidden": true }), "New Form"] })] }), stats && (_jsxs("div", { className: "flex flex-wrap gap-2", children: [_jsx(SummaryChip, { value: stats.totalForms, label: stats.totalForms === 1 ? 'form' : 'forms' }), _jsx(SummaryChip, { value: stats.activeForms, label: "active", tone: "success" }), _jsx(SummaryChip, { value: stats.totalEntries, label: "total entries" }), _jsx(SummaryChip, { value: stats.unreadEntries, label: "unread", tone: stats.unreadEntries > 0 ? 'destructive' : 'neutral' })] })), _jsxs("div", { className: "flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between", children: [_jsxs("div", { className: "relative w-full sm:max-w-xs", children: [_jsx(Search, { className: "text-muted-foreground absolute top-1/2 left-3 h-4 w-4 -translate-y-1/2", "aria-hidden": true }), _jsx("input", { type: "search", placeholder: "Search forms\u2026", value: search, onChange: (e) => setSearch(e.target.value), "aria-label": "Search forms", className: "border-border bg-input-background text-foreground focus-visible:ring-ring w-full rounded-lg border py-2 pr-3 pl-9 text-sm focus-visible:ring-2 focus-visible:outline-none" })] }), _jsx("div", { className: "flex gap-1", role: "group", "aria-label": "Filter by status", children: FILTERS.map((f) => (_jsx("button", { type: "button", onClick: () => setFilter(f.id), "aria-pressed": filter === f.id, className: `rounded-full px-3 py-1.5 text-sm font-medium transition-colors ${filter === f.id
+                                ? 'bg-primary text-primary-foreground'
+                                : 'text-muted-foreground hover:bg-accent hover:text-foreground'}`, children: f.label }, f.id))) })] }), error ? (_jsx(FormsErrorState, { message: error, onRetry: load })) : loading ? (_jsx(FormsLoading, { label: "Loading forms\u2026" })) : forms.length === 0 ? (_jsx(FormsEmptyState, { icon: _jsx(ClipboardList, { className: "h-6 w-6", "aria-hidden": true }), title: "No forms yet", description: "Create your first form to start collecting submissions.", action: _jsxs("button", { className: btnPrimary, onClick: () => onNavigate?.('/forms/new'), children: [_jsx(Plus, { className: "h-4 w-4", "aria-hidden": true }), "Create New Form"] }) })) : filtered.length === 0 ? (_jsx(FormsEmptyState, { title: "No forms match your filters", description: "Try a different search term or status filter.", action: _jsx("button", { type: "button", onClick: () => {
+                        setSearch('');
+                        setFilter('all');
+                    }, className: "text-primary text-sm font-medium hover:underline", children: "Clear filters" }) })) : (_jsx(FormsTable, { forms: filtered, onOpenForm: (id) => onNavigate?.(`/forms/${id}/edit`), onOpenEntries: (id) => onNavigate?.(`/forms/${id}/submissions`), onOpenSchema: openSchema, onNotifyToggle: handleNotifyToggle })), _jsx(FormSchemaDrawer, { form: schemaForm, open: schemaOpen, onOpenChange: setSchemaOpen, onSaved: load })] }));
+}
+function FormsTable({ forms, onOpenForm, onOpenEntries, onOpenSchema, onNotifyToggle, }) {
+    return (_jsx("div", { className: "border-border bg-card overflow-x-auto rounded-lg border", children: _jsxs("table", { className: "w-full min-w-[760px] text-sm", "aria-label": "Forms", children: [_jsx("thead", { children: _jsxs("tr", { className: "border-border text-muted-foreground border-b text-left text-xs", children: [_jsx("th", { scope: "col", className: "px-4 py-2.5 font-medium", children: "Form" }), _jsx("th", { scope: "col", className: "px-4 py-2.5 font-medium", children: "Fields" }), _jsx("th", { scope: "col", className: "px-4 py-2.5 font-medium", children: "Status" }), _jsx("th", { scope: "col", className: "px-4 py-2.5 font-medium", children: "Entries" }), _jsx("th", { scope: "col", className: "px-4 py-2.5 font-medium", children: "Last Entry" }), _jsx("th", { scope: "col", className: "px-4 py-2.5 text-center font-medium", children: "Notify" }), _jsx("th", { scope: "col", className: "px-4 py-2.5 text-right font-medium", children: _jsx("span", { className: "sr-only", children: "Schema" }) })] }) }), _jsx("tbody", { children: forms.map((form) => {
+                        const fieldCount = form.fieldCount ?? form.fields.length;
+                        const unread = form.unreadEntries ?? 0;
+                        const muted = form.status === 'archived';
+                        return (_jsxs("tr", { className: `border-border hover:bg-accent/40 border-b transition-colors last:border-b-0 ${muted ? 'opacity-60' : ''}`, children: [_jsx("td", { className: "px-4 py-3", children: _jsxs("button", { type: "button", onClick: () => onOpenForm(form.id), className: "block max-w-xs text-left", children: [_jsx("span", { className: "text-foreground block truncate font-medium hover:underline", children: form.name }), _jsxs("span", { className: "text-muted-foreground block truncate text-xs", children: ["/", form.slug, form.description ? ` · ${form.description}` : ''] })] }) }), _jsx("td", { className: "px-4 py-3", children: _jsxs("div", { className: "flex flex-wrap items-center gap-1", children: [form.fields.slice(0, 4).map((field) => (_jsx(FieldTypeBadge, { type: field.type }, field.id))), _jsxs("span", { className: "text-muted-foreground text-xs", children: [fieldCount, " fields"] })] }) }), _jsx("td", { className: "px-4 py-3", children: _jsx(FormStatusBadge, { status: form.status }) }), _jsx("td", { className: "px-4 py-3", children: _jsxs("button", { type: "button", onClick: () => onOpenEntries(form.id), className: "text-foreground hover:text-primary focus-visible:ring-ring inline-flex items-center gap-1.5 rounded font-medium tabular-nums focus-visible:ring-2 focus-visible:outline-none", "aria-label": `View ${form.totalEntries ?? 0} entries for ${form.name}`, children: [form.totalEntries ?? 0, _jsx(UnreadBadge, { count: unread }), _jsx(ChevronRight, { className: "text-muted-foreground h-3.5 w-3.5", "aria-hidden": true })] }) }), _jsx("td", { className: "text-muted-foreground px-4 py-3 whitespace-nowrap", children: formatRelative(form.lastEntryAt) }), _jsx("td", { className: "px-4 py-3 text-center", children: _jsx(Switch.Root, { checked: form.notifyEnabled ?? false, onCheckedChange: (v) => onNotifyToggle(form, v), "aria-label": `Notifications for ${form.name}`, className: "bg-input-background data-[state=checked]:bg-primary focus-visible:ring-ring relative inline-flex h-[18px] w-8 shrink-0 rounded-full transition-colors focus-visible:ring-2 focus-visible:outline-none", children: _jsx(Switch.Thumb, { className: "bg-background block h-3.5 w-3.5 translate-x-0.5 rounded-full shadow-sm transition-transform data-[state=checked]:translate-x-[14px]" }) }) }), _jsx("td", { className: "px-4 py-3 text-right", children: _jsxs("button", { type: "button", onClick: () => onOpenSchema(form), className: "border-border text-foreground hover:bg-accent focus-visible:ring-ring inline-flex items-center gap-1.5 rounded-md border px-2.5 py-1.5 text-xs font-medium transition-colors focus-visible:ring-2 focus-visible:outline-none", children: [_jsx(Settings2, { className: "h-3.5 w-3.5", "aria-hidden": true }), "Schema"] }) })] }, form.id));
+                    }) })] }) }));
 }
 //# sourceMappingURL=Forms.js.map

package/dist/views/Forms.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@actuate-media/cms-admin",
-  "version": "0.21.0",
+  "version": "0.22.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/actuate-media/actuatecms.git",
@@ -87,7 +87,7 @@
     "tailwindcss": "^4.0.0",
     "typescript": "^5.7.0",
     "vitest": "^3.0.0",
-    "@actuate-media/cms-core": "0.30.0",
+    "@actuate-media/cms-core": "0.31.0",
     "@actuate-media/component-blocks": "0.2.0"
   },
   "scripts": {

package/src/AdminRoot.tsx

@@ -702,6 +702,28 @@ const ISOLATION_STYLE: React.CSSProperties = {
 export function AdminRoot(props: AdminRootProps) {
   const defaultDarkMode = props.config?.admin?.branding?.darkMode
 
+  // The admin is private application UI and must never be indexed. Ensure a
+  // `noindex, nofollow` robots meta tag is present while the admin is mounted,
+  // as defense-in-depth alongside the server `robots.txt` Disallow rule. This
+  // covers every consumer install (the admin page is typically a client
+  // component that can't export Next.js route metadata).
+  useEffect(() => {
+    if (typeof document === 'undefined') return
+    const PREV = document.querySelector<HTMLMetaElement>('meta[name="robots"]')
+    const prevContent = PREV?.getAttribute('content') ?? null
+    const meta = PREV ?? document.createElement('meta')
+    meta.setAttribute('name', 'robots')
+    meta.setAttribute('content', 'noindex, nofollow')
+    if (!PREV) document.head.appendChild(meta)
+    return () => {
+      if (prevContent === null) {
+        meta.remove()
+      } else {
+        meta.setAttribute('content', prevContent)
+      }
+    }
+  }, [])
+
   return (
     <div style={ISOLATION_STYLE} className="actuate-admin">
       <ThemeProvider defaultDarkMode={defaultDarkMode}>

package/src/__tests__/layout/sidebar-forms-badge.render.test.tsx

@@ -0,0 +1,50 @@
+// @vitest-environment happy-dom
+import { describe, expect, it, vi } from 'vitest'
+import { render, screen, waitFor } from '@testing-library/react'
+
+// The Forms nav item shows a live unread total summed across active forms.
+// Mock the sidebar-counts fetcher so the badge math is deterministic.
+const fetchFormsSidebarCounts = vi.fn(async () => [
+  { formId: 'f1', name: 'Contact Us', slug: 'contact-us', status: 'active', unread: 8 },
+  { formId: 'f2', name: 'Project Inquiry', slug: 'project-inquiry', status: 'active', unread: 3 },
+])
+
+vi.mock('../../lib/forms-service.js', () => ({
+  fetchFormsSidebarCounts: () => fetchFormsSidebarCounts(),
+}))
+
+const { Sidebar } = await import('../../layout/Sidebar.js')
+
+describe('Sidebar forms unread badge', () => {
+  it('sums unread across active forms onto the Forms item', async () => {
+    render(
+      <Sidebar
+        collapsed={false}
+        onToggleCollapse={() => {}}
+        currentPath="/"
+        onNavigate={() => {}}
+      />,
+    )
+
+    // 8 + 3 = 11 unread surfaced as the Forms badge.
+    await waitFor(() => expect(screen.getByLabelText('11 unread')).toBeTruthy())
+  })
+
+  it('renders no badge when there are no unread submissions', async () => {
+    fetchFormsSidebarCounts.mockResolvedValueOnce([
+      { formId: 'f1', name: 'Newsletter', slug: 'newsletter', status: 'active', unread: 0 },
+    ])
+
+    render(
+      <Sidebar
+        collapsed={false}
+        onToggleCollapse={() => {}}
+        currentPath="/"
+        onNavigate={() => {}}
+      />,
+    )
+
+    await screen.findByText('Forms')
+    expect(screen.queryByLabelText(/unread$/)).toBeNull()
+  })
+})

package/src/__tests__/layout/sidebar-submenu.render.test.tsx

@@ -0,0 +1,93 @@
+// @vitest-environment happy-dom
+import { describe, expect, it, vi } from 'vitest'
+import { fireEvent, render, screen, waitFor } from '@testing-library/react'
+
+// The sidebar fetches forms unread counts on mount for the Forms badge. Stub
+// it so these submenu tests stay offline and deterministic (no real fetch /
+// teardown-abort noise).
+vi.mock('../../lib/forms-service.js', () => ({
+  fetchFormsSidebarCounts: vi.fn(async () => []),
+}))
+
+const { Sidebar } = await import('../../layout/Sidebar.js')
+
+/**
+ * Submenu rendering behaviour:
+ *  - Expanded: parent children (e.g. Posts -> All Posts / Post Types) render
+ *    inline beneath the parent.
+ *  - Collapsed: children are hidden inline and instead revealed in a
+ *    hover/focus flyout, so the 80px rail stays clean but sub-pages remain
+ *    reachable.
+ */
+function renderSidebar(collapsed: boolean) {
+  return render(
+    <Sidebar
+      collapsed={collapsed}
+      onToggleCollapse={() => {}}
+      currentPath="/"
+      onNavigate={() => {}}
+    />,
+  )
+}
+
+describe('Sidebar submenus', () => {
+  it('renders children inline when expanded', () => {
+    renderSidebar(false)
+    expect(screen.getByText('All Posts')).toBeTruthy()
+    expect(screen.getByText('Post Types')).toBeTruthy()
+    expect(screen.getByText('Saved Sections')).toBeTruthy()
+    expect(screen.getByText('Widgets')).toBeTruthy()
+  })
+
+  it('collapses and re-expands a parent submenu via the chevron toggle', () => {
+    renderSidebar(false)
+
+    // Children visible by default.
+    expect(screen.getByText('All Posts')).toBeTruthy()
+
+    // Collapse the Posts section.
+    fireEvent.click(screen.getByRole('button', { name: 'Collapse Posts' }))
+    expect(screen.queryByText('All Posts')).toBeNull()
+
+    // Re-expand it.
+    fireEvent.click(screen.getByRole('button', { name: 'Expand Posts' }))
+    expect(screen.getByText('All Posts')).toBeTruthy()
+  })
+
+  it('keeps the active section expanded even when toggled closed', () => {
+    render(
+      <Sidebar
+        collapsed={false}
+        onToggleCollapse={() => {}}
+        currentPath="/posts"
+        onNavigate={() => {}}
+      />,
+    )
+
+    // Active section forces the submenu open; the chevron reports it as
+    // expanded and offers to collapse.
+    expect(screen.getByText('All Posts')).toBeTruthy()
+    fireEvent.click(screen.getByRole('button', { name: 'Collapse Posts' }))
+    // Still visible because the section is the active route.
+    expect(screen.getByText('All Posts')).toBeTruthy()
+  })
+
+  it('hides children inline when collapsed and exposes them in a hover flyout', async () => {
+    renderSidebar(true)
+
+    // Inline children are not rendered in the collapsed rail.
+    expect(screen.queryByText('All Posts')).toBeNull()
+    expect(screen.queryByText('Post Types')).toBeNull()
+
+    // The parent is still reachable as an icon button labelled for AT.
+    const trigger = screen.getByRole('button', { name: 'Posts' })
+
+    // Hovering the parent opens the flyout (onMouseEnter lives on the wrapper).
+    fireEvent.mouseEnter(trigger.parentElement as HTMLElement)
+
+    await waitFor(() => {
+      expect(screen.getByText('All Posts')).toBeTruthy()
+      expect(screen.getByText('Post Types')).toBeTruthy()
+    })
+  })
+})