@nitrogenbuilder/connector-payload 0.1.33 → 0.1.35

package/dist/components/NitrogenComponentInventoryNavLink.js

@@ -0,0 +1,75 @@
+'use client';
+import { usePathname } from 'next/navigation';
+import { useEffect } from 'react';
+const groupSelector = '#nav-group-Nitrogen .nav-group__content';
+export default function NitrogenComponentInventoryNavLink() {
+    const pathname = usePathname();
+    const isActive = pathname === '/admin/nitrogen/components' || pathname?.startsWith('/admin/nitrogen/components/');
+    useEffect(() => {
+        const linkId = 'nitrogen-components-nav-link';
+        const renderLink = () => {
+            const target = document.querySelector(groupSelector);
+            if (!target) {
+                return;
+            }
+            const existing = document.getElementById(linkId);
+            if (existing) {
+                existing.remove();
+            }
+            const link = document.createElement('a');
+            link.id = linkId;
+            link.href = '/admin/nitrogen/components';
+            link.textContent = 'Nitrogen Components';
+            link.style.alignItems = 'center';
+            link.style.color = 'inherit';
+            link.style.display = 'flex';
+            link.style.fontSize = '18px';
+            link.style.fontWeight = isActive ? '700' : '500';
+            link.style.gap = '12px';
+            link.style.minHeight = '40px';
+            link.style.opacity = isActive ? '1' : '0.92';
+            link.style.padding = '6px 0';
+            link.style.textDecoration = 'none';
+            const icon = document.createElement('span');
+            icon.ariaHidden = 'true';
+            icon.style.color = '#6b7280';
+            icon.style.display = 'inline-flex';
+            icon.style.fontSize = '16px';
+            icon.style.justifyContent = 'center';
+            icon.style.width = '20px';
+            icon.innerHTML = `
+        <svg fill="none" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg">
+          <path
+            d="M4 5.5C4 4.67157 4.67157 4 5.5 4H14.5C15.3284 4 16 4.67157 16 5.5V14.5C16 15.3284 15.3284 16 14.5 16H5.5C4.67157 16 4 15.3284 4 14.5V5.5Z"
+            stroke="currentColor"
+            stroke-width="1.5"
+          />
+          <path d="M7 8H13" stroke="currentColor" stroke-linecap="round" stroke-width="1.5" />
+          <path d="M7 10.5H13" stroke="currentColor" stroke-linecap="round" stroke-width="1.5" />
+          <path d="M7 13H10.5" stroke="currentColor" stroke-linecap="round" stroke-width="1.5" />
+        </svg>
+      `;
+            const label = document.createElement('span');
+            label.textContent = 'Nitrogen Components';
+            link.textContent = '';
+            link.append(icon, label);
+            if (isActive) {
+                link.setAttribute('aria-current', 'page');
+            }
+            target.append(link);
+        };
+        renderLink();
+        const observer = new MutationObserver(() => {
+            renderLink();
+        });
+        observer.observe(document.body, {
+            childList: true,
+            subtree: true,
+        });
+        return () => {
+            observer.disconnect();
+            document.getElementById(linkId)?.remove();
+        };
+    }, [isActive]);
+    return null;
+}

package/dist/components/NitrogenComponentInventoryReindexButton.d.ts

@@ -0,0 +1 @@
+export default function NitrogenComponentInventoryReindexButton(): import("react/jsx-runtime").JSX.Element;

package/dist/components/NitrogenComponentInventoryReindexButton.js

@@ -0,0 +1,91 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+const statusStorageKey = 'nitrogen-component-inventory:last-reindex-status';
+export default function NitrogenComponentInventoryReindexButton() {
+    const [loading, setLoading] = useState(false);
+    const [status, setStatus] = useState(null);
+    useEffect(() => {
+        const rawValue = window.sessionStorage.getItem(statusStorageKey);
+        if (!rawValue) {
+            return;
+        }
+        try {
+            setStatus(JSON.parse(rawValue));
+        }
+        catch {
+            window.sessionStorage.removeItem(statusStorageKey);
+        }
+    }, []);
+    function persistStatus(nextStatus) {
+        setStatus(nextStatus);
+        window.sessionStorage.setItem(statusStorageKey, JSON.stringify(nextStatus));
+    }
+    async function handleClick() {
+        try {
+            setLoading(true);
+            const response = await fetch('/api/nitrogen/v1/component-inventory/reindex', {
+                method: 'POST',
+            });
+            const data = await response.json();
+            if (!response.ok) {
+                persistStatus({
+                    kind: 'error',
+                    message: data?.error || 'Failed to reindex component inventory.',
+                    timestamp: new Date().toISOString(),
+                });
+                return;
+            }
+            persistStatus({
+                kind: 'success',
+                message: `Reindexed ${data.documentCount} documents and ${data.usageCount} component usages.`,
+                timestamp: new Date().toISOString(),
+            });
+            window.location.reload();
+        }
+        catch (error) {
+            console.error(error);
+            persistStatus({
+                kind: 'error',
+                message: 'Failed to reindex component inventory.',
+                timestamp: new Date().toISOString(),
+            });
+        }
+        finally {
+            setLoading(false);
+        }
+    }
+    function clearStatus() {
+        setStatus(null);
+        window.sessionStorage.removeItem(statusStorageKey);
+    }
+    return (_jsxs("div", { style: { display: 'grid', gap: 12 }, children: [_jsx("div", { style: { display: 'flex', gap: 12, alignItems: 'center', flexWrap: 'wrap' }, children: _jsx("button", { type: "button", onClick: handleClick, disabled: loading, style: {
+                        border: 'none',
+                        borderRadius: 6,
+                        background: '#171717',
+                        color: '#fff',
+                        cursor: loading ? 'wait' : 'pointer',
+                        fontSize: 14,
+                        fontWeight: 600,
+                        padding: '10px 14px',
+                    }, children: loading ? 'Reindexing...' : 'Reindex Components' }) }), status ? (_jsxs("div", { style: {
+                    alignItems: 'start',
+                    background: status.kind === 'success' ? '#ecfdf5' : '#fef2f2',
+                    border: `1px solid ${status.kind === 'success' ? '#a7f3d0' : '#fecaca'}`,
+                    borderRadius: 10,
+                    color: status.kind === 'success' ? '#065f46' : '#991b1b',
+                    display: 'grid',
+                    gap: 6,
+                    gridTemplateColumns: '1fr auto',
+                    padding: '12px 14px',
+                }, children: [_jsxs("div", { children: [_jsx("div", { style: { fontSize: 13, fontWeight: 700 }, children: status.kind === 'success' ? 'Last Reindex Completed' : 'Reindex Failed' }), _jsx("div", { style: { fontSize: 13, marginTop: 2 }, children: status.message }), _jsx("div", { style: { fontSize: 12, marginTop: 4, opacity: 0.75 }, children: new Date(status.timestamp).toLocaleString() })] }), _jsx("button", { type: "button", onClick: clearStatus, style: {
+                            appearance: 'none',
+                            background: 'transparent',
+                            border: 'none',
+                            color: 'inherit',
+                            cursor: 'pointer',
+                            fontSize: 12,
+                            fontWeight: 700,
+                            padding: 0,
+                        }, children: "Dismiss" })] })) : null] }));
+}

package/dist/components/NitrogenComponentInventoryView.d.ts

@@ -0,0 +1,2 @@
+import type { AdminViewServerProps } from 'payload';
+export default function NitrogenComponentInventoryView({ clientConfig, initPageResult, i18n, locale, params, searchParams, viewActions, viewType, }: AdminViewServerProps): Promise<import("react/jsx-runtime").JSX.Element>;

package/dist/components/NitrogenComponentInventoryView.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// @ts-expect-error The consuming Payload app provides @payloadcms/next at runtime.
+import { DefaultTemplate } from '@payloadcms/next/templates';
+import { findAllDocs, NITROGEN_COMPONENT_CATALOG_COLLECTION, NITROGEN_COMPONENT_USAGE_COLLECTION, } from '../inventory/indexing';
+import NitrogenComponentInventoryClient from './NitrogenComponentInventoryClient';
+import NitrogenComponentInventoryReindexButton from './NitrogenComponentInventoryReindexButton';
+export default async function NitrogenComponentInventoryView({ clientConfig, initPageResult, i18n, locale, params, searchParams, viewActions, viewType, }) {
+    const payload = initPageResult.req.payload;
+    const [catalogDocs, usageDocs] = await Promise.all([
+        findAllDocs(payload, NITROGEN_COMPONENT_CATALOG_COLLECTION),
+        findAllDocs(payload, NITROGEN_COMPONENT_USAGE_COLLECTION),
+    ]);
+    const catalogByName = new Map(catalogDocs.map((doc) => [doc.componentName, doc.definition]));
+    const usageByName = new Map();
+    for (const usageDoc of usageDocs) {
+        const docs = usageByName.get(usageDoc.componentName) || [];
+        docs.push(usageDoc);
+        usageByName.set(usageDoc.componentName, docs);
+    }
+    const componentNames = Array.from(new Set([...catalogByName.keys(), ...usageByName.keys()])).sort((a, b) => a.localeCompare(b));
+    const components = componentNames.map((componentName) => ({
+        componentName,
+        definition: catalogByName.get(componentName),
+        isUnknown: !catalogByName.get(componentName),
+        usages: usageByName.get(componentName) || [],
+    }));
+    return (_jsx(DefaultTemplate, { i18n: i18n, locale: locale, params: params, payload: payload, req: initPageResult.req, searchParams: searchParams, user: initPageResult.req.user, viewActions: viewActions, viewType: viewType, visibleEntities: initPageResult.visibleEntities, children: _jsxs("div", { style: { padding: 24 }, children: [_jsxs("div", { style: { display: 'grid', gap: 12, marginBottom: 24 }, children: [_jsx("h1", { style: { margin: 0, fontSize: 28 }, children: "Nitrogen Components" }), _jsx("p", { style: { margin: 0, color: '#4b5563', maxWidth: 920 }, children: "Inventory view for the registered Nitrogen component manifest and all indexed usages across Nitrogen-enabled documents and templates." }), _jsx(NitrogenComponentInventoryReindexButton, {})] }), _jsx(NitrogenComponentInventoryClient, { adminRoute: clientConfig.routes.admin, components: components })] }) }));
+}

package/dist/components/NitrogenDataViewer.d.ts

@@ -1,3 +1,3 @@
-import type { JSONFieldClientComponent } from 'payload';
-declare const NitrogenDataViewer: JSONFieldClientComponent;
+import type { JSONFieldServerComponent } from 'payload';
+declare const NitrogenDataViewer: JSONFieldServerComponent;
 export default NitrogenDataViewer;

package/dist/components/NitrogenDataViewer.js

@@ -1,7 +1,8 @@
-'use client';
-import dynamic from 'next/dynamic';
-const NitrogenDataViewer = dynamic(() => import('./NitrogenDataViewerRuntime'), {
-    loading: () => null,
-    ssr: false,
-});
+import { jsx as _jsx } from "react/jsx-runtime";
+import NitrogenDataViewerRuntime from './NitrogenDataViewerRuntime';
+const NitrogenDataViewer = ({ field, value }) => {
+    const label = typeof field.label === 'string' ? field.label : field.name;
+    const description = typeof field.admin?.description === 'string' ? field.admin.description : undefined;
+    return (_jsx(NitrogenDataViewerRuntime, { description: description, label: label, value: value }));
+};
 export default NitrogenDataViewer;

package/dist/components/NitrogenDataViewerRuntime.d.ts

@@ -1,3 +1,7 @@
-import type { JSONFieldClientComponent } from 'payload';
-declare const NitrogenDataViewerRuntime: JSONFieldClientComponent;
+import React from 'react';
+declare const NitrogenDataViewerRuntime: React.FC<{
+    description?: string;
+    label: string;
+    value?: unknown;
+}>;
 export default NitrogenDataViewerRuntime;

package/dist/components/NitrogenDataViewerRuntime.js

@@ -1,7 +1,6 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useState, useCallback } from 'react';
-import { Collapsible, useField } from '@payloadcms/ui';
 function updateAtPath(root, path, newValue) {
     if (path.length === 0)
         return newValue;
@@ -281,13 +280,11 @@ function ensureStyles() {
   `;
     document.head.appendChild(style);
 }
-const NitrogenDataViewerRuntime = ({ path, field }) => {
-    const { value, setValue } = useField({ path });
+const NitrogenDataViewerRuntime = ({ description, label, value }) => {
     const [copied, setCopied] = useState(false);
-    const [pasted, setPasted] = useState(false);
+    const [collapsed, setCollapsed] = useState(true);
     const [forceOpen, setForceOpen] = useState(null);
     const [treeKey, setTreeKey] = useState(0);
-    const [unlocked, setUnlocked] = useState(false);
     ensureStyles();
     let parsed = [];
     try {
@@ -304,19 +301,6 @@ const NitrogenDataViewerRuntime = ({ path, field }) => {
             setTimeout(() => setCopied(false), 2000);
         });
     }, [jsonString]);
-    const handlePaste = useCallback(() => {
-        navigator.clipboard.readText().then((text) => {
-            try {
-                const parsedValue = JSON.parse(text);
-                setValue(parsedValue);
-                setPasted(true);
-                setTimeout(() => setPasted(false), 2000);
-            }
-            catch {
-                // ignore invalid JSON
-            }
-        });
-    }, [setValue]);
     const expandAll = useCallback(() => {
         setForceOpen(true);
         setTreeKey((k) => k + 1);
@@ -326,28 +310,28 @@ const NitrogenDataViewerRuntime = ({ path, field }) => {
         setTreeKey((k) => k + 1);
     }, []);
     const callbacks = {
-        onUpdate: (p, v) => setValue(updateAtPath(parsed, p, v)),
-        onDelete: (p) => setValue(deleteAtPath(parsed, p)),
-        onRenameKey: (p, newKey) => setValue(renameKeyAtPath(parsed, p, newKey)),
-        onAddChild: (p) => setValue(addChildAtPath(parsed, p)),
+        onUpdate: () => undefined,
+        onDelete: () => undefined,
+        onRenameKey: () => undefined,
+        onAddChild: () => undefined,
     };
-    const header = (_jsxs("span", { children: [typeof field.label === 'string' ? field.label : field.name, moduleCount !== null && (_jsxs("span", { style: { opacity: 0.5, fontWeight: 400, marginLeft: 8 }, children: ["(", moduleCount, " item", moduleCount !== 1 ? 's' : '', ")"] }))] }));
-    return (_jsxs("div", { className: "njv-root field-type", style: { marginBottom: '1.5rem' }, children: [_jsx(Collapsible, { header: header, initCollapsed: true, children: _jsxs("div", { style: { border: '1px solid var(--njv-border)', borderRadius: '0 0 4px 4px', overflow: 'hidden' }, children: [_jsxs("div", { className: "njv-toolbar", children: [_jsx("button", { type: "button", className: "btn btn--size-small btn--style-secondary", onClick: handleCopy, children: copied ? '✓ Copied' : 'Copy' }), unlocked && (_jsx("button", { type: "button", className: "btn btn--size-small btn--style-secondary", onClick: handlePaste, children: pasted ? '✓ Pasted' : 'Paste' })), _jsx("button", { type: "button", className: "btn btn--size-small btn--style-secondary", onClick: expandAll, children: "Expand All" }), _jsx("button", { type: "button", className: "btn btn--size-small btn--style-secondary", onClick: collapseAll, children: "Collapse All" }), _jsx("button", { type: "button", onClick: () => setUnlocked((u) => !u), style: {
-                                        marginBlock: '12px',
-                                        marginLeft: 'auto',
-                                        padding: '4px 12px',
-                                        fontSize: '12px',
-                                        background: unlocked ? '#ef4444' : '#6b7280',
-                                        color: '#fff',
-                                        border: 'none',
-                                        borderRadius: '4px',
-                                        cursor: 'pointer',
-                                    }, children: unlocked ? 'Lock' : 'Unlock Edit' })] }), _jsx("div", { className: "njv-body", style: {
-                                maxHeight: '50vh',
-                                overflow: 'auto',
-                                fontFamily: 'var(--font-mono, "SF Mono", Menlo, Consolas, monospace)',
-                                fontSize: 'var(--font-body-size, 13px)',
-                                backgroundColor: 'var(--njv-bg)',
-                            }, children: _jsx(JsonNode, { value: parsed ?? [], depth: 0, forceOpen: forceOpen, path: [], unlocked: unlocked, callbacks: callbacks }, treeKey) })] }) }), typeof field.admin?.description === 'string' && (_jsx("p", { style: { fontSize: '12px', color: '#888', marginTop: '4px' }, children: field.admin.description }))] }));
+    const header = (_jsxs("span", { children: [label, moduleCount !== null && (_jsxs("span", { style: { opacity: 0.5, fontWeight: 400, marginLeft: 8 }, children: ["(", moduleCount, " item", moduleCount !== 1 ? 's' : '', ")"] }))] }));
+    return (_jsxs("div", { className: "njv-root field-type", style: { marginBottom: '1.5rem' }, children: [_jsxs("div", { style: { border: '1px solid var(--njv-border)', borderRadius: '4px', overflow: 'hidden' }, children: [_jsxs("button", { type: "button", onClick: () => setCollapsed((current) => !current), style: {
+                            alignItems: 'center',
+                            background: 'var(--theme-elevation-50, #f8f8f8)',
+                            border: 'none',
+                            borderBottom: collapsed ? 'none' : '1px solid var(--njv-border)',
+                            cursor: 'pointer',
+                            display: 'flex',
+                            justifyContent: 'space-between',
+                            padding: '12px 16px',
+                            width: '100%',
+                        }, children: [header, _jsx("span", { style: { fontSize: 12, opacity: 0.65 }, children: collapsed ? 'Show' : 'Hide' })] }), !collapsed && (_jsxs("div", { children: [_jsxs("div", { className: "njv-toolbar", children: [_jsx("button", { type: "button", className: "btn btn--size-small btn--style-secondary", onClick: handleCopy, children: copied ? '✓ Copied' : 'Copy' }), _jsx("button", { type: "button", className: "btn btn--size-small btn--style-secondary", onClick: expandAll, children: "Expand All" }), _jsx("button", { type: "button", className: "btn btn--size-small btn--style-secondary", onClick: collapseAll, children: "Collapse All" })] }), _jsx("div", { className: "njv-body", style: {
+                                    maxHeight: '50vh',
+                                    overflow: 'auto',
+                                    fontFamily: 'var(--font-mono, "SF Mono", Menlo, Consolas, monospace)',
+                                    fontSize: 'var(--font-body-size, 13px)',
+                                    backgroundColor: 'var(--njv-bg)',
+                                }, children: _jsx(JsonNode, { value: parsed ?? [], depth: 0, forceOpen: forceOpen, path: [], unlocked: false, callbacks: callbacks }, treeKey) })] }))] }), typeof description === 'string' && (_jsx("p", { style: { fontSize: '12px', color: '#888', marginTop: '4px' }, children: description }))] }));
 };
 export default NitrogenDataViewerRuntime;

package/dist/components/NitrogenNavGroup.d.ts

@@ -0,0 +1 @@
+export default function NitrogenNavGroup(): import("react/jsx-runtime").JSX.Element;

package/dist/components/NitrogenNavGroup.js

@@ -0,0 +1,74 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { usePathname } from 'next/navigation';
+import { useEffect, useMemo, useState } from 'react';
+const items = [
+    {
+        href: '/admin/collections/nitrogen-templates',
+        label: 'Templates',
+    },
+    {
+        href: '/admin/globals/nitrogen-settings',
+        label: 'Settings',
+    },
+    {
+        href: '/admin/nitrogen/components',
+        label: 'Components',
+    },
+];
+export default function NitrogenNavGroup() {
+    const pathname = usePathname();
+    const hasActiveChild = useMemo(() => items.some((item) => pathname === item.href || pathname?.startsWith(`${item.href}/`)), [pathname]);
+    const [collapsed, setCollapsed] = useState(!hasActiveChild);
+    useEffect(() => {
+        if (hasActiveChild) {
+            setCollapsed(false);
+        }
+    }, [hasActiveChild]);
+    useEffect(() => {
+        const styleId = 'nitrogen-custom-nav-group-style';
+        if (document.getElementById(styleId)) {
+            return;
+        }
+        const style = document.createElement('style');
+        style.id = styleId;
+        style.textContent = `
+      #nav-group-Nitrogen {
+        display: none;
+      }
+    `;
+        document.head.appendChild(style);
+        return () => {
+            style.remove();
+        };
+    }, []);
+    return (_jsxs("div", { style: { marginTop: 12 }, children: [_jsxs("button", { type: "button", onClick: () => setCollapsed((current) => !current), style: {
+                    alignItems: 'center',
+                    background: 'transparent',
+                    border: 'none',
+                    color: 'inherit',
+                    cursor: 'pointer',
+                    display: 'flex',
+                    font: 'inherit',
+                    justifyContent: 'space-between',
+                    padding: '6px 0',
+                    width: '100%',
+                }, children: [_jsx("span", { style: { fontSize: 13, fontWeight: 700, letterSpacing: '0.01em' }, children: "Nitrogen" }), _jsx("span", { "aria-hidden": "true", style: {
+                            display: 'inline-block',
+                            fontSize: 12,
+                            opacity: 0.65,
+                            transform: collapsed ? 'rotate(-90deg)' : 'rotate(0deg)',
+                            transition: 'transform 160ms ease',
+                        }, children: "\u25BE" })] }), !collapsed && (_jsx("div", { style: { display: 'grid', gap: 2, paddingBottom: 4, paddingLeft: 12 }, children: items.map((item) => {
+                    const isActive = pathname === item.href || pathname?.startsWith(`${item.href}/`);
+                    return (_jsx("a", { "aria-current": isActive ? 'page' : undefined, href: item.href, style: {
+                            borderLeft: isActive ? '2px solid currentColor' : '2px solid transparent',
+                            display: 'block',
+                            fontSize: 13,
+                            fontWeight: isActive ? 700 : 500,
+                            opacity: isActive ? 1 : 0.82,
+                            padding: '6px 0 6px 10px',
+                            textDecoration: 'none',
+                        }, children: item.label }, item.href));
+                }) }))] }));
+}

package/dist/editor/NitrogenEditorPage.d.ts

@@ -1,4 +1,3 @@
-import type { SanitizedConfig } from "payload";
 interface NitrogenEditorSearchParams {
     pageId?: string;
     collection?: string;
@@ -16,7 +15,7 @@ interface NitrogenEditorSearchParams {
  *
  * Accessible at `/nitrogen-editor?pageId=xxx`.
  */
-export declare function createNitrogenEditorPage(config: Promise<SanitizedConfig>): ({ searchParams, }: {
+export declare function createNitrogenEditorPage(config: Promise<any>): ({ searchParams, }: {
     searchParams: Promise<NitrogenEditorSearchParams>;
 }) => Promise<import("react/jsx-runtime").JSX.Element>;
 export {};

package/dist/endpoints/collection-endpoints.js

@@ -103,7 +103,33 @@ export function createCollectionEndpoints(collectionSlug, endpointPrefix) {
                 if (!data?.title) {
                     return Response.json({ error: 'Title is required' }, { status: 400 });
                 }
+                let existingDoc = null;
+                try {
+                    existingDoc = (await payload.findByID({
+                        collection,
+                        id,
+                        depth: 0,
+                        disableErrors: true,
+                    }));
+                }
+                catch {
+                    existingDoc = null;
+                }
                 const updateData = { title: data.title };
+                if (existingDoc) {
+                    if ('slug' in existingDoc && existingDoc.slug !== undefined) {
+                        updateData.slug = existingDoc.slug;
+                    }
+                    if ('generateSlug' in existingDoc) {
+                        updateData.generateSlug = false;
+                    }
+                    if ('parent' in existingDoc) {
+                        updateData.parent = existingDoc.parent;
+                    }
+                    if ('breadcrumbs' in existingDoc) {
+                        updateData.breadcrumbs = [];
+                    }
+                }
                 if (data.author) {
                     updateData.author = data.author;
                 }
@@ -114,11 +140,30 @@ export function createCollectionEndpoints(collectionSlug, endpointPrefix) {
                 if (data.settings !== undefined) {
                     updateData.pageSettings = data.settings;
                 }
-                await payload.update({
-                    collection,
-                    id,
-                    data: updateData,
-                });
+                try {
+                    await payload.update({
+                        collection,
+                        id,
+                        data: updateData,
+                        depth: 0,
+                        overrideAccess: true,
+                        req,
+                    });
+                }
+                catch (error) {
+                    payload.logger.error({
+                        msg: 'Nitrogen page update failed',
+                        collection,
+                        id,
+                        error,
+                    });
+                    return Response.json({
+                        error: error instanceof Error ? error.message : 'Failed to update page',
+                        details: error && typeof error === 'object' && 'data' in error
+                            ? error.data
+                            : undefined,
+                    }, { status: 400 });
+                }
                 return Response.json({ success: true });
             },
         },

package/dist/endpoints/component-inventory.d.ts

@@ -0,0 +1,6 @@
+import type { Endpoint } from 'payload';
+import type { NitrogenComponentManifestInput } from '../inventory/manifest';
+export declare function createComponentInventoryEndpoints(args: {
+    collections: string[];
+    componentManifest?: NitrogenComponentManifestInput;
+}): Endpoint[];

package/dist/endpoints/component-inventory.js

@@ -0,0 +1,20 @@
+import { requireAuth } from './helpers';
+import { reindexAllComponentInventory } from '../inventory/indexing';
+export function createComponentInventoryEndpoints(args) {
+    return [
+        {
+            path: '/nitrogen/v1/component-inventory/reindex',
+            method: 'post',
+            handler: async (req) => {
+                const authError = requireAuth(req);
+                if (authError)
+                    return authError;
+                const result = await reindexAllComponentInventory(req.payload, args.collections, args.componentManifest);
+                return Response.json({
+                    success: true,
+                    ...result,
+                });
+            },
+        },
+    ];
+}

package/dist/frontend/NitrogenWrapper.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-import type { SanitizedConfig } from 'payload';
 import type { BuilderModule } from '@nitrogenbuilder/types';
 export interface NitrogenWrapperProps {
     /**
@@ -21,7 +20,7 @@ export interface NitrogenWrapperProps {
     /**
      * The Payload config promise. Import from '@payload-config' in your app and pass it here.
      */
-    config: Promise<SanitizedConfig>;
+    config: Promise<any>;
     /**
      * Regular page content to render when not in Nitrogen mode.
      */

package/dist/globals/NitrogenComponents.d.ts

@@ -0,0 +1,2 @@
+import type { GlobalConfig } from 'payload';
+export declare const NitrogenComponents: GlobalConfig;

package/dist/globals/NitrogenComponents.js

@@ -0,0 +1,22 @@
+export const NitrogenComponents = {
+    slug: 'nitrogen-components',
+    label: 'Nitrogen Components',
+    admin: {
+        group: 'Nitrogen',
+    },
+    access: {
+        read: ({ req }) => !!req.user,
+        update: ({ req }) => !!req.user,
+    },
+    fields: [
+        {
+            name: 'inventory',
+            type: 'ui',
+            admin: {
+                components: {
+                    Field: '@nitrogenbuilder/connector-payload/components/NitrogenComponentInventoryField',
+                },
+            },
+        },
+    ],
+};

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-import type { Plugin } from "payload";
+import type { NitrogenComponentManifestInput } from './inventory/manifest';
 export interface NitrogenConnectorPluginOptions {
     /** Disable the plugin without removing it from config */
     disabled?: boolean;
@@ -18,8 +18,18 @@ export interface NitrogenConnectorPluginOptions {
      * `collectionRoutes: { posts: '/blog/[slug]', patent: '/patents/[slug]' }`
      */
     collectionRoutes?: Record<string, string>;
+    /**
+     * A static manifest or async loader describing the project's registered
+     * Nitrogen components and their prop schemas.
+     */
+    componentManifest?: NitrogenComponentManifestInput;
+    /**
+     * Collections whose saved `nitrogenData` should be indexed for the component
+     * inventory. These do not need to be editor-enabled.
+     */
+    indexCollections?: string[];
 }
-export declare const nitrogenConnectorPlugin: (options?: NitrogenConnectorPluginOptions) => Plugin;
+export declare const nitrogenConnectorPlugin: (options?: NitrogenConnectorPluginOptions) => any;
 export { NitrogenTemplates } from "./collections/NitrogenTemplates";
 export { NitrogenSettings } from "./globals/NitrogenSettings";
 export { NitrogenEditButton } from "./components/NitrogenEditButton";