@ai-stack/payloadcms 3.76.0-beta.1 → 3.76.0-beta.3

package/dist/ui/Compose/hooks/menu/useMenu.js

@@ -1,10 +1,9 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useForm } from '@payloadcms/ui';
-import { getSiblingData } from 'payload/shared';
+import { useConfig, useField, useLocale, useTranslation } from '@payloadcms/ui';
 import React, { useEffect, useMemo, useState } from 'react';
 import { useFieldProps } from '../../../../providers/FieldProvider/useFieldProps.js';
-import { Compose, Proofread, Rephrase } from './items.js';
+import { Compose, Proofread, Rephrase, Translate } from './items.js';
 import { menuItemsMap } from './itemsMap.js';
 import styles from './menu.module.scss';
 const getActiveComponent = (ac)=>{
@@ -15,36 +14,47 @@ const getActiveComponent = (ac)=>{
             return Proofread;
         case 'Rephrase':
             return Rephrase;
+        case 'Translate':
+            return Translate;
         default:
             return Rephrase;
     }
 };
 export const useMenu = (menuEvents, options)=>{
     const { field: { type: fieldType } = {}, path } = useFieldProps();
-    const { getData } = useForm();
+    const { value } = useField({
+        path: path || ''
+    });
+    const { config } = useConfig();
+    const locale = useLocale();
+    const { t } = useTranslation();
     const [activeComponent, setActiveComponent] = useState('Rephrase');
-    // Check value once on mount or when path/type changes
+    // Check value whenever it changes
     useEffect(()=>{
         let hasValue = false;
         try {
-            const data = getData();
-            if (path) {
-                const val = getSiblingData(data, path);
-                hasValue = val !== undefined && val !== null;
-                // For richTextFields, we might need a more robust check (e.g. check for root.children.length > 0)
-                // But for now, simple truthiness covers most cases or at least defaults safely
-                if (fieldType === 'richText' && val && typeof val === 'object' && 'root' in val) {
-                // Basic lexical check could go here if needed
-                }
+            hasValue = value !== undefined && value !== null;
+            // For richTextFields, we might need a more robust check (e.g. check for root.children.length > 0)
+            // But for now, simple truthiness covers most cases or at least defaults safely
+            if (fieldType === 'richText' && value && typeof value === 'object' && 'root' in value) {
+            // Basic lexical check could go here if needed
             }
         } catch (e) {
         // ignore
         }
         if (!hasValue) {
-            setActiveComponent('Compose');
+            const defaultLocale = config?.localization ? config.localization.defaultLocale : undefined;
+            const translateItem = menuItemsMap.find((i)=>i.name === 'Translate');
+            const isTranslateExcluded = translateItem?.excludedFor?.includes(fieldType ?? '');
+            if (!isTranslateExcluded && locale?.code && defaultLocale && locale.code !== defaultLocale) {
+                setActiveComponent('Translate');
+            } else {
+                setActiveComponent('Compose');
+            }
             return;
         }
-        if (menuItemsMap.some((i)=>i.excludedFor?.includes(fieldType ?? ''))) {
+        const rephraseItem = menuItemsMap.find((i)=>i.name === 'Rephrase');
+        if (rephraseItem?.excludedFor?.includes(fieldType ?? '')) {
             setActiveComponent('Compose');
             return;
         }
@@ -52,8 +62,9 @@ export const useMenu = (menuEvents, options)=>{
         setActiveComponent('Rephrase');
     }, [
         fieldType,
-        getData,
-        path
+        value,
+        locale?.code,
+        config?.localization
     ]);
     const MemoizedActiveComponent = useMemo(()=>{
         return ({ isLoading, loadingLabel, stop })=>{
@@ -65,7 +76,16 @@ export const useMenu = (menuEvents, options)=>{
                     if (!isLoading) {
                         const trigger = menuEvents[`on${activeComponent}`];
                         if (typeof trigger === 'function') {
-                            trigger(data);
+                            const isEvent = data && typeof data === 'object' && 'nativeEvent' in data;
+                            const actualData = isEvent ? undefined : data;
+                            if (activeComponent === 'Translate' && !actualData) {
+                                trigger({
+                                    locale: locale?.code,
+                                    translateFromDefault: true
+                                });
+                            } else {
+                                trigger(actualData);
+                            }
                         } else {
                             console.error('No trigger found for', activeComponent);
                         }
@@ -73,13 +93,15 @@ export const useMenu = (menuEvents, options)=>{
                         stop();
                     }
                 },
-                title: isLoading ? 'Click to stop' : activeItem.name,
-                children: isLoading && (loadingLabel ?? activeItem.loadingText)
+                title: isLoading ? t('ai-plugin:general:clickToStop') : t(`ai-plugin:actions:${activeItem.name.toLowerCase()}`),
+                children: isLoading && (loadingLabel ?? (activeItem.loadingText ? t(`ai-plugin:actionLoading:${activeItem.loadingText.toLowerCase()}`) : null))
             });
         };
     }, [
         activeComponent,
-        menuEvents
+        menuEvents,
+        t,
+        locale?.code
     ]);
     const filteredMenuItems = useMemo(()=>menuItemsMap.filter((i)=>{
             if (i.name === 'Settings' && !options.isConfigAllowed) {
@@ -105,7 +127,7 @@ export const useMenu = (menuEvents, options)=>{
                             menuEvents[`on${i.name}`]?.(data);
                             onClose();
                         },
-                        children: isLoading && i.loadingText
+                        children: isLoading && i.loadingText && t(`ai-plugin:actionLoading:${i.loadingText.toLowerCase()}`)
                     }, i.name);
                 })
             });

package/dist/ui/Compose/hooks/menu/useMenu.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/ui/Compose/hooks/menu/useMenu.tsx"],"sourcesContent":["'use client'\n\nimport { useForm } from '@payloadcms/ui'\nimport { getSiblingData } from 'payload/shared'\nimport React, { useEffect, useMemo, useState } from 'react'\n\nimport type { ActionMenuItems, UseMenuEvents, UseMenuOptions } from '../../../../types.js'\n\nimport { useFieldProps } from '../../../../providers/FieldProvider/useFieldProps.js'\nimport { Compose, Proofread, Rephrase } from './items.js'\nimport { menuItemsMap } from './itemsMap.js'\nimport styles from './menu.module.scss'\n\nconst getActiveComponent = (ac: ActionMenuItems) => {\n  switch (ac) {\n    case 'Compose':\n      return Compose\n    case 'Proofread':\n      return Proofread\n    case 'Rephrase':\n      return Rephrase\n    default:\n      return Rephrase\n  }\n}\n\nexport const useMenu = (menuEvents: UseMenuEvents, options: UseMenuOptions) => {\n  const { field: { type: fieldType } = {}, path } = useFieldProps()\n  const { getData } = useForm()\n  const [activeComponent, setActiveComponent] = useState<ActionMenuItems>('Rephrase')\n\n  // Check value once on mount or when path/type changes\n  useEffect(() => {\n    let hasValue = false\n\n    try {\n      const data = getData()\n      if (path) {\n        const val = getSiblingData(data, path)\n        hasValue = val !== undefined && val !== null\n        // For richTextFields, we might need a more robust check (e.g. check for root.children.length > 0)\n        // But for now, simple truthiness covers most cases or at least defaults safely\n        if (fieldType === 'richText' && val && typeof val === 'object' && 'root' in val) {\n           // Basic lexical check could go here if needed\n        }\n      }\n    } catch (e) {\n      // ignore\n    }\n\n    if (!hasValue) {\n      setActiveComponent('Compose')\n      return\n    }\n\n    if (menuItemsMap.some((i) => i.excludedFor?.includes(fieldType ?? ''))) {\n      setActiveComponent('Compose')\n      return\n    }\n\n    // Default to Rephrase if value exists\n    setActiveComponent('Rephrase')\n  }, [fieldType, getData, path])\n\n  const MemoizedActiveComponent = useMemo(() => {\n    return ({ isLoading, loadingLabel, stop }: { isLoading: boolean; loadingLabel?: string; stop: () => void }) => {\n      const ActiveComponent = getActiveComponent(activeComponent)\n      const activeItem = menuItemsMap.find((i) => i.name === activeComponent)!\n      return (\n        <ActiveComponent\n          hideIcon\n          onClick={(data: unknown) => {\n            if (!isLoading) {\n              const trigger = menuEvents[`on${activeComponent}`]\n              if (typeof trigger === 'function') {\n                trigger(data)\n              } else {\n                console.error('No trigger found for', activeComponent)\n              }\n            } else {\n              stop()\n            }\n          }}\n          title={isLoading ? 'Click to stop' : activeItem.name}\n        >\n          {isLoading && (loadingLabel ?? activeItem.loadingText)}\n        </ActiveComponent>\n      )\n    }\n  }, [activeComponent, menuEvents])\n\n  const filteredMenuItems = useMemo(\n    () =>\n      menuItemsMap.filter((i) => {\n        if (i.name === 'Settings' && !options.isConfigAllowed) {\n          return false\n        } // Disable settings if a user role is not permitted\n        return i.name !== activeComponent && !i.excludedFor?.includes(fieldType ?? '')\n      }),\n    [activeComponent, fieldType, options.isConfigAllowed],\n  )\n\n  const MemoizedMenu = useMemo(() => {\n    return ({ isLoading, onClose }: { isLoading: boolean; onClose: () => void }) => (\n      <div className={styles.menu}>\n        {filteredMenuItems.map((i) => {\n          const Action = i.component\n          return (\n            <Action\n              disabled={isLoading}\n              key={i.name}\n              onClick={(data: unknown) => {\n                if (i.name !== 'Settings') {\n                  setActiveComponent(i.name)\n                }\n\n                menuEvents[`on${i.name}`]?.(data)\n                onClose()\n              }}\n            >\n              {isLoading && i.loadingText}\n            </Action>\n          )\n        })}\n      </div>\n    )\n  }, [filteredMenuItems, menuEvents])\n\n  return {\n    ActiveComponent: MemoizedActiveComponent,\n    Menu: MemoizedMenu,\n  }\n}\n\n"],"names":["useForm","getSiblingData","React","useEffect","useMemo","useState","useFieldProps","Compose","Proofread","Rephrase","menuItemsMap","styles","getActiveComponent","ac","useMenu","menuEvents","options","field","type","fieldType","path","getData","activeComponent","setActiveComponent","hasValue","data","val","undefined","e","some","i","excludedFor","includes","MemoizedActiveComponent","isLoading","loadingLabel","stop","ActiveComponent","activeItem","find","name","hideIcon","onClick","trigger","console","error","title","loadingText","filteredMenuItems","filter","isConfigAllowed","MemoizedMenu","onClose","div","className","menu","map","Action","component","disabled","Menu"],"mappings":"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"}
+{"version":3,"sources":["../../../../../src/ui/Compose/hooks/menu/useMenu.tsx"],"sourcesContent":["'use client'\n\nimport { useConfig, useField, useLocale, useTranslation } from '@payloadcms/ui'\nimport React, { useEffect, useMemo, useState } from 'react'\n\nimport type {\n  PluginAITranslationKeys,\n  PluginAITranslations,\n} from '../../../../translations/index.js'\nimport type { ActionMenuItems } from '../../../../types.js'\nimport type { UseMenuEvents, UseMenuOptions } from './types.js'\n\nimport { useFieldProps } from '../../../../providers/FieldProvider/useFieldProps.js'\nimport { Compose, Proofread, Rephrase, Translate } from './items.js'\nimport { menuItemsMap } from './itemsMap.js'\nimport styles from './menu.module.scss'\n\nconst getActiveComponent = (ac: ActionMenuItems) => {\n  switch (ac) {\n    case 'Compose':\n      return Compose\n    case 'Proofread':\n      return Proofread\n    case 'Rephrase':\n      return Rephrase\n    case 'Translate':\n      return Translate\n    default:\n      return Rephrase\n  }\n}\n\nexport const useMenu = (menuEvents: UseMenuEvents, options: UseMenuOptions) => {\n  const { field: { type: fieldType } = {}, path } = useFieldProps()\n  const { value } = useField<any>({ path: path || '' })\n  const { config } = useConfig()\n  const locale = useLocale()\n  const { t } = useTranslation<PluginAITranslations, PluginAITranslationKeys>()\n  const [activeComponent, setActiveComponent] = useState<ActionMenuItems>('Rephrase')\n\n  // Check value whenever it changes\n  useEffect(() => {\n    let hasValue = false\n\n    try {\n      hasValue = value !== undefined && value !== null\n      // For richTextFields, we might need a more robust check (e.g. check for root.children.length > 0)\n      // But for now, simple truthiness covers most cases or at least defaults safely\n      if (fieldType === 'richText' && value && typeof value === 'object' && 'root' in value) {\n        // Basic lexical check could go here if needed\n      }\n    } catch (e) {\n      // ignore\n    }\n\n    if (!hasValue) {\n      const defaultLocale = config?.localization ? config.localization.defaultLocale : undefined\n      const translateItem = menuItemsMap.find((i) => i.name === 'Translate')\n      const isTranslateExcluded = translateItem?.excludedFor?.includes(fieldType ?? '')\n\n      if (!isTranslateExcluded && locale?.code && defaultLocale && locale.code !== defaultLocale) {\n        setActiveComponent('Translate')\n      } else {\n        setActiveComponent('Compose')\n      }\n      return\n    }\n\n    const rephraseItem = menuItemsMap.find((i) => i.name === 'Rephrase')\n    if (rephraseItem?.excludedFor?.includes(fieldType ?? '')) {\n      setActiveComponent('Compose')\n      return\n    }\n\n    // Default to Rephrase if value exists\n    setActiveComponent('Rephrase')\n  }, [fieldType, value, locale?.code, config?.localization])\n\n  const MemoizedActiveComponent = useMemo(() => {\n    return ({\n      isLoading,\n      loadingLabel,\n      stop,\n    }: {\n      isLoading: boolean\n      loadingLabel?: string\n      stop: () => void\n    }) => {\n      const ActiveComponent = getActiveComponent(activeComponent)\n      const activeItem = menuItemsMap.find((i) => i.name === activeComponent)!\n      return (\n        <ActiveComponent\n          hideIcon\n          onClick={(data: unknown) => {\n            if (!isLoading) {\n              const trigger = menuEvents[`on${activeComponent}`]\n              if (typeof trigger === 'function') {\n                const isEvent = data && typeof data === 'object' && 'nativeEvent' in data\n                const actualData = isEvent ? undefined : data\n\n                if (activeComponent === 'Translate' && !actualData) {\n                  trigger({ locale: locale?.code, translateFromDefault: true })\n                } else {\n                  trigger(actualData)\n                }\n              } else {\n                console.error('No trigger found for', activeComponent)\n              }\n            } else {\n              stop()\n            }\n          }}\n          title={\n            isLoading\n              ? t('ai-plugin:general:clickToStop' as any)\n              : t(`ai-plugin:actions:${activeItem.name.toLowerCase()}` as any)\n          }\n        >\n          {isLoading &&\n            (loadingLabel ??\n              (activeItem.loadingText ? t(`ai-plugin:actionLoading:${activeItem.loadingText.toLowerCase()}` as any) : null))}\n        </ActiveComponent>\n      )\n    }\n  }, [activeComponent, menuEvents, t, locale?.code])\n\n  const filteredMenuItems = useMemo(\n    () =>\n      menuItemsMap.filter((i) => {\n        if (i.name === 'Settings' && !options.isConfigAllowed) {\n          return false\n        } // Disable settings if a user role is not permitted\n        return i.name !== activeComponent && !i.excludedFor?.includes(fieldType ?? '')\n      }),\n    [activeComponent, fieldType, options.isConfigAllowed],\n  )\n\n  const MemoizedMenu = useMemo(() => {\n    return ({ isLoading, onClose }: { isLoading: boolean; onClose: () => void }) => (\n      <div className={styles.menu}>\n        {filteredMenuItems.map((i) => {\n          const Action = i.component\n          return (\n            <Action\n              disabled={isLoading}\n              key={i.name}\n              onClick={(data: unknown) => {\n                if (i.name !== 'Settings') {\n                  setActiveComponent(i.name)\n                }\n\n                menuEvents[`on${i.name}`]?.(data)\n                onClose()\n              }}\n            >\n              {isLoading && i.loadingText && t(`ai-plugin:actionLoading:${i.loadingText.toLowerCase()}` as any)}\n            </Action>\n          )\n        })}\n      </div>\n    )\n  }, [filteredMenuItems, menuEvents])\n\n  return {\n    ActiveComponent: MemoizedActiveComponent,\n    Menu: MemoizedMenu,\n  }\n}\n"],"names":["useConfig","useField","useLocale","useTranslation","React","useEffect","useMemo","useState","useFieldProps","Compose","Proofread","Rephrase","Translate","menuItemsMap","styles","getActiveComponent","ac","useMenu","menuEvents","options","field","type","fieldType","path","value","config","locale","t","activeComponent","setActiveComponent","hasValue","undefined","e","defaultLocale","localization","translateItem","find","i","name","isTranslateExcluded","excludedFor","includes","code","rephraseItem","MemoizedActiveComponent","isLoading","loadingLabel","stop","ActiveComponent","activeItem","hideIcon","onClick","data","trigger","isEvent","actualData","translateFromDefault","console","error","title","toLowerCase","loadingText","filteredMenuItems","filter","isConfigAllowed","MemoizedMenu","onClose","div","className","menu","map","Action","component","disabled","Menu"],"mappings":"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"}

package/dist/ui/Compose/hooks/menu/useMenu.jsx

@@ -1,9 +1,8 @@
 'use client';
-import { useForm } from '@payloadcms/ui';
-import { getSiblingData } from 'payload/shared';
+import { useConfig, useField, useLocale, useTranslation } from '@payloadcms/ui';
 import React, { useEffect, useMemo, useState } from 'react';
 import { useFieldProps } from '../../../../providers/FieldProvider/useFieldProps.js';
-import { Compose, Proofread, Rephrase } from './items.js';
+import { Compose, Proofread, Rephrase, Translate } from './items.js';
 import { menuItemsMap } from './itemsMap.js';
 import styles from './menu.module.scss';
 const getActiveComponent = (ac) => {
@@ -14,52 +13,69 @@ const getActiveComponent = (ac) => {
             return Proofread;
         case 'Rephrase':
             return Rephrase;
+        case 'Translate':
+            return Translate;
         default:
             return Rephrase;
     }
 };
 export const useMenu = (menuEvents, options) => {
     const { field: { type: fieldType } = {}, path } = useFieldProps();
-    const { getData } = useForm();
+    const { value } = useField({ path: path || '' });
+    const { config } = useConfig();
+    const locale = useLocale();
+    const { t } = useTranslation();
     const [activeComponent, setActiveComponent] = useState('Rephrase');
-    // Check value once on mount or when path/type changes
+    // Check value whenever it changes
     useEffect(() => {
         let hasValue = false;
         try {
-            const data = getData();
-            if (path) {
-                const val = getSiblingData(data, path);
-                hasValue = val !== undefined && val !== null;
-                // For richTextFields, we might need a more robust check (e.g. check for root.children.length > 0)
-                // But for now, simple truthiness covers most cases or at least defaults safely
-                if (fieldType === 'richText' && val && typeof val === 'object' && 'root' in val) {
-                    // Basic lexical check could go here if needed
-                }
+            hasValue = value !== undefined && value !== null;
+            // For richTextFields, we might need a more robust check (e.g. check for root.children.length > 0)
+            // But for now, simple truthiness covers most cases or at least defaults safely
+            if (fieldType === 'richText' && value && typeof value === 'object' && 'root' in value) {
+                // Basic lexical check could go here if needed
             }
         }
         catch (e) {
             // ignore
         }
         if (!hasValue) {
-            setActiveComponent('Compose');
+            const defaultLocale = config?.localization ? config.localization.defaultLocale : undefined;
+            const translateItem = menuItemsMap.find((i) => i.name === 'Translate');
+            const isTranslateExcluded = translateItem?.excludedFor?.includes(fieldType ?? '');
+            if (!isTranslateExcluded && locale?.code && defaultLocale && locale.code !== defaultLocale) {
+                setActiveComponent('Translate');
+            }
+            else {
+                setActiveComponent('Compose');
+            }
             return;
         }
-        if (menuItemsMap.some((i) => i.excludedFor?.includes(fieldType ?? ''))) {
+        const rephraseItem = menuItemsMap.find((i) => i.name === 'Rephrase');
+        if (rephraseItem?.excludedFor?.includes(fieldType ?? '')) {
             setActiveComponent('Compose');
             return;
         }
         // Default to Rephrase if value exists
         setActiveComponent('Rephrase');
-    }, [fieldType, getData, path]);
+    }, [fieldType, value, locale?.code, config?.localization]);
     const MemoizedActiveComponent = useMemo(() => {
-        return ({ isLoading, loadingLabel, stop }) => {
+        return ({ isLoading, loadingLabel, stop, }) => {
             const ActiveComponent = getActiveComponent(activeComponent);
             const activeItem = menuItemsMap.find((i) => i.name === activeComponent);
             return (<ActiveComponent hideIcon onClick={(data) => {
                     if (!isLoading) {
                         const trigger = menuEvents[`on${activeComponent}`];
                         if (typeof trigger === 'function') {
-                            trigger(data);
+                            const isEvent = data && typeof data === 'object' && 'nativeEvent' in data;
+                            const actualData = isEvent ? undefined : data;
+                            if (activeComponent === 'Translate' && !actualData) {
+                                trigger({ locale: locale?.code, translateFromDefault: true });
+                            }
+                            else {
+                                trigger(actualData);
+                            }
                         }
                         else {
                             console.error('No trigger found for', activeComponent);
@@ -68,11 +84,15 @@ export const useMenu = (menuEvents, options) => {
                     else {
                         stop();
                     }
-                }} title={isLoading ? 'Click to stop' : activeItem.name}>
-          {isLoading && (loadingLabel ?? activeItem.loadingText)}
+                }} title={isLoading
+                    ? t('ai-plugin:general:clickToStop')
+                    : t(`ai-plugin:actions:${activeItem.name.toLowerCase()}`)}>
+          {isLoading &&
+                    (loadingLabel ??
+                        (activeItem.loadingText ? t(`ai-plugin:actionLoading:${activeItem.loadingText.toLowerCase()}`) : null))}
         </ActiveComponent>);
         };
-    }, [activeComponent, menuEvents]);
+    }, [activeComponent, menuEvents, t, locale?.code]);
     const filteredMenuItems = useMemo(() => menuItemsMap.filter((i) => {
         if (i.name === 'Settings' && !options.isConfigAllowed) {
             return false;
@@ -90,7 +110,7 @@ export const useMenu = (menuEvents, options) => {
                         menuEvents[`on${i.name}`]?.(data);
                         onClose();
                     }}>
-              {isLoading && i.loadingText}
+              {isLoading && i.loadingText && t(`ai-plugin:actionLoading:${i.loadingText.toLowerCase()}`)}
             </Action>);
             })}
       </div>);

package/dist/ui/Compose/hooks/mergeGeneratedValue.d.ts

@@ -0,0 +1,14 @@
+type MergeGeneratedValueArgs = {
+    appendGenerated: boolean;
+    currentValue: unknown;
+    generatedValue: unknown;
+    hasMany: boolean;
+    max?: number;
+    maxRows?: number;
+};
+type MergeGeneratedValueResult = {
+    truncated: boolean;
+    value: unknown;
+};
+export declare const mergeGeneratedValue: ({ appendGenerated, currentValue, generatedValue, hasMany, max, maxRows, }: MergeGeneratedValueArgs) => MergeGeneratedValueResult;
+export {};

package/dist/ui/Compose/hooks/mergeGeneratedValue.js

@@ -0,0 +1,38 @@
+const toArray = (value)=>{
+    if (Array.isArray(value)) {
+        return value;
+    }
+    if (value === null || value === undefined || value === '') {
+        return [];
+    }
+    return [
+        value
+    ];
+};
+export const mergeGeneratedValue = ({ appendGenerated, currentValue, generatedValue, hasMany, max, maxRows })=>{
+    if (!appendGenerated || !hasMany) {
+        return {
+            truncated: false,
+            value: generatedValue
+        };
+    }
+    const current = toArray(currentValue);
+    const generated = toArray(generatedValue);
+    const merged = [
+        ...current,
+        ...generated
+    ];
+    const limit = typeof maxRows === 'number' ? maxRows : typeof max === 'number' ? max : undefined;
+    if (typeof limit === 'number' && limit >= 0 && merged.length > limit) {
+        return {
+            truncated: true,
+            value: merged.slice(0, limit)
+        };
+    }
+    return {
+        truncated: false,
+        value: merged
+    };
+};
+
+//# sourceMappingURL=mergeGeneratedValue.js.map

package/dist/ui/Compose/hooks/mergeGeneratedValue.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/ui/Compose/hooks/mergeGeneratedValue.ts"],"sourcesContent":["type MergeGeneratedValueArgs = {\n  appendGenerated: boolean\n  currentValue: unknown\n  generatedValue: unknown\n  hasMany: boolean\n  max?: number\n  maxRows?: number\n}\n\ntype MergeGeneratedValueResult = {\n  truncated: boolean\n  value: unknown\n}\n\nconst toArray = (value: unknown): unknown[] => {\n  if (Array.isArray(value)) {\n    return value\n  }\n\n  if (value === null || value === undefined || value === '') {\n    return []\n  }\n\n  return [value]\n}\n\nexport const mergeGeneratedValue = ({\n  appendGenerated,\n  currentValue,\n  generatedValue,\n  hasMany,\n  max,\n  maxRows,\n}: MergeGeneratedValueArgs): MergeGeneratedValueResult => {\n  if (!appendGenerated || !hasMany) {\n    return {\n      truncated: false,\n      value: generatedValue,\n    }\n  }\n\n  const current = toArray(currentValue)\n  const generated = toArray(generatedValue)\n\n  const merged = [...current, ...generated]\n  const limit = typeof maxRows === 'number' ? maxRows : typeof max === 'number' ? max : undefined\n\n  if (typeof limit === 'number' && limit >= 0 && merged.length > limit) {\n    return {\n      truncated: true,\n      value: merged.slice(0, limit),\n    }\n  }\n\n  return {\n    truncated: false,\n    value: merged,\n  }\n}\n"],"names":["toArray","value","Array","isArray","undefined","mergeGeneratedValue","appendGenerated","currentValue","generatedValue","hasMany","max","maxRows","truncated","current","generated","merged","limit","length","slice"],"mappings":"AAcA,MAAMA,UAAU,CAACC;IACf,IAAIC,MAAMC,OAAO,CAACF,QAAQ;QACxB,OAAOA;IACT;IAEA,IAAIA,UAAU,QAAQA,UAAUG,aAAaH,UAAU,IAAI;QACzD,OAAO,EAAE;IACX;IAEA,OAAO;QAACA;KAAM;AAChB;AAEA,OAAO,MAAMI,sBAAsB,CAAC,EAClCC,eAAe,EACfC,YAAY,EACZC,cAAc,EACdC,OAAO,EACPC,GAAG,EACHC,OAAO,EACiB;IACxB,IAAI,CAACL,mBAAmB,CAACG,SAAS;QAChC,OAAO;YACLG,WAAW;YACXX,OAAOO;QACT;IACF;IAEA,MAAMK,UAAUb,QAAQO;IACxB,MAAMO,YAAYd,QAAQQ;IAE1B,MAAMO,SAAS;WAAIF;WAAYC;KAAU;IACzC,MAAME,QAAQ,OAAOL,YAAY,WAAWA,UAAU,OAAOD,QAAQ,WAAWA,MAAMN;IAEtF,IAAI,OAAOY,UAAU,YAAYA,SAAS,KAAKD,OAAOE,MAAM,GAAGD,OAAO;QACpE,OAAO;YACLJ,WAAW;YACXX,OAAOc,OAAOG,KAAK,CAAC,GAAGF;QACzB;IACF;IAEA,OAAO;QACLJ,WAAW;QACXX,OAAOc;IACT;AACF,EAAC"}

package/dist/ui/Compose/hooks/useGenerate.js

@@ -5,7 +5,9 @@ import { jsonSchema } from 'ai';
 import { useCallback, useEffect, useRef } from 'react';
 import { PLUGIN_API_ENDPOINT_GENERATE } from '../../../defaults.js';
 import { useFieldProps } from '../../../providers/FieldProvider/useFieldProps.js';
-import { setSafeLexicalState } from '../../../utilities/setSafeLexicalState.js';
+import { useInstructions } from '../../../providers/InstructionsProvider/useInstructions.js';
+import { setSafeLexicalState } from '../../../utilities/lexical/setSafeLexicalState.js';
+import { mergeGeneratedValue } from './mergeGeneratedValue.js';
 import { useGenerateUpload } from './useGenerateUpload.js';
 import { useHistory } from './useHistory.js';
 import { useStreamingUpdate } from './useStreamingUpdate.js';
@@ -18,15 +20,30 @@ export const useGenerate = ({ instructionId })=>{
     }, [
         instructionId
     ]);
-    const { field, path: pathFromContext } = useFieldProps();
+    const { field, path: pathFromContext, schemaPath } = useFieldProps();
+    const { appendGenerated } = useInstructions({
+        schemaPath
+    });
     const editorConfigContext = useEditorConfigContext();
-    const { setValue } = useField({
+    const { setValue, value: currentFieldValue } = useField({
         path: pathFromContext ?? ''
     });
+    const appendGeneratedRef = useRef(!!appendGenerated);
+    const currentFieldValueRef = useRef(currentFieldValue);
     const { set: setHistory } = useHistory();
     const { getData } = useForm();
     const { id: documentId } = useDocumentInfo();
-    const localFromContext = useLocale();
+    const locale = useLocale();
+    useEffect(()=>{
+        appendGeneratedRef.current = !!appendGenerated;
+    }, [
+        appendGenerated
+    ]);
+    useEffect(()=>{
+        currentFieldValueRef.current = currentFieldValue;
+    }, [
+        currentFieldValue
+    ]);
     const { isLoading: loadingObject, object, stop: objectStop, submit } = useObject({
         api: `/api${PLUGIN_API_ENDPOINT_GENERATE}`,
         onError: (error)=>{
@@ -38,12 +55,21 @@ export const useGenerate = ({ instructionId })=>{
                 if (field.type === 'richText') {
                     setHistory(result.object);
                     setSafeLexicalState(result.object, editor);
-                } else if ('name' in field && result.object[field.name]) {
-                    setHistory(result.object[field.name]);
-                    setValue(result.object[field.name]);
+                } else if ('name' in field && result.object[field.name] !== undefined) {
+                    const merged = mergeGeneratedValue({
+                        appendGenerated: appendGeneratedRef.current,
+                        currentValue: currentFieldValueRef.current,
+                        generatedValue: result.object[field.name],
+                        hasMany: field.hasMany === true,
+                        max: typeof field.max === 'number' ? field.max : undefined,
+                        maxRows: typeof field.maxRows === 'number' ? field.maxRows : undefined
+                    });
+                    if (merged.truncated) {
+                        toast.info('Appended values were truncated to this field maximum.');
+                    }
+                    setHistory(merged.value);
+                    setValue(merged.value);
                 }
-            } else {
-                console.log('onFinish: result, field ', result, field);
             }
         },
         schema: jsonSchema({
@@ -77,11 +103,11 @@ export const useGenerate = ({ instructionId })=>{
                 ...doc,
                 id: documentId
             },
-            locale: localFromContext?.code,
+            locale: locale?.code,
             options
         });
     }, [
-        localFromContext?.code,
+        locale?.code,
         instructionIdRef,
         documentId,
         getData,
@@ -102,7 +128,6 @@ export const useGenerate = ({ instructionId })=>{
         field
     ]);
     const stop = useCallback(()=>{
-        console.log('Stopping...');
         objectStop();
     }, [
         objectStop

package/dist/ui/Compose/hooks/useGenerate.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/ui/Compose/hooks/useGenerate.ts"],"sourcesContent":["import { experimental_useObject as useObject } from '@ai-sdk/react'\nimport { useEditorConfigContext } from '@payloadcms/richtext-lexical/client'\nimport { toast, useDocumentInfo, useField, useForm, useLocale } from '@payloadcms/ui'\nimport { jsonSchema } from 'ai'\nimport { useCallback, useEffect, useRef } from 'react'\n\nimport type { ActionMenuItems } from '../../../types.js'\n\nimport { PLUGIN_API_ENDPOINT_GENERATE } from '../../../defaults.js'\nimport { useFieldProps } from '../../../providers/FieldProvider/useFieldProps.js'\nimport { setSafeLexicalState } from '../../../utilities/setSafeLexicalState.js'\nimport { useGenerateUpload } from './useGenerateUpload.js'\nimport { useHistory } from './useHistory.js'\nimport { useStreamingUpdate } from './useStreamingUpdate.js'\n\ntype ActionCallbackParams = { action: ActionMenuItems; params?: unknown }\n\nexport const useGenerate = ({ instructionId }: { instructionId: string }) => {\n  // Create a ref to hold the current instructionId\n  const instructionIdRef = useRef(instructionId)\n\n  // Update the ref whenever instructionId changes\n  useEffect(() => {\n    instructionIdRef.current = instructionId\n  }, [instructionId])\n\n  const { field, path: pathFromContext } = useFieldProps()\n  const editorConfigContext = useEditorConfigContext()\n  const { setValue } = useField<any>({\n    path: pathFromContext ?? '',\n  })\n  const { set: setHistory } = useHistory()\n  const { getData } = useForm()\n  const { id: documentId } = useDocumentInfo()\n  const localFromContext = useLocale()\n\n  const {\n    isLoading: loadingObject,\n    object,\n    stop: objectStop,\n    submit,\n  } = useObject({\n    api: `/api${PLUGIN_API_ENDPOINT_GENERATE}`,\n    onError: (error: any) => {\n      toast.error(`Failed to generate: ${error.message}`)\n      console.error('Error generating object:', error)\n    },\n    onFinish: (result) => {\n      if (result.object && field) {\n        if (field.type === 'richText') {\n          setHistory(result.object)\n          setSafeLexicalState(result.object, editor)\n        } else if ('name' in field && result.object[field.name]) {\n          setHistory(result.object[field.name])\n          setValue(result.object[field.name])\n        }\n      } else {\n        console.log('onFinish: result, field ', result, field)\n      }\n    },\n    schema: jsonSchema({\n      type: 'object',\n      additionalProperties: true,\n      properties: {},\n    }) as any,\n  })\n\n  const { editor } = editorConfigContext\n\n  // Hook: Handle high-frequency streaming updates\n  useStreamingUpdate({\n    editor,\n    isLoading: loadingObject,\n    object,\n  })\n\n  // Hook 2: Handle Upload generation and polling\n  const { generateUpload, isJobActive, jobProgress, jobStatus } = useGenerateUpload({\n    instructionIdRef,\n  })\n\n  const streamObject = useCallback(\n    ({ action = 'Compose', params }: ActionCallbackParams) => {\n      const doc = getData()\n\n      const currentInstructionId = instructionIdRef.current\n\n      const options = {\n        action,\n        actionParams: params,\n        instructionId: currentInstructionId,\n      }\n\n      submit({\n        allowedEditorNodes: Array.from(editor?._nodes?.keys() || []),\n        doc: {\n          ...doc,\n          id: documentId,\n        },\n        locale: localFromContext?.code,\n        options,\n      })\n    },\n    [localFromContext?.code, instructionIdRef, documentId, getData, submit, editor],\n  )\n\n  const generate = useCallback(\n    async (options?: ActionCallbackParams) => {\n      if ((field as any)?.type === 'upload') {\n        return generateUpload()\n      }\n      // All supported types use structured object generation when schema is provided server-side\n      return streamObject(options ?? { action: 'Compose' })\n    },\n    [generateUpload, streamObject, field],\n  )\n\n  const stop = useCallback(() => {\n    console.log('Stopping...')\n    objectStop()\n  }, [objectStop])\n\n  return {\n    generate,\n    isJobActive,\n    isLoading: loadingObject,\n    jobProgress,\n    jobStatus,\n    stop,\n  }\n}\n"],"names":["experimental_useObject","useObject","useEditorConfigContext","toast","useDocumentInfo","useField","useForm","useLocale","jsonSchema","useCallback","useEffect","useRef","PLUGIN_API_ENDPOINT_GENERATE","useFieldProps","setSafeLexicalState","useGenerateUpload","useHistory","useStreamingUpdate","useGenerate","instructionId","instructionIdRef","current","field","path","pathFromContext","editorConfigContext","setValue","set","setHistory","getData","id","documentId","localFromContext","isLoading","loadingObject","object","stop","objectStop","submit","api","onError","error","message","console","onFinish","result","type","editor","name","log","schema","additionalProperties","properties","generateUpload","isJobActive","jobProgress","jobStatus","streamObject","action","params","doc","currentInstructionId","options","actionParams","allowedEditorNodes","Array","from","_nodes","keys","locale","code","generate"],"mappings":"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"}
+{"version":3,"sources":["../../../../src/ui/Compose/hooks/useGenerate.ts"],"sourcesContent":["import { experimental_useObject as useObject } from '@ai-sdk/react'\nimport { useEditorConfigContext } from '@payloadcms/richtext-lexical/client'\nimport { toast, useDocumentInfo, useField, useForm, useLocale } from '@payloadcms/ui'\nimport { jsonSchema } from 'ai'\nimport { useCallback, useEffect, useRef } from 'react'\n\nimport type { ActionMenuItems } from '../../../types.js'\n\nimport { PLUGIN_API_ENDPOINT_GENERATE } from '../../../defaults.js'\nimport { useFieldProps } from '../../../providers/FieldProvider/useFieldProps.js'\nimport { useInstructions } from '../../../providers/InstructionsProvider/useInstructions.js'\nimport { setSafeLexicalState } from '../../../utilities/lexical/setSafeLexicalState.js'\nimport { mergeGeneratedValue } from './mergeGeneratedValue.js'\nimport { useGenerateUpload } from './useGenerateUpload.js'\nimport { useHistory } from './useHistory.js'\nimport { useStreamingUpdate } from './useStreamingUpdate.js'\n\ntype ActionCallbackParams = { action: ActionMenuItems; params?: unknown }\n\nexport const useGenerate = ({ instructionId }: { instructionId: string }) => {\n  // Create a ref to hold the current instructionId\n  const instructionIdRef = useRef(instructionId)\n\n  // Update the ref whenever instructionId changes\n  useEffect(() => {\n    instructionIdRef.current = instructionId\n  }, [instructionId])\n\n  const { field, path: pathFromContext, schemaPath } = useFieldProps()\n  const { appendGenerated } = useInstructions({ schemaPath })\n  const editorConfigContext = useEditorConfigContext()\n  const { setValue, value: currentFieldValue } = useField<any>({\n    path: pathFromContext ?? '',\n  })\n  const appendGeneratedRef = useRef(!!appendGenerated)\n  const currentFieldValueRef = useRef(currentFieldValue)\n  const { set: setHistory } = useHistory()\n  const { getData } = useForm()\n  const { id: documentId } = useDocumentInfo()\n  const locale = useLocale()\n\n  useEffect(() => {\n    appendGeneratedRef.current = !!appendGenerated\n  }, [appendGenerated])\n\n  useEffect(() => {\n    currentFieldValueRef.current = currentFieldValue\n  }, [currentFieldValue])\n\n  const {\n    isLoading: loadingObject,\n    object,\n    stop: objectStop,\n    submit,\n  } = useObject({\n    api: `/api${PLUGIN_API_ENDPOINT_GENERATE}`,\n    onError: (error: any) => {\n      toast.error(`Failed to generate: ${error.message}`)\n      console.error('Error generating object:', error)\n    },\n    onFinish: (result) => {\n      if (result.object && field) {\n        if (field.type === 'richText') {\n          setHistory(result.object)\n          setSafeLexicalState(result.object, editor)\n        } else if ('name' in field && result.object[field.name] !== undefined) {\n          const merged = mergeGeneratedValue({\n            appendGenerated: appendGeneratedRef.current,\n            currentValue: currentFieldValueRef.current,\n            generatedValue: result.object[field.name],\n            hasMany: (field as any).hasMany === true,\n            max: typeof (field as any).max === 'number' ? (field as any).max : undefined,\n            maxRows: typeof (field as any).maxRows === 'number' ? (field as any).maxRows : undefined,\n          })\n\n          if (merged.truncated) {\n            toast.info('Appended values were truncated to this field maximum.')\n          }\n\n          setHistory(merged.value)\n          setValue(merged.value)\n        }\n      }\n    },\n    schema: jsonSchema({\n      type: 'object',\n      additionalProperties: true,\n      properties: {},\n    }) as any,\n  })\n\n  const { editor } = editorConfigContext\n\n  // Hook: Handle high-frequency streaming updates\n  useStreamingUpdate({\n    editor,\n    isLoading: loadingObject,\n    object,\n  })\n\n  // Hook 2: Handle Upload generation and polling\n  const { generateUpload, isJobActive, jobProgress, jobStatus } = useGenerateUpload({\n    instructionIdRef,\n  })\n\n  const streamObject = useCallback(\n    ({ action = 'Compose', params }: ActionCallbackParams) => {\n      const doc = getData()\n\n      const currentInstructionId = instructionIdRef.current\n\n      const options = {\n        action,\n        actionParams: params,\n        instructionId: currentInstructionId,\n      }\n\n      submit({\n        allowedEditorNodes: Array.from(editor?._nodes?.keys() || []),\n        doc: {\n          ...doc,\n          id: documentId,\n        },\n        locale: locale?.code,\n        options,\n      })\n    },\n    [locale?.code, instructionIdRef, documentId, getData, submit, editor],\n  )\n\n  const generate = useCallback(\n    async (options?: ActionCallbackParams) => {\n      if ((field as any)?.type === 'upload') {\n        return generateUpload()\n      }\n      // All supported types use structured object generation when schema is provided server-side\n      return streamObject(options ?? { action: 'Compose' })\n    },\n    [generateUpload, streamObject, field],\n  )\n\n  const stop = useCallback(() => {\n    objectStop()\n  }, [objectStop])\n\n  return {\n    generate,\n    isJobActive,\n    isLoading: loadingObject,\n    jobProgress,\n    jobStatus,\n    stop,\n  }\n}\n"],"names":["experimental_useObject","useObject","useEditorConfigContext","toast","useDocumentInfo","useField","useForm","useLocale","jsonSchema","useCallback","useEffect","useRef","PLUGIN_API_ENDPOINT_GENERATE","useFieldProps","useInstructions","setSafeLexicalState","mergeGeneratedValue","useGenerateUpload","useHistory","useStreamingUpdate","useGenerate","instructionId","instructionIdRef","current","field","path","pathFromContext","schemaPath","appendGenerated","editorConfigContext","setValue","value","currentFieldValue","appendGeneratedRef","currentFieldValueRef","set","setHistory","getData","id","documentId","locale","isLoading","loadingObject","object","stop","objectStop","submit","api","onError","error","message","console","onFinish","result","type","editor","name","undefined","merged","currentValue","generatedValue","hasMany","max","maxRows","truncated","info","schema","additionalProperties","properties","generateUpload","isJobActive","jobProgress","jobStatus","streamObject","action","params","doc","currentInstructionId","options","actionParams","allowedEditorNodes","Array","from","_nodes","keys","code","generate"],"mappings":"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"}