@delmaredigital/payload-puck 0.6.12 → 0.6.14

package/dist/editor/PuckEditorImpl.client.js

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useState, useCallback, useMemo, useRef, createElement } from 'react';
 import { useRouter } from 'next/navigation';
 import { Puck } from '@puckeditor/core';
@@ -10,43 +10,44 @@ import { createAiPlugin } from '@puckeditor/plugin-ai';
 import '@puckeditor/plugin-ai/styles.css';
 import './ai-plugin-overrides.css';
 import { Maximize2 } from 'lucide-react';
-import { HeaderActions } from './components/HeaderActions';
-import { IframeWrapper } from './components/IframeWrapper';
-import { PreviewModal } from './components/PreviewModal';
-import { DarkModeStyles } from './components/DarkModeStyles';
-import { useUnsavedChanges } from './hooks/useUnsavedChanges';
-import { createVersionHistoryPlugin } from './plugins/versionHistoryPlugin';
-import { ThemeProvider } from '../theme';
-import { usePuckConfig } from '../views/PuckConfigContext';
+import { HeaderActions } from './components/HeaderActions.js';
+import { IframeWrapper } from './components/IframeWrapper.js';
+import { PreviewModal } from './components/PreviewModal.js';
+import { DarkModeStyles } from './components/DarkModeStyles.js';
+import { useUnsavedChanges } from './hooks/useUnsavedChanges.js';
+import { createVersionHistoryPlugin } from './plugins/versionHistoryPlugin.js';
+import { ThemeProvider } from '../theme/index.js';
+import { usePuckConfig } from '../views/PuckConfigContext.js';
 import { useAiPrompts } from '../ai/hooks/useAiPrompts.js';
 /**
  * Default viewports for responsive preview
- */
-const DEFAULT_VIEWPORTS = [
+ */ const DEFAULT_VIEWPORTS = [
     {
         width: 360,
         height: 'auto',
         label: 'Mobile',
-        icon: 'Smartphone',
+        icon: 'Smartphone'
     },
     {
         width: 768,
         height: 'auto',
         label: 'Tablet',
-        icon: 'Tablet',
+        icon: 'Tablet'
     },
     {
         width: 1280,
         height: 'auto',
         label: 'Desktop',
-        icon: 'Monitor',
+        icon: 'Monitor'
     },
     {
         width: '100%',
         height: 'auto',
         label: 'Full Width',
-        icon: createElement(Maximize2, { size: 16 }),
-    },
+        icon: /*#__PURE__*/ createElement(Maximize2, {
+            size: 16
+        })
+    }
 ];
 /**
  * Full-featured Puck editor implementation
@@ -61,8 +62,7 @@ const DEFAULT_VIEWPORTS = [
  *
  * Internal implementation component - use PuckEditor instead.
  * @internal
- */
-export function PuckEditorImpl({ pageId, initialData, config, pageTitle, pageSlug, apiEndpoint = '/api/puck/pages', backUrl, previewUrl, enableViewports = true, plugins, layouts, layoutStyles, layoutKey = 'pageLayout', headerActionsStart, headerActionsEnd, overrides: customOverrides, onSaveSuccess, onSaveError, onChange: onChangeProp, initialStatus, theme, editorStylesheets: editorStylesheetsProp, editorCss: editorCssProp, enableAi = false, aiOptions, hasPromptsCollection = false, hasContextCollection = false, experimentalFullScreenCanvas = false, autoDetectDarkMode = true, showPreviewDarkModeToggle = true, initialPreviewDarkMode = false, }) {
+ */ export function PuckEditorImpl({ pageId, initialData, config, pageTitle, pageSlug, apiEndpoint = '/api/puck/pages', backUrl, previewUrl, enableViewports = true, plugins, layouts, layoutStyles, layoutKey = 'pageLayout', headerActionsStart, headerActionsEnd, overrides: customOverrides, onSaveSuccess, onSaveError, onChange: onChangeProp, initialStatus, theme, editorStylesheets: editorStylesheetsProp, editorCss: editorCssProp, enableAi = false, aiOptions, hasPromptsCollection = false, hasContextCollection = false, experimentalFullScreenCanvas = false, autoDetectDarkMode = true, showPreviewDarkModeToggle = true, initialPreviewDarkMode = false }) {
     const router = useRouter();
     const [isSaving, setIsSaving] = useState(false);
     const [lastSaved, setLastSaved] = useState(null);
@@ -76,7 +76,7 @@ export function PuckEditorImpl({ pageId, initialData, config, pageTitle, pageSlu
     // Preview dark mode state (for toggling dark/light in preview iframe)
     const [previewDarkMode, setPreviewDarkMode] = useState(initialPreviewDarkMode);
     // Inject slug into initial data if not present
-    const dataWithSlug = useMemo(() => {
+    const dataWithSlug = useMemo(()=>{
         const data = initialData;
         return {
             ...data,
@@ -84,11 +84,14 @@ export function PuckEditorImpl({ pageId, initialData, config, pageTitle, pageSlu
                 ...data.root,
                 props: {
                     ...data.root?.props,
-                    slug: data.root?.props?.slug || pageSlug,
-                },
-            },
+                    slug: data.root?.props?.slug || pageSlug
+                }
+            }
         };
-    }, [initialData, pageSlug]);
+    }, [
+        initialData,
+        pageSlug
+    ]);
     // Use a ref to track latest data without causing re-renders
     const latestDataRef = useRef(dataWithSlug);
     // Get editor stylesheets from PuckConfigProvider context (as fallback)
@@ -98,26 +101,43 @@ export function PuckEditorImpl({ pageId, initialData, config, pageTitle, pageSlu
     const baseCss = editorCssProp || contextCss;
     // Get current layout to merge layout-specific stylesheets
     const currentLayoutValue = dataWithSlug.root?.props?.pageLayout || 'default';
-    const currentLayout = useMemo(() => {
-        return layouts?.find((l) => l.value === currentLayoutValue);
-    }, [layouts, currentLayoutValue]);
+    const currentLayout = useMemo(()=>{
+        return layouts?.find((l)=>l.value === currentLayoutValue);
+    }, [
+        layouts,
+        currentLayoutValue
+    ]);
     // Merge base stylesheets (props/context) + layout-specific settings
-    const mergedEditorStylesheets = useMemo(() => {
+    const mergedEditorStylesheets = useMemo(()=>{
         const fromBase = baseStylesheets || [];
         const fromLayout = currentLayout?.editorStylesheets || [];
-        return [...fromBase, ...fromLayout];
-    }, [baseStylesheets, currentLayout?.editorStylesheets]);
+        return [
+            ...fromBase,
+            ...fromLayout
+        ];
+    }, [
+        baseStylesheets,
+        currentLayout?.editorStylesheets
+    ]);
     // Merge base CSS (props/context) + layout-specific settings
-    const mergedEditorCss = useMemo(() => {
-        const parts = [baseCss, currentLayout?.editorCss].filter(Boolean);
+    const mergedEditorCss = useMemo(()=>{
+        const parts = [
+            baseCss,
+            currentLayout?.editorCss
+        ].filter(Boolean);
         return parts.length > 0 ? parts.join('\n') : undefined;
-    }, [baseCss, currentLayout?.editorCss]);
+    }, [
+        baseCss,
+        currentLayout?.editorCss
+    ]);
     // Helper to make save request with optional homepage swap
-    const makeSaveRequest = useCallback(async (data, options = {}) => {
+    const makeSaveRequest = useCallback(async (data, options = {})=>{
         const typedData = data;
         return fetch(`${apiEndpoint}/${pageId}`, {
             method: 'PATCH',
-            headers: { 'Content-Type': 'application/json' },
+            headers: {
+                'Content-Type': 'application/json'
+            },
             body: JSON.stringify({
                 puckData: data,
                 title: typedData.root?.props?.title || pageTitle,
@@ -127,30 +147,46 @@ export function PuckEditorImpl({ pageId, initialData, config, pageTitle, pageSlu
                 // Page-tree integration: include folder and pageSegment if present
                 folder: typedData.root?.props?.folder,
                 pageSegment: typedData.root?.props?.pageSegment,
-                ...(options.publish ? { _status: 'published' } : { draft: true }),
-            }),
+                ...options.publish ? {
+                    _status: 'published'
+                } : {
+                    draft: true
+                }
+            })
         });
-    }, [apiEndpoint, pageId, pageTitle, pageSlug]);
+    }, [
+        apiEndpoint,
+        pageId,
+        pageTitle,
+        pageSlug
+    ]);
     // Handle homepage conflict - prompt user to swap
-    const handleHomepageConflict = useCallback(async (existingHomepage, data, publish) => {
+    const handleHomepageConflict = useCallback(async (existingHomepage, data, publish)=>{
         const confirmed = confirm(`"${existingHomepage.title}" (/${existingHomepage.slug}) is currently set as the homepage.\n\nDo you want to make this page the homepage instead?`);
         if (!confirmed) {
             return false;
         }
         // Retry with swapHomepage flag
-        const response = await makeSaveRequest(data, { publish, swapHomepage: true });
+        const response = await makeSaveRequest(data, {
+            publish,
+            swapHomepage: true
+        });
         if (!response.ok) {
             const errorData = await response.json();
             throw new Error(errorData.error || errorData.message || 'Failed to swap homepage');
         }
         return true;
-    }, [makeSaveRequest]);
+    }, [
+        makeSaveRequest
+    ]);
     // Handle save (as draft)
-    const handleSave = useCallback(async (data) => {
+    const handleSave = useCallback(async (data)=>{
         setIsSaving(true);
         const typedData = data;
         try {
-            const response = await makeSaveRequest(data, { publish: false });
+            const response = await makeSaveRequest(data, {
+                publish: false
+            });
             if (!response.ok) {
                 const errorData = await response.json();
                 // Check for homepage conflict error
@@ -161,9 +197,8 @@ export function PuckEditorImpl({ pageId, initialData, config, pageTitle, pageSlu
                         setIsSaving(false);
                         return;
                     }
-                    // Successfully swapped - continue to success handling below
-                }
-                else {
+                // Successfully swapped - continue to success handling below
+                } else {
                     const errorMessage = errorData.error || errorData.message || 'Failed to save page';
                     const err = new Error(errorMessage);
                     err.field = errorData.field;
@@ -177,22 +212,28 @@ export function PuckEditorImpl({ pageId, initialData, config, pageTitle, pageSlu
             setDocumentStatus('draft');
             markClean();
             onSaveSuccess?.(data);
-        }
-        catch (error) {
+        } catch (error) {
             console.error('Error saving page:', error);
             setSaveError(error instanceof Error ? error.message : 'Unknown error');
             onSaveError?.(error instanceof Error ? error : new Error('Unknown error'));
-        }
-        finally {
+        } finally{
             setIsSaving(false);
         }
-    }, [makeSaveRequest, handleHomepageConflict, markClean, onSaveSuccess, onSaveError]);
+    }, [
+        makeSaveRequest,
+        handleHomepageConflict,
+        markClean,
+        onSaveSuccess,
+        onSaveError
+    ]);
     // Handle publish
-    const handlePublish = useCallback(async (data) => {
+    const handlePublish = useCallback(async (data)=>{
         setIsSaving(true);
         const typedData = data;
         try {
-            const response = await makeSaveRequest(data, { publish: true });
+            const response = await makeSaveRequest(data, {
+                publish: true
+            });
             if (!response.ok) {
                 const errorData = await response.json();
                 // Check for homepage conflict error
@@ -203,9 +244,8 @@ export function PuckEditorImpl({ pageId, initialData, config, pageTitle, pageSlu
                         setIsSaving(false);
                         return;
                     }
-                    // Successfully swapped - continue to success handling below
-                }
-                else {
+                // Successfully swapped - continue to success handling below
+                } else {
                     const errorMessage = errorData.error || errorData.message || 'Failed to publish page';
                     const err = new Error(errorMessage);
                     err.field = errorData.field;
@@ -219,18 +259,22 @@ export function PuckEditorImpl({ pageId, initialData, config, pageTitle, pageSlu
             setWasPublished(true); // Mark as having been published
             markClean();
             onSaveSuccess?.(data);
-        }
-        catch (error) {
+        } catch (error) {
             console.error('Error publishing page:', error);
             setSaveError(error instanceof Error ? error.message : 'Unknown error');
             onSaveError?.(error instanceof Error ? error : new Error('Unknown error'));
-        }
-        finally {
+        } finally{
             setIsSaving(false);
         }
-    }, [makeSaveRequest, handleHomepageConflict, markClean, onSaveSuccess, onSaveError]);
+    }, [
+        makeSaveRequest,
+        handleHomepageConflict,
+        markClean,
+        onSaveSuccess,
+        onSaveError
+    ]);
     // Handle unpublish (revert to draft)
-    const handleUnpublish = useCallback(async () => {
+    const handleUnpublish = useCallback(async ()=>{
         if (!confirm('This will unpublish the page and return it to draft status. Continue?')) {
             return;
         }
@@ -238,10 +282,12 @@ export function PuckEditorImpl({ pageId, initialData, config, pageTitle, pageSlu
         try {
             const response = await fetch(`${apiEndpoint}/${pageId}`, {
                 method: 'PATCH',
-                headers: { 'Content-Type': 'application/json' },
+                headers: {
+                    'Content-Type': 'application/json'
+                },
                 body: JSON.stringify({
-                    _status: 'draft',
-                }),
+                    _status: 'draft'
+                })
             });
             if (!response.ok) {
                 const errorData = await response.json();
@@ -251,23 +297,27 @@ export function PuckEditorImpl({ pageId, initialData, config, pageTitle, pageSlu
             setLastSaved(new Date());
             setSaveError(null);
             setDocumentStatus('draft');
-        }
-        catch (error) {
+        } catch (error) {
             console.error('Error unpublishing page:', error);
             setSaveError(error instanceof Error ? error.message : 'Unknown error');
-        }
-        finally {
+        } finally{
             setIsSaving(false);
         }
-    }, [apiEndpoint, pageId]);
+    }, [
+        apiEndpoint,
+        pageId
+    ]);
     // Handle data change
-    const handleChange = useCallback((data) => {
+    const handleChange = useCallback((data)=>{
         latestDataRef.current = data;
         markDirty();
         onChangeProp?.(data);
-    }, [markDirty, onChangeProp]);
+    }, [
+        markDirty,
+        onChangeProp
+    ]);
     // Handle back navigation
-    const handleBack = useCallback(() => {
+    const handleBack = useCallback(()=>{
         if (hasUnsavedChanges) {
             if (!confirm('You have unsaved changes. Are you sure you want to leave?')) {
                 return;
@@ -275,13 +325,16 @@ export function PuckEditorImpl({ pageId, initialData, config, pageTitle, pageSlu
         }
         if (backUrl) {
             router.push(backUrl);
-        }
-        else {
+        } else {
             router.back();
         }
-    }, [hasUnsavedChanges, router, backUrl]);
+    }, [
+        hasUnsavedChanges,
+        router,
+        backUrl
+    ]);
     // Handle preview (opens in new tab)
-    const handlePreview = useCallback(() => {
+    const handlePreview = useCallback(()=>{
         const rootProps = latestDataRef.current?.root?.props;
         const currentSlug = rootProps?.slug || pageSlug;
         const isHomepage = rootProps?.isHomepage === true;
@@ -289,28 +342,31 @@ export function PuckEditorImpl({ pageId, initialData, config, pageTitle, pageSlu
         if (typeof previewUrl === 'function') {
             // If homepage, pass '/' to the function, otherwise pass the slug
             url = previewUrl(isHomepage ? '' : currentSlug);
-        }
-        else if (previewUrl) {
+        } else if (previewUrl) {
             url = previewUrl;
-        }
-        else {
+        } else {
             // If homepage, navigate to root, otherwise use slug
             url = isHomepage ? '/' : `/${currentSlug}`;
         }
         window.open(url, '_blank');
-    }, [pageSlug, previewUrl]);
+    }, [
+        pageSlug,
+        previewUrl
+    ]);
     // Handle opening preview modal
-    const handleOpenPreview = useCallback(() => {
+    const handleOpenPreview = useCallback(()=>{
         setIsPreviewOpen(true);
     }, []);
     // Handle save from preview modal (returns Promise for navigation flow)
-    const handleSaveFromPreview = useCallback(async () => {
+    const handleSaveFromPreview = useCallback(async ()=>{
         const data = latestDataRef.current;
         setIsSaving(true);
         try {
             const response = await fetch(`${apiEndpoint}/${pageId}`, {
                 method: 'PATCH',
-                headers: { 'Content-Type': 'application/json' },
+                headers: {
+                    'Content-Type': 'application/json'
+                },
                 body: JSON.stringify({
                     puckData: data,
                     title: data?.root?.props?.title || pageTitle,
@@ -318,8 +374,8 @@ export function PuckEditorImpl({ pageId, initialData, config, pageTitle, pageSlu
                     // Page-tree integration: include folder and pageSegment if present
                     folder: data?.root?.props?.folder,
                     pageSegment: data?.root?.props?.pageSegment,
-                    draft: true,
-                }),
+                    draft: true
+                })
             });
             if (!response.ok) {
                 const errorData = await response.json();
@@ -331,25 +387,64 @@ export function PuckEditorImpl({ pageId, initialData, config, pageTitle, pageSlu
             setDocumentStatus('draft');
             markClean();
             onSaveSuccess?.(data);
-        }
-        catch (error) {
+        } catch (error) {
             console.error('Error saving page:', error);
             setSaveError(error instanceof Error ? error.message : 'Unknown error');
             onSaveError?.(error instanceof Error ? error : new Error('Unknown error'));
-            throw error; // Re-throw so preview modal knows save failed
-        }
-        finally {
+            throw error // Re-throw so preview modal knows save failed
+            ;
+        } finally{
             setIsSaving(false);
         }
-    }, [apiEndpoint, pageId, pageTitle, pageSlug, markClean, onSaveSuccess, onSaveError]);
+    }, [
+        apiEndpoint,
+        pageId,
+        pageTitle,
+        pageSlug,
+        markClean,
+        onSaveSuccess,
+        onSaveError
+    ]);
     // Memoized overrides
-    const overrides = useMemo(() => ({
-        headerActions: ({ children }) => (_jsx(HeaderActions, { onBack: handleBack, onPreview: handlePreview, onSave: handleSave, onPublish: handlePublish, onUnpublish: handleUnpublish, onOpenPreview: handleOpenPreview, isSaving: isSaving, hasUnsavedChanges: hasUnsavedChanges, lastSaved: lastSaved, documentStatus: documentStatus, wasPublished: wasPublished, actionsStart: headerActionsStart, actionsEnd: headerActionsEnd, pageId: pageId, apiEndpoint: apiEndpoint, saveError: saveError, onDismissError: () => setSaveError(null), showVersionHistory: false, showPreviewDarkModeToggle: showPreviewDarkModeToggle, previewDarkMode: previewDarkMode, onPreviewDarkModeChange: setPreviewDarkMode, children: children })),
-        // Always wrap iframe for richtext styles injection and theme-aware background
-        iframe: ({ children, document }) => (_jsx(IframeWrapper, { document: document, layouts: layouts, layoutStyles: layoutStyles, layoutKey: layoutKey, editorStylesheets: mergedEditorStylesheets, editorCss: mergedEditorCss, previewDarkModeOverride: showPreviewDarkModeToggle ? previewDarkMode : undefined, children: children })),
-        // Merge custom overrides
-        ...customOverrides,
-    }), [
+    const overrides = useMemo(()=>({
+            headerActions: ({ children })=>/*#__PURE__*/ _jsx(HeaderActions, {
+                    onBack: handleBack,
+                    onPreview: handlePreview,
+                    onSave: handleSave,
+                    onPublish: handlePublish,
+                    onUnpublish: handleUnpublish,
+                    onOpenPreview: handleOpenPreview,
+                    isSaving: isSaving,
+                    hasUnsavedChanges: hasUnsavedChanges,
+                    lastSaved: lastSaved,
+                    documentStatus: documentStatus,
+                    wasPublished: wasPublished,
+                    actionsStart: headerActionsStart,
+                    actionsEnd: headerActionsEnd,
+                    pageId: pageId,
+                    apiEndpoint: apiEndpoint,
+                    saveError: saveError,
+                    onDismissError: ()=>setSaveError(null),
+                    showVersionHistory: false,
+                    showPreviewDarkModeToggle: showPreviewDarkModeToggle,
+                    previewDarkMode: previewDarkMode,
+                    onPreviewDarkModeChange: setPreviewDarkMode,
+                    children: children
+                }),
+            // Always wrap iframe for richtext styles injection and theme-aware background
+            iframe: ({ children, document })=>/*#__PURE__*/ _jsx(IframeWrapper, {
+                    document: document,
+                    layouts: layouts,
+                    layoutStyles: layoutStyles,
+                    layoutKey: layoutKey,
+                    editorStylesheets: mergedEditorStylesheets,
+                    editorCss: mergedEditorCss,
+                    previewDarkModeOverride: showPreviewDarkModeToggle ? previewDarkMode : undefined,
+                    children: children
+                }),
+            // Merge custom overrides
+            ...customOverrides
+        }), [
         handleBack,
         handlePreview,
         handleSave,
@@ -374,20 +469,25 @@ export function PuckEditorImpl({ pageId, initialData, config, pageTitle, pageSlu
         mergedEditorCss,
         showPreviewDarkModeToggle,
         previewDarkMode,
-        setPreviewDarkMode,
+        setPreviewDarkMode
     ]);
     // Default plugins - headingAnalyzer is always included unless plugins is explicitly false
-    const defaultPlugins = [headingAnalyzer];
+    const defaultPlugins = [
+        headingAnalyzer
+    ];
     // Version history plugin for the plugin rail
-    const versionHistoryPlugin = useMemo(() => {
-        if (!pageId)
-            return null;
+    const versionHistoryPlugin = useMemo(()=>{
+        if (!pageId) return null;
         return createVersionHistoryPlugin({
             pageId,
             apiEndpoint,
-            onRestoreSuccess: markClean,
+            onRestoreSuccess: markClean
         });
-    }, [pageId, apiEndpoint, markClean]);
+    }, [
+        pageId,
+        apiEndpoint,
+        markClean
+    ]);
     // Fetch AI prompts client-side when prompts collection is enabled
     // This allows prompts to update in real-time when edited via the prompt editor panel
     const { prompts: clientPrompts, loading: promptsLoading } = useAiPrompts('/api/puck/ai-prompts', enableAi && hasPromptsCollection);
@@ -400,82 +500,89 @@ export function PuckEditorImpl({ pageId, initialData, config, pageTitle, pageSlu
     // AI plugin - statically imported, only instantiated when enabled
     // IMPORTANT: We intentionally exclude clientPrompts and aiOptions.examplePrompts from deps
     // to prevent plugin recreation. The onClick handlers use refs to access current prompts.
-    const aiPlugin = useMemo(() => {
-        if (!enableAi)
-            return null;
+    const aiPlugin = useMemo(()=>{
+        if (!enableAi) return null;
         // Don't create plugin until prompts are loaded (when using prompts collection)
-        if (hasPromptsCollection && promptsLoading)
-            return null;
+        if (hasPromptsCollection && promptsLoading) return null;
         // Use client-fetched prompts when prompts collection is enabled,
         // otherwise fall back to static props from config
         // NOTE: We read from refs in onClick to get current values without causing re-renders
-        const getPrompts = () => hasPromptsCollection
-            ? (clientPromptsRef.current || [])
-            : (staticPromptsRef.current || []);
+        const getPrompts = ()=>hasPromptsCollection ? clientPromptsRef.current || [] : staticPromptsRef.current || [];
         // Get initial prompts for labels (labels are stable, only prompts text might change)
         const initialPrompts = getPrompts();
         // Convert our { label, prompt } format to plugin's { label, onClick } format
         // The plugin expects onClick to send the message via window.__PUCK_AI.sendMessage
-        const convertedPrompts = initialPrompts.map((item, index) => ({
-            label: item.label,
-            onClick: () => {
-                // Access current prompts via ref to get latest values
-                const currentPrompts = getPrompts();
-                const currentPrompt = currentPrompts[index]?.prompt || item.prompt;
-                // Use Puck AI's global API to send the prompt as a user message
-                // sendMessage accepts { text: string } as a simpler format
-                if (typeof window !== 'undefined' && window.__PUCK_AI?.sendMessage) {
-                    ;
-                    window.__PUCK_AI.sendMessage({ text: currentPrompt });
+        const convertedPrompts = initialPrompts.map((item, index)=>({
+                label: item.label,
+                onClick: ()=>{
+                    // Access current prompts via ref to get latest values
+                    const currentPrompts = getPrompts();
+                    const currentPrompt = currentPrompts[index]?.prompt || item.prompt;
+                    // Use Puck AI's global API to send the prompt as a user message
+                    // sendMessage accepts { text: string } as a simpler format
+                    if (typeof window !== 'undefined' && window.__PUCK_AI?.sendMessage) {
+                        ;
+                        window.__PUCK_AI.sendMessage({
+                            text: currentPrompt
+                        });
+                    }
                 }
-            },
-        }));
+            }));
         return createAiPlugin({
             host: aiOptions?.host || '/api/puck/ai',
             chat: {
-                examplePrompts: convertedPrompts.length > 0 ? convertedPrompts : undefined,
-            },
+                examplePrompts: convertedPrompts.length > 0 ? convertedPrompts : undefined
+            }
         });
-        // eslint-disable-next-line react-hooks/exhaustive-deps -- intentionally omit prompt arrays to prevent recreation
-    }, [enableAi, hasPromptsCollection, promptsLoading, aiOptions?.host]);
+    // eslint-disable-next-line react-hooks/exhaustive-deps -- intentionally omit prompt arrays to prevent recreation
+    }, [
+        enableAi,
+        hasPromptsCollection,
+        promptsLoading,
+        aiOptions?.host
+    ]);
     // Prompt editor plugin - for managing AI prompts in the plugin rail
-    const promptEditorPlugin = useMemo(() => {
-        if (!enableAi || !hasPromptsCollection)
-            return null;
+    const promptEditorPlugin = useMemo(()=>{
+        if (!enableAi || !hasPromptsCollection) return null;
         try {
             // Dynamic require to avoid errors if module not available
             // eslint-disable-next-line @typescript-eslint/no-require-imports
             const { createPromptEditorPlugin } = require('../ai/plugins/promptEditorPlugin');
             return createPromptEditorPlugin({
-                apiEndpoint: '/api/puck/ai-prompts',
+                apiEndpoint: '/api/puck/ai-prompts'
             });
-        }
-        catch (e) {
+        } catch (e) {
             console.warn('[PuckEditor] Failed to load prompt editor plugin:', e);
             return null;
         }
-    }, [enableAi, hasPromptsCollection]);
+    }, [
+        enableAi,
+        hasPromptsCollection
+    ]);
     // Context editor plugin - for managing AI context in the plugin rail
-    const contextEditorPlugin = useMemo(() => {
-        if (!enableAi || !hasContextCollection)
-            return null;
+    const contextEditorPlugin = useMemo(()=>{
+        if (!enableAi || !hasContextCollection) return null;
         try {
             // Dynamic require to avoid errors if module not available
             // eslint-disable-next-line @typescript-eslint/no-require-imports
             const { createContextEditorPlugin } = require('../ai/plugins/contextEditorPlugin');
             return createContextEditorPlugin({
-                apiEndpoint: '/api/puck/ai-context',
+                apiEndpoint: '/api/puck/ai-context'
             });
-        }
-        catch (e) {
+        } catch (e) {
             console.warn('[PuckEditor] Failed to load context editor plugin:', e);
             return null;
         }
-    }, [enableAi, hasContextCollection]);
-    const resolvedPlugins = useMemo(() => {
-        if (plugins === false)
-            return undefined;
-        const base = !plugins || plugins.length === 0 ? defaultPlugins : [...defaultPlugins, ...plugins];
+    }, [
+        enableAi,
+        hasContextCollection
+    ]);
+    const resolvedPlugins = useMemo(()=>{
+        if (plugins === false) return undefined;
+        const base = !plugins || plugins.length === 0 ? defaultPlugins : [
+            ...defaultPlugins,
+            ...plugins
+        ];
         // Add version history plugin if available
         if (versionHistoryPlugin) {
             base.push(versionHistoryPlugin);
@@ -493,12 +600,55 @@ export function PuckEditorImpl({ pageId, initialData, config, pageTitle, pageSlu
             base.push(contextEditorPlugin);
         }
         return base;
-    }, [plugins, versionHistoryPlugin, aiPlugin, promptEditorPlugin, contextEditorPlugin]);
-    const editorContent = (_jsxs(_Fragment, { children: [autoDetectDarkMode && _jsx(DarkModeStyles, {}), _jsx("div", { className: "h-screen", children: _jsx(Puck, { config: config, data: dataWithSlug, onChange: handleChange, onPublish: handlePublish, headerTitle: `${pageTitle} /${pageSlug}`, plugins: resolvedPlugins, viewports: enableViewports ? DEFAULT_VIEWPORTS : undefined, overrides: overrides, iframe: { waitForStyles: true }, _experimentalFullScreenCanvas: experimentalFullScreenCanvas }) }), _jsx(PreviewModal, { isOpen: isPreviewOpen, onClose: () => setIsPreviewOpen(false), data: latestDataRef.current, pageTitle: pageTitle, onOpenInNewTab: handlePreview, layouts: layouts, hasUnsavedChanges: hasUnsavedChanges, onSave: handleSaveFromPreview, isSaving: isSaving, editorStylesheets: mergedEditorStylesheets, editorCss: mergedEditorCss, config: config })] }));
+    }, [
+        plugins,
+        versionHistoryPlugin,
+        aiPlugin,
+        promptEditorPlugin,
+        contextEditorPlugin
+    ]);
+    const editorContent = /*#__PURE__*/ _jsxs(_Fragment, {
+        children: [
+            autoDetectDarkMode && /*#__PURE__*/ _jsx(DarkModeStyles, {}),
+            /*#__PURE__*/ _jsx("div", {
+                className: "h-screen",
+                children: /*#__PURE__*/ _jsx(Puck, {
+                    config: config,
+                    data: dataWithSlug,
+                    onChange: handleChange,
+                    onPublish: handlePublish,
+                    headerTitle: `${pageTitle} /${pageSlug}`,
+                    plugins: resolvedPlugins,
+                    viewports: enableViewports ? DEFAULT_VIEWPORTS : undefined,
+                    overrides: overrides,
+                    iframe: {
+                        waitForStyles: true
+                    },
+                    _experimentalFullScreenCanvas: experimentalFullScreenCanvas
+                })
+            }),
+            /*#__PURE__*/ _jsx(PreviewModal, {
+                isOpen: isPreviewOpen,
+                onClose: ()=>setIsPreviewOpen(false),
+                data: latestDataRef.current,
+                pageTitle: pageTitle,
+                onOpenInNewTab: handlePreview,
+                layouts: layouts,
+                hasUnsavedChanges: hasUnsavedChanges,
+                onSave: handleSaveFromPreview,
+                isSaving: isSaving,
+                editorStylesheets: mergedEditorStylesheets,
+                editorCss: mergedEditorCss,
+                config: config
+            })
+        ]
+    });
     // Wrap with ThemeProvider if theme is provided
     if (theme) {
-        return _jsx(ThemeProvider, { theme: theme, children: editorContent });
+        return /*#__PURE__*/ _jsx(ThemeProvider, {
+            theme: theme,
+            children: editorContent
+        });
     }
     return editorContent;
 }
-//# sourceMappingURL=PuckEditorImpl.client.js.map