@ai-stack/payloadcms 3.68.0-beta.1 → 3.68.0-beta.2

package/dist/exports/fields.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/exports/fields.ts"],"sourcesContent":["export { ComposeField } from '../fields/ComposeField/ComposeField.js'\nexport { PromptEditorField } from '../fields/PromptEditorField/PromptEditorField.js'\nexport { SelectField } from '../fields/SelectField/SelectField.js'\n"],"names":["ComposeField","PromptEditorField","SelectField"],"mappings":"AAAA,SAASA,YAAY,QAAQ,yCAAwC;AACrE,SAASC,iBAAiB,QAAQ,mDAAkD;AACpF,SAASC,WAAW,QAAQ,uCAAsC"}
+{"version":3,"sources":["../../src/exports/fields.ts"],"sourcesContent":["export { ArrayComposeField } from '../fields/ArrayComposeField/ArrayComposeField.js'\nexport { ComposeField } from '../fields/ComposeField/ComposeField.js'\nexport { PromptEditorField } from '../fields/PromptEditorField/PromptEditorField.js'\nexport { SelectField } from '../fields/SelectField/SelectField.js'\n"],"names":["ArrayComposeField","ComposeField","PromptEditorField","SelectField"],"mappings":"AAAA,SAASA,iBAAiB,QAAQ,mDAAkD;AACpF,SAASC,YAAY,QAAQ,yCAAwC;AACrE,SAASC,iBAAiB,QAAQ,mDAAkD;AACpF,SAASC,WAAW,QAAQ,uCAAsC"}

package/dist/fields/ArrayComposeField/ArrayComposeField.d.ts

@@ -0,0 +1,15 @@
+import type { ClientField } from 'payload';
+import React from 'react';
+type ArrayComposeFieldProps = {
+    [key: string]: any;
+    field: ClientField;
+    path?: string;
+    schemaPath?: string;
+};
+/**
+ * ArrayComposeField - A version of ComposeField specifically for array fields.
+ * Unlike regular fields, arrays don't have focus events, so this component
+ * renders the Compose button immediately (always visible).
+ */
+export declare const ArrayComposeField: (props: ArrayComposeFieldProps) => React.JSX.Element;
+export {};

package/dist/fields/ArrayComposeField/ArrayComposeField.js

@@ -0,0 +1,87 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { FieldDescription, useDocumentInfo } from '@payloadcms/ui';
+import React from 'react';
+import { createPortal } from 'react-dom';
+import { FieldProvider } from '../../providers/FieldProvider/FieldProvider.js';
+import { useInstructions } from '../../providers/InstructionsProvider/useInstructions.js';
+import { Compose } from '../../ui/Compose/Compose.js';
+import styles from '../../ui/Compose/compose.module.css';
+/**
+ * ArrayComposeField - A version of ComposeField specifically for array fields.
+ * Unlike regular fields, arrays don't have focus events, so this component
+ * renders the Compose button immediately (always visible).
+ */ export const ArrayComposeField = (props)=>{
+    const { collectionSlug } = useDocumentInfo();
+    const finalSchemaPath = props?.schemaPath ?? (collectionSlug ? `${collectionSlug}.${props?.path ?? ''}` : props?.path ?? '');
+    const { id: instructionId, disabled, hasInstructions, isConfigAllowed } = useInstructions({
+        schemaPath: finalSchemaPath
+    });
+    // Portal target state
+    const [portalTarget, setPortalTarget] = React.useState(null);
+    // State to track if the "Add Row" button is present in the DOM
+    const [isAddRowPresent, setIsAddRowPresent] = React.useState(true);
+    React.useEffect(()=>{
+        if (props.field && 'name' in props.field) {
+            const fieldId = `field-${props.field.name}`;
+            const fieldElement = document.getElementById(fieldId);
+            if (fieldElement) {
+                fieldElement.classList.add(styles.arrayFieldWrapper);
+                // Force relative position via inline style to prevent class application delays/overrides
+                fieldElement.style.position = 'relative';
+                setPortalTarget(fieldElement);
+                // Check initial state
+                const checkAddRow = ()=>{
+                    const btn = fieldElement.querySelector('.array-field__add-row');
+                    setIsAddRowPresent(!!btn);
+                };
+                checkAddRow();
+                // Observe for changes (e.g. when max rows reached and button is removed)
+                const observer = new MutationObserver(checkAddRow);
+                observer.observe(fieldElement, {
+                    childList: true,
+                    subtree: true
+                });
+                return ()=>observer.disconnect();
+            }
+        }
+    }, [
+        props.field
+    ]);
+    const adminDescription = props?.field?.admin || {};
+    const description = 'description' in adminDescription ? adminDescription.description : '';
+    return /*#__PURE__*/ _jsxs(FieldProvider, {
+        context: {
+            field: props?.field,
+            path: props?.path ?? '',
+            schemaPath: finalSchemaPath
+        },
+        children: [
+            /*#__PURE__*/ _jsx("div", {
+                children: /*#__PURE__*/ _jsx(FieldDescription, {
+                    description: description,
+                    path: props?.path
+                })
+            }),
+            hasInstructions && instructionId && !disabled && portalTarget ? /*#__PURE__*/ createPortal(/*#__PURE__*/ _jsx("div", {
+                className: `
+                ${styles.composePortal} 
+                ${isAddRowPresent ? styles.composePortalAbsolute : styles.composePortalStatic}
+              `,
+                children: /*#__PURE__*/ _jsx(Compose, {
+                    descriptionProps: {
+                        ...props,
+                        field: props?.field,
+                        path: props?.path ?? '',
+                        schemaPath: finalSchemaPath
+                    },
+                    forceVisible: true,
+                    instructionId: instructionId,
+                    isConfigAllowed: isConfigAllowed
+                })
+            }), portalTarget) : null
+        ]
+    });
+};
+
+//# sourceMappingURL=ArrayComposeField.js.map

package/dist/fields/ArrayComposeField/ArrayComposeField.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/fields/ArrayComposeField/ArrayComposeField.tsx"],"sourcesContent":["'use client'\n\nimport type { ClientField } from 'payload'\n\nimport { FieldDescription, useDocumentInfo } from '@payloadcms/ui'\nimport React from 'react'\nimport { createPortal } from 'react-dom'\n\nimport { FieldProvider } from '../../providers/FieldProvider/FieldProvider.js'\nimport { useInstructions } from '../../providers/InstructionsProvider/useInstructions.js'\nimport { Compose } from '../../ui/Compose/Compose.js'\nimport styles from '../../ui/Compose/compose.module.css'\n\ntype ArrayComposeFieldProps = {\n  [key: string]: any\n  field: ClientField\n  path?: string\n  schemaPath?: string\n}\n\n/**\n * ArrayComposeField - A version of ComposeField specifically for array fields.\n * Unlike regular fields, arrays don't have focus events, so this component\n * renders the Compose button immediately (always visible).\n */\nexport const ArrayComposeField = (props: ArrayComposeFieldProps) => {\n  const { collectionSlug } = useDocumentInfo()\n\n  const finalSchemaPath =\n    props?.schemaPath ??\n    (collectionSlug ? `${collectionSlug}.${props?.path ?? ''}` : (props?.path ?? ''))\n\n  const {\n    id: instructionId,\n    disabled,\n    hasInstructions,\n    isConfigAllowed,\n  } = useInstructions({\n    schemaPath: finalSchemaPath,\n  })\n\n  // Portal target state\n  const [portalTarget, setPortalTarget] = React.useState<HTMLElement | null>(null)\n\n  // State to track if the \"Add Row\" button is present in the DOM\n  const [isAddRowPresent, setIsAddRowPresent] = React.useState(true)\n\n  React.useEffect(() => {\n    if (props.field && 'name' in props.field) {\n      const fieldId = `field-${props.field.name}`\n      const fieldElement = document.getElementById(fieldId)\n      \n      if (fieldElement) {\n        fieldElement.classList.add(styles.arrayFieldWrapper)\n        // Force relative position via inline style to prevent class application delays/overrides\n        fieldElement.style.position = 'relative'\n        setPortalTarget(fieldElement)\n\n        // Check initial state\n        const checkAddRow = () => {\n          const btn = fieldElement.querySelector('.array-field__add-row')\n          setIsAddRowPresent(!!btn)\n        }\n        \n        checkAddRow()\n\n        // Observe for changes (e.g. when max rows reached and button is removed)\n        const observer = new MutationObserver(checkAddRow)\n        observer.observe(fieldElement, { childList: true, subtree: true })\n\n        return () => observer.disconnect()\n      }\n    }\n  }, [props.field])\n\n  const adminDescription = props?.field?.admin || {}\n  const description = 'description' in adminDescription ? adminDescription.description : ''\n\n  return (\n    <FieldProvider\n      context={{\n        field: props?.field,\n        path: props?.path ?? '',\n        schemaPath: finalSchemaPath,\n      }}\n    >\n      <div>\n        <FieldDescription description={description as any} path={props?.path as string} />\n      </div>\n\n      {/* Portal the Compose button to the bottom of the field wrapper */}\n      {hasInstructions && instructionId && !disabled && portalTarget\n        ? createPortal(\n            <div \n              className={`\n                ${styles.composePortal} \n                ${isAddRowPresent ? styles.composePortalAbsolute : styles.composePortalStatic}\n              `}\n            >\n              <Compose\n                descriptionProps={{\n                  ...props,\n                  field: props?.field,\n                  path: props?.path ?? '',\n                  schemaPath: finalSchemaPath,\n                }}\n                forceVisible={true}\n                instructionId={instructionId}\n                isConfigAllowed={isConfigAllowed}\n              />\n            </div>,\n            portalTarget,\n          )\n        : null}\n    </FieldProvider>\n  )\n}\n"],"names":["FieldDescription","useDocumentInfo","React","createPortal","FieldProvider","useInstructions","Compose","styles","ArrayComposeField","props","collectionSlug","finalSchemaPath","schemaPath","path","id","instructionId","disabled","hasInstructions","isConfigAllowed","portalTarget","setPortalTarget","useState","isAddRowPresent","setIsAddRowPresent","useEffect","field","fieldId","name","fieldElement","document","getElementById","classList","add","arrayFieldWrapper","style","position","checkAddRow","btn","querySelector","observer","MutationObserver","observe","childList","subtree","disconnect","adminDescription","admin","description","context","div","className","composePortal","composePortalAbsolute","composePortalStatic","descriptionProps","forceVisible"],"mappings":"AAAA;;AAIA,SAASA,gBAAgB,EAAEC,eAAe,QAAQ,iBAAgB;AAClE,OAAOC,WAAW,QAAO;AACzB,SAASC,YAAY,QAAQ,YAAW;AAExC,SAASC,aAAa,QAAQ,iDAAgD;AAC9E,SAASC,eAAe,QAAQ,0DAAyD;AACzF,SAASC,OAAO,QAAQ,8BAA6B;AACrD,OAAOC,YAAY,sCAAqC;AASxD;;;;CAIC,GACD,OAAO,MAAMC,oBAAoB,CAACC;IAChC,MAAM,EAAEC,cAAc,EAAE,GAAGT;IAE3B,MAAMU,kBACJF,OAAOG,cACNF,CAAAA,iBAAiB,CAAC,EAAEA,eAAe,CAAC,EAAED,OAAOI,QAAQ,GAAG,CAAC,GAAIJ,OAAOI,QAAQ,EAAE;IAEjF,MAAM,EACJC,IAAIC,aAAa,EACjBC,QAAQ,EACRC,eAAe,EACfC,eAAe,EAChB,GAAGb,gBAAgB;QAClBO,YAAYD;IACd;IAEA,sBAAsB;IACtB,MAAM,CAACQ,cAAcC,gBAAgB,GAAGlB,MAAMmB,QAAQ,CAAqB;IAE3E,+DAA+D;IAC/D,MAAM,CAACC,iBAAiBC,mBAAmB,GAAGrB,MAAMmB,QAAQ,CAAC;IAE7DnB,MAAMsB,SAAS,CAAC;QACd,IAAIf,MAAMgB,KAAK,IAAI,UAAUhB,MAAMgB,KAAK,EAAE;YACxC,MAAMC,UAAU,CAAC,MAAM,EAAEjB,MAAMgB,KAAK,CAACE,IAAI,CAAC,CAAC;YAC3C,MAAMC,eAAeC,SAASC,cAAc,CAACJ;YAE7C,IAAIE,cAAc;gBAChBA,aAAaG,SAAS,CAACC,GAAG,CAACzB,OAAO0B,iBAAiB;gBACnD,yFAAyF;gBACzFL,aAAaM,KAAK,CAACC,QAAQ,GAAG;gBAC9Bf,gBAAgBQ;gBAEhB,sBAAsB;gBACtB,MAAMQ,cAAc;oBAClB,MAAMC,MAAMT,aAAaU,aAAa,CAAC;oBACvCf,mBAAmB,CAAC,CAACc;gBACvB;gBAEAD;gBAEA,yEAAyE;gBACzE,MAAMG,WAAW,IAAIC,iBAAiBJ;gBACtCG,SAASE,OAAO,CAACb,cAAc;oBAAEc,WAAW;oBAAMC,SAAS;gBAAK;gBAEhE,OAAO,IAAMJ,SAASK,UAAU;YAClC;QACF;IACF,GAAG;QAACnC,MAAMgB,KAAK;KAAC;IAEhB,MAAMoB,mBAAmBpC,OAAOgB,OAAOqB,SAAS,CAAC;IACjD,MAAMC,cAAc,iBAAiBF,mBAAmBA,iBAAiBE,WAAW,GAAG;IAEvF,qBACE,MAAC3C;QACC4C,SAAS;YACPvB,OAAOhB,OAAOgB;YACdZ,MAAMJ,OAAOI,QAAQ;YACrBD,YAAYD;QACd;;0BAEA,KAACsC;0BACC,cAAA,KAACjD;oBAAiB+C,aAAaA;oBAAoBlC,MAAMJ,OAAOI;;;YAIjEI,mBAAmBF,iBAAiB,CAACC,YAAYG,6BAC9ChB,2BACE,KAAC8C;gBACCC,WAAW,CAAC;gBACV,EAAE3C,OAAO4C,aAAa,CAAC;gBACvB,EAAE7B,kBAAkBf,OAAO6C,qBAAqB,GAAG7C,OAAO8C,mBAAmB,CAAC;cAChF,CAAC;0BAED,cAAA,KAAC/C;oBACCgD,kBAAkB;wBAChB,GAAG7C,KAAK;wBACRgB,OAAOhB,OAAOgB;wBACdZ,MAAMJ,OAAOI,QAAQ;wBACrBD,YAAYD;oBACd;oBACA4C,cAAc;oBACdxC,eAAeA;oBACfG,iBAAiBA;;gBAGrBC,gBAEF;;;AAGV,EAAC"}

package/dist/fields/ArrayComposeField/ArrayComposeField.jsx

@@ -0,0 +1,73 @@
+'use client';
+import { FieldDescription, useDocumentInfo } from '@payloadcms/ui';
+import React from 'react';
+import { createPortal } from 'react-dom';
+import { FieldProvider } from '../../providers/FieldProvider/FieldProvider.js';
+import { useInstructions } from '../../providers/InstructionsProvider/useInstructions.js';
+import { Compose } from '../../ui/Compose/Compose.js';
+import styles from '../../ui/Compose/compose.module.css';
+/**
+ * ArrayComposeField - A version of ComposeField specifically for array fields.
+ * Unlike regular fields, arrays don't have focus events, so this component
+ * renders the Compose button immediately (always visible).
+ */
+export const ArrayComposeField = (props) => {
+    const { collectionSlug } = useDocumentInfo();
+    const finalSchemaPath = props?.schemaPath ??
+        (collectionSlug ? `${collectionSlug}.${props?.path ?? ''}` : (props?.path ?? ''));
+    const { id: instructionId, disabled, hasInstructions, isConfigAllowed, } = useInstructions({
+        schemaPath: finalSchemaPath,
+    });
+    // Portal target state
+    const [portalTarget, setPortalTarget] = React.useState(null);
+    // State to track if the "Add Row" button is present in the DOM
+    const [isAddRowPresent, setIsAddRowPresent] = React.useState(true);
+    React.useEffect(() => {
+        if (props.field && 'name' in props.field) {
+            const fieldId = `field-${props.field.name}`;
+            const fieldElement = document.getElementById(fieldId);
+            if (fieldElement) {
+                fieldElement.classList.add(styles.arrayFieldWrapper);
+                // Force relative position via inline style to prevent class application delays/overrides
+                fieldElement.style.position = 'relative';
+                setPortalTarget(fieldElement);
+                // Check initial state
+                const checkAddRow = () => {
+                    const btn = fieldElement.querySelector('.array-field__add-row');
+                    setIsAddRowPresent(!!btn);
+                };
+                checkAddRow();
+                // Observe for changes (e.g. when max rows reached and button is removed)
+                const observer = new MutationObserver(checkAddRow);
+                observer.observe(fieldElement, { childList: true, subtree: true });
+                return () => observer.disconnect();
+            }
+        }
+    }, [props.field]);
+    const adminDescription = props?.field?.admin || {};
+    const description = 'description' in adminDescription ? adminDescription.description : '';
+    return (<FieldProvider context={{
+            field: props?.field,
+            path: props?.path ?? '',
+            schemaPath: finalSchemaPath,
+        }}>
+      <div>
+        <FieldDescription description={description} path={props?.path}/>
+      </div>
+
+      {/* Portal the Compose button to the bottom of the field wrapper */}
+      {hasInstructions && instructionId && !disabled && portalTarget
+            ? createPortal(<div className={`
+                ${styles.composePortal} 
+                ${isAddRowPresent ? styles.composePortalAbsolute : styles.composePortalStatic}
+              `}>
+              <Compose descriptionProps={{
+                    ...props,
+                    field: props?.field,
+                    path: props?.path ?? '',
+                    schemaPath: finalSchemaPath,
+                }} forceVisible={true} instructionId={instructionId} isConfigAllowed={isConfigAllowed}/>
+            </div>, portalTarget)
+            : null}
+    </FieldProvider>);
+};

package/dist/fields/PromptEditorField/PromptEditorField.js

@@ -156,8 +156,13 @@ export const PromptEditorField = (props)=>{
         payloadValue
     ]);
     const handleChange = useCallback((e)=>{
-        setLocalValue(e.target.value);
-    }, []);
+        const newValue = e.target.value;
+        setLocalValue(newValue);
+        // Also update Payload value immediately to prevent loss when Save is clicked
+        setValue(newValue);
+    }, [
+        setValue
+    ]);
     const handleBlur = useCallback(()=>{
         setValue(localValue);
     }, [

package/dist/fields/PromptEditorField/PromptEditorField.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/fields/PromptEditorField/PromptEditorField.tsx"],"sourcesContent":["'use client'\n\nimport type { TextareaFieldClientProps } from 'payload'\n\nimport { FieldDescription, FieldLabel, useConfig, useField } from '@payloadcms/ui'\nimport React, { useCallback, useEffect, useMemo, useRef, useState } from 'react'\nimport { Mention, MentionsInput } from 'react-mentions/dist/react-mentions.cjs.js'\n\nimport { useInstructions } from '../../providers/InstructionsProvider/useInstructions.js'\nimport { defaultStyle } from './defaultStyle.js'\n\nexport const PromptEditorField: React.FC<TextareaFieldClientProps> = (props) => {\n  const { field, path: pathFromContext } = props\n  const { setValue, value: payloadValue } = useField<string>({\n    path: pathFromContext,\n  })\n\n  const [localValue, setLocalValue] = useState(payloadValue || '')\n  const hasInitialized = useRef(false)\n\n  const { activeCollection, promptEditorSuggestions } = useInstructions()\n  const { config } = useConfig()\n\n  const suggestions = useMemo(\n    () =>\n      promptEditorSuggestions.map((suggestion: string) => ({\n        id: suggestion,\n        display: suggestion,\n      })),\n    [promptEditorSuggestions],\n  )\n\n  // Extract document ID from URL if available (to get specific filenames)\n  const [documentData, setDocumentData] = useState<null | Record<string, unknown>>(null)\n  \n  useEffect(() => {\n    // Only run in browser\n    if (typeof window === 'undefined') {\n      return\n    }\n\n    // Allow time for verify window.location is stable (unlikely to change but good practice)\n    const segments = window.location.pathname.split('/')\n    const collectionsIndex = segments.indexOf('collections')\n    \n    if (collectionsIndex > -1 && segments.length > collectionsIndex + 2) {\n      const urlCollectionSlug = segments[collectionsIndex + 1]\n      const urlId = segments[collectionsIndex + 2]\n\n      // Only fetch if we are editing instructions for the same collection we are viewing\n      // and we haven't fetched yet (or ID changed)\n      if (urlCollectionSlug === activeCollection && urlId && urlId !== 'create') {\n         const fetchDocument = async () => {\n           try {\n              \n             const response = await fetch(`${String(config.serverURL)}${String(config.routes.api)}/${String(urlCollectionSlug)}/${String(urlId)}`)\n             if (response.ok) {\n               const data = await response.json()\n               setDocumentData(data)\n             }\n           } catch (_err) {\n             // Ignore error\n           }\n         }\n         void fetchDocument()\n      }\n    }\n  }, [activeCollection, config])\n\n  // Extract all upload fields from the current collection schema\n  const imageFieldSuggestions = useMemo(() => {\n    const suggestions: { display: string; id: string }[] = []\n    \n    // Use activeCollection from context which holds the target collection slug\n    const targetSlug = activeCollection\n    \n    if (!targetSlug || !config?.collections) {\n      return []\n    }\n\n    const collection = config.collections.find((c) => c.slug === targetSlug)\n    if (!collection?.fields) {\n      return []\n    }\n\n    const uploadFields: { hasMany: boolean; name: string }[] = []\n\n    // Recursive function to find upload fields\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    const findUploadFields = (fields: any[], prefix = ''): void => {\n      for (const field of fields) {\n        if (field.type === 'upload' && field.name) {\n          const fieldPath = prefix ? `${prefix}.${String(field.name)}` : String(field.name)\n          uploadFields.push({ name: fieldPath, hasMany: field.hasMany === true })\n        }\n        // Check nested fields in groups, arrays, etc.\n        if (field.fields && Array.isArray(field.fields)) {\n          const newPrefix = field.name ? (prefix ? `${prefix}.${String(field.name)}` : String(field.name)) : prefix\n          findUploadFields(field.fields, newPrefix)\n        }\n      }\n    }\n\n    findUploadFields(collection.fields)\n    \n    // Add generic field names (base suggestions) - ONLY for single uploads (not hasMany arrays)\n    uploadFields.forEach(({ name, hasMany }) => {\n      // User requested to hide the array itself for hasMany fields\n      if (!hasMany) {\n        suggestions.push({ id: name, display: name })\n      }\n    })\n\n    // If we have document data, add specific filename suggestions\n    if (documentData) {\n      uploadFields.forEach(({ name, hasMany }) => {\n        const value = documentData[name] // Note: nested access logic simplified for now\n        \n        // Helper to extract filename from media doc (which might be ID or object)\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        const getFilename = (item: any): null | string => {\n           if (typeof item === 'object' && item && (item.filename || item.name)) {\n             return item.filename || item.name\n           }\n           // If it's just an ID, we can't show filename without populating. \n           // Assuming compose view usually fetches with depth > 0 or we rely on what we have.\n           return null\n        }\n\n        if (value) {\n           if (hasMany && Array.isArray(value)) {\n             // eslint-disable-next-line @typescript-eslint/no-explicit-any\n             value.forEach((item: any) => {\n               const fname = getFilename(item)\n               if (fname) {\n                 const suggestion = `${name}:${fname}`\n                 suggestions.push({ id: suggestion, display: suggestion })\n               }\n             })\n           } else if (!hasMany) {\n             // Single image - we already added the base name above.\n             // We can optionally add the specific filename too if desired, \n             // but user request focused on arrays.\n             // Adding the specific filename option for Single images too as it's explicit.\n             const fname = getFilename(value)\n             if (fname) {\n                 const suggestion = `${name}:${fname}`\n                 suggestions.push({ id: suggestion, display: suggestion })\n             }\n           }\n        }\n      })\n    }\n    \n    return suggestions\n  }, [activeCollection, config, documentData])\n\n  useEffect(() => {\n    if (!hasInitialized.current || payloadValue === '') {\n      setLocalValue(payloadValue || '')\n      hasInitialized.current = true\n    }\n  }, [payloadValue])\n\n  const handleChange = useCallback((e: React.ChangeEvent<HTMLTextAreaElement>) => {\n    setLocalValue(e.target.value)\n  }, [])\n\n  const handleBlur = useCallback(() => {\n    setValue(localValue)\n  }, [localValue, setValue])\n\n  const displayTransform = useCallback((id: string) => `{{ ${id} }}`, [])\n  const imageDisplayTransform = useCallback((id: string) => `@${id}`, [])\n\n  return (\n    <div className=\"field-type textarea\">\n      <FieldLabel label={field.label} />\n      <MentionsInput\n        onBlur={handleBlur}\n        onChange={handleChange}\n        placeholder=\"Type {{ for fields }} or @imageField for images. For specific images use @imageField:filename.jpg\"\n        style={defaultStyle}\n        value={localValue}\n      >\n        <Mention\n          data={suggestions}\n          displayTransform={displayTransform}\n          markup=\"{{__id__}}\"\n          style={{\n            backgroundColor: 'var(--theme-elevation-100)',\n            padding: '2px 0',\n          }}\n          trigger=\"{\"\n        />\n        <Mention\n          data={imageFieldSuggestions}\n          displayTransform={imageDisplayTransform}\n          markup=\"@__id__\"\n          style={{\n            backgroundColor: 'var(--theme-elevation-150)',\n            padding: '2px 0',\n          }}\n          trigger=\"@\"\n        />\n      </MentionsInput>\n      <FieldDescription description={field?.admin?.description} path=\"\" />\n    </div>\n  )\n}\n"],"names":["FieldDescription","FieldLabel","useConfig","useField","React","useCallback","useEffect","useMemo","useRef","useState","Mention","MentionsInput","useInstructions","defaultStyle","PromptEditorField","props","field","path","pathFromContext","setValue","value","payloadValue","localValue","setLocalValue","hasInitialized","activeCollection","promptEditorSuggestions","config","suggestions","map","suggestion","id","display","documentData","setDocumentData","window","segments","location","pathname","split","collectionsIndex","indexOf","length","urlCollectionSlug","urlId","fetchDocument","response","fetch","String","serverURL","routes","api","ok","data","json","_err","imageFieldSuggestions","targetSlug","collections","collection","find","c","slug","fields","uploadFields","findUploadFields","prefix","type","name","fieldPath","push","hasMany","Array","isArray","newPrefix","forEach","getFilename","item","filename","fname","current","handleChange","e","target","handleBlur","displayTransform","imageDisplayTransform","div","className","label","onBlur","onChange","placeholder","style","markup","backgroundColor","padding","trigger","description","admin"],"mappings":"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"}
+{"version":3,"sources":["../../../src/fields/PromptEditorField/PromptEditorField.tsx"],"sourcesContent":["'use client'\n\nimport type { TextareaFieldClientProps } from 'payload'\n\nimport { FieldDescription, FieldLabel, useConfig, useField } from '@payloadcms/ui'\nimport React, { useCallback, useEffect, useMemo, useRef, useState } from 'react'\nimport { Mention, MentionsInput } from 'react-mentions/dist/react-mentions.cjs.js'\n\nimport { useInstructions } from '../../providers/InstructionsProvider/useInstructions.js'\nimport { defaultStyle } from './defaultStyle.js'\n\nexport const PromptEditorField: React.FC<TextareaFieldClientProps> = (props) => {\n  const { field, path: pathFromContext } = props\n  const { setValue, value: payloadValue } = useField<string>({\n    path: pathFromContext,\n  })\n\n  const [localValue, setLocalValue] = useState(payloadValue || '')\n  const hasInitialized = useRef(false)\n\n  const { activeCollection, promptEditorSuggestions } = useInstructions()\n  const { config } = useConfig()\n\n  const suggestions = useMemo(\n    () =>\n      promptEditorSuggestions.map((suggestion: string) => ({\n        id: suggestion,\n        display: suggestion,\n      })),\n    [promptEditorSuggestions],\n  )\n\n  // Extract document ID from URL if available (to get specific filenames)\n  const [documentData, setDocumentData] = useState<null | Record<string, unknown>>(null)\n  \n  useEffect(() => {\n    // Only run in browser\n    if (typeof window === 'undefined') {\n      return\n    }\n\n    // Allow time for verify window.location is stable (unlikely to change but good practice)\n    const segments = window.location.pathname.split('/')\n    const collectionsIndex = segments.indexOf('collections')\n    \n    if (collectionsIndex > -1 && segments.length > collectionsIndex + 2) {\n      const urlCollectionSlug = segments[collectionsIndex + 1]\n      const urlId = segments[collectionsIndex + 2]\n\n      // Only fetch if we are editing instructions for the same collection we are viewing\n      // and we haven't fetched yet (or ID changed)\n      if (urlCollectionSlug === activeCollection && urlId && urlId !== 'create') {\n         const fetchDocument = async () => {\n           try {\n              \n             const response = await fetch(`${String(config.serverURL)}${String(config.routes.api)}/${String(urlCollectionSlug)}/${String(urlId)}`)\n             if (response.ok) {\n               const data = await response.json()\n               setDocumentData(data)\n             }\n           } catch (_err) {\n             // Ignore error\n           }\n         }\n         void fetchDocument()\n      }\n    }\n  }, [activeCollection, config])\n\n  // Extract all upload fields from the current collection schema\n  const imageFieldSuggestions = useMemo(() => {\n    const suggestions: { display: string; id: string }[] = []\n    \n    // Use activeCollection from context which holds the target collection slug\n    const targetSlug = activeCollection\n    \n    if (!targetSlug || !config?.collections) {\n      return []\n    }\n\n    const collection = config.collections.find((c) => c.slug === targetSlug)\n    if (!collection?.fields) {\n      return []\n    }\n\n    const uploadFields: { hasMany: boolean; name: string }[] = []\n\n    // Recursive function to find upload fields\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    const findUploadFields = (fields: any[], prefix = ''): void => {\n      for (const field of fields) {\n        if (field.type === 'upload' && field.name) {\n          const fieldPath = prefix ? `${prefix}.${String(field.name)}` : String(field.name)\n          uploadFields.push({ name: fieldPath, hasMany: field.hasMany === true })\n        }\n        // Check nested fields in groups, arrays, etc.\n        if (field.fields && Array.isArray(field.fields)) {\n          const newPrefix = field.name ? (prefix ? `${prefix}.${String(field.name)}` : String(field.name)) : prefix\n          findUploadFields(field.fields, newPrefix)\n        }\n      }\n    }\n\n    findUploadFields(collection.fields)\n    \n    // Add generic field names (base suggestions) - ONLY for single uploads (not hasMany arrays)\n    uploadFields.forEach(({ name, hasMany }) => {\n      // User requested to hide the array itself for hasMany fields\n      if (!hasMany) {\n        suggestions.push({ id: name, display: name })\n      }\n    })\n\n    // If we have document data, add specific filename suggestions\n    if (documentData) {\n      uploadFields.forEach(({ name, hasMany }) => {\n        const value = documentData[name] // Note: nested access logic simplified for now\n        \n        // Helper to extract filename from media doc (which might be ID or object)\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        const getFilename = (item: any): null | string => {\n           if (typeof item === 'object' && item && (item.filename || item.name)) {\n             return item.filename || item.name\n           }\n           // If it's just an ID, we can't show filename without populating. \n           // Assuming compose view usually fetches with depth > 0 or we rely on what we have.\n           return null\n        }\n\n        if (value) {\n           if (hasMany && Array.isArray(value)) {\n             // eslint-disable-next-line @typescript-eslint/no-explicit-any\n             value.forEach((item: any) => {\n               const fname = getFilename(item)\n               if (fname) {\n                 const suggestion = `${name}:${fname}`\n                 suggestions.push({ id: suggestion, display: suggestion })\n               }\n             })\n           } else if (!hasMany) {\n             // Single image - we already added the base name above.\n             // We can optionally add the specific filename too if desired, \n             // but user request focused on arrays.\n             // Adding the specific filename option for Single images too as it's explicit.\n             const fname = getFilename(value)\n             if (fname) {\n                 const suggestion = `${name}:${fname}`\n                 suggestions.push({ id: suggestion, display: suggestion })\n             }\n           }\n        }\n      })\n    }\n    \n    return suggestions\n  }, [activeCollection, config, documentData])\n\n  useEffect(() => {\n    if (!hasInitialized.current || payloadValue === '') {\n      setLocalValue(payloadValue || '')\n      hasInitialized.current = true\n    }\n  }, [payloadValue])\n\n  const handleChange = useCallback((e: React.ChangeEvent<HTMLTextAreaElement>) => {\n    const newValue = e.target.value\n    setLocalValue(newValue)\n    // Also update Payload value immediately to prevent loss when Save is clicked\n    setValue(newValue)\n  }, [setValue])\n\n  const handleBlur = useCallback(() => {\n    setValue(localValue)\n  }, [localValue, setValue])\n\n  const displayTransform = useCallback((id: string) => `{{ ${id} }}`, [])\n  const imageDisplayTransform = useCallback((id: string) => `@${id}`, [])\n\n  return (\n    <div className=\"field-type textarea\">\n      <FieldLabel label={field.label} />\n      <MentionsInput\n        onBlur={handleBlur}\n        onChange={handleChange}\n        placeholder=\"Type {{ for fields }} or @imageField for images. For specific images use @imageField:filename.jpg\"\n        style={defaultStyle}\n        value={localValue}\n      >\n        <Mention\n          data={suggestions}\n          displayTransform={displayTransform}\n          markup=\"{{__id__}}\"\n          style={{\n            backgroundColor: 'var(--theme-elevation-100)',\n            padding: '2px 0',\n          }}\n          trigger=\"{\"\n        />\n        <Mention\n          data={imageFieldSuggestions}\n          displayTransform={imageDisplayTransform}\n          markup=\"@__id__\"\n          style={{\n            backgroundColor: 'var(--theme-elevation-150)',\n            padding: '2px 0',\n          }}\n          trigger=\"@\"\n        />\n      </MentionsInput>\n      <FieldDescription description={field?.admin?.description} path=\"\" />\n    </div>\n  )\n}\n"],"names":["FieldDescription","FieldLabel","useConfig","useField","React","useCallback","useEffect","useMemo","useRef","useState","Mention","MentionsInput","useInstructions","defaultStyle","PromptEditorField","props","field","path","pathFromContext","setValue","value","payloadValue","localValue","setLocalValue","hasInitialized","activeCollection","promptEditorSuggestions","config","suggestions","map","suggestion","id","display","documentData","setDocumentData","window","segments","location","pathname","split","collectionsIndex","indexOf","length","urlCollectionSlug","urlId","fetchDocument","response","fetch","String","serverURL","routes","api","ok","data","json","_err","imageFieldSuggestions","targetSlug","collections","collection","find","c","slug","fields","uploadFields","findUploadFields","prefix","type","name","fieldPath","push","hasMany","Array","isArray","newPrefix","forEach","getFilename","item","filename","fname","current","handleChange","e","newValue","target","handleBlur","displayTransform","imageDisplayTransform","div","className","label","onBlur","onChange","placeholder","style","markup","backgroundColor","padding","trigger","description","admin"],"mappings":"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"}

package/dist/fields/PromptEditorField/PromptEditorField.jsx

@@ -133,8 +133,11 @@ export const PromptEditorField = (props) => {
         }
     }, [payloadValue]);
     const handleChange = useCallback((e) => {
-        setLocalValue(e.target.value);
-    }, []);
+        const newValue = e.target.value;
+        setLocalValue(newValue);
+        // Also update Payload value immediately to prevent loss when Save is clicked
+        setValue(newValue);
+    }, [setValue]);
     const handleBlur = useCallback(() => {
         setValue(localValue);
     }, [localValue, setValue]);

package/dist/index.d.ts

@@ -1,4 +1,6 @@
 export type { GenerateArgs } from './ai/index.js';
 export { defaultPrompts, defaultSeedPrompts } from './ai/prompts.js';
 export { PayloadAiPluginLexicalEditorFeature } from './fields/LexicalEditor/feature.server.js';
+export type {} from './payload-ai.d.ts';
 export { payloadAiPlugin } from './plugin.js';
+export { fieldToJsonSchema } from './utilities/fieldToJsonSchema.js';

package/dist/index.js

@@ -1,5 +1,6 @@
 export { defaultPrompts, defaultSeedPrompts } from './ai/prompts.js';
 export { PayloadAiPluginLexicalEditorFeature } from './fields/LexicalEditor/feature.server.js';
 export { payloadAiPlugin } from './plugin.js';
+export { fieldToJsonSchema } from './utilities/fieldToJsonSchema.js';
 
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export type { GenerateArgs } from './ai/index.js'\n\nexport { defaultPrompts, defaultSeedPrompts } from './ai/prompts.js'\nexport { PayloadAiPluginLexicalEditorFeature } from './fields/LexicalEditor/feature.server.js'\n\nexport { payloadAiPlugin } from './plugin.js'\n"],"names":["defaultPrompts","defaultSeedPrompts","PayloadAiPluginLexicalEditorFeature","payloadAiPlugin"],"mappings":"AAEA,SAASA,cAAc,EAAEC,kBAAkB,QAAQ,kBAAiB;AACpE,SAASC,mCAAmC,QAAQ,2CAA0C;AAE9F,SAASC,eAAe,QAAQ,cAAa"}
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export type { GenerateArgs } from './ai/index.js'\n\nexport { defaultPrompts, defaultSeedPrompts } from './ai/prompts.js'\n\nexport { PayloadAiPluginLexicalEditorFeature } from './fields/LexicalEditor/feature.server.js'\n// Re-export to ensure payload.ai module augmentation is included\nexport type {} from './payload-ai.d.ts'\n\nexport { payloadAiPlugin } from './plugin.js'\nexport { fieldToJsonSchema } from './utilities/fieldToJsonSchema.js'\n"],"names":["defaultPrompts","defaultSeedPrompts","PayloadAiPluginLexicalEditorFeature","payloadAiPlugin","fieldToJsonSchema"],"mappings":"AAEA,SAASA,cAAc,EAAEC,kBAAkB,QAAQ,kBAAiB;AAEpE,SAASC,mCAAmC,QAAQ,2CAA0C;AAI9F,SAASC,eAAe,QAAQ,cAAa;AAC7C,SAASC,iBAAiB,QAAQ,mCAAkC"}

package/dist/init.js

@@ -20,6 +20,12 @@ const CAPABILITY_MAP = [
         fields: [
             'upload'
         ]
+    },
+    {
+        id: 'array',
+        fields: [
+            'array'
+        ]
     }
 ];
 export const init = async (payload, fieldSchemaPaths, pluginConfig)=>{
@@ -37,6 +43,7 @@ export const init = async (payload, fieldSchemaPaths, pluginConfig)=>{
         pagination: false,
         select: {
             'field-type': true,
+            'model-id': true,
             'schema-path': true
         }
     });
@@ -66,7 +73,8 @@ export const init = async (payload, fieldSchemaPaths, pluginConfig)=>{
                 }
                 continue;
             }
-            const generatedPrompt = '{{ title }}';
+            // Empty prompt - smart fallback will generate a contextual prompt at runtime
+            const generatedPrompt = '';
             if ('prompt' in seed) {
             // Prompt generation currently disabled during migration to AI SDK Providers
             // TODO: Re-enable using a default provider from AI Settings if available
@@ -106,16 +114,25 @@ export const init = async (payload, fieldSchemaPaths, pluginConfig)=>{
                 };
             }
         } else {
-            if (instructions['field-type'] !== fieldType) {
-                payload.logger.warn(`— AI Plugin: Field type mismatch for ${path}! Was "${fieldType}", it is "${instructions['field-type']}" now. Updating...`);
+            const modelForId = CAPABILITY_MAP.find((a)=>a.fields.includes(fieldType));
+            if (instructions['field-type'] !== fieldType || !instructions['model-id']) {
+                payload.logger.warn(`— AI Plugin: Field config mismatch for ${path}! Updating...`);
+                const updateData = {
+                    'field-type': fieldType
+                };
+                // Only set model-id if it's missing or we have a better default
+                if (!instructions['model-id'] && modelForId?.id) {
+                    updateData['model-id'] = modelForId.id;
+                }
                 await payload.update({
                     id: instructions.id,
                     collection: PLUGIN_INSTRUCTIONS_TABLE,
-                    data: {
-                        'field-type': fieldType
-                    }
+                    data: updateData
                 });
                 instructions['field-type'] = fieldType;
+                if (updateData['model-id']) {
+                    instructions['model-id'] = updateData['model-id'];
+                }
             }
             fieldInstructionsMap[path] = {
                 id: instructions.id,

package/dist/init.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/init.ts"],"sourcesContent":["import type { Payload } from 'payload'\n\nimport type { PluginConfig } from './types.js'\n\nimport { defaultSeedPrompts } from './ai/prompts.js'\nimport { systemGenerate } from './ai/utils/systemGenerate.js'\nimport { PLUGIN_INSTRUCTIONS_TABLE } from './defaults.js'\n\n// Defined capabilities mapping for init\nconst CAPABILITY_MAP = [\n  { id: 'text', fields: ['text', 'textarea'] },\n  { id: 'richtext', fields: ['richText'] },\n  { id: 'image', fields: ['upload'] },\n  // TTS usually outputs to upload, but init logic maps field types to capabilities\n]\n\nexport const init = async (\n  payload: Payload,\n  fieldSchemaPaths: Record<string, { label: string; relationTo?: string; type: string }>,\n  pluginConfig: PluginConfig,\n) => {\n  if (!pluginConfig.generatePromptOnInit) {\n    return\n  }\n\n  if (pluginConfig.debugging) {\n    payload.logger.info(`— AI Plugin: Initializing...`)\n  }\n\n  const paths = Object.keys(fieldSchemaPaths)\n\n  // Get all instructions for faster initialization\n  const { docs: allInstructions } = await payload.find({\n    collection: PLUGIN_INSTRUCTIONS_TABLE,\n    depth: 0,\n    pagination: false,\n    select: {\n      'field-type': true,\n      'schema-path': true,\n    },\n  })\n\n  const fieldInstructionsMap: Record<string, { fieldType: any; id: any }> = {}\n\n  for (let i = 0; i < paths.length; i++) {\n    const path = paths[i]\n    const { type: fieldType, label: fieldLabel, relationTo } = fieldSchemaPaths[path]\n    let instructions = allInstructions.find((entry) => entry['schema-path'] === path)\n\n    if (!instructions) {\n      let seed\n      const seedOptions = {\n        fieldLabel,\n        fieldSchemaPaths,\n        fieldType,\n        path,\n      }\n\n      if (pluginConfig.seedPrompts) {seed = await pluginConfig.seedPrompts(seedOptions)}\n      if (seed === undefined) {seed = await defaultSeedPrompts(seedOptions)}\n      // Field should be ignored\n      if (!seed) {\n        if (pluginConfig.debugging) {\n          payload.logger.info(`— AI Plugin: No seed prompt for ${path}, ignoring...`)\n        }\n        continue\n      }\n\n      const generatedPrompt: string | undefined = '{{ title }}'\n      if ('prompt' in seed) {\n        // Prompt generation currently disabled during migration to AI SDK Providers\n        // TODO: Re-enable using a default provider from AI Settings if available\n        /*\n        generatedPrompt = await systemGenerate(\n          {\n            prompt: seed.prompt,\n            system: seed.system,\n          },\n          undefined // No generateTextFn currently\n        )\n        */\n      }\n\n      const modelForId = CAPABILITY_MAP.find((a) => a.fields.includes(fieldType))\n\n      const data = {\n        'model-id': modelForId?.id,\n        prompt: generatedPrompt,\n        ...seed.data, // allow to override data, but not the one below\n        'field-type': fieldType,\n        'relation-to': relationTo,\n        'schema-path': path,\n      }\n\n      payload.logger.info(\n        {\n          'model-id': data['model-id'],\n          prompt: generatedPrompt,\n          ...seed.data,\n        },\n        `Prompt seeded for \"${path}\" field`,\n      )\n\n      instructions = (await payload\n        .create({\n          collection: PLUGIN_INSTRUCTIONS_TABLE,\n          data,\n        })\n        .catch((err) => {\n          payload.logger.error(err, '— AI Plugin: Error creating Compose settings-')\n        })) as (typeof allInstructions)[0]\n\n      if (instructions?.id) {\n        fieldInstructionsMap[path] = {\n          id: instructions.id,\n          fieldType,\n        }\n      }\n    } else {\n      if (instructions['field-type'] !== fieldType) {\n        payload.logger.warn(\n          `— AI Plugin: Field type mismatch for ${path}! Was \"${fieldType}\", it is \"${instructions['field-type']}\" now. Updating...`,\n        )\n        await payload.update({\n          id: instructions.id,\n          collection: PLUGIN_INSTRUCTIONS_TABLE,\n          data: {\n            'field-type': fieldType,\n          },\n        })\n        instructions['field-type'] = fieldType\n      }\n\n      fieldInstructionsMap[path] = {\n        id: instructions.id,\n        fieldType,\n      }\n    }\n  }\n\n  if (pluginConfig.debugging) {\n    payload.logger.info(\n      `— AI Plugin: Enabled fields map: ${JSON.stringify(fieldInstructionsMap, null, 2)}`,\n    )\n    payload.logger.info(`— AI Plugin: Initialized!`)\n  }\n\n  if (pluginConfig.generatePromptOnInit) {\n    payload.logger.info(\n      '\\n\\n-AI Plugin: Example prompts are added to get you started, Now go break some code 🚀🚀🚀\\n\\n',\n    )\n  }\n}\n"],"names":["defaultSeedPrompts","PLUGIN_INSTRUCTIONS_TABLE","CAPABILITY_MAP","id","fields","init","payload","fieldSchemaPaths","pluginConfig","generatePromptOnInit","debugging","logger","info","paths","Object","keys","docs","allInstructions","find","collection","depth","pagination","select","fieldInstructionsMap","i","length","path","type","fieldType","label","fieldLabel","relationTo","instructions","entry","seed","seedOptions","seedPrompts","undefined","generatedPrompt","modelForId","a","includes","data","prompt","create","catch","err","error","warn","update","JSON","stringify"],"mappings":"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"}
+{"version":3,"sources":["../src/init.ts"],"sourcesContent":["import type { Payload } from 'payload'\n\nimport type { PluginConfig } from './types.js'\n\nimport { defaultSeedPrompts } from './ai/prompts.js'\nimport { systemGenerate } from './ai/utils/systemGenerate.js'\nimport { PLUGIN_INSTRUCTIONS_TABLE } from './defaults.js'\n\n// Defined capabilities mapping for init\nconst CAPABILITY_MAP = [\n  { id: 'text', fields: ['text', 'textarea'] },\n  { id: 'richtext', fields: ['richText'] },\n  { id: 'image', fields: ['upload'] },\n  { id: 'array', fields: ['array'] },\n  // TTS usually outputs to upload, but init logic maps field types to capabilities\n]\n\nexport const init = async (\n  payload: Payload,\n  fieldSchemaPaths: Record<string, { label: string; relationTo?: string; type: string }>,\n  pluginConfig: PluginConfig,\n) => {\n  if (!pluginConfig.generatePromptOnInit) {\n    return\n  }\n\n  if (pluginConfig.debugging) {\n    payload.logger.info(`— AI Plugin: Initializing...`)\n  }\n\n  const paths = Object.keys(fieldSchemaPaths)\n\n  // Get all instructions for faster initialization\n  const { docs: allInstructions } = await payload.find({\n    collection: PLUGIN_INSTRUCTIONS_TABLE,\n    depth: 0,\n    pagination: false,\n    select: {\n      'field-type': true,\n      'model-id': true,\n      'schema-path': true,\n    },\n  })\n\n  const fieldInstructionsMap: Record<string, { fieldType: any; id: any }> = {}\n\n  for (let i = 0; i < paths.length; i++) {\n    const path = paths[i]\n    const { type: fieldType, label: fieldLabel, relationTo } = fieldSchemaPaths[path]\n    let instructions = allInstructions.find((entry) => entry['schema-path'] === path)\n\n    if (!instructions) {\n      let seed\n      const seedOptions = {\n        fieldLabel,\n        fieldSchemaPaths,\n        fieldType,\n        path,\n      }\n\n      if (pluginConfig.seedPrompts) {seed = await pluginConfig.seedPrompts(seedOptions)}\n      if (seed === undefined) {seed = await defaultSeedPrompts(seedOptions)}\n      // Field should be ignored\n      if (!seed) {\n        if (pluginConfig.debugging) {\n          payload.logger.info(`— AI Plugin: No seed prompt for ${path}, ignoring...`)\n        }\n        continue\n      }\n\n      // Empty prompt - smart fallback will generate a contextual prompt at runtime\n      const generatedPrompt: string | undefined = ''\n      if ('prompt' in seed) {\n        // Prompt generation currently disabled during migration to AI SDK Providers\n        // TODO: Re-enable using a default provider from AI Settings if available\n        /*\n        generatedPrompt = await systemGenerate(\n          {\n            prompt: seed.prompt,\n            system: seed.system,\n          },\n          undefined // No generateTextFn currently\n        )\n        */\n      }\n\n      const modelForId = CAPABILITY_MAP.find((a) => a.fields.includes(fieldType))\n\n      const data = {\n        'model-id': modelForId?.id,\n        prompt: generatedPrompt,\n        ...seed.data, // allow to override data, but not the one below\n        'field-type': fieldType,\n        'relation-to': relationTo,\n        'schema-path': path,\n      }\n\n      payload.logger.info(\n        {\n          'model-id': data['model-id'],\n          prompt: generatedPrompt,\n          ...seed.data,\n        },\n        `Prompt seeded for \"${path}\" field`,\n      )\n\n      instructions = (await payload\n        .create({\n          collection: PLUGIN_INSTRUCTIONS_TABLE,\n          data,\n        })\n        .catch((err) => {\n          payload.logger.error(err, '— AI Plugin: Error creating Compose settings-')\n        })) as (typeof allInstructions)[0]\n\n      if (instructions?.id) {\n        fieldInstructionsMap[path] = {\n          id: instructions.id,\n          fieldType,\n        }\n      }\n    } else {\n      const modelForId = CAPABILITY_MAP.find((a) => a.fields.includes(fieldType))\n\n      if (instructions['field-type'] !== fieldType || !instructions['model-id']) {\n        payload.logger.warn(\n          `— AI Plugin: Field config mismatch for ${path}! Updating...`,\n        )\n        const updateData: any = {\n           'field-type': fieldType,\n        }\n        \n        // Only set model-id if it's missing or we have a better default\n        if (!instructions['model-id'] && modelForId?.id) {\n           updateData['model-id'] = modelForId.id\n        }\n        \n        await payload.update({\n          id: instructions.id,\n          collection: PLUGIN_INSTRUCTIONS_TABLE,\n          data: updateData,\n        })\n        instructions['field-type'] = fieldType\n        if (updateData['model-id']) {\n          instructions['model-id'] = updateData['model-id']\n        }\n      }\n\n      fieldInstructionsMap[path] = {\n        id: instructions.id,\n        fieldType,\n      }\n    }\n  }\n\n  if (pluginConfig.debugging) {\n    payload.logger.info(\n      `— AI Plugin: Enabled fields map: ${JSON.stringify(fieldInstructionsMap, null, 2)}`,\n    )\n    payload.logger.info(`— AI Plugin: Initialized!`)\n  }\n\n  if (pluginConfig.generatePromptOnInit) {\n    payload.logger.info(\n      '\\n\\n-AI Plugin: Example prompts are added to get you started, Now go break some code 🚀🚀🚀\\n\\n',\n    )\n  }\n}\n"],"names":["defaultSeedPrompts","PLUGIN_INSTRUCTIONS_TABLE","CAPABILITY_MAP","id","fields","init","payload","fieldSchemaPaths","pluginConfig","generatePromptOnInit","debugging","logger","info","paths","Object","keys","docs","allInstructions","find","collection","depth","pagination","select","fieldInstructionsMap","i","length","path","type","fieldType","label","fieldLabel","relationTo","instructions","entry","seed","seedOptions","seedPrompts","undefined","generatedPrompt","modelForId","a","includes","data","prompt","create","catch","err","error","warn","updateData","update","JSON","stringify"],"mappings":"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"}

package/dist/payload-ai.d.ts

@@ -0,0 +1,149 @@
+// Global type definitions for @ai-stack/payloadcms
+// This file augments the Payload types using inline type definitions
+
+import type { GenerateObjectResult, ImagePart, JSONValue, ModelMessage } from 'ai'
+import type { z } from 'zod'
+
+/**
+ * Provider options compatible with AI SDK
+ */
+type ProviderOptions = Record<string, Record<string, JSONValue>>
+
+/**
+ * Base arguments for all generation methods
+ */
+interface PayloadGenerationBaseArgs {
+  extractAttachments?: boolean
+  maxTokens?: number
+  messages?: ModelMessage[]
+  model?: string
+  prompt: string
+  provider?: string
+  providerOptions?: ProviderOptions
+  system?: string
+  temperature?: number
+}
+
+/**
+ * Arguments for generateObject - structured output generation
+ */
+interface PayloadGenerateObjectArgs extends PayloadGenerationBaseArgs {
+  images?: ImagePart[]
+  mode?: 'auto' | 'json' | 'tool'
+  schema?: Record<string, unknown> | z.ZodTypeAny
+}
+
+/**
+ * Arguments for generateText - simple text generation
+ */
+interface PayloadGenerateTextArgs extends PayloadGenerationBaseArgs {
+  // No additional fields needed for basic text generation
+}
+
+/**
+ * Arguments for generateMedia - image/video generation
+ */
+interface PayloadGenerateMediaArgs {
+  aspectRatio?: string
+  audioFormat?: string
+  callbackUrl?: string
+  duration?: number
+  fps?: number
+  images?: ImagePart[]
+  instructionId?: number | string
+  mode?: 'i2v' | 't2v'
+  model?: string
+  n?: number
+  prompt: string
+  provider?: string
+  providerOptions?: ProviderOptions
+  seed?: number
+  size?: { height: number; width: number }
+  speed?: number
+  voice?: string
+}
+
+/**
+ * Result from generateMedia - can be immediate file or async job
+ */
+interface MediaResult {
+  // Immediate result (image generation)
+  file?: {
+    data: Buffer
+    mimetype: string
+    name: string
+    size: number
+  }
+  
+  // Async job result (video generation)
+  jobId?: string
+  progress?: number
+  status?: 'completed' | 'failed' | 'queued' | 'running'
+  taskId?: string
+}
+
+declare module 'payload' {
+  interface BasePayload {
+    ai: {
+      /**
+       * @deprecated Use generateObject or generateText instead
+       * Legacy generate method for backward compatibility
+       */
+      generate: (args: unknown) => Promise<unknown>
+
+      /**
+       * Generate media (images or videos)
+       * @param args - Generation arguments including provider, model, prompt, and media options
+       * @returns Promise resolving to either a file or async job info
+       */
+      generateMedia: (args: PayloadGenerateMediaArgs) => Promise<MediaResult>
+
+      /**
+       * Generate structured output with schema validation
+       * @param args - Generation arguments including provider, model, prompt, and schema
+       * @returns Promise resolving to the generated object
+       */
+      generateObject: <T = unknown>(args: PayloadGenerateObjectArgs) => Promise<GenerateObjectResult<T>>
+
+      /**
+       * Generate simple text output
+       * @param args - Generation arguments including provider, model, and prompt
+       * @returns Promise resolving to the generated text
+       */
+      generateText: (args: PayloadGenerateTextArgs) => Promise<string>
+
+      /**
+       * Get a specific model instance
+       * @param provider - Provider name (e.g., 'openai', 'anthropic')
+       * @param modelId - Model ID (e.g., 'gpt-4', 'claude-3')
+       * @param type - Model type ('text', 'image', or 'tts')
+       * @returns Promise resolving to the model instance
+       */
+      getModel: (provider: string, modelId: string, type?: 'image' | 'text' | 'tts') => Promise<unknown>
+
+      /**
+       * Get the provider registry
+       * @returns Promise resolving to the provider registry
+       */
+      getRegistry: () => Promise<Record<string, unknown>>
+
+      /**
+       * Stream structured output with schema validation
+       * @param args - Generation arguments including provider, model, prompt, and schema
+       * @returns Response stream
+       */
+      streamObject: <T = unknown>(
+        args: PayloadGenerateObjectArgs,
+      ) => Promise<Response>
+
+      /**
+       * Stream text output
+       * @param args - Generation arguments including provider, model, and prompt
+       * @returns Response stream
+       */
+      streamText: (args: PayloadGenerateTextArgs) => Promise<Response>
+    }
+  }
+}
+
+export {}

package/dist/providers/InstructionsProvider/InstructionsProvider.js

@@ -3,8 +3,11 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useAuth, useConfig, useDocumentDrawer } from '@payloadcms/ui';
 import React, { useCallback, useEffect, useState } from 'react';
 import { PLUGIN_FETCH_FIELDS_ENDPOINT, PLUGIN_INSTRUCTIONS_TABLE } from '../../defaults.js';
+import { useActiveFieldTracking } from '../../ui/Compose/hooks/useActiveFieldTracking.js';
 import { InstructionsContext } from './context.js';
 export const InstructionsProvider = ({ children })=>{
+    // Initialize field tracking globally so ai-plugin-active class is added on field focus
+    useActiveFieldTracking();
     const [instructions, setInstructionsState] = useState({});
     const [promptFields, setPromptFields] = useState([]);
     const [activeCollection, setActiveCollection] = useState('');