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

package/dist/ui/EncryptedTextField/index.js

@@ -0,0 +1,74 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useField } from '@payloadcms/ui';
+import React, { useState } from 'react';
+export const EncryptedTextField = ({ label, path, required })=>{
+    const { setValue, value } = useField({
+        path
+    });
+    const [isEditing, setIsEditing] = useState(!value);
+    const isMasked = typeof value === 'string' && value.startsWith('sk-') && value.includes('****');
+    return /*#__PURE__*/ _jsxs("div", {
+        className: "field-type text",
+        children: [
+            /*#__PURE__*/ _jsxs("label", {
+                className: "field-label",
+                children: [
+                    label || 'API Key',
+                    required && /*#__PURE__*/ _jsx("span", {
+                        className: "required",
+                        children: "*"
+                    })
+                ]
+            }),
+            !isEditing && isMasked ? /*#__PURE__*/ _jsxs("div", {
+                style: {
+                    alignItems: 'center',
+                    display: 'flex',
+                    gap: '10px'
+                },
+                children: [
+                    /*#__PURE__*/ _jsxs("div", {
+                        style: {
+                            background: 'var(--theme-elevation-100)',
+                            borderRadius: '4px',
+                            flexGrow: 1,
+                            fontFamily: 'monospace',
+                            padding: '8px 12px'
+                        },
+                        children: [
+                            value,
+                            /*#__PURE__*/ _jsx("span", {
+                                style: {
+                                    color: 'var(--theme-success-500)',
+                                    fontSize: '0.8em',
+                                    marginLeft: '10px'
+                                },
+                                children: "✓ Configured"
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsx("button", {
+                        className: "btn btn--style-secondary btn--size-small",
+                        onClick: ()=>{
+                            setValue('');
+                            setIsEditing(true);
+                        },
+                        type: "button",
+                        children: "Change"
+                    })
+                ]
+            }) : /*#__PURE__*/ _jsx("input", {
+                onChange: (e)=>setValue(e.target.value),
+                placeholder: "sk-...",
+                style: {
+                    width: '100%'
+                },
+                type: "password",
+                value: value || ''
+            })
+        ]
+    });
+};
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/ui/EncryptedTextField/index.tsx"],"sourcesContent":["'use client'\n\nimport { useField } from '@payloadcms/ui'\nimport React, { useState } from 'react'\n\ntype Props = {\n  label?: string\n  path: string\n  required?: boolean\n}\n\nexport const EncryptedTextField: React.FC<Props> = ({ label, path, required }) => {\n  const { setValue, value } = useField<string>({ path })\n  const [isEditing, setIsEditing] = useState(!value)\n\n  const isMasked = typeof value === 'string' && value.startsWith('sk-') && value.includes('****')\n\n  return (\n    <div className=\"field-type text\">\n      <label className=\"field-label\">\n        {label || 'API Key'}\n        {required && <span className=\"required\">*</span>}\n      </label>\n\n      {!isEditing && isMasked ? (\n        <div style={{ alignItems: 'center', display: 'flex', gap: '10px' }}>\n          <div\n            style={{\n              background: 'var(--theme-elevation-100)',\n              borderRadius: '4px',\n              flexGrow: 1,\n              fontFamily: 'monospace',\n              padding: '8px 12px',\n            }}\n          >\n            {value}\n            <span\n              style={{ color: 'var(--theme-success-500)', fontSize: '0.8em', marginLeft: '10px' }}\n            >\n              ✓ Configured\n            </span>\n          </div>\n          <button\n            className=\"btn btn--style-secondary btn--size-small\"\n            onClick={() => {\n              setValue('')\n              setIsEditing(true)\n            }}\n            type=\"button\"\n          >\n            Change\n          </button>\n        </div>\n      ) : (\n        <input\n          onChange={(e) => setValue(e.target.value)}\n          placeholder=\"sk-...\"\n          style={{ width: '100%' }}\n          type=\"password\"\n          value={value || ''}\n        />\n      )}\n    </div>\n  )\n}\n"],"names":["useField","React","useState","EncryptedTextField","label","path","required","setValue","value","isEditing","setIsEditing","isMasked","startsWith","includes","div","className","span","style","alignItems","display","gap","background","borderRadius","flexGrow","fontFamily","padding","color","fontSize","marginLeft","button","onClick","type","input","onChange","e","target","placeholder","width"],"mappings":"AAAA;;AAEA,SAASA,QAAQ,QAAQ,iBAAgB;AACzC,OAAOC,SAASC,QAAQ,QAAQ,QAAO;AAQvC,OAAO,MAAMC,qBAAsC,CAAC,EAAEC,KAAK,EAAEC,IAAI,EAAEC,QAAQ,EAAE;IAC3E,MAAM,EAAEC,QAAQ,EAAEC,KAAK,EAAE,GAAGR,SAAiB;QAAEK;IAAK;IACpD,MAAM,CAACI,WAAWC,aAAa,GAAGR,SAAS,CAACM;IAE5C,MAAMG,WAAW,OAAOH,UAAU,YAAYA,MAAMI,UAAU,CAAC,UAAUJ,MAAMK,QAAQ,CAAC;IAExF,qBACE,MAACC;QAAIC,WAAU;;0BACb,MAACX;gBAAMW,WAAU;;oBACdX,SAAS;oBACTE,0BAAY,KAACU;wBAAKD,WAAU;kCAAW;;;;YAGzC,CAACN,aAAaE,yBACb,MAACG;gBAAIG,OAAO;oBAAEC,YAAY;oBAAUC,SAAS;oBAAQC,KAAK;gBAAO;;kCAC/D,MAACN;wBACCG,OAAO;4BACLI,YAAY;4BACZC,cAAc;4BACdC,UAAU;4BACVC,YAAY;4BACZC,SAAS;wBACX;;4BAECjB;0CACD,KAACQ;gCACCC,OAAO;oCAAES,OAAO;oCAA4BC,UAAU;oCAASC,YAAY;gCAAO;0CACnF;;;;kCAIH,KAACC;wBACCd,WAAU;wBACVe,SAAS;4BACPvB,SAAS;4BACTG,aAAa;wBACf;wBACAqB,MAAK;kCACN;;;+BAKH,KAACC;gBACCC,UAAU,CAACC,IAAM3B,SAAS2B,EAAEC,MAAM,CAAC3B,KAAK;gBACxC4B,aAAY;gBACZnB,OAAO;oBAAEoB,OAAO;gBAAO;gBACvBN,MAAK;gBACLvB,OAAOA,SAAS;;;;AAK1B,EAAC"}

package/dist/ui/EncryptedTextField/index.jsx

@@ -0,0 +1,35 @@
+'use client';
+import { useField } from '@payloadcms/ui';
+import React, { useState } from 'react';
+export const EncryptedTextField = ({ label, path, required }) => {
+    const { setValue, value } = useField({ path });
+    const [isEditing, setIsEditing] = useState(!value);
+    const isMasked = typeof value === 'string' && value.startsWith('sk-') && value.includes('****');
+    return (<div className="field-type text">
+      <label className="field-label">
+        {label || 'API Key'}
+        {required && <span className="required">*</span>}
+      </label>
+
+      {!isEditing && isMasked ? (<div style={{ alignItems: 'center', display: 'flex', gap: '10px' }}>
+          <div style={{
+                background: 'var(--theme-elevation-100)',
+                borderRadius: '4px',
+                flexGrow: 1,
+                fontFamily: 'monospace',
+                padding: '8px 12px',
+            }}>
+            {value}
+            <span style={{ color: 'var(--theme-success-500)', fontSize: '0.8em', marginLeft: '10px' }}>
+              ✓ Configured
+            </span>
+          </div>
+          <button className="btn btn--style-secondary btn--size-small" onClick={() => {
+                setValue('');
+                setIsEditing(true);
+            }} type="button">
+            Change
+          </button>
+        </div>) : (<input onChange={(e) => setValue(e.target.value)} placeholder="sk-..." style={{ width: '100%' }} type="password" value={value || ''}/>)}
+    </div>);
+};

package/dist/ui/Icons/LottieAnimation.js

@@ -7,7 +7,9 @@ const LottieAnimation = ({ isLoading = false })=>{
     const [animations, setAnimations] = useState([]);
     useEffect(()=>{
         const svg = svgRef.current;
-        if (!svg) return;
+        if (!svg) {
+            return;
+        }
         const animateTransform = (element, keyframes)=>{
             const animation = element.animate(keyframes, {
                 direction: 'alternate',

package/dist/ui/Icons/LottieAnimation.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/ui/Icons/LottieAnimation.tsx"],"sourcesContent":["// @ts-nocheck\n\nimport React, { useEffect, useRef, useState } from 'react'\n\nimport styles from './icons.module.css'\n\nconst LottieAnimation = ({ isLoading = false }) => {\n  const svgRef = useRef(null)\n  const [animations, setAnimations] = useState([])\n\n  useEffect(() => {\n    const svg = svgRef.current\n    if (!svg) return\n\n    const animateTransform = (element, keyframes) => {\n      const animation = element.animate(keyframes, {\n        direction: 'alternate',\n        duration: 1000,\n        easing: 'ease-in-out',\n        iterations: Infinity,\n      })\n      return animation\n    }\n\n    // Animate Group 2 (Rectangle)\n    const rectangle = svg.querySelector('#group2')\n    const rectangleAnimation = animateTransform(rectangle, [\n      { transform: 'translate(0, 0) scale(1)' },\n      { transform: 'translate(0, 0) scale(2.54)' },\n      { transform: 'translate(0, 0) scale(1)' },\n    ])\n\n    // Animate Group 3 (Triangle)\n    const triangle = svg.querySelector('#group3')\n    const triangleAnimation = animateTransform(triangle, [\n      { transform: 'translate(-69.5px, 77.5px) scale(1)' },\n      { transform: 'translate(-70px, 73px) scale(0.36)' },\n      { transform: 'translate(-69.5px, 77.5px) scale(1)' },\n    ])\n\n    setAnimations([rectangleAnimation, triangleAnimation])\n\n    // Clean up animations on unmount\n    return () => {\n      rectangleAnimation.cancel()\n      triangleAnimation.cancel()\n    }\n  }, [])\n\n  useEffect(() => {\n    if (isLoading) {\n      animations.forEach((animation) => animation.play())\n    } else {\n      animations.forEach((animation) => animation.pause())\n    }\n  }, [isLoading, animations])\n\n  return (\n    <span\n      style={{\n        left: '3px',\n        position: 'relative',\n        top: '-6px',\n      }}\n    >\n      <svg height=\"41\" ref={svgRef} viewBox=\"-250 -250 500 500\" width=\"41\">\n        <g id=\"group2\">\n          <rect className={styles.color_fill} height=\"41\" width=\"41\" x=\"-20.5\" y=\"-20.5\" />\n        </g>\n        <g id=\"group3\">\n          <path className={styles.color_fill} d=\"M48.5 57.5L48.5 -57.5L-49.5 -1.093L48.5 57.5Z\" />\n        </g>\n      </svg>\n    </span>\n  )\n}\n\nexport default LottieAnimation\n"],"names":["React","useEffect","useRef","useState","styles","LottieAnimation","isLoading","svgRef","animations","setAnimations","svg","current","animateTransform","element","keyframes","animation","animate","direction","duration","easing","iterations","Infinity","rectangle","querySelector","rectangleAnimation","transform","triangle","triangleAnimation","cancel","forEach","play","pause","span","style","left","position","top","height","ref","viewBox","width","g","id","rect","className","color_fill","x","y","path","d"],"mappings":"AAAA,cAAc;;AAEd,OAAOA,SAASC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,QAAO;AAE1D,OAAOC,YAAY,qBAAoB;AAEvC,MAAMC,kBAAkB,CAAC,EAAEC,YAAY,KAAK,EAAE;IAC5C,MAAMC,SAASL,OAAO;IACtB,MAAM,CAACM,YAAYC,cAAc,GAAGN,SAAS,EAAE;IAE/CF,UAAU;QACR,MAAMS,MAAMH,OAAOI,OAAO;QAC1B,IAAI,CAACD,KAAK;QAEV,MAAME,mBAAmB,CAACC,SAASC;YACjC,MAAMC,YAAYF,QAAQG,OAAO,CAACF,WAAW;gBAC3CG,WAAW;gBACXC,UAAU;gBACVC,QAAQ;gBACRC,YAAYC;YACd;YACA,OAAON;QACT;QAEA,8BAA8B;QAC9B,MAAMO,YAAYZ,IAAIa,aAAa,CAAC;QACpC,MAAMC,qBAAqBZ,iBAAiBU,WAAW;YACrD;gBAAEG,WAAW;YAA2B;YACxC;gBAAEA,WAAW;YAA8B;YAC3C;gBAAEA,WAAW;YAA2B;SACzC;QAED,6BAA6B;QAC7B,MAAMC,WAAWhB,IAAIa,aAAa,CAAC;QACnC,MAAMI,oBAAoBf,iBAAiBc,UAAU;YACnD;gBAAED,WAAW;YAAsC;YACnD;gBAAEA,WAAW;YAAqC;YAClD;gBAAEA,WAAW;YAAsC;SACpD;QAEDhB,cAAc;YAACe;YAAoBG;SAAkB;QAErD,iCAAiC;QACjC,OAAO;YACLH,mBAAmBI,MAAM;YACzBD,kBAAkBC,MAAM;QAC1B;IACF,GAAG,EAAE;IAEL3B,UAAU;QACR,IAAIK,WAAW;YACbE,WAAWqB,OAAO,CAAC,CAACd,YAAcA,UAAUe,IAAI;QAClD,OAAO;YACLtB,WAAWqB,OAAO,CAAC,CAACd,YAAcA,UAAUgB,KAAK;QACnD;IACF,GAAG;QAACzB;QAAWE;KAAW;IAE1B,qBACE,KAACwB;QACCC,OAAO;YACLC,MAAM;YACNC,UAAU;YACVC,KAAK;QACP;kBAEA,cAAA,MAAC1B;YAAI2B,QAAO;YAAKC,KAAK/B;YAAQgC,SAAQ;YAAoBC,OAAM;;8BAC9D,KAACC;oBAAEC,IAAG;8BACJ,cAAA,KAACC;wBAAKC,WAAWxC,OAAOyC,UAAU;wBAAER,QAAO;wBAAKG,OAAM;wBAAKM,GAAE;wBAAQC,GAAE;;;8BAEzE,KAACN;oBAAEC,IAAG;8BACJ,cAAA,KAACM;wBAAKJ,WAAWxC,OAAOyC,UAAU;wBAAEI,GAAE;;;;;;AAKhD;AAEA,eAAe5C,gBAAe"}
+{"version":3,"sources":["../../../src/ui/Icons/LottieAnimation.tsx"],"sourcesContent":["// @ts-nocheck\n\nimport React, { useEffect, useRef, useState } from 'react'\n\nimport styles from './icons.module.css'\n\nconst LottieAnimation = ({ isLoading = false }) => {\n  const svgRef = useRef(null)\n  const [animations, setAnimations] = useState([])\n\n  useEffect(() => {\n    const svg = svgRef.current\n    if (!svg) {return}\n\n    const animateTransform = (element, keyframes) => {\n      const animation = element.animate(keyframes, {\n        direction: 'alternate',\n        duration: 1000,\n        easing: 'ease-in-out',\n        iterations: Infinity,\n      })\n      return animation\n    }\n\n    // Animate Group 2 (Rectangle)\n    const rectangle = svg.querySelector('#group2')\n    const rectangleAnimation = animateTransform(rectangle, [\n      { transform: 'translate(0, 0) scale(1)' },\n      { transform: 'translate(0, 0) scale(2.54)' },\n      { transform: 'translate(0, 0) scale(1)' },\n    ])\n\n    // Animate Group 3 (Triangle)\n    const triangle = svg.querySelector('#group3')\n    const triangleAnimation = animateTransform(triangle, [\n      { transform: 'translate(-69.5px, 77.5px) scale(1)' },\n      { transform: 'translate(-70px, 73px) scale(0.36)' },\n      { transform: 'translate(-69.5px, 77.5px) scale(1)' },\n    ])\n\n    setAnimations([rectangleAnimation, triangleAnimation])\n\n    // Clean up animations on unmount\n    return () => {\n      rectangleAnimation.cancel()\n      triangleAnimation.cancel()\n    }\n  }, [])\n\n  useEffect(() => {\n    if (isLoading) {\n      animations.forEach((animation) => animation.play())\n    } else {\n      animations.forEach((animation) => animation.pause())\n    }\n  }, [isLoading, animations])\n\n  return (\n    <span\n      style={{\n        left: '3px',\n        position: 'relative',\n        top: '-6px',\n      }}\n    >\n      <svg height=\"41\" ref={svgRef} viewBox=\"-250 -250 500 500\" width=\"41\">\n        <g id=\"group2\">\n          <rect className={styles.color_fill} height=\"41\" width=\"41\" x=\"-20.5\" y=\"-20.5\" />\n        </g>\n        <g id=\"group3\">\n          <path className={styles.color_fill} d=\"M48.5 57.5L48.5 -57.5L-49.5 -1.093L48.5 57.5Z\" />\n        </g>\n      </svg>\n    </span>\n  )\n}\n\nexport default LottieAnimation\n"],"names":["React","useEffect","useRef","useState","styles","LottieAnimation","isLoading","svgRef","animations","setAnimations","svg","current","animateTransform","element","keyframes","animation","animate","direction","duration","easing","iterations","Infinity","rectangle","querySelector","rectangleAnimation","transform","triangle","triangleAnimation","cancel","forEach","play","pause","span","style","left","position","top","height","ref","viewBox","width","g","id","rect","className","color_fill","x","y","path","d"],"mappings":"AAAA,cAAc;;AAEd,OAAOA,SAASC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,QAAO;AAE1D,OAAOC,YAAY,qBAAoB;AAEvC,MAAMC,kBAAkB,CAAC,EAAEC,YAAY,KAAK,EAAE;IAC5C,MAAMC,SAASL,OAAO;IACtB,MAAM,CAACM,YAAYC,cAAc,GAAGN,SAAS,EAAE;IAE/CF,UAAU;QACR,MAAMS,MAAMH,OAAOI,OAAO;QAC1B,IAAI,CAACD,KAAK;YAAC;QAAM;QAEjB,MAAME,mBAAmB,CAACC,SAASC;YACjC,MAAMC,YAAYF,QAAQG,OAAO,CAACF,WAAW;gBAC3CG,WAAW;gBACXC,UAAU;gBACVC,QAAQ;gBACRC,YAAYC;YACd;YACA,OAAON;QACT;QAEA,8BAA8B;QAC9B,MAAMO,YAAYZ,IAAIa,aAAa,CAAC;QACpC,MAAMC,qBAAqBZ,iBAAiBU,WAAW;YACrD;gBAAEG,WAAW;YAA2B;YACxC;gBAAEA,WAAW;YAA8B;YAC3C;gBAAEA,WAAW;YAA2B;SACzC;QAED,6BAA6B;QAC7B,MAAMC,WAAWhB,IAAIa,aAAa,CAAC;QACnC,MAAMI,oBAAoBf,iBAAiBc,UAAU;YACnD;gBAAED,WAAW;YAAsC;YACnD;gBAAEA,WAAW;YAAqC;YAClD;gBAAEA,WAAW;YAAsC;SACpD;QAEDhB,cAAc;YAACe;YAAoBG;SAAkB;QAErD,iCAAiC;QACjC,OAAO;YACLH,mBAAmBI,MAAM;YACzBD,kBAAkBC,MAAM;QAC1B;IACF,GAAG,EAAE;IAEL3B,UAAU;QACR,IAAIK,WAAW;YACbE,WAAWqB,OAAO,CAAC,CAACd,YAAcA,UAAUe,IAAI;QAClD,OAAO;YACLtB,WAAWqB,OAAO,CAAC,CAACd,YAAcA,UAAUgB,KAAK;QACnD;IACF,GAAG;QAACzB;QAAWE;KAAW;IAE1B,qBACE,KAACwB;QACCC,OAAO;YACLC,MAAM;YACNC,UAAU;YACVC,KAAK;QACP;kBAEA,cAAA,MAAC1B;YAAI2B,QAAO;YAAKC,KAAK/B;YAAQgC,SAAQ;YAAoBC,OAAM;;8BAC9D,KAACC;oBAAEC,IAAG;8BACJ,cAAA,KAACC;wBAAKC,WAAWxC,OAAOyC,UAAU;wBAAER,QAAO;wBAAKG,OAAM;wBAAKM,GAAE;wBAAQC,GAAE;;;8BAEzE,KAACN;oBAAEC,IAAG;8BACJ,cAAA,KAACM;wBAAKJ,WAAWxC,OAAOyC,UAAU;wBAAEI,GAAE;;;;;;AAKhD;AAEA,eAAe5C,gBAAe"}

package/dist/ui/Icons/LottieAnimation.jsx

@@ -6,8 +6,9 @@ const LottieAnimation = ({ isLoading = false }) => {
     const [animations, setAnimations] = useState([]);
     useEffect(() => {
         const svg = svgRef.current;
-        if (!svg)
+        if (!svg) {
             return;
+        }
         const animateTransform = (element, keyframes) => {
             const animation = element.animate(keyframes, {
                 direction: 'alternate',

package/dist/ui/ModelRowLabel/index.d.ts

@@ -0,0 +1,6 @@
+import type { ArrayFieldLabelClientComponent } from 'payload';
+/**
+ * Generic Model Row Label component for provider blocks
+ * Displays model name with enabled status badge
+ */
+export declare const ModelRowLabel: ArrayFieldLabelClientComponent;

package/dist/ui/ModelRowLabel/index.js

@@ -0,0 +1,41 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRowLabel } from '@payloadcms/ui';
+import React from 'react';
+/**
+ * Generic Model Row Label component for provider blocks
+ * Displays model name with enabled status badge
+ */ export const ModelRowLabel = ()=>{
+    const { data, rowNumber } = useRowLabel();
+    const displayName = data?.name || data?.id || `Model ${rowNumber}`;
+    const isEnabled = data?.enabled !== false;
+    return /*#__PURE__*/ _jsxs("div", {
+        style: {
+            alignItems: 'center',
+            display: 'flex',
+            gap: '10px'
+        },
+        children: [
+            /*#__PURE__*/ _jsx("span", {
+                style: {
+                    fontWeight: '500'
+                },
+                children: displayName
+            }),
+            /*#__PURE__*/ _jsx("span", {
+                style: {
+                    backgroundColor: isEnabled ? 'var(--theme-success-100)' : 'var(--theme-elevation-200)',
+                    borderRadius: '4px',
+                    color: isEnabled ? 'var(--theme-success-700)' : 'var(--theme-elevation-600)',
+                    fontSize: '11px',
+                    fontWeight: '600',
+                    padding: '2px 8px',
+                    textTransform: 'uppercase'
+                },
+                children: isEnabled ? '●Enabled' : 'Disabled'
+            })
+        ]
+    });
+};
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/ui/ModelRowLabel/index.tsx"],"sourcesContent":["'use client'\n\nimport type { ArrayFieldLabelClientComponent } from 'payload'\n\nimport { useRowLabel } from '@payloadcms/ui'\nimport React from 'react'\n\n/**\n * Generic Model Row Label component for provider blocks\n * Displays model name with enabled status badge\n */\nexport const ModelRowLabel: ArrayFieldLabelClientComponent = () => {\n  const { data, rowNumber } = useRowLabel<{\n    enabled?: boolean\n    id?: string\n    name?: string\n  }>()\n\n  const displayName = data?.name || data?.id || `Model ${rowNumber}`\n  const isEnabled = data?.enabled !== false\n\n  return (\n    <div style={{ alignItems: 'center', display: 'flex', gap: '10px' }}>\n      <span style={{ fontWeight: '500' }}>{displayName}</span>\n      <span\n        style={{\n          backgroundColor: isEnabled ? 'var(--theme-success-100)' : 'var(--theme-elevation-200)',\n          borderRadius: '4px',\n          color: isEnabled ? 'var(--theme-success-700)' : 'var(--theme-elevation-600)',\n          fontSize: '11px',\n          fontWeight: '600',\n          padding: '2px 8px',\n          textTransform: 'uppercase',\n        }}\n      >\n        {isEnabled ? '●Enabled' : 'Disabled'}\n      </span>\n    </div>\n  )\n}\n"],"names":["useRowLabel","React","ModelRowLabel","data","rowNumber","displayName","name","id","isEnabled","enabled","div","style","alignItems","display","gap","span","fontWeight","backgroundColor","borderRadius","color","fontSize","padding","textTransform"],"mappings":"AAAA;;AAIA,SAASA,WAAW,QAAQ,iBAAgB;AAC5C,OAAOC,WAAW,QAAO;AAEzB;;;CAGC,GACD,OAAO,MAAMC,gBAAgD;IAC3D,MAAM,EAAEC,IAAI,EAAEC,SAAS,EAAE,GAAGJ;IAM5B,MAAMK,cAAcF,MAAMG,QAAQH,MAAMI,MAAM,CAAC,MAAM,EAAEH,UAAU,CAAC;IAClE,MAAMI,YAAYL,MAAMM,YAAY;IAEpC,qBACE,MAACC;QAAIC,OAAO;YAAEC,YAAY;YAAUC,SAAS;YAAQC,KAAK;QAAO;;0BAC/D,KAACC;gBAAKJ,OAAO;oBAAEK,YAAY;gBAAM;0BAAIX;;0BACrC,KAACU;gBACCJ,OAAO;oBACLM,iBAAiBT,YAAY,6BAA6B;oBAC1DU,cAAc;oBACdC,OAAOX,YAAY,6BAA6B;oBAChDY,UAAU;oBACVJ,YAAY;oBACZK,SAAS;oBACTC,eAAe;gBACjB;0BAECd,YAAY,aAAa;;;;AAIlC,EAAC"}

package/dist/ui/ModelRowLabel/index.jsx

@@ -0,0 +1,26 @@
+'use client';
+import { useRowLabel } from '@payloadcms/ui';
+import React from 'react';
+/**
+ * Generic Model Row Label component for provider blocks
+ * Displays model name with enabled status badge
+ */
+export const ModelRowLabel = () => {
+    const { data, rowNumber } = useRowLabel();
+    const displayName = data?.name || data?.id || `Model ${rowNumber}`;
+    const isEnabled = data?.enabled !== false;
+    return (<div style={{ alignItems: 'center', display: 'flex', gap: '10px' }}>
+      <span style={{ fontWeight: '500' }}>{displayName}</span>
+      <span style={{
+            backgroundColor: isEnabled ? 'var(--theme-success-100)' : 'var(--theme-elevation-200)',
+            borderRadius: '4px',
+            color: isEnabled ? 'var(--theme-success-700)' : 'var(--theme-elevation-600)',
+            fontSize: '11px',
+            fontWeight: '600',
+            padding: '2px 8px',
+            textTransform: 'uppercase',
+        }}>
+        {isEnabled ? '●Enabled' : 'Disabled'}
+      </span>
+    </div>);
+};

package/dist/ui/ProviderOptionsEditor/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface ProviderOptionsEditorProps {
+    name?: string;
+    path: string;
+}
+export declare const ProviderOptionsEditor: React.FC<ProviderOptionsEditorProps>;
+export {};

package/dist/ui/ProviderOptionsEditor/index.js

@@ -0,0 +1,291 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { RenderFields, useField, useFormFields } from '@payloadcms/ui';
+import React, { useEffect, useMemo, useState } from 'react';
+import { allProviderBlocks } from '../../ai/providers/blocks/index.js';
+/**
+ * Find a field by name within a block's fields, searching through tabs
+ */ function findFieldInBlock(block, fieldName) {
+    const searchFields = (fields)=>{
+        for (const field of fields){
+            if ('name' in field && field.name === fieldName) {
+                return field;
+            }
+            if (field.type === 'tabs' && 'tabs' in field) {
+                for (const tab of field.tabs){
+                    const found = searchFields(tab.fields);
+                    if (found) {
+                        return found;
+                    }
+                }
+            }
+            if (field.type === 'group' && 'fields' in field) {
+                const found = searchFields(field.fields);
+                if (found) {
+                    return found;
+                }
+            }
+        }
+        return undefined;
+    };
+    return searchFields(block.fields);
+}
+/**
+ * Get provider options fields for a given provider and use case
+ */ function getProviderOptionsFields(providerSlug, useCase) {
+    const block = allProviderBlocks.find((b)=>b.slug === providerSlug);
+    if (!block) {
+        return [];
+    }
+    const groupName = `${useCase}ProviderOptions`;
+    const optionsGroup = findFieldInBlock(block, groupName);
+    if (optionsGroup && optionsGroup.type === 'group' && 'fields' in optionsGroup) {
+        return optionsGroup.fields;
+    }
+    return [];
+}
+export const ProviderOptionsEditor = (props)=>{
+    const { path } = props;
+    // Get parent path to find sibling provider field
+    const parentPath = path.split('.').slice(0, -1).join('.');
+    const providerField = useFormFields(([fields])=>fields[`${parentPath}.provider`]);
+    const provider = providerField?.value;
+    // Infer use case from path
+    // Handles:
+    // - AISettings: 'defaults.text.options' -> useCase is 'text'
+    // - Instructions: 'text-settings.providerOptions' -> useCase is 'text'
+    const useCase = useMemo(()=>{
+        // Check for AISettings paths first (e.g., 'defaults.text.options')
+        const pathParts = path.split('.');
+        const parentName = pathParts[pathParts.length - 2];
+        if ([
+            'image',
+            'text',
+            'tts',
+            'video'
+        ].includes(parentName)) {
+            return parentName;
+        }
+        // Check for Instructions paths
+        if (path.includes('tts-settings')) {
+            return 'tts';
+        }
+        if (path.includes('image-settings')) {
+            return 'image';
+        }
+        if (path.includes('video-settings')) {
+            return 'video';
+        }
+        return 'text';
+    }, [
+        path
+    ]);
+    const { setValue, value } = useField({
+        path
+    });
+    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));
+    }, []);
+    // Get the configured default options from AI Settings for this provider
+    const configuredDefaults = useMemo(()=>{
+        if (!provider || !aiSettings) {
+            return null;
+        }
+        const providerBlock = aiSettings.providers?.find((p)=>p.blockType === provider && p.enabled);
+        if (!providerBlock) {
+            return null;
+        }
+        // Get provider options by use case
+        const optionsKey = `${useCase}ProviderOptions`;
+        return providerBlock[optionsKey] || null;
+    }, [
+        provider,
+        useCase,
+        aiSettings
+    ]);
+    // Get field definitions from provider block
+    const fields = useMemo(()=>{
+        if (!provider) {
+            return [];
+        }
+        return getProviderOptionsFields(provider, useCase);
+    }, [
+        provider,
+        useCase
+    ]);
+    // Check if there are any overrides set
+    const hasOverrides = useMemo(()=>{
+        return value && Object.keys(value).length > 0;
+    }, [
+        value
+    ]);
+    if (!provider) {
+        return /*#__PURE__*/ _jsx("div", {
+            className: "field-type",
+            style: {
+                padding: '12px 0'
+            },
+            children: /*#__PURE__*/ _jsx("p", {
+                style: {
+                    color: 'var(--theme-elevation-600)',
+                    fontSize: '13px',
+                    margin: 0
+                },
+                children: "Please select a provider first to configure options."
+            })
+        });
+    }
+    if (fields.length === 0) {
+        return /*#__PURE__*/ _jsx("div", {
+            className: "field-type",
+            style: {
+                padding: '12px 0'
+            },
+            children: /*#__PURE__*/ _jsxs("p", {
+                style: {
+                    color: 'var(--theme-elevation-600)',
+                    fontSize: '13px',
+                    margin: 0
+                },
+                children: [
+                    "No configurable options available for ",
+                    provider,
+                    " (",
+                    useCase,
+                    ")."
+                ]
+            })
+        });
+    }
+    return /*#__PURE__*/ _jsxs("div", {
+        className: "field-type provider-options-editor",
+        children: [
+            /*#__PURE__*/ _jsxs("div", {
+                style: {
+                    marginBottom: '16px'
+                },
+                children: [
+                    /*#__PURE__*/ _jsx("label", {
+                        className: "field-label",
+                        style: {
+                            display: 'block',
+                            marginBottom: '8px'
+                        },
+                        children: "Provider Options"
+                    }),
+                    configuredDefaults && /*#__PURE__*/ _jsxs("div", {
+                        style: {
+                            background: 'var(--theme-elevation-50)',
+                            border: '1px solid var(--theme-elevation-100)',
+                            borderRadius: '4px',
+                            fontSize: '12px',
+                            marginBottom: '12px',
+                            padding: '12px'
+                        },
+                        children: [
+                            /*#__PURE__*/ _jsxs("div", {
+                                style: {
+                                    alignItems: 'center',
+                                    display: 'flex',
+                                    justifyContent: 'space-between',
+                                    marginBottom: '8px'
+                                },
+                                children: [
+                                    /*#__PURE__*/ _jsx("strong", {
+                                        style: {
+                                            color: 'var(--theme-elevation-800)'
+                                        },
+                                        children: "Defaults from AI Settings"
+                                    }),
+                                    /*#__PURE__*/ _jsx("span", {
+                                        style: {
+                                            background: 'var(--theme-elevation-100)',
+                                            borderRadius: '10px',
+                                            color: 'var(--theme-elevation-500)',
+                                            fontSize: '11px',
+                                            padding: '2px 8px'
+                                        },
+                                        children: "Inherited"
+                                    })
+                                ]
+                            }),
+                            /*#__PURE__*/ _jsx("div", {
+                                style: {
+                                    color: 'var(--theme-elevation-600)',
+                                    display: 'flex',
+                                    flexWrap: 'wrap',
+                                    gap: '8px'
+                                },
+                                children: Object.entries(configuredDefaults).map(([key, val])=>{
+                                    // Skip nested objects for display
+                                    if (typeof val === 'object' && val !== null) {
+                                        return null;
+                                    }
+                                    return /*#__PURE__*/ _jsxs("span", {
+                                        style: {
+                                            background: 'var(--theme-elevation-100)',
+                                            borderRadius: '3px',
+                                            fontSize: '11px',
+                                            padding: '2px 6px'
+                                        },
+                                        children: [
+                                            key,
+                                            ": ",
+                                            /*#__PURE__*/ _jsx("strong", {
+                                                children: String(val)
+                                            })
+                                        ]
+                                    }, key);
+                                })
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsx("p", {
+                        style: {
+                            color: 'var(--theme-elevation-500)',
+                            fontSize: '12px',
+                            fontStyle: 'italic',
+                            marginBottom: '12px'
+                        },
+                        children: "Override defaults for this specific field. Empty values inherit from AI Settings."
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsx(RenderFields, {
+                fields: fields,
+                forceRender: true,
+                margins: "small",
+                parentIndexPath: "",
+                parentPath: path,
+                parentSchemaPath: path,
+                permissions: true
+            }),
+            hasOverrides && /*#__PURE__*/ _jsx("button", {
+                onClick: ()=>setValue({}),
+                onMouseEnter: (e)=>{
+                    e.currentTarget.style.background = 'var(--theme-elevation-100)';
+                },
+                onMouseLeave: (e)=>{
+                    e.currentTarget.style.background = 'transparent';
+                },
+                style: {
+                    background: 'transparent',
+                    border: '1px solid var(--theme-elevation-200)',
+                    borderRadius: '4px',
+                    color: 'var(--theme-text)',
+                    cursor: 'pointer',
+                    fontSize: '13px',
+                    marginTop: '12px',
+                    padding: '8px 16px',
+                    transition: 'all 0.15s ease'
+                },
+                type: "button",
+                children: "Reset to Defaults"
+            })
+        ]
+    });
+};
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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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"}