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

package/dist/ui/EncryptedTextField/index.jsx

@@ -1,5 +1,5 @@
 'use client';
-import { useField } from '@payloadcms/ui';
+import { Button, useField } from '@payloadcms/ui';
 import React, { useState } from 'react';
 export const EncryptedTextField = ({ label, path, required }) => {
     const { setValue, value } = useField({ path });
@@ -24,12 +24,12 @@ export const EncryptedTextField = ({ label, path, required }) => {
               ✓ Configured
             </span>
           </div>
-          <button className="btn btn--style-secondary btn--size-small" onClick={() => {
+          <Button buttonStyle="secondary" onClick={() => {
                 setValue('');
                 setIsEditing(true);
-            }} type="button">
+            }} size="medium">
             Change
-          </button>
+          </Button>
         </div>) : (<input onChange={(e) => setValue(e.target.value)} placeholder="sk-..." style={{ width: '100%' }} type="password" value={value || ''}/>)}
     </div>);
 };

package/dist/ui/ProviderOptionsEditor/index.js

@@ -86,7 +86,7 @@ export const ProviderOptionsEditor = (props)=>{
     const [aiSettings, setAiSettings] = useState(null);
     // Fetch AI Settings to get current provider defaults
     useEffect(()=>{
-        fetch('/api/globals/ai-settings?depth=1').then((res)=>res.json()).then((data)=>setAiSettings(data)).catch((err)=>console.error('Error fetching AI settings:', err));
+        fetch('/api/globals/ai-providers?depth=1').then((res)=>res.json()).then((data)=>setAiSettings(data)).catch((err)=>console.error('Error fetching AI settings:', err));
     }, []);
     // Get the configured default options from AI Settings for this provider
     const configuredDefaults = useMemo(()=>{

package/dist/ui/ProviderOptionsEditor/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/ui/ProviderOptionsEditor/index.tsx"],"sourcesContent":["'use client'\n\nimport { RenderFields, useField, useFormFields } from '@payloadcms/ui'\nimport React, { useEffect, useMemo, useState } from 'react'\n\nimport { allProviderBlocks } from '../../ai/providers/blocks/index.js'\n\ntype UseCase = 'image' | 'text' | 'tts' | 'video'\n\ninterface ProviderOptionsEditorProps {\n  name?: string\n  path: string\n}\n\n/**\n * Find a field by name within a block's fields, searching through tabs\n */\nfunction findFieldInBlock(block: any, fieldName: string): any | undefined {\n  const searchFields = (fields: any[]): any | undefined => {\n    for (const field of fields) {\n      if ('name' in field && field.name === fieldName) {\n        return field\n      }\n      if (field.type === 'tabs' && 'tabs' in field) {\n        for (const tab of field.tabs) {\n          const found = searchFields(tab.fields)\n          if (found) {\n            return found\n          }\n        }\n      }\n      if (field.type === 'group' && 'fields' in field) {\n        const found = searchFields(field.fields)\n        if (found) {\n          return found\n        }\n      }\n    }\n    return undefined\n  }\n\n  return searchFields(block.fields)\n}\n\n/**\n * Get provider options fields for a given provider and use case\n */\nfunction getProviderOptionsFields(providerSlug: string, useCase: UseCase): any[] {\n  const block = allProviderBlocks.find((b) => b.slug === providerSlug)\n  if (!block) {\n    return []\n  }\n\n  const groupName = `${useCase}ProviderOptions`\n  const optionsGroup = findFieldInBlock(block, groupName)\n\n  if (optionsGroup && optionsGroup.type === 'group' && 'fields' in optionsGroup) {\n    return optionsGroup.fields\n  }\n\n  return []\n}\n\nexport const ProviderOptionsEditor: React.FC<ProviderOptionsEditorProps> = (props) => {\n  const { path } = props\n\n  // Get parent path to find sibling provider field\n  const parentPath = path.split('.').slice(0, -1).join('.')\n  const providerField = useFormFields(([fields]) => fields[`${parentPath}.provider`])\n  const provider = providerField?.value as string\n\n  // Infer use case from path\n  // Handles:\n  // - AISettings: 'defaults.text.options' -> useCase is 'text'\n  // - Instructions: 'text-settings.providerOptions' -> useCase is 'text'\n  const useCase: UseCase = useMemo(() => {\n    // Check for AISettings paths first (e.g., 'defaults.text.options')\n    const pathParts = path.split('.')\n    const parentName = pathParts[pathParts.length - 2]\n\n    if (['image', 'text', 'tts', 'video'].includes(parentName)) {\n      return parentName as UseCase\n    }\n\n    // Check for Instructions paths\n    if (path.includes('tts-settings')) {\n      return 'tts'\n    }\n    if (path.includes('image-settings')) {\n      return 'image'\n    }\n    if (path.includes('video-settings')) {\n      return 'video'\n    }\n    return 'text'\n  }, [path])\n\n  const { setValue, value } = useField<Record<string, any>>({ path })\n  const [aiSettings, setAiSettings] = useState<any>(null)\n\n  // Fetch AI Settings to get current provider defaults\n  useEffect(() => {\n    fetch('/api/globals/ai-settings?depth=1')\n      .then((res) => res.json())\n      .then((data) => setAiSettings(data))\n      .catch((err) => console.error('Error fetching AI settings:', err))\n  }, [])\n\n  // Get the configured default options from AI Settings for this provider\n  const configuredDefaults = useMemo(() => {\n    if (!provider || !aiSettings) {\n      return null\n    }\n\n    const providerBlock = aiSettings.providers?.find(\n      (p: any) => p.blockType === provider && p.enabled,\n    )\n    if (!providerBlock) {\n      return null\n    }\n\n    // Get provider options by use case\n    const optionsKey = `${useCase}ProviderOptions`\n    return providerBlock[optionsKey] || null\n  }, [provider, useCase, aiSettings])\n\n  // Get field definitions from provider block\n  const fields = useMemo(() => {\n    if (!provider) {\n      return []\n    }\n    return getProviderOptionsFields(provider, useCase)\n  }, [provider, useCase])\n\n  // Check if there are any overrides set\n  const hasOverrides = useMemo(() => {\n    return value && Object.keys(value).length > 0\n  }, [value])\n\n  if (!provider) {\n    return (\n      <div className=\"field-type\" style={{ padding: '12px 0' }}>\n        <p style={{ color: 'var(--theme-elevation-600)', fontSize: '13px', margin: 0 }}>\n          Please select a provider first to configure options.\n        </p>\n      </div>\n    )\n  }\n\n  if (fields.length === 0) {\n    return (\n      <div className=\"field-type\" style={{ padding: '12px 0' }}>\n        <p style={{ color: 'var(--theme-elevation-600)', fontSize: '13px', margin: 0 }}>\n          No configurable options available for {provider} ({useCase}).\n        </p>\n      </div>\n    )\n  }\n\n  return (\n    <div className=\"field-type provider-options-editor\">\n      <div style={{ marginBottom: '16px' }}>\n        <label className=\"field-label\" style={{ display: 'block', marginBottom: '8px' }}>\n          Provider Options\n        </label>\n\n        {configuredDefaults && (\n          <div\n            style={{\n              background: 'var(--theme-elevation-50)',\n              border: '1px solid var(--theme-elevation-100)',\n              borderRadius: '4px',\n              fontSize: '12px',\n              marginBottom: '12px',\n              padding: '12px',\n            }}\n          >\n            <div\n              style={{\n                alignItems: 'center',\n                display: 'flex',\n                justifyContent: 'space-between',\n                marginBottom: '8px',\n              }}\n            >\n              <strong style={{ color: 'var(--theme-elevation-800)' }}>\n                Defaults from AI Settings\n              </strong>\n              <span\n                style={{\n                  background: 'var(--theme-elevation-100)',\n                  borderRadius: '10px',\n                  color: 'var(--theme-elevation-500)',\n                  fontSize: '11px',\n                  padding: '2px 8px',\n                }}\n              >\n                Inherited\n              </span>\n            </div>\n            <div\n              style={{\n                color: 'var(--theme-elevation-600)',\n                display: 'flex',\n                flexWrap: 'wrap',\n                gap: '8px',\n              }}\n            >\n              {Object.entries(configuredDefaults).map(([key, val]) => {\n                // Skip nested objects for display\n                if (typeof val === 'object' && val !== null) {\n                  return null\n                }\n                return (\n                  <span\n                    key={key}\n                    style={{\n                      background: 'var(--theme-elevation-100)',\n                      borderRadius: '3px',\n                      fontSize: '11px',\n                      padding: '2px 6px',\n                    }}\n                  >\n                    {key}: <strong>{String(val)}</strong>\n                  </span>\n                )\n              })}\n            </div>\n          </div>\n        )}\n\n        <p\n          style={{\n            color: 'var(--theme-elevation-500)',\n            fontSize: '12px',\n            fontStyle: 'italic',\n            marginBottom: '12px',\n          }}\n        >\n          Override defaults for this specific field. Empty values inherit from AI Settings.\n        </p>\n      </div>\n\n      <RenderFields\n        fields={fields}\n        forceRender\n        margins=\"small\"\n        parentIndexPath=\"\"\n        parentPath={path}\n        parentSchemaPath={path}\n        permissions={true}\n      />\n\n      {hasOverrides && (\n        <button\n          onClick={() => setValue({})}\n          onMouseEnter={(e) => {\n            e.currentTarget.style.background = 'var(--theme-elevation-100)'\n          }}\n          onMouseLeave={(e) => {\n            e.currentTarget.style.background = 'transparent'\n          }}\n          style={{\n            background: 'transparent',\n            border: '1px solid var(--theme-elevation-200)',\n            borderRadius: '4px',\n            color: 'var(--theme-text)',\n            cursor: 'pointer',\n            fontSize: '13px',\n            marginTop: '12px',\n            padding: '8px 16px',\n            transition: 'all 0.15s ease',\n          }}\n          type=\"button\"\n        >\n          Reset to Defaults\n        </button>\n      )}\n    </div>\n  )\n}\n"],"names":["RenderFields","useField","useFormFields","React","useEffect","useMemo","useState","allProviderBlocks","findFieldInBlock","block","fieldName","searchFields","fields","field","name","type","tab","tabs","found","undefined","getProviderOptionsFields","providerSlug","useCase","find","b","slug","groupName","optionsGroup","ProviderOptionsEditor","props","path","parentPath","split","slice","join","providerField","provider","value","pathParts","parentName","length","includes","setValue","aiSettings","setAiSettings","fetch","then","res","json","data","catch","err","console","error","configuredDefaults","providerBlock","providers","p","blockType","enabled","optionsKey","hasOverrides","Object","keys","div","className","style","padding","color","fontSize","margin","marginBottom","label","display","background","border","borderRadius","alignItems","justifyContent","strong","span","flexWrap","gap","entries","map","key","val","String","fontStyle","forceRender","margins","parentIndexPath","parentSchemaPath","permissions","button","onClick","onMouseEnter","e","currentTarget","onMouseLeave","cursor","marginTop","transition"],"mappings":"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"}
+{"version":3,"sources":["../../../src/ui/ProviderOptionsEditor/index.tsx"],"sourcesContent":["'use client'\n\nimport { RenderFields, useField, useFormFields } from '@payloadcms/ui'\nimport React, { useEffect, useMemo, useState } from 'react'\n\nimport { allProviderBlocks } from '../../ai/providers/blocks/index.js'\n\ntype UseCase = 'image' | 'text' | 'tts' | 'video'\n\ninterface ProviderOptionsEditorProps {\n  name?: string\n  path: string\n}\n\n/**\n * Find a field by name within a block's fields, searching through tabs\n */\nfunction findFieldInBlock(block: any, fieldName: string): any | undefined {\n  const searchFields = (fields: any[]): any | undefined => {\n    for (const field of fields) {\n      if ('name' in field && field.name === fieldName) {\n        return field\n      }\n      if (field.type === 'tabs' && 'tabs' in field) {\n        for (const tab of field.tabs) {\n          const found = searchFields(tab.fields)\n          if (found) {\n            return found\n          }\n        }\n      }\n      if (field.type === 'group' && 'fields' in field) {\n        const found = searchFields(field.fields)\n        if (found) {\n          return found\n        }\n      }\n    }\n    return undefined\n  }\n\n  return searchFields(block.fields)\n}\n\n/**\n * Get provider options fields for a given provider and use case\n */\nfunction getProviderOptionsFields(providerSlug: string, useCase: UseCase): any[] {\n  const block = allProviderBlocks.find((b) => b.slug === providerSlug)\n  if (!block) {\n    return []\n  }\n\n  const groupName = `${useCase}ProviderOptions`\n  const optionsGroup = findFieldInBlock(block, groupName)\n\n  if (optionsGroup && optionsGroup.type === 'group' && 'fields' in optionsGroup) {\n    return optionsGroup.fields\n  }\n\n  return []\n}\n\nexport const ProviderOptionsEditor: React.FC<ProviderOptionsEditorProps> = (props) => {\n  const { path } = props\n\n  // Get parent path to find sibling provider field\n  const parentPath = path.split('.').slice(0, -1).join('.')\n  const providerField = useFormFields(([fields]) => fields[`${parentPath}.provider`])\n  const provider = providerField?.value as string\n\n  // Infer use case from path\n  // Handles:\n  // - AISettings: 'defaults.text.options' -> useCase is 'text'\n  // - Instructions: 'text-settings.providerOptions' -> useCase is 'text'\n  const useCase: UseCase = useMemo(() => {\n    // Check for AISettings paths first (e.g., 'defaults.text.options')\n    const pathParts = path.split('.')\n    const parentName = pathParts[pathParts.length - 2]\n\n    if (['image', 'text', 'tts', 'video'].includes(parentName)) {\n      return parentName as UseCase\n    }\n\n    // Check for Instructions paths\n    if (path.includes('tts-settings')) {\n      return 'tts'\n    }\n    if (path.includes('image-settings')) {\n      return 'image'\n    }\n    if (path.includes('video-settings')) {\n      return 'video'\n    }\n    return 'text'\n  }, [path])\n\n  const { setValue, value } = useField<Record<string, any>>({ path })\n  const [aiSettings, setAiSettings] = useState<any>(null)\n\n  // Fetch AI Settings to get current provider defaults\n  useEffect(() => {\n    fetch('/api/globals/ai-providers?depth=1')\n      .then((res) => res.json())\n      .then((data) => setAiSettings(data))\n      .catch((err) => console.error('Error fetching AI settings:', err))\n  }, [])\n\n  // Get the configured default options from AI Settings for this provider\n  const configuredDefaults = useMemo(() => {\n    if (!provider || !aiSettings) {\n      return null\n    }\n\n    const providerBlock = aiSettings.providers?.find(\n      (p: any) => p.blockType === provider && p.enabled,\n    )\n    if (!providerBlock) {\n      return null\n    }\n\n    // Get provider options by use case\n    const optionsKey = `${useCase}ProviderOptions`\n    return providerBlock[optionsKey] || null\n  }, [provider, useCase, aiSettings])\n\n  // Get field definitions from provider block\n  const fields = useMemo(() => {\n    if (!provider) {\n      return []\n    }\n    return getProviderOptionsFields(provider, useCase)\n  }, [provider, useCase])\n\n  // Check if there are any overrides set\n  const hasOverrides = useMemo(() => {\n    return value && Object.keys(value).length > 0\n  }, [value])\n\n  if (!provider) {\n    return (\n      <div className=\"field-type\" style={{ padding: '12px 0' }}>\n        <p style={{ color: 'var(--theme-elevation-600)', fontSize: '13px', margin: 0 }}>\n          Please select a provider first to configure options.\n        </p>\n      </div>\n    )\n  }\n\n  if (fields.length === 0) {\n    return (\n      <div className=\"field-type\" style={{ padding: '12px 0' }}>\n        <p style={{ color: 'var(--theme-elevation-600)', fontSize: '13px', margin: 0 }}>\n          No configurable options available for {provider} ({useCase}).\n        </p>\n      </div>\n    )\n  }\n\n  return (\n    <div className=\"field-type provider-options-editor\">\n      <div style={{ marginBottom: '16px' }}>\n        <label className=\"field-label\" style={{ display: 'block', marginBottom: '8px' }}>\n          Provider Options\n        </label>\n\n        {configuredDefaults && (\n          <div\n            style={{\n              background: 'var(--theme-elevation-50)',\n              border: '1px solid var(--theme-elevation-100)',\n              borderRadius: '4px',\n              fontSize: '12px',\n              marginBottom: '12px',\n              padding: '12px',\n            }}\n          >\n            <div\n              style={{\n                alignItems: 'center',\n                display: 'flex',\n                justifyContent: 'space-between',\n                marginBottom: '8px',\n              }}\n            >\n              <strong style={{ color: 'var(--theme-elevation-800)' }}>\n                Defaults from AI Settings\n              </strong>\n              <span\n                style={{\n                  background: 'var(--theme-elevation-100)',\n                  borderRadius: '10px',\n                  color: 'var(--theme-elevation-500)',\n                  fontSize: '11px',\n                  padding: '2px 8px',\n                }}\n              >\n                Inherited\n              </span>\n            </div>\n            <div\n              style={{\n                color: 'var(--theme-elevation-600)',\n                display: 'flex',\n                flexWrap: 'wrap',\n                gap: '8px',\n              }}\n            >\n              {Object.entries(configuredDefaults).map(([key, val]) => {\n                // Skip nested objects for display\n                if (typeof val === 'object' && val !== null) {\n                  return null\n                }\n                return (\n                  <span\n                    key={key}\n                    style={{\n                      background: 'var(--theme-elevation-100)',\n                      borderRadius: '3px',\n                      fontSize: '11px',\n                      padding: '2px 6px',\n                    }}\n                  >\n                    {key}: <strong>{String(val)}</strong>\n                  </span>\n                )\n              })}\n            </div>\n          </div>\n        )}\n\n        <p\n          style={{\n            color: 'var(--theme-elevation-500)',\n            fontSize: '12px',\n            fontStyle: 'italic',\n            marginBottom: '12px',\n          }}\n        >\n          Override defaults for this specific field. Empty values inherit from AI Settings.\n        </p>\n      </div>\n\n      <RenderFields\n        fields={fields}\n        forceRender\n        margins=\"small\"\n        parentIndexPath=\"\"\n        parentPath={path}\n        parentSchemaPath={path}\n        permissions={true}\n      />\n\n      {hasOverrides && (\n        <button\n          onClick={() => setValue({})}\n          onMouseEnter={(e) => {\n            e.currentTarget.style.background = 'var(--theme-elevation-100)'\n          }}\n          onMouseLeave={(e) => {\n            e.currentTarget.style.background = 'transparent'\n          }}\n          style={{\n            background: 'transparent',\n            border: '1px solid var(--theme-elevation-200)',\n            borderRadius: '4px',\n            color: 'var(--theme-text)',\n            cursor: 'pointer',\n            fontSize: '13px',\n            marginTop: '12px',\n            padding: '8px 16px',\n            transition: 'all 0.15s ease',\n          }}\n          type=\"button\"\n        >\n          Reset to Defaults\n        </button>\n      )}\n    </div>\n  )\n}\n"],"names":["RenderFields","useField","useFormFields","React","useEffect","useMemo","useState","allProviderBlocks","findFieldInBlock","block","fieldName","searchFields","fields","field","name","type","tab","tabs","found","undefined","getProviderOptionsFields","providerSlug","useCase","find","b","slug","groupName","optionsGroup","ProviderOptionsEditor","props","path","parentPath","split","slice","join","providerField","provider","value","pathParts","parentName","length","includes","setValue","aiSettings","setAiSettings","fetch","then","res","json","data","catch","err","console","error","configuredDefaults","providerBlock","providers","p","blockType","enabled","optionsKey","hasOverrides","Object","keys","div","className","style","padding","color","fontSize","margin","marginBottom","label","display","background","border","borderRadius","alignItems","justifyContent","strong","span","flexWrap","gap","entries","map","key","val","String","fontStyle","forceRender","margins","parentIndexPath","parentSchemaPath","permissions","button","onClick","onMouseEnter","e","currentTarget","onMouseLeave","cursor","marginTop","transition"],"mappings":"AAAA;;AAEA,SAASA,YAAY,EAAEC,QAAQ,EAAEC,aAAa,QAAQ,iBAAgB;AACtE,OAAOC,SAASC,SAAS,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,QAAO;AAE3D,SAASC,iBAAiB,QAAQ,qCAAoC;AAStE;;CAEC,GACD,SAASC,iBAAiBC,KAAU,EAAEC,SAAiB;IACrD,MAAMC,eAAe,CAACC;QACpB,KAAK,MAAMC,SAASD,OAAQ;YAC1B,IAAI,UAAUC,SAASA,MAAMC,IAAI,KAAKJ,WAAW;gBAC/C,OAAOG;YACT;YACA,IAAIA,MAAME,IAAI,KAAK,UAAU,UAAUF,OAAO;gBAC5C,KAAK,MAAMG,OAAOH,MAAMI,IAAI,CAAE;oBAC5B,MAAMC,QAAQP,aAAaK,IAAIJ,MAAM;oBACrC,IAAIM,OAAO;wBACT,OAAOA;oBACT;gBACF;YACF;YACA,IAAIL,MAAME,IAAI,KAAK,WAAW,YAAYF,OAAO;gBAC/C,MAAMK,QAAQP,aAAaE,MAAMD,MAAM;gBACvC,IAAIM,OAAO;oBACT,OAAOA;gBACT;YACF;QACF;QACA,OAAOC;IACT;IAEA,OAAOR,aAAaF,MAAMG,MAAM;AAClC;AAEA;;CAEC,GACD,SAASQ,yBAAyBC,YAAoB,EAAEC,OAAgB;IACtE,MAAMb,QAAQF,kBAAkBgB,IAAI,CAAC,CAACC,IAAMA,EAAEC,IAAI,KAAKJ;IACvD,IAAI,CAACZ,OAAO;QACV,OAAO,EAAE;IACX;IAEA,MAAMiB,YAAY,CAAC,EAAEJ,QAAQ,eAAe,CAAC;IAC7C,MAAMK,eAAenB,iBAAiBC,OAAOiB;IAE7C,IAAIC,gBAAgBA,aAAaZ,IAAI,KAAK,WAAW,YAAYY,cAAc;QAC7E,OAAOA,aAAaf,MAAM;IAC5B;IAEA,OAAO,EAAE;AACX;AAEA,OAAO,MAAMgB,wBAA8D,CAACC;IAC1E,MAAM,EAAEC,IAAI,EAAE,GAAGD;IAEjB,iDAAiD;IACjD,MAAME,aAAaD,KAAKE,KAAK,CAAC,KAAKC,KAAK,CAAC,GAAG,CAAC,GAAGC,IAAI,CAAC;IACrD,MAAMC,gBAAgBjC,cAAc,CAAC,CAACU,OAAO,GAAKA,MAAM,CAAC,CAAC,EAAEmB,WAAW,SAAS,CAAC,CAAC;IAClF,MAAMK,WAAWD,eAAeE;IAEhC,2BAA2B;IAC3B,WAAW;IACX,6DAA6D;IAC7D,uEAAuE;IACvE,MAAMf,UAAmBjB,QAAQ;QAC/B,mEAAmE;QACnE,MAAMiC,YAAYR,KAAKE,KAAK,CAAC;QAC7B,MAAMO,aAAaD,SAAS,CAACA,UAAUE,MAAM,GAAG,EAAE;QAElD,IAAI;YAAC;YAAS;YAAQ;YAAO;SAAQ,CAACC,QAAQ,CAACF,aAAa;YAC1D,OAAOA;QACT;QAEA,+BAA+B;QAC/B,IAAIT,KAAKW,QAAQ,CAAC,iBAAiB;YACjC,OAAO;QACT;QACA,IAAIX,KAAKW,QAAQ,CAAC,mBAAmB;YACnC,OAAO;QACT;QACA,IAAIX,KAAKW,QAAQ,CAAC,mBAAmB;YACnC,OAAO;QACT;QACA,OAAO;IACT,GAAG;QAACX;KAAK;IAET,MAAM,EAAEY,QAAQ,EAAEL,KAAK,EAAE,GAAGpC,SAA8B;QAAE6B;IAAK;IACjE,MAAM,CAACa,YAAYC,cAAc,GAAGtC,SAAc;IAElD,qDAAqD;IACrDF,UAAU;QACRyC,MAAM,qCACHC,IAAI,CAAC,CAACC,MAAQA,IAAIC,IAAI,IACtBF,IAAI,CAAC,CAACG,OAASL,cAAcK,OAC7BC,KAAK,CAAC,CAACC,MAAQC,QAAQC,KAAK,CAAC,+BAA+BF;IACjE,GAAG,EAAE;IAEL,wEAAwE;IACxE,MAAMG,qBAAqBjD,QAAQ;QACjC,IAAI,CAAC+B,YAAY,CAACO,YAAY;YAC5B,OAAO;QACT;QAEA,MAAMY,gBAAgBZ,WAAWa,SAAS,EAAEjC,KAC1C,CAACkC,IAAWA,EAAEC,SAAS,KAAKtB,YAAYqB,EAAEE,OAAO;QAEnD,IAAI,CAACJ,eAAe;YAClB,OAAO;QACT;QAEA,mCAAmC;QACnC,MAAMK,aAAa,CAAC,EAAEtC,QAAQ,eAAe,CAAC;QAC9C,OAAOiC,aAAa,CAACK,WAAW,IAAI;IACtC,GAAG;QAACxB;QAAUd;QAASqB;KAAW;IAElC,4CAA4C;IAC5C,MAAM/B,SAASP,QAAQ;QACrB,IAAI,CAAC+B,UAAU;YACb,OAAO,EAAE;QACX;QACA,OAAOhB,yBAAyBgB,UAAUd;IAC5C,GAAG;QAACc;QAAUd;KAAQ;IAEtB,uCAAuC;IACvC,MAAMuC,eAAexD,QAAQ;QAC3B,OAAOgC,SAASyB,OAAOC,IAAI,CAAC1B,OAAOG,MAAM,GAAG;IAC9C,GAAG;QAACH;KAAM;IAEV,IAAI,CAACD,UAAU;QACb,qBACE,KAAC4B;YAAIC,WAAU;YAAaC,OAAO;gBAAEC,SAAS;YAAS;sBACrD,cAAA,KAACV;gBAAES,OAAO;oBAAEE,OAAO;oBAA8BC,UAAU;oBAAQC,QAAQ;gBAAE;0BAAG;;;IAKtF;IAEA,IAAI1D,OAAO4B,MAAM,KAAK,GAAG;QACvB,qBACE,KAACwB;YAAIC,WAAU;YAAaC,OAAO;gBAAEC,SAAS;YAAS;sBACrD,cAAA,MAACV;gBAAES,OAAO;oBAAEE,OAAO;oBAA8BC,UAAU;oBAAQC,QAAQ;gBAAE;;oBAAG;oBACvClC;oBAAS;oBAAGd;oBAAQ;;;;IAInE;IAEA,qBACE,MAAC0C;QAAIC,WAAU;;0BACb,MAACD;gBAAIE,OAAO;oBAAEK,cAAc;gBAAO;;kCACjC,KAACC;wBAAMP,WAAU;wBAAcC,OAAO;4BAAEO,SAAS;4BAASF,cAAc;wBAAM;kCAAG;;oBAIhFjB,oCACC,MAACU;wBACCE,OAAO;4BACLQ,YAAY;4BACZC,QAAQ;4BACRC,cAAc;4BACdP,UAAU;4BACVE,cAAc;4BACdJ,SAAS;wBACX;;0CAEA,MAACH;gCACCE,OAAO;oCACLW,YAAY;oCACZJ,SAAS;oCACTK,gBAAgB;oCAChBP,cAAc;gCAChB;;kDAEA,KAACQ;wCAAOb,OAAO;4CAAEE,OAAO;wCAA6B;kDAAG;;kDAGxD,KAACY;wCACCd,OAAO;4CACLQ,YAAY;4CACZE,cAAc;4CACdR,OAAO;4CACPC,UAAU;4CACVF,SAAS;wCACX;kDACD;;;;0CAIH,KAACH;gCACCE,OAAO;oCACLE,OAAO;oCACPK,SAAS;oCACTQ,UAAU;oCACVC,KAAK;gCACP;0CAECpB,OAAOqB,OAAO,CAAC7B,oBAAoB8B,GAAG,CAAC,CAAC,CAACC,KAAKC,IAAI;oCACjD,kCAAkC;oCAClC,IAAI,OAAOA,QAAQ,YAAYA,QAAQ,MAAM;wCAC3C,OAAO;oCACT;oCACA,qBACE,MAACN;wCAECd,OAAO;4CACLQ,YAAY;4CACZE,cAAc;4CACdP,UAAU;4CACVF,SAAS;wCACX;;4CAECkB;4CAAI;0DAAE,KAACN;0DAAQQ,OAAOD;;;uCARlBD;gCAWX;;;;kCAKN,KAAC5B;wBACCS,OAAO;4BACLE,OAAO;4BACPC,UAAU;4BACVmB,WAAW;4BACXjB,cAAc;wBAChB;kCACD;;;;0BAKH,KAACvE;gBACCY,QAAQA;gBACR6E,WAAW;gBACXC,SAAQ;gBACRC,iBAAgB;gBAChB5D,YAAYD;gBACZ8D,kBAAkB9D;gBAClB+D,aAAa;;YAGdhC,8BACC,KAACiC;gBACCC,SAAS,IAAMrD,SAAS,CAAC;gBACzBsD,cAAc,CAACC;oBACbA,EAAEC,aAAa,CAAChC,KAAK,CAACQ,UAAU,GAAG;gBACrC;gBACAyB,cAAc,CAACF;oBACbA,EAAEC,aAAa,CAAChC,KAAK,CAACQ,UAAU,GAAG;gBACrC;gBACAR,OAAO;oBACLQ,YAAY;oBACZC,QAAQ;oBACRC,cAAc;oBACdR,OAAO;oBACPgC,QAAQ;oBACR/B,UAAU;oBACVgC,WAAW;oBACXlC,SAAS;oBACTmC,YAAY;gBACd;gBACAvF,MAAK;0BACN;;;;AAMT,EAAC"}

package/dist/ui/ProviderOptionsEditor/index.jsx

@@ -78,7 +78,7 @@ export const ProviderOptionsEditor = (props) => {
     const [aiSettings, setAiSettings] = useState(null);
     // Fetch AI Settings to get current provider defaults
     useEffect(() => {
-        fetch('/api/globals/ai-settings?depth=1')
+        fetch('/api/globals/ai-providers?depth=1')
             .then((res) => res.json())
             .then((data) => setAiSettings(data))
             .catch((err) => console.error('Error fetching AI settings:', err));

package/dist/ui/VoicesFetcher/index.js

@@ -1,6 +1,6 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, useForm } from '@payloadcms/ui';
+import { Button, toast, useField } from '@payloadcms/ui';
 import React, { useCallback, useState } from 'react';
 import { PLUGIN_API_ENDPOINT_FETCH_VOICES } from '../../defaults.js';
 /**
@@ -9,41 +9,58 @@ import { PLUGIN_API_ENDPOINT_FETCH_VOICES } from '../../defaults.js';
  * SECURE: API key is never exposed to the client
  */ export const VoicesFetcher = ({ path })=>{
     const [loading, setLoading] = useState(false);
-    const { dispatchFields } = useForm();
     // Get the parent path (the block path)
     const fieldPath = path || '';
     const blockPath = fieldPath.split('.').slice(0, -1).join('.');
     const voicesPath = `${blockPath}.voices`;
+    const { setValue } = useField({
+        path: voicesPath
+    });
     const fetchVoices = useCallback(async ()=>{
         setLoading(true);
+        const controller = new AbortController();
+        const timeoutId = setTimeout(()=>controller.abort(), 30000) // 30s timeout
+        ;
         try {
             // Call server endpoint - it will read the API key from the database
             const response = await fetch(`/api${PLUGIN_API_ENDPOINT_FETCH_VOICES}`, {
                 headers: {
                     'Content-Type': 'application/json'
                 },
-                method: 'POST'
+                method: 'POST',
+                signal: controller.signal
             });
+            clearTimeout(timeoutId);
             if (!response.ok) {
-                const error = await response.json();
-                throw new Error(error.message || 'Failed to fetch voices');
+                let errorMessage = 'Failed to fetch voices';
+                try {
+                    const error = await response.json();
+                    errorMessage = error.message || errorMessage;
+                } catch (e) {
+                    // If response is not JSON (e.g. 504 Gateway Timeout HTML), use status text
+                    errorMessage = `Error ${response.status}: ${response.statusText}`;
+                }
+                throw new Error(errorMessage);
             }
             const data = await response.json();
-            // Update the voices field with fetched voices
-            dispatchFields({
-                type: 'UPDATE',
-                path: voicesPath,
-                value: data.voices || []
-            });
-            alert(`Successfully fetched ${data.voices?.length || 0} voices!`);
+            const voices = data.voices || [];
+            // Replace the entire array value at once
+            // This is much more performant than dispatching ADD_ROW actions in a loop
+            setValue(voices);
+            toast.success(`Successfully fetched ${voices.length} voices!`);
         } catch (error) {
-            alert(`Error: ${error instanceof Error ? error.message : 'Failed to fetch voices'}`);
+            const msg = error instanceof Error ? error.message : 'Failed to fetch voices';
+            if (error instanceof Error && error.name === 'AbortError') {
+                toast.error('Request timed out. Please try again.');
+            } else {
+                toast.error(`Error: ${msg}`);
+            }
         } finally{
             setLoading(false);
+            clearTimeout(timeoutId);
         }
     }, [
-        dispatchFields,
-        voicesPath
+        setValue
     ]);
     return /*#__PURE__*/ _jsxs("div", {
         style: {
@@ -53,9 +70,10 @@ import { PLUGIN_API_ENDPOINT_FETCH_VOICES } from '../../defaults.js';
             /*#__PURE__*/ _jsx(Button, {
                 buttonStyle: "secondary",
                 disabled: loading,
+                margin: false,
                 onClick: fetchVoices,
                 size: "medium",
-                children: loading ? 'Fetching Voices...' : 'Fetch Voices from ElevenLabs'
+                children: loading ? 'Fetching Voices...' : 'Fetch Voices'
             }),
             /*#__PURE__*/ _jsx("p", {
                 style: {

package/dist/ui/VoicesFetcher/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/ui/VoicesFetcher/index.tsx"],"sourcesContent":["'use client'\n\nimport type { FieldClientComponent } from 'payload'\n\nimport { Button, useForm } from '@payloadcms/ui'\nimport React, { useCallback, useState } from 'react'\n\nimport { PLUGIN_API_ENDPOINT_FETCH_VOICES } from '../../defaults.js'\n\n/**\n * VoicesFetcher Component\n * Fetches voices from ElevenLabs API (server-side) and populates the voices array field\n * SECURE: API key is never exposed to the client\n */\nexport const VoicesFetcher: FieldClientComponent = ({ path }) => {\n  const [loading, setLoading] = useState(false)\n  const { dispatchFields } = useForm()\n\n  // Get the parent path (the block path)\n  const fieldPath = (path as string) || ''\n  const blockPath = fieldPath.split('.').slice(0, -1).join('.')\n  const voicesPath = `${blockPath}.voices`\n\n  const fetchVoices = useCallback(async () => {\n    setLoading(true)\n\n    try {\n      // Call server endpoint - it will read the API key from the database\n      const response = await fetch(`/api${PLUGIN_API_ENDPOINT_FETCH_VOICES}`, {\n        headers: {\n          'Content-Type': 'application/json',\n        },\n        method: 'POST',\n      })\n\n      if (!response.ok) {\n        const error = await response.json()\n        throw new Error(error.message || 'Failed to fetch voices')\n      }\n\n      const data = await response.json()\n\n      // Update the voices field with fetched voices\n      dispatchFields({\n        type: 'UPDATE',\n        path: voicesPath,\n        value: data.voices || [],\n      })\n\n      alert(`Successfully fetched ${data.voices?.length || 0} voices!`)\n    } catch (error) {\n      alert(`Error: ${error instanceof Error ? error.message : 'Failed to fetch voices'}`)\n    } finally {\n      setLoading(false)\n    }\n  }, [dispatchFields, voicesPath])\n\n  return (\n    <div style={{ marginBottom: '20px' }}>\n      <Button buttonStyle=\"secondary\" disabled={loading} onClick={fetchVoices} size=\"medium\">\n        {loading ? 'Fetching Voices...' : 'Fetch Voices from ElevenLabs'}\n      </Button>\n      <p style={{ color: 'var(--theme-elevation-600)', fontSize: '13px', marginTop: '8px' }}>\n        This will fetch all available voices from your ElevenLabs account. Make sure you have saved\n        your API key in the Setup tab first.\n      </p>\n    </div>\n  )\n}\n"],"names":["Button","useForm","React","useCallback","useState","PLUGIN_API_ENDPOINT_FETCH_VOICES","VoicesFetcher","path","loading","setLoading","dispatchFields","fieldPath","blockPath","split","slice","join","voicesPath","fetchVoices","response","fetch","headers","method","ok","error","json","Error","message","data","type","value","voices","alert","length","div","style","marginBottom","buttonStyle","disabled","onClick","size","p","color","fontSize","marginTop"],"mappings":"AAAA;;AAIA,SAASA,MAAM,EAAEC,OAAO,QAAQ,iBAAgB;AAChD,OAAOC,SAASC,WAAW,EAAEC,QAAQ,QAAQ,QAAO;AAEpD,SAASC,gCAAgC,QAAQ,oBAAmB;AAEpE;;;;CAIC,GACD,OAAO,MAAMC,gBAAsC,CAAC,EAAEC,IAAI,EAAE;IAC1D,MAAM,CAACC,SAASC,WAAW,GAAGL,SAAS;IACvC,MAAM,EAAEM,cAAc,EAAE,GAAGT;IAE3B,uCAAuC;IACvC,MAAMU,YAAY,AAACJ,QAAmB;IACtC,MAAMK,YAAYD,UAAUE,KAAK,CAAC,KAAKC,KAAK,CAAC,GAAG,CAAC,GAAGC,IAAI,CAAC;IACzD,MAAMC,aAAa,CAAC,EAAEJ,UAAU,OAAO,CAAC;IAExC,MAAMK,cAAcd,YAAY;QAC9BM,WAAW;QAEX,IAAI;YACF,oEAAoE;YACpE,MAAMS,WAAW,MAAMC,MAAM,CAAC,IAAI,EAAEd,iCAAiC,CAAC,EAAE;gBACtEe,SAAS;oBACP,gBAAgB;gBAClB;gBACAC,QAAQ;YACV;YAEA,IAAI,CAACH,SAASI,EAAE,EAAE;gBAChB,MAAMC,QAAQ,MAAML,SAASM,IAAI;gBACjC,MAAM,IAAIC,MAAMF,MAAMG,OAAO,IAAI;YACnC;YAEA,MAAMC,OAAO,MAAMT,SAASM,IAAI;YAEhC,8CAA8C;YAC9Cd,eAAe;gBACbkB,MAAM;gBACNrB,MAAMS;gBACNa,OAAOF,KAAKG,MAAM,IAAI,EAAE;YAC1B;YAEAC,MAAM,CAAC,qBAAqB,EAAEJ,KAAKG,MAAM,EAAEE,UAAU,EAAE,QAAQ,CAAC;QAClE,EAAE,OAAOT,OAAO;YACdQ,MAAM,CAAC,OAAO,EAAER,iBAAiBE,QAAQF,MAAMG,OAAO,GAAG,yBAAyB,CAAC;QACrF,SAAU;YACRjB,WAAW;QACb;IACF,GAAG;QAACC;QAAgBM;KAAW;IAE/B,qBACE,MAACiB;QAAIC,OAAO;YAAEC,cAAc;QAAO;;0BACjC,KAACnC;gBAAOoC,aAAY;gBAAYC,UAAU7B;gBAAS8B,SAASrB;gBAAasB,MAAK;0BAC3E/B,UAAU,uBAAuB;;0BAEpC,KAACgC;gBAAEN,OAAO;oBAAEO,OAAO;oBAA8BC,UAAU;oBAAQC,WAAW;gBAAM;0BAAG;;;;AAM7F,EAAC"}
+{"version":3,"sources":["../../../src/ui/VoicesFetcher/index.tsx"],"sourcesContent":["'use client'\n\nimport type { FieldClientComponent } from 'payload'\n\nimport { Button, toast, useField, useFormFields } from '@payloadcms/ui'\nimport React, { useCallback, useState } from 'react'\n\nimport { PLUGIN_API_ENDPOINT_FETCH_VOICES } from '../../defaults.js'\n\ninterface Voice {\n  category?: string\n  enabled?: boolean\n  id: string\n  labels?: Record<string, unknown>\n  name: string\n  preview_url?: string\n}\n\n/**\n * VoicesFetcher Component\n * Fetches voices from ElevenLabs API (server-side) and populates the voices array field\n * SECURE: API key is never exposed to the client\n */\nexport const VoicesFetcher: FieldClientComponent = ({ path }) => {\n  const [loading, setLoading] = useState(false)\n\n  // Get the parent path (the block path)\n  const fieldPath = (path as string) || ''\n  const blockPath = fieldPath.split('.').slice(0, -1).join('.')\n  const voicesPath = `${blockPath}.voices`\n\n  const { setValue } = useField<Voice[]>({ path: voicesPath })\n\n  const fetchVoices = useCallback(async () => {\n    setLoading(true)\n\n    const controller = new AbortController()\n    const timeoutId = setTimeout(() => controller.abort(), 30000) // 30s timeout\n\n    try {\n      // Call server endpoint - it will read the API key from the database\n      const response = await fetch(`/api${PLUGIN_API_ENDPOINT_FETCH_VOICES}`, {\n        headers: {\n          'Content-Type': 'application/json',\n        },\n        method: 'POST',\n        signal: controller.signal,\n      })\n\n      clearTimeout(timeoutId)\n\n      if (!response.ok) {\n        let errorMessage = 'Failed to fetch voices'\n        try {\n          const error = await response.json()\n          errorMessage = error.message || errorMessage\n        } catch (e) {\n          // If response is not JSON (e.g. 504 Gateway Timeout HTML), use status text\n          errorMessage = `Error ${response.status}: ${response.statusText}`\n        }\n        throw new Error(errorMessage)\n      }\n\n      const data = await response.json()\n      const voices: Voice[] = data.voices || []\n\n      // Replace the entire array value at once\n      // This is much more performant than dispatching ADD_ROW actions in a loop\n      setValue(voices)\n\n      toast.success(`Successfully fetched ${voices.length} voices!`)\n    } catch (error: unknown) {\n      const msg = error instanceof Error ? error.message : 'Failed to fetch voices'\n      if (error instanceof Error && error.name === 'AbortError') {\n        toast.error('Request timed out. Please try again.')\n      } else {\n        toast.error(`Error: ${msg}`)\n      }\n    } finally {\n      setLoading(false)\n      clearTimeout(timeoutId)\n    }\n  }, [setValue])\n\n  return (\n    <div style={{ marginBottom: '20px' }}>\n      <Button buttonStyle=\"secondary\" disabled={loading} margin={false} onClick={fetchVoices} size=\"medium\">\n        {loading ? 'Fetching Voices...' : 'Fetch Voices'}\n      </Button>\n      <p style={{ color: 'var(--theme-elevation-600)', fontSize: '13px', marginTop: '8px' }}>\n        This will fetch all available voices from your ElevenLabs account. Make sure you have saved\n        your API key in the Setup tab first.\n      </p>\n    </div>\n  )\n}\n"],"names":["Button","toast","useField","React","useCallback","useState","PLUGIN_API_ENDPOINT_FETCH_VOICES","VoicesFetcher","path","loading","setLoading","fieldPath","blockPath","split","slice","join","voicesPath","setValue","fetchVoices","controller","AbortController","timeoutId","setTimeout","abort","response","fetch","headers","method","signal","clearTimeout","ok","errorMessage","error","json","message","e","status","statusText","Error","data","voices","success","length","msg","name","div","style","marginBottom","buttonStyle","disabled","margin","onClick","size","p","color","fontSize","marginTop"],"mappings":"AAAA;;AAIA,SAASA,MAAM,EAAEC,KAAK,EAAEC,QAAQ,QAAuB,iBAAgB;AACvE,OAAOC,SAASC,WAAW,EAAEC,QAAQ,QAAQ,QAAO;AAEpD,SAASC,gCAAgC,QAAQ,oBAAmB;AAWpE;;;;CAIC,GACD,OAAO,MAAMC,gBAAsC,CAAC,EAAEC,IAAI,EAAE;IAC1D,MAAM,CAACC,SAASC,WAAW,GAAGL,SAAS;IAEvC,uCAAuC;IACvC,MAAMM,YAAY,AAACH,QAAmB;IACtC,MAAMI,YAAYD,UAAUE,KAAK,CAAC,KAAKC,KAAK,CAAC,GAAG,CAAC,GAAGC,IAAI,CAAC;IACzD,MAAMC,aAAa,CAAC,EAAEJ,UAAU,OAAO,CAAC;IAExC,MAAM,EAAEK,QAAQ,EAAE,GAAGf,SAAkB;QAAEM,MAAMQ;IAAW;IAE1D,MAAME,cAAcd,YAAY;QAC9BM,WAAW;QAEX,MAAMS,aAAa,IAAIC;QACvB,MAAMC,YAAYC,WAAW,IAAMH,WAAWI,KAAK,IAAI,OAAO,cAAc;;QAE5E,IAAI;YACF,oEAAoE;YACpE,MAAMC,WAAW,MAAMC,MAAM,CAAC,IAAI,EAAEnB,iCAAiC,CAAC,EAAE;gBACtEoB,SAAS;oBACP,gBAAgB;gBAClB;gBACAC,QAAQ;gBACRC,QAAQT,WAAWS,MAAM;YAC3B;YAEAC,aAAaR;YAEb,IAAI,CAACG,SAASM,EAAE,EAAE;gBAChB,IAAIC,eAAe;gBACnB,IAAI;oBACF,MAAMC,QAAQ,MAAMR,SAASS,IAAI;oBACjCF,eAAeC,MAAME,OAAO,IAAIH;gBAClC,EAAE,OAAOI,GAAG;oBACV,2EAA2E;oBAC3EJ,eAAe,CAAC,MAAM,EAAEP,SAASY,MAAM,CAAC,EAAE,EAAEZ,SAASa,UAAU,CAAC,CAAC;gBACnE;gBACA,MAAM,IAAIC,MAAMP;YAClB;YAEA,MAAMQ,OAAO,MAAMf,SAASS,IAAI;YAChC,MAAMO,SAAkBD,KAAKC,MAAM,IAAI,EAAE;YAEzC,yCAAyC;YACzC,0EAA0E;YAC1EvB,SAASuB;YAETvC,MAAMwC,OAAO,CAAC,CAAC,qBAAqB,EAAED,OAAOE,MAAM,CAAC,QAAQ,CAAC;QAC/D,EAAE,OAAOV,OAAgB;YACvB,MAAMW,MAAMX,iBAAiBM,QAAQN,MAAME,OAAO,GAAG;YACrD,IAAIF,iBAAiBM,SAASN,MAAMY,IAAI,KAAK,cAAc;gBACzD3C,MAAM+B,KAAK,CAAC;YACd,OAAO;gBACL/B,MAAM+B,KAAK,CAAC,CAAC,OAAO,EAAEW,IAAI,CAAC;YAC7B;QACF,SAAU;YACRjC,WAAW;YACXmB,aAAaR;QACf;IACF,GAAG;QAACJ;KAAS;IAEb,qBACE,MAAC4B;QAAIC,OAAO;YAAEC,cAAc;QAAO;;0BACjC,KAAC/C;gBAAOgD,aAAY;gBAAYC,UAAUxC;gBAASyC,QAAQ;gBAAOC,SAASjC;gBAAakC,MAAK;0BAC1F3C,UAAU,uBAAuB;;0BAEpC,KAAC4C;gBAAEP,OAAO;oBAAEQ,OAAO;oBAA8BC,UAAU;oBAAQC,WAAW;gBAAM;0BAAG;;;;AAM7F,EAAC"}

package/dist/ui/VoicesFetcher/index.jsx

@@ -1,5 +1,5 @@
 'use client';
-import { Button, useForm } from '@payloadcms/ui';
+import { Button, toast, useField } from '@payloadcms/ui';
 import React, { useCallback, useState } from 'react';
 import { PLUGIN_API_ENDPOINT_FETCH_VOICES } from '../../defaults.js';
 /**
@@ -9,13 +9,15 @@ import { PLUGIN_API_ENDPOINT_FETCH_VOICES } from '../../defaults.js';
  */
 export const VoicesFetcher = ({ path }) => {
     const [loading, setLoading] = useState(false);
-    const { dispatchFields } = useForm();
     // Get the parent path (the block path)
     const fieldPath = path || '';
     const blockPath = fieldPath.split('.').slice(0, -1).join('.');
     const voicesPath = `${blockPath}.voices`;
+    const { setValue } = useField({ path: voicesPath });
     const fetchVoices = useCallback(async () => {
         setLoading(true);
+        const controller = new AbortController();
+        const timeoutId = setTimeout(() => controller.abort(), 30000); // 30s timeout
         try {
             // Call server endpoint - it will read the API key from the database
             const response = await fetch(`/api${PLUGIN_API_ENDPOINT_FETCH_VOICES}`, {
@@ -23,30 +25,45 @@ export const VoicesFetcher = ({ path }) => {
                     'Content-Type': 'application/json',
                 },
                 method: 'POST',
+                signal: controller.signal,
             });
+            clearTimeout(timeoutId);
             if (!response.ok) {
-                const error = await response.json();
-                throw new Error(error.message || 'Failed to fetch voices');
+                let errorMessage = 'Failed to fetch voices';
+                try {
+                    const error = await response.json();
+                    errorMessage = error.message || errorMessage;
+                }
+                catch (e) {
+                    // If response is not JSON (e.g. 504 Gateway Timeout HTML), use status text
+                    errorMessage = `Error ${response.status}: ${response.statusText}`;
+                }
+                throw new Error(errorMessage);
             }
             const data = await response.json();
-            // Update the voices field with fetched voices
-            dispatchFields({
-                type: 'UPDATE',
-                path: voicesPath,
-                value: data.voices || [],
-            });
-            alert(`Successfully fetched ${data.voices?.length || 0} voices!`);
+            const voices = data.voices || [];
+            // Replace the entire array value at once
+            // This is much more performant than dispatching ADD_ROW actions in a loop
+            setValue(voices);
+            toast.success(`Successfully fetched ${voices.length} voices!`);
         }
         catch (error) {
-            alert(`Error: ${error instanceof Error ? error.message : 'Failed to fetch voices'}`);
+            const msg = error instanceof Error ? error.message : 'Failed to fetch voices';
+            if (error instanceof Error && error.name === 'AbortError') {
+                toast.error('Request timed out. Please try again.');
+            }
+            else {
+                toast.error(`Error: ${msg}`);
+            }
         }
         finally {
             setLoading(false);
+            clearTimeout(timeoutId);
         }
-    }, [dispatchFields, voicesPath]);
+    }, [setValue]);
     return (<div style={{ marginBottom: '20px' }}>
-      <Button buttonStyle="secondary" disabled={loading} onClick={fetchVoices} size="medium">
-        {loading ? 'Fetching Voices...' : 'Fetch Voices from ElevenLabs'}
+      <Button buttonStyle="secondary" disabled={loading} margin={false} onClick={fetchVoices} size="medium">
+        {loading ? 'Fetching Voices...' : 'Fetch Voices'}
       </Button>
       <p style={{ color: 'var(--theme-elevation-600)', fontSize: '13px', marginTop: '8px' }}>
         This will fetch all available voices from your ElevenLabs account. Make sure you have saved

package/dist/utilities/buildSmartPrompt.d.ts

@@ -0,0 +1,22 @@
+import type { Payload } from 'payload';
+export interface SmartPromptContext {
+    /** The document data for template interpolation */
+    documentData?: Record<string, unknown>;
+    /** The Payload instance to access collection config */
+    payload: Payload;
+    /** The schema path like 'array-test-cases.teamMembers.contact.email' */
+    schemaPath: string;
+}
+/**
+ * Build a smart contextual prompt based on field metadata.
+ * This is used as a fallback when the user hasn't set a custom prompt.
+ *
+ * @param context - The context containing schema path and document data
+ * @returns A contextual prompt string that can be used for AI generation
+ */
+export declare const buildSmartPrompt: (context: SmartPromptContext) => string;
+/**
+ * Check if a prompt template is empty and should be replaced with a smart prompt.
+ * Only triggers when the prompt is completely empty or whitespace-only.
+ */
+export declare const isGenericPrompt: (template: null | string | undefined) => boolean;

package/dist/utilities/buildSmartPrompt.js

@@ -0,0 +1,141 @@
+'use strict';
+import { getFieldBySchemaPath } from './getFieldBySchemaPath.js';
+/**
+ * Extract field information from a schema path
+ */ const getFieldInfo = (schemaPath, payload)=>{
+    const parts = schemaPath.split('.');
+    const collectionSlug = parts[0];
+    const fieldPath = parts.slice(1);
+    const fieldName = fieldPath[fieldPath.length - 1] || '';
+    // Get parent context (e.g., 'teamMembers' for 'teamMembers.name')
+    let parentContext = null;
+    if (fieldPath.length > 1) {
+        parentContext = fieldPath[fieldPath.length - 2];
+    }
+    // Try to get the actual field configuration from the collection
+    let field = null;
+    const collection = payload.config.collections.find((c)=>c.slug === collectionSlug);
+    if (collection) {
+        field = getFieldBySchemaPath(collection, schemaPath);
+    }
+    return {
+        name: fieldName,
+        type: field?.type || 'text',
+        field,
+        label: field?.label || fieldName,
+        parentContext
+    };
+};
+/**
+ * Humanize a camelCase or snake_case field name
+ * e.g., 'teamMembers' -> 'team members', 'first_name' -> 'first name'
+ */ const humanize = (str)=>{
+    return str.replace(/([a-z])([A-Z])/g, '$1 $2') // camelCase to spaces
+    .replace(/[_-]/g, ' ') // underscores/dashes to spaces
+    .toLowerCase().trim();
+};
+/**
+ * Get a description snippet from field admin config
+ */ const getFieldDescription = (field)=>{
+    if (!field) {
+        return null;
+    }
+    const admin = field.admin;
+    if (admin?.description && typeof admin.description === 'string') {
+        return admin.description;
+    }
+    return null;
+};
+/**
+ * Build type-specific prompt guidance
+ */ const getTypeGuidance = (type, fieldName)=>{
+    const nameHint = humanize(fieldName);
+    switch(type){
+        case 'code':
+            return `Generate code for ${nameHint}`;
+        case 'date':
+            return `Generate an appropriate date for ${nameHint}`;
+        case 'email':
+            return `Generate a valid professional email address`;
+        case 'json':
+            return `Generate valid JSON data for ${nameHint}`;
+        case 'number':
+            return `Generate an appropriate numeric value for ${nameHint}`;
+        case 'select':
+            return `Select an appropriate option for ${nameHint}`;
+        case 'text':
+            return `Generate appropriate text for ${nameHint}`;
+        case 'textarea':
+            return `Write detailed content for ${nameHint}`;
+        case 'upload':
+            // Explicit image generation instruction for multimodal models
+            return `Generate an image of ${nameHint}`;
+        default:
+            return `Generate content for ${nameHint}`;
+    }
+};
+/**
+ * Build context from parent field name using generic humanization.
+ * Works universally for any collection structure.
+ */ const getParentContextPhrase = (parentContext)=>{
+    if (!parentContext) {
+        return '';
+    }
+    const humanized = humanize(parentContext);
+    // Use singular form if the name ends with 's' (common for arrays)
+    // e.g., "teamMembers" → "team member", "products" → "product"
+    if (humanized.endsWith('s') && humanized.length > 2) {
+        return `for a ${humanized.slice(0, -1)} entry`;
+    }
+    return `for ${humanized}`;
+};
+/**
+ * Build a smart contextual prompt based on field metadata.
+ * This is used as a fallback when the user hasn't set a custom prompt.
+ *
+ * @param context - The context containing schema path and document data
+ * @returns A contextual prompt string that can be used for AI generation
+ */ export const buildSmartPrompt = (context)=>{
+    const { documentData, payload, schemaPath } = context;
+    const fieldInfo = getFieldInfo(schemaPath, payload);
+    const { name, type, field, label, parentContext } = fieldInfo;
+    // Start with the field's own description if available
+    const description = getFieldDescription(field);
+    // Build the prompt components
+    const parts = [];
+    // Use description as primary guidance if available
+    if (description) {
+        parts.push(`Field description for user: ${description}\n`);
+    }
+    parts.push(getTypeGuidance(type, label || name));
+    // Add parent context if nested
+    const parentPhrase = getParentContextPhrase(parentContext);
+    if (parentPhrase) {
+        parts.push(parentPhrase);
+    }
+    // Add document title context if available
+    const title = documentData?.title || documentData?.name;
+    if (title && typeof title === 'string') {
+        parts.push(`in the context of "${title}"`);
+    }
+    // Build the final prompt
+    let prompt = parts.join(' ');
+    // Ensure first letter is capitalized
+    prompt = prompt.charAt(0).toUpperCase() + prompt.slice(1);
+    // Add instruction suffix for clarity
+    if (!prompt.endsWith('.')) {
+        prompt += '.';
+    }
+    return prompt;
+};
+/**
+ * Check if a prompt template is empty and should be replaced with a smart prompt.
+ * Only triggers when the prompt is completely empty or whitespace-only.
+ */ export const isGenericPrompt = (template)=>{
+    if (!template) {
+        return true;
+    }
+    return template.trim() === '';
+};
+
+//# sourceMappingURL=buildSmartPrompt.js.map

package/dist/utilities/buildSmartPrompt.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utilities/buildSmartPrompt.ts"],"sourcesContent":["'use strict'\n\nimport type { Field, Payload } from 'payload'\n\nimport { getFieldBySchemaPath } from './getFieldBySchemaPath.js'\n\nexport interface SmartPromptContext {\n  /** The document data for template interpolation */\n  documentData?: Record<string, unknown>\n  /** The Payload instance to access collection config */\n  payload: Payload\n  /** The schema path like 'array-test-cases.teamMembers.contact.email' */\n  schemaPath: string\n}\n\ninterface FieldInfo {\n  /** The field configuration */\n  field: Field | null\n  /** Human-readable field label */\n  label: string\n  /** Field name from the path */\n  name: string\n  /** Parent field name if nested (e.g., 'teamMembers' for 'teamMembers.name') */\n  parentContext: null | string\n  /** The field type */\n  type: string\n}\n\n/**\n * Extract field information from a schema path\n */\nconst getFieldInfo = (schemaPath: string, payload: Payload): FieldInfo => {\n  const parts = schemaPath.split('.')\n  const collectionSlug = parts[0]\n  const fieldPath = parts.slice(1)\n  const fieldName = fieldPath[fieldPath.length - 1] || ''\n\n  // Get parent context (e.g., 'teamMembers' for 'teamMembers.name')\n  let parentContext: null | string = null\n  if (fieldPath.length > 1) {\n    parentContext = fieldPath[fieldPath.length - 2]\n  }\n\n  // Try to get the actual field configuration from the collection\n  let field: Field | null = null\n  const collection = payload.config.collections.find((c) => c.slug === collectionSlug)\n  if (collection) {\n    field = getFieldBySchemaPath(collection, schemaPath)\n  }\n\n  return {\n    name: fieldName,\n    type: field?.type || 'text',\n    field,\n    label: (field as { label?: string })?.label || fieldName,\n    parentContext,\n  }\n}\n\n/**\n * Humanize a camelCase or snake_case field name\n * e.g., 'teamMembers' -> 'team members', 'first_name' -> 'first name'\n */\nconst humanize = (str: string): string => {\n  return str\n    .replace(/([a-z])([A-Z])/g, '$1 $2') // camelCase to spaces\n    .replace(/[_-]/g, ' ') // underscores/dashes to spaces\n    .toLowerCase()\n    .trim()\n}\n\n/**\n * Get a description snippet from field admin config\n */\nconst getFieldDescription = (field: Field | null): null | string => {\n  if (!field) {\n    return null\n  }\n  const admin = (field as { admin?: { description?: string } }).admin\n  if (admin?.description && typeof admin.description === 'string') {\n    return admin.description\n  }\n  return null\n}\n\n/**\n * Build type-specific prompt guidance\n */\nconst getTypeGuidance = (type: string, fieldName: string): string => {\n  const nameHint = humanize(fieldName)\n\n  switch (type) {\n    case 'code':\n      return `Generate code for ${nameHint}`\n    case 'date':\n      return `Generate an appropriate date for ${nameHint}`\n    case 'email':\n      return `Generate a valid professional email address`\n    case 'json':\n      return `Generate valid JSON data for ${nameHint}`\n    case 'number':\n      return `Generate an appropriate numeric value for ${nameHint}`\n    case 'select':\n      return `Select an appropriate option for ${nameHint}`\n    case 'text':\n      return `Generate appropriate text for ${nameHint}`\n    case 'textarea':\n      return `Write detailed content for ${nameHint}`\n    case 'upload':\n      // Explicit image generation instruction for multimodal models\n      return `Generate an image of ${nameHint}`\n    default:\n      return `Generate content for ${nameHint}`\n  }\n}\n\n/**\n * Build context from parent field name using generic humanization.\n * Works universally for any collection structure.\n */\nconst getParentContextPhrase = (parentContext: null | string): string => {\n  if (!parentContext) {\n    return ''\n  }\n\n  const humanized = humanize(parentContext)\n\n  // Use singular form if the name ends with 's' (common for arrays)\n  // e.g., \"teamMembers\" → \"team member\", \"products\" → \"product\"\n  if (humanized.endsWith('s') && humanized.length > 2) {\n    return `for a ${humanized.slice(0, -1)} entry`\n  }\n\n  return `for ${humanized}`\n}\n\n/**\n * Build a smart contextual prompt based on field metadata.\n * This is used as a fallback when the user hasn't set a custom prompt.\n *\n * @param context - The context containing schema path and document data\n * @returns A contextual prompt string that can be used for AI generation\n */\nexport const buildSmartPrompt = (context: SmartPromptContext): string => {\n  const { documentData, payload, schemaPath } = context\n\n  const fieldInfo = getFieldInfo(schemaPath, payload)\n  const { name, type, field, label, parentContext } = fieldInfo\n\n  // Start with the field's own description if available\n  const description = getFieldDescription(field)\n\n  // Build the prompt components\n  const parts: string[] = []\n\n  // Use description as primary guidance if available\n  if (description) {\n    parts.push(`Field description for user: ${description}\\n`)\n  }\n\n  parts.push(getTypeGuidance(type, label || name))\n\n  // Add parent context if nested\n  const parentPhrase = getParentContextPhrase(parentContext)\n  if (parentPhrase) {\n    parts.push(parentPhrase)\n  }\n\n  // Add document title context if available\n  const title = documentData?.title || documentData?.name\n\n  if (title && typeof title === 'string') {\n    parts.push(`in the context of \"${title}\"`)\n  }\n\n  // Build the final prompt\n  let prompt = parts.join(' ')\n\n  // Ensure first letter is capitalized\n  prompt = prompt.charAt(0).toUpperCase() + prompt.slice(1)\n\n  // Add instruction suffix for clarity\n  if (!prompt.endsWith('.')) {\n    prompt += '.'\n  }\n\n  return prompt\n}\n\n/**\n * Check if a prompt template is empty and should be replaced with a smart prompt.\n * Only triggers when the prompt is completely empty or whitespace-only.\n */\nexport const isGenericPrompt = (template: null | string | undefined): boolean => {\n  if (!template) {\n    return true\n  }\n  return template.trim() === ''\n}\n"],"names":["getFieldBySchemaPath","getFieldInfo","schemaPath","payload","parts","split","collectionSlug","fieldPath","slice","fieldName","length","parentContext","field","collection","config","collections","find","c","slug","name","type","label","humanize","str","replace","toLowerCase","trim","getFieldDescription","admin","description","getTypeGuidance","nameHint","getParentContextPhrase","humanized","endsWith","buildSmartPrompt","context","documentData","fieldInfo","push","parentPhrase","title","prompt","join","charAt","toUpperCase","isGenericPrompt","template"],"mappings":"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"}

package/dist/utilities/encryption.js

@@ -17,7 +17,8 @@ export function encrypt(text, secret) {
         encrypted,
         cipher.final()
     ]);
-    return iv.toString('hex') + ':' + encrypted.toString('hex');
+    const result = iv.toString('hex') + ':' + encrypted.toString('hex');
+    return result;
 }
 export function decrypt(text, secret) {
     if (!text) {

package/dist/utilities/encryption.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utilities/encryption.ts"],"sourcesContent":["import crypto from 'crypto'\n\nconst algorithm = 'aes-256-cbc'\nconst ivLength = 16\n\nexport function encrypt(text: string, secret: string): string {\n  if (!text) {return text}\n  if (!secret) {throw new Error('No secret provided for encryption')}\n\n  // Ensure secret is 32 bytes\n  const key = crypto.createHash('sha256').update(secret).digest()\n  const iv = crypto.randomBytes(ivLength)\n  const cipher = crypto.createCipheriv(algorithm, key, iv)\n  let encrypted = cipher.update(text)\n  encrypted = Buffer.concat([encrypted, cipher.final()])\n  return iv.toString('hex') + ':' + encrypted.toString('hex')\n}\n\nexport function decrypt(text: string, secret: string): string {\n  if (!text) {return text}\n  if (!secret) {throw new Error('No secret provided for decryption')}\n\n  try {\n    const textParts = text.split(':')\n    const iv = Buffer.from(textParts.shift()!, 'hex')\n    const encryptedText = Buffer.from(textParts.join(':'), 'hex')\n    const key = crypto.createHash('sha256').update(secret).digest()\n    const decipher = crypto.createDecipheriv(algorithm, key, iv)\n    let decrypted = decipher.update(encryptedText)\n    decrypted = Buffer.concat([decrypted, decipher.final()])\n    return decrypted.toString()\n  } catch (e) {\n    // If decryption fails, return original text (might be already plain or invalid)\n    return text\n  }\n}\n"],"names":["crypto","algorithm","ivLength","encrypt","text","secret","Error","key","createHash","update","digest","iv","randomBytes","cipher","createCipheriv","encrypted","Buffer","concat","final","toString","decrypt","textParts","split","from","shift","encryptedText","join","decipher","createDecipheriv","decrypted","e"],"mappings":"AAAA,OAAOA,YAAY,SAAQ;AAE3B,MAAMC,YAAY;AAClB,MAAMC,WAAW;AAEjB,OAAO,SAASC,QAAQC,IAAY,EAAEC,MAAc;IAClD,IAAI,CAACD,MAAM;QAAC,OAAOA;IAAI;IACvB,IAAI,CAACC,QAAQ;QAAC,MAAM,IAAIC,MAAM;IAAoC;IAElE,4BAA4B;IAC5B,MAAMC,MAAMP,OAAOQ,UAAU,CAAC,UAAUC,MAAM,CAACJ,QAAQK,MAAM;IAC7D,MAAMC,KAAKX,OAAOY,WAAW,CAACV;IAC9B,MAAMW,SAASb,OAAOc,cAAc,CAACb,WAAWM,KAAKI;IACrD,IAAII,YAAYF,OAAOJ,MAAM,CAACL;IAC9BW,YAAYC,OAAOC,MAAM,CAAC;QAACF;QAAWF,OAAOK,KAAK;KAAG;IACrD,OAAOP,GAAGQ,QAAQ,CAAC,SAAS,MAAMJ,UAAUI,QAAQ,CAAC;AACvD;AAEA,OAAO,SAASC,QAAQhB,IAAY,EAAEC,MAAc;IAClD,IAAI,CAACD,MAAM;QAAC,OAAOA;IAAI;IACvB,IAAI,CAACC,QAAQ;QAAC,MAAM,IAAIC,MAAM;IAAoC;IAElE,IAAI;QACF,MAAMe,YAAYjB,KAAKkB,KAAK,CAAC;QAC7B,MAAMX,KAAKK,OAAOO,IAAI,CAACF,UAAUG,KAAK,IAAK;QAC3C,MAAMC,gBAAgBT,OAAOO,IAAI,CAACF,UAAUK,IAAI,CAAC,MAAM;QACvD,MAAMnB,MAAMP,OAAOQ,UAAU,CAAC,UAAUC,MAAM,CAACJ,QAAQK,MAAM;QAC7D,MAAMiB,WAAW3B,OAAO4B,gBAAgB,CAAC3B,WAAWM,KAAKI;QACzD,IAAIkB,YAAYF,SAASlB,MAAM,CAACgB;QAChCI,YAAYb,OAAOC,MAAM,CAAC;YAACY;YAAWF,SAAST,KAAK;SAAG;QACvD,OAAOW,UAAUV,QAAQ;IAC3B,EAAE,OAAOW,GAAG;QACV,gFAAgF;QAChF,OAAO1B;IACT;AACF"}
+{"version":3,"sources":["../../src/utilities/encryption.ts"],"sourcesContent":["import crypto from 'crypto'\n\nconst algorithm = 'aes-256-cbc'\nconst ivLength = 16\n\nexport function encrypt(text: string, secret: string): string {\n  if (!text) {\n    return text\n  }\n  if (!secret) {\n    throw new Error('No secret provided for encryption')\n  }\n\n  // Ensure secret is 32 bytes\n  const key = crypto.createHash('sha256').update(secret).digest()\n  const iv = crypto.randomBytes(ivLength)\n  const cipher = crypto.createCipheriv(algorithm, key, iv)\n  let encrypted = cipher.update(text)\n  encrypted = Buffer.concat([encrypted, cipher.final()])\n  const result = iv.toString('hex') + ':' + encrypted.toString('hex')\n\n  return result\n}\n\nexport function decrypt(text: string, secret: string): string {\n  if (!text) {\n    return text\n  }\n  if (!secret) {\n    throw new Error('No secret provided for decryption')\n  }\n\n  try {\n    const textParts = text.split(':')\n    const iv = Buffer.from(textParts.shift()!, 'hex')\n    const encryptedText = Buffer.from(textParts.join(':'), 'hex')\n    const key = crypto.createHash('sha256').update(secret).digest()\n    const decipher = crypto.createDecipheriv(algorithm, key, iv)\n    let decrypted = decipher.update(encryptedText)\n    decrypted = Buffer.concat([decrypted, decipher.final()])\n    return decrypted.toString()\n  } catch (e) {\n    // If decryption fails, return original text (might be already plain or invalid)\n    return text\n  }\n}\n"],"names":["crypto","algorithm","ivLength","encrypt","text","secret","Error","key","createHash","update","digest","iv","randomBytes","cipher","createCipheriv","encrypted","Buffer","concat","final","result","toString","decrypt","textParts","split","from","shift","encryptedText","join","decipher","createDecipheriv","decrypted","e"],"mappings":"AAAA,OAAOA,YAAY,SAAQ;AAE3B,MAAMC,YAAY;AAClB,MAAMC,WAAW;AAEjB,OAAO,SAASC,QAAQC,IAAY,EAAEC,MAAc;IAClD,IAAI,CAACD,MAAM;QACT,OAAOA;IACT;IACA,IAAI,CAACC,QAAQ;QACX,MAAM,IAAIC,MAAM;IAClB;IAEA,4BAA4B;IAC5B,MAAMC,MAAMP,OAAOQ,UAAU,CAAC,UAAUC,MAAM,CAACJ,QAAQK,MAAM;IAC7D,MAAMC,KAAKX,OAAOY,WAAW,CAACV;IAC9B,MAAMW,SAASb,OAAOc,cAAc,CAACb,WAAWM,KAAKI;IACrD,IAAII,YAAYF,OAAOJ,MAAM,CAACL;IAC9BW,YAAYC,OAAOC,MAAM,CAAC;QAACF;QAAWF,OAAOK,KAAK;KAAG;IACrD,MAAMC,SAASR,GAAGS,QAAQ,CAAC,SAAS,MAAML,UAAUK,QAAQ,CAAC;IAE7D,OAAOD;AACT;AAEA,OAAO,SAASE,QAAQjB,IAAY,EAAEC,MAAc;IAClD,IAAI,CAACD,MAAM;QACT,OAAOA;IACT;IACA,IAAI,CAACC,QAAQ;QACX,MAAM,IAAIC,MAAM;IAClB;IAEA,IAAI;QACF,MAAMgB,YAAYlB,KAAKmB,KAAK,CAAC;QAC7B,MAAMZ,KAAKK,OAAOQ,IAAI,CAACF,UAAUG,KAAK,IAAK;QAC3C,MAAMC,gBAAgBV,OAAOQ,IAAI,CAACF,UAAUK,IAAI,CAAC,MAAM;QACvD,MAAMpB,MAAMP,OAAOQ,UAAU,CAAC,UAAUC,MAAM,CAACJ,QAAQK,MAAM;QAC7D,MAAMkB,WAAW5B,OAAO6B,gBAAgB,CAAC5B,WAAWM,KAAKI;QACzD,IAAImB,YAAYF,SAASnB,MAAM,CAACiB;QAChCI,YAAYd,OAAOC,MAAM,CAAC;YAACa;YAAWF,SAASV,KAAK;SAAG;QACvD,OAAOY,UAAUV,QAAQ;IAC3B,EAAE,OAAOW,GAAG;QACV,gFAAgF;QAChF,OAAO3B;IACT;AACF"}

package/dist/utilities/fieldToJsonSchema.js

@@ -138,7 +138,7 @@ export function fieldToJsonSchema(fieldInput, opts) {
                                 }
                                 continue;
                             }
-                            if (!subField.name) {
+                            if (!subField.name || subField.name === 'id') {
                                 continue;
                             }
                             const subSchema = fieldToJsonSchema(subField, {
@@ -146,8 +146,31 @@ export function fieldToJsonSchema(fieldInput, opts) {
                             });
                             if (subSchema && Object.keys(subSchema).length > 0) {
                                 properties[subField.name] = subSchema;
-                                if (subField.required) {
-                                    required.push(subField.name);
+                                // OpenAI Strict Mode: All fields must be required
+                                required.push(subField.name);
+                                // If field is optional in Payload, allow null in schema
+                                if (!subField.required) {
+                                    // Arrays usually default to empty array [], so we don't make them nullable
+                                    // Groups and other types can be null
+                                    if (subSchema.type !== 'array') {
+                                        if (Array.isArray(subSchema.type)) {
+                                            if (!subSchema.type.includes('null')) {
+                                                subSchema.type.push('null');
+                                            }
+                                        } else if (typeof subSchema.type === 'string' && subSchema.type !== 'null') {
+                                            subSchema.type = [
+                                                subSchema.type,
+                                                'null'
+                                            ];
+                                        }
+                                        // If enum is present, we must allow null in enum or use anyOf? 
+                                        // OpenAI strict mode: "enum values must be consistent with type". 
+                                        // If type is [string, null], null is a valid value for the type, but if enum is ["a"], null is not in enum.
+                                        // valid: { type: ["string", "null"], enum: ["a", null] } 
+                                        if (Array.isArray(subSchema.enum) && !subSchema.enum.includes(null)) {
+                                            subSchema.enum.push(null);
+                                        }
+                                    }
                                 }
                             }
                         }
@@ -164,6 +187,12 @@ export function fieldToJsonSchema(fieldInput, opts) {
                             type: 'array',
                             items: objSchema
                         };
+                        if (typeof field.maxRows === 'number') {
+                            valueSchema.maxItems = field.maxRows;
+                        }
+                        if (typeof field.minRows === 'number') {
+                            valueSchema.minItems = field.minRows;
+                        }
                     } else {
                         valueSchema = objSchema;
                     }