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

package/dist/fields/PromptEditorField/PromptEditorField.jsx

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

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

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare const ConfigDashboard: React.FC;

package/dist/ui/AIConfigDashboard/index.js

@@ -1,224 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, toast, useConfig } from '@payloadcms/ui';
-// @ts-expect-error - Next.js types are not resolving correctly with nodenext but runtime is fine
-import { useRouter } from 'next/navigation';
-import React, { use, useEffect, useState } from 'react';
-import { excludeCollections } from '../../defaults.js';
-import { InstructionsContext } from '../../providers/InstructionsProvider/context.js';
-export const ConfigDashboard = ()=>{
-    const { config: { collections, routes: { admin: adminRoute, api: apiRoute } } } = useConfig();
-    const router = useRouter();
-    const { refresh, setEnabledCollections: setEnabledCollectionsInContext } = use(InstructionsContext);
-    const [enabledCollections, setEnabledCollections] = useState([]);
-    const [isLoading, setIsLoading] = useState(true);
-    const [isSaving, setIsSaving] = useState(false);
-    const availableCollections = collections.filter((c)=>!excludeCollections.includes(c.slug) && !c.admin?.hidden);
-    useEffect(()=>{
-        const fetchSettings = async ()=>{
-            try {
-                const response = await fetch(`${apiRoute}/globals/ai-providers`);
-                if (response.ok) {
-                    const data = await response.json();
-                    // Handle both simple array and object wrapper if Payload wraps it
-                    const storedEnabled = data.enabledCollections || [];
-                    setEnabledCollections(Array.isArray(storedEnabled) ? storedEnabled : []);
-                }
-            } catch (error) {
-                console.error('Failed to fetch AI settings:', error);
-            } finally{
-                setIsLoading(false);
-            }
-        };
-        fetchSettings().catch((e)=>{
-            console.log(e);
-        });
-    }, [
-        apiRoute
-    ]);
-    const handleToggle = (slug)=>{
-        setEnabledCollections((prev)=>{
-            if (prev.includes(slug)) {
-                return prev.filter((s)=>s !== slug);
-            }
-            return [
-                ...prev,
-                slug
-            ];
-        });
-    };
-    const handleSave = async ()=>{
-        setIsSaving(true);
-        try {
-            // First fetch current settings to get ID or just rely on global update behavior
-            // We need to adhere to Payload's global update API
-            const response = await fetch(`${apiRoute}/globals/ai-providers`, {
-                body: JSON.stringify({
-                    enabledCollections
-                }),
-                headers: {
-                    'Content-Type': 'application/json'
-                },
-                method: 'POST'
-            });
-            if (response.ok) {
-                toast.success('Settings saved successfully');
-                if (setEnabledCollectionsInContext) {
-                    setEnabledCollectionsInContext(enabledCollections);
-                }
-                if (refresh) {
-                    await refresh();
-                }
-                router.refresh();
-            } else {
-                toast.error('Failed to save settings');
-            }
-        } catch (error) {
-            console.error('Error saving settings:', error);
-            toast.error('Error saving settings');
-        } finally{
-            setIsSaving(false);
-        }
-    };
-    if (isLoading) {
-        return /*#__PURE__*/ _jsx("div", {
-            style: {
-                padding: '20px',
-                textAlign: 'center'
-            },
-            children: "Loading configuration..."
-        });
-    }
-    return /*#__PURE__*/ _jsxs("div", {
-        style: {
-            background: 'var(--theme-elevation-50)',
-            // border: '1px solid var(--theme-elevation-150)',
-            // borderRadius: '8px',
-            // borderBottom: '1px solid var(--theme-elevation-150)',
-            // borderTop: '1px solid var(--theme-elevation-150)',
-            marginBottom: '20px',
-            overflow: 'hidden'
-        },
-        children: [
-            /*#__PURE__*/ _jsxs("div", {
-                style: {
-                    alignItems: 'center',
-                    borderBottom: '1px solid var(--theme-elevation-150)',
-                    display: 'flex',
-                    justifyContent: 'space-between',
-                    padding: '8px var(--gutter-h)'
-                },
-                children: [
-                    /*#__PURE__*/ _jsxs("div", {
-                        children: [
-                            /*#__PURE__*/ _jsx("h2", {
-                                style: {
-                                    margin: '0 0 5px 0'
-                                },
-                                children: "Let's configure your AI Plugin"
-                            }),
-                            /*#__PURE__*/ _jsx("p", {
-                                style: {
-                                    color: 'var(--theme-elevation-500)',
-                                    fontSize: '14px',
-                                    margin: '0'
-                                },
-                                children: "Set up the provider → Choose the content → Refine the behavior."
-                            })
-                        ]
-                    }),
-                    /*#__PURE__*/ _jsxs("div", {
-                        style: {
-                            display: 'flex',
-                            gap: '10px'
-                        },
-                        children: [
-                            /*#__PURE__*/ _jsx(Button, {
-                                buttonStyle: "secondary",
-                                el: "link",
-                                to: `${adminRoute}/globals/ai-providers`,
-                                children: "Providers"
-                            }),
-                            /*#__PURE__*/ _jsx(Button, {
-                                disabled: isSaving,
-                                onClick: handleSave,
-                                children: isSaving ? 'Saving...' : 'Save Changes'
-                            })
-                        ]
-                    })
-                ]
-            }),
-            /*#__PURE__*/ _jsxs("div", {
-                style: {
-                    padding: '24px var(--gutter-h)'
-                },
-                children: [
-                    /*#__PURE__*/ _jsx("h5", {
-                        style: {
-                            marginBottom: '15px'
-                        },
-                        children: "Select the collections where AI features should be available, toggle them on or off, and save your changes."
-                    }),
-                    /*#__PURE__*/ _jsx("div", {
-                        style: {
-                            display: 'grid',
-                            gap: '15px',
-                            gridTemplateColumns: 'repeat(auto-fill, minmax(250px, 1fr))'
-                        },
-                        children: availableCollections.map((collection)=>{
-                            const isEnabled = enabledCollections.includes(collection.slug);
-                            return /*#__PURE__*/ _jsxs("button", {
-                                onClick: ()=>handleToggle(collection.slug),
-                                style: {
-                                    alignItems: 'center',
-                                    background: isEnabled ? 'var(--theme-elevation-100)' : 'var(--theme-elevation-50)',
-                                    border: `1px solid ${isEnabled ? 'var(--theme-text-success)' : 'var(--theme-elevation-200)'}`,
-                                    borderRadius: '6px',
-                                    cursor: 'pointer',
-                                    display: 'flex',
-                                    gap: '10px',
-                                    padding: '10px 15px',
-                                    textAlign: 'left',
-                                    transition: 'all 0.2s ease',
-                                    width: '100%'
-                                },
-                                type: "button",
-                                children: [
-                                    /*#__PURE__*/ _jsx("div", {
-                                        style: {
-                                            alignItems: 'center',
-                                            background: isEnabled ? 'var(--theme-text-success)' : 'var(--theme-elevation-200)',
-                                            borderRadius: '12px',
-                                            display: 'flex',
-                                            height: '24px',
-                                            justifyContent: isEnabled ? 'flex-end' : 'flex-start',
-                                            padding: '2px',
-                                            transition: 'all 0.2s ease',
-                                            width: '44px'
-                                        },
-                                        children: /*#__PURE__*/ _jsx("div", {
-                                            style: {
-                                                background: 'white',
-                                                borderRadius: '50%',
-                                                height: '20px',
-                                                width: '20px'
-                                            }
-                                        })
-                                    }),
-                                    /*#__PURE__*/ _jsx("span", {
-                                        style: {
-                                            fontWeight: 500
-                                        },
-                                        children: typeof collection.labels?.singular === 'string' ? collection.labels.singular : collection.labels?.singular?.en || collection.slug
-                                    })
-                                ]
-                            }, collection.slug);
-                        })
-                    })
-                ]
-            })
-        ]
-    });
-};
-
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/ui/AIConfigDashboard/index.tsx"],"sourcesContent":["'use client'\n\nimport { Button, toast, useConfig } from '@payloadcms/ui'\n// @ts-expect-error - Next.js types are not resolving correctly with nodenext but runtime is fine\nimport { useRouter } from 'next/navigation'\nimport React, { use, useEffect, useState } from 'react'\n\nimport { excludeCollections } from '../../defaults.js'\nimport { InstructionsContext } from '../../providers/InstructionsProvider/context.js'\n\nexport const ConfigDashboard: React.FC = () => {\n  const {\n    config: {\n      collections,\n      routes: { admin: adminRoute, api: apiRoute },\n    },\n  } = useConfig()\n  const router = useRouter()\n  const { refresh, setEnabledCollections: setEnabledCollectionsInContext } =\n    use(InstructionsContext)\n\n  const [enabledCollections, setEnabledCollections] = useState<string[]>([])\n  const [isLoading, setIsLoading] = useState(true)\n  const [isSaving, setIsSaving] = useState(false)\n\n  const availableCollections = collections.filter(\n    (c) =>\n      !excludeCollections.includes(c.slug) &&\n      !(c.admin as unknown as { hidden?: ((args: any) => boolean) | boolean })?.hidden,\n  )\n\n  useEffect(() => {\n    const fetchSettings = async () => {\n      try {\n        const response = await fetch(`${apiRoute}/globals/ai-providers`)\n        if (response.ok) {\n          const data = await response.json()\n          // Handle both simple array and object wrapper if Payload wraps it\n          const storedEnabled = data.enabledCollections || []\n          setEnabledCollections(Array.isArray(storedEnabled) ? storedEnabled : [])\n        }\n      } catch (error) {\n        console.error('Failed to fetch AI settings:', error)\n      } finally {\n        setIsLoading(false)\n      }\n    }\n\n    fetchSettings().catch((e) => {\n      console.log(e)\n    })\n  }, [apiRoute])\n\n  const handleToggle = (slug: string) => {\n    setEnabledCollections((prev) => {\n      if (prev.includes(slug)) {\n        return prev.filter((s) => s !== slug)\n      }\n      return [...prev, slug]\n    })\n  }\n\n  const handleSave = async () => {\n    setIsSaving(true)\n    try {\n      // First fetch current settings to get ID or just rely on global update behavior\n      // We need to adhere to Payload's global update API\n      const response = await fetch(`${apiRoute}/globals/ai-providers`, {\n        body: JSON.stringify({\n          enabledCollections,\n        }),\n        headers: {\n          'Content-Type': 'application/json',\n        },\n        method: 'POST',\n      })\n\n      if (response.ok) {\n        toast.success('Settings saved successfully')\n        if (setEnabledCollectionsInContext) {\n          setEnabledCollectionsInContext(enabledCollections)\n        }\n        if (refresh) {\n          await refresh()\n        }\n        router.refresh()\n      } else {\n        toast.error('Failed to save settings')\n      }\n    } catch (error) {\n      console.error('Error saving settings:', error)\n      toast.error('Error saving settings')\n    } finally {\n      setIsSaving(false)\n    }\n  }\n\n  if (isLoading) {\n    return <div style={{ padding: '20px', textAlign: 'center' }}>Loading configuration...</div>\n  }\n\n  return (\n    <div\n      style={{\n        background: 'var(--theme-elevation-50)',\n        // border: '1px solid var(--theme-elevation-150)',\n        // borderRadius: '8px',\n        // borderBottom: '1px solid var(--theme-elevation-150)',\n        // borderTop: '1px solid var(--theme-elevation-150)',\n        marginBottom: '20px',\n        overflow: 'hidden',\n      }}\n    >\n      <div\n        style={{\n          alignItems: 'center',\n          borderBottom: '1px solid var(--theme-elevation-150)',\n          display: 'flex',\n          justifyContent: 'space-between',\n          padding: '8px var(--gutter-h)',\n        }}\n      >\n        <div>\n          <h2 style={{ margin: '0 0 5px 0' }}>Let's configure your AI Plugin</h2>\n          <p style={{ color: 'var(--theme-elevation-500)', fontSize: '14px', margin: '0' }}>\n            Set up the provider → Choose the content → Refine the behavior.\n          </p>\n        </div>\n        <div style={{ display: 'flex', gap: '10px' }}>\n          <Button buttonStyle=\"secondary\" el=\"link\" to={`${adminRoute}/globals/ai-providers`}>\n            Providers\n          </Button>\n          <Button disabled={isSaving} onClick={handleSave}>\n            {isSaving ? 'Saving...' : 'Save Changes'}\n          </Button>\n        </div>\n      </div>\n\n      <div style={{ padding: '24px var(--gutter-h)' }}>\n        <h5 style={{ marginBottom: '15px' }}>\n          Select the collections where AI features should be available, toggle them on or off, and\n          save your changes.\n        </h5>\n        <div\n          style={{\n            display: 'grid',\n            gap: '15px',\n            gridTemplateColumns: 'repeat(auto-fill, minmax(250px, 1fr))',\n          }}\n        >\n          {availableCollections.map((collection) => {\n            const isEnabled = enabledCollections.includes(collection.slug)\n            return (\n              <button\n                key={collection.slug}\n                onClick={() => handleToggle(collection.slug)}\n                style={{\n                  alignItems: 'center',\n                  background: isEnabled\n                    ? 'var(--theme-elevation-100)'\n                    : 'var(--theme-elevation-50)',\n                  border: `1px solid ${isEnabled ? 'var(--theme-text-success)' : 'var(--theme-elevation-200)'}`,\n                  borderRadius: '6px',\n                  cursor: 'pointer',\n                  display: 'flex',\n                  gap: '10px',\n                  padding: '10px 15px',\n                  textAlign: 'left',\n                  transition: 'all 0.2s ease',\n                  width: '100%',\n                }}\n                type=\"button\"\n              >\n                <div\n                  style={{\n                    alignItems: 'center',\n                    background: isEnabled\n                      ? 'var(--theme-text-success)'\n                      : 'var(--theme-elevation-200)',\n                    borderRadius: '12px',\n                    display: 'flex',\n                    height: '24px',\n                    justifyContent: isEnabled ? 'flex-end' : 'flex-start',\n                    padding: '2px',\n                    transition: 'all 0.2s ease',\n                    width: '44px',\n                  }}\n                >\n                  <div\n                    style={{\n                      background: 'white',\n                      borderRadius: '50%',\n                      height: '20px',\n                      width: '20px',\n                    }}\n                  />\n                </div>\n                <span style={{ fontWeight: 500 }}>\n                  {typeof collection.labels?.singular === 'string'\n                    ? collection.labels.singular\n                    : collection.labels?.singular?.en || collection.slug}\n                </span>\n              </button>\n            )\n          })}\n        </div>\n      </div>\n    </div>\n  )\n}\n"],"names":["Button","toast","useConfig","useRouter","React","use","useEffect","useState","excludeCollections","InstructionsContext","ConfigDashboard","config","collections","routes","admin","adminRoute","api","apiRoute","router","refresh","setEnabledCollections","setEnabledCollectionsInContext","enabledCollections","isLoading","setIsLoading","isSaving","setIsSaving","availableCollections","filter","c","includes","slug","hidden","fetchSettings","response","fetch","ok","data","json","storedEnabled","Array","isArray","error","console","catch","e","log","handleToggle","prev","s","handleSave","body","JSON","stringify","headers","method","success","div","style","padding","textAlign","background","marginBottom","overflow","alignItems","borderBottom","display","justifyContent","h2","margin","p","color","fontSize","gap","buttonStyle","el","to","disabled","onClick","h5","gridTemplateColumns","map","collection","isEnabled","button","border","borderRadius","cursor","transition","width","type","height","span","fontWeight","labels","singular","en"],"mappings":"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"}

package/dist/ui/AIConfigDashboard/index.jsx

@@ -1,175 +0,0 @@
-'use client';
-import { Button, toast, useConfig } from '@payloadcms/ui';
-// @ts-expect-error - Next.js types are not resolving correctly with nodenext but runtime is fine
-import { useRouter } from 'next/navigation';
-import React, { use, useEffect, useState } from 'react';
-import { excludeCollections } from '../../defaults.js';
-import { InstructionsContext } from '../../providers/InstructionsProvider/context.js';
-export const ConfigDashboard = () => {
-    const { config: { collections, routes: { admin: adminRoute, api: apiRoute }, }, } = useConfig();
-    const router = useRouter();
-    const { refresh, setEnabledCollections: setEnabledCollectionsInContext } = use(InstructionsContext);
-    const [enabledCollections, setEnabledCollections] = useState([]);
-    const [isLoading, setIsLoading] = useState(true);
-    const [isSaving, setIsSaving] = useState(false);
-    const availableCollections = collections.filter((c) => !excludeCollections.includes(c.slug) &&
-        !c.admin?.hidden);
-    useEffect(() => {
-        const fetchSettings = async () => {
-            try {
-                const response = await fetch(`${apiRoute}/globals/ai-providers`);
-                if (response.ok) {
-                    const data = await response.json();
-                    // Handle both simple array and object wrapper if Payload wraps it
-                    const storedEnabled = data.enabledCollections || [];
-                    setEnabledCollections(Array.isArray(storedEnabled) ? storedEnabled : []);
-                }
-            }
-            catch (error) {
-                console.error('Failed to fetch AI settings:', error);
-            }
-            finally {
-                setIsLoading(false);
-            }
-        };
-        fetchSettings().catch((e) => {
-            console.log(e);
-        });
-    }, [apiRoute]);
-    const handleToggle = (slug) => {
-        setEnabledCollections((prev) => {
-            if (prev.includes(slug)) {
-                return prev.filter((s) => s !== slug);
-            }
-            return [...prev, slug];
-        });
-    };
-    const handleSave = async () => {
-        setIsSaving(true);
-        try {
-            // First fetch current settings to get ID or just rely on global update behavior
-            // We need to adhere to Payload's global update API
-            const response = await fetch(`${apiRoute}/globals/ai-providers`, {
-                body: JSON.stringify({
-                    enabledCollections,
-                }),
-                headers: {
-                    'Content-Type': 'application/json',
-                },
-                method: 'POST',
-            });
-            if (response.ok) {
-                toast.success('Settings saved successfully');
-                if (setEnabledCollectionsInContext) {
-                    setEnabledCollectionsInContext(enabledCollections);
-                }
-                if (refresh) {
-                    await refresh();
-                }
-                router.refresh();
-            }
-            else {
-                toast.error('Failed to save settings');
-            }
-        }
-        catch (error) {
-            console.error('Error saving settings:', error);
-            toast.error('Error saving settings');
-        }
-        finally {
-            setIsSaving(false);
-        }
-    };
-    if (isLoading) {
-        return <div style={{ padding: '20px', textAlign: 'center' }}>Loading configuration...</div>;
-    }
-    return (<div style={{
-            background: 'var(--theme-elevation-50)',
-            // border: '1px solid var(--theme-elevation-150)',
-            // borderRadius: '8px',
-            // borderBottom: '1px solid var(--theme-elevation-150)',
-            // borderTop: '1px solid var(--theme-elevation-150)',
-            marginBottom: '20px',
-            overflow: 'hidden',
-        }}>
-      <div style={{
-            alignItems: 'center',
-            borderBottom: '1px solid var(--theme-elevation-150)',
-            display: 'flex',
-            justifyContent: 'space-between',
-            padding: '8px var(--gutter-h)',
-        }}>
-        <div>
-          <h2 style={{ margin: '0 0 5px 0' }}>Let's configure your AI Plugin</h2>
-          <p style={{ color: 'var(--theme-elevation-500)', fontSize: '14px', margin: '0' }}>
-            Set up the provider → Choose the content → Refine the behavior.
-          </p>
-        </div>
-        <div style={{ display: 'flex', gap: '10px' }}>
-          <Button buttonStyle="secondary" el="link" to={`${adminRoute}/globals/ai-providers`}>
-            Providers
-          </Button>
-          <Button disabled={isSaving} onClick={handleSave}>
-            {isSaving ? 'Saving...' : 'Save Changes'}
-          </Button>
-        </div>
-      </div>
-
-      <div style={{ padding: '24px var(--gutter-h)' }}>
-        <h5 style={{ marginBottom: '15px' }}>
-          Select the collections where AI features should be available, toggle them on or off, and
-          save your changes.
-        </h5>
-        <div style={{
-            display: 'grid',
-            gap: '15px',
-            gridTemplateColumns: 'repeat(auto-fill, minmax(250px, 1fr))',
-        }}>
-          {availableCollections.map((collection) => {
-            const isEnabled = enabledCollections.includes(collection.slug);
-            return (<button key={collection.slug} onClick={() => handleToggle(collection.slug)} style={{
-                    alignItems: 'center',
-                    background: isEnabled
-                        ? 'var(--theme-elevation-100)'
-                        : 'var(--theme-elevation-50)',
-                    border: `1px solid ${isEnabled ? 'var(--theme-text-success)' : 'var(--theme-elevation-200)'}`,
-                    borderRadius: '6px',
-                    cursor: 'pointer',
-                    display: 'flex',
-                    gap: '10px',
-                    padding: '10px 15px',
-                    textAlign: 'left',
-                    transition: 'all 0.2s ease',
-                    width: '100%',
-                }} type="button">
-                <div style={{
-                    alignItems: 'center',
-                    background: isEnabled
-                        ? 'var(--theme-text-success)'
-                        : 'var(--theme-elevation-200)',
-                    borderRadius: '12px',
-                    display: 'flex',
-                    height: '24px',
-                    justifyContent: isEnabled ? 'flex-end' : 'flex-start',
-                    padding: '2px',
-                    transition: 'all 0.2s ease',
-                    width: '44px',
-                }}>
-                  <div style={{
-                    background: 'white',
-                    borderRadius: '50%',
-                    height: '20px',
-                    width: '20px',
-                }}/>
-                </div>
-                <span style={{ fontWeight: 500 }}>
-                  {typeof collection.labels?.singular === 'string'
-                    ? collection.labels.singular
-                    : collection.labels?.singular?.en || collection.slug}
-                </span>
-              </button>);
-        })}
-        </div>
-      </div>
-    </div>);
-};

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

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