@ai-stack/payloadcms 3.2.24-beta → 3.68.0

package/dist/providers/InstructionsProvider/InstructionsProvider.jsx

@@ -1,7 +1,7 @@
 'use client';
-import { useAuth, useConfig } from '@payloadcms/ui';
-import React, { useEffect, useState } from 'react';
-import { PLUGIN_FETCH_FIELDS_ENDPOINT } from '../../defaults.js';
+import { useAuth, useConfig, useDocumentDrawer } from '@payloadcms/ui';
+import React, { useCallback, useEffect, useState } from 'react';
+import { PLUGIN_FETCH_FIELDS_ENDPOINT, PLUGIN_INSTRUCTIONS_TABLE } from '../../defaults.js';
 import { InstructionsContext } from './context.js';
 export const InstructionsProvider = ({ children }) => {
     const [instructions, setInstructionsState] = useState({});
@@ -13,9 +13,30 @@ export const InstructionsProvider = ({ children }) => {
     const { user } = useAuth();
     const { config } = useConfig();
     const { routes: { api }, serverURL, } = config;
+    // Global Document Drawer state
+    const [drawerInstructionId, setDrawerInstructionId] = useState('');
+    const [drawerOpenCount, setDrawerOpenCount] = useState(0);
+    const [DocumentDrawer, _, { openDrawer: openPayloadDrawer }] = useDocumentDrawer({
+        id: drawerInstructionId,
+        collectionSlug: PLUGIN_INSTRUCTIONS_TABLE,
+    });
+    const openDrawer = useCallback((id) => {
+        setDrawerInstructionId(id);
+        setDrawerOpenCount((prev) => prev + 1);
+    }, []);
+    // Open drawer when count changes
+    useEffect(() => {
+        if (drawerOpenCount > 0) {
+            openPayloadDrawer();
+        }
+    }, [drawerOpenCount, openPayloadDrawer]);
     // This is here because each field have separate instructions and
     // their ID is needed to edit them for Drawer
     useEffect(() => {
+        // Only fetch if we have a user ID - prevents fetching on every user object reference change
+        if (!user?.id) {
+            return;
+        }
         fetch(`${serverURL}${api}${PLUGIN_FETCH_FIELDS_ENDPOINT}`)
             .then(async (res) => {
             await res.json().then((data) => {
@@ -29,7 +50,7 @@ export const InstructionsProvider = ({ children }) => {
             .catch((err) => {
             console.error('InstructionsProvider:', err);
         });
-    }, [api, serverURL, user]);
+    }, [api, serverURL, user?.id]);
     return (<InstructionsContext.Provider value={{
             activeCollection,
             debugging,
@@ -37,9 +58,11 @@ export const InstructionsProvider = ({ children }) => {
             hasInstructions: instructions && Object.keys(instructions).length > 0,
             instructions,
             isConfigAllowed,
+            openDrawer,
             promptFields,
             setActiveCollection,
         }}>
       {children}
+      <DocumentDrawer />
     </InstructionsContext.Provider>);
 };

package/dist/providers/InstructionsProvider/context.d.ts

@@ -9,6 +9,7 @@ export type InstructionsContextValue = {
     hasInstructions: boolean;
     instructions: Record<string, any>;
     isConfigAllowed: boolean;
+    openDrawer: (instructionId: string) => void;
     path?: string;
     promptFields: SerializedPromptField[];
     schemaPath?: unknown;

package/dist/providers/InstructionsProvider/context.js

@@ -6,6 +6,7 @@ export const initialContext = {
     hasInstructions: false,
     instructions: {},
     isConfigAllowed: true,
+    openDrawer: ()=>null,
     path: '',
     promptFields: [],
     schemaPath: ''

package/dist/providers/InstructionsProvider/context.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/providers/InstructionsProvider/context.ts"],"sourcesContent":["'use client'\n\nimport type { Field } from 'payload'\nimport type React from 'react';\n\nimport { createContext } from 'react'\n\nimport type { SerializedPromptField } from '../../types.js'\n\nexport type InstructionsContextValue = {\n  activeCollection?: string\n  debugging?: boolean\n  enabledLanguages?: string[]\n  field?: Field\n  hasInstructions: boolean\n  instructions: Record<string, any>\n  isConfigAllowed: boolean\n  path?: string\n  promptFields: SerializedPromptField[]\n  schemaPath?: unknown\n  setActiveCollection?: React.Dispatch<React.SetStateAction<string>>\n}\n\nexport const initialContext: InstructionsContextValue = {\n  debugging: false,\n  field: undefined,\n  hasInstructions: false,\n  instructions: {},\n  isConfigAllowed: true,\n  path: '',\n  promptFields: [],\n  schemaPath: '',\n}\n\nexport const InstructionsContext = createContext<InstructionsContextValue>(initialContext)\n"],"names":["createContext","initialContext","debugging","field","undefined","hasInstructions","instructions","isConfigAllowed","path","promptFields","schemaPath","InstructionsContext"],"mappings":"AAAA;AAKA,SAASA,aAAa,QAAQ,QAAO;AAkBrC,OAAO,MAAMC,iBAA2C;IACtDC,WAAW;IACXC,OAAOC;IACPC,iBAAiB;IACjBC,cAAc,CAAC;IACfC,iBAAiB;IACjBC,MAAM;IACNC,cAAc,EAAE;IAChBC,YAAY;AACd,EAAC;AAED,OAAO,MAAMC,sBAAsBX,cAAwCC,gBAAe"}
+{"version":3,"sources":["../../../src/providers/InstructionsProvider/context.ts"],"sourcesContent":["'use client'\n\nimport type { Field } from 'payload'\nimport type React from 'react';\n\nimport { createContext } from 'react'\n\nimport type { SerializedPromptField } from '../../types.js'\n\nexport type InstructionsContextValue = {\n  activeCollection?: string\n  debugging?: boolean\n  enabledLanguages?: string[]\n  field?: Field\n  hasInstructions: boolean\n  instructions: Record<string, any>\n  isConfigAllowed: boolean\n  openDrawer: (instructionId: string) => void\n  path?: string\n  promptFields: SerializedPromptField[]\n  schemaPath?: unknown\n  setActiveCollection?: React.Dispatch<React.SetStateAction<string>>\n}\n\nexport const initialContext: InstructionsContextValue = {\n  debugging: false,\n  field: undefined,\n  hasInstructions: false,\n  instructions: {},\n  isConfigAllowed: true,\n  openDrawer: () => null,\n  path: '',\n  promptFields: [],\n  schemaPath: '',\n}\n\nexport const InstructionsContext = createContext<InstructionsContextValue>(initialContext)\n"],"names":["createContext","initialContext","debugging","field","undefined","hasInstructions","instructions","isConfigAllowed","openDrawer","path","promptFields","schemaPath","InstructionsContext"],"mappings":"AAAA;AAKA,SAASA,aAAa,QAAQ,QAAO;AAmBrC,OAAO,MAAMC,iBAA2C;IACtDC,WAAW;IACXC,OAAOC;IACPC,iBAAiB;IACjBC,cAAc,CAAC;IACfC,iBAAiB;IACjBC,YAAY,IAAM;IAClBC,MAAM;IACNC,cAAc,EAAE;IAChBC,YAAY;AACd,EAAC;AAED,OAAO,MAAMC,sBAAsBZ,cAAwCC,gBAAe"}

package/dist/providers/InstructionsProvider/useInstructions.js

@@ -14,14 +14,15 @@ const warnOnceOnMissingInstructions = (path)=>{
 export const useInstructions = (update = {})=>{
     const context = useContext(InstructionsContext);
     const { collectionSlug } = useDocumentInfo();
-    const { activeCollection, hasInstructions, instructions, promptFields, setActiveCollection, debugging } = context;
+    const { activeCollection, debugging, hasInstructions, instructions, promptFields, setActiveCollection } = context;
     const [schemaPath, setSchemaPath] = useState(update.schemaPath);
     useEffect(()=>{
         if (update.schemaPath !== schemaPath) {
             setSchemaPath(update.schemaPath ?? '');
         }
     }, [
-        update.schemaPath
+        update.schemaPath,
+        schemaPath
     ]);
     useEffect(()=>{
         if (activeCollection !== collectionSlug && collectionSlug !== PLUGIN_INSTRUCTIONS_TABLE && typeof setActiveCollection === 'function') {
@@ -50,14 +51,20 @@ export const useInstructions = (update = {})=>{
     const promptEditorSuggestions = useMemo(()=>{
         const activeFields = groupedFields[activeCollection] || [];
         const suggestions = [];
+        // Build instruction lookup map once for O(1) access instead of O(n) search per field
+        const instructionLookup = new Map(Object.entries(instructions).map(([key, value])=>{
+            const path = key.split('.').slice(1).join('.');
+            return [
+                path,
+                value
+            ];
+        }));
         activeFields.forEach((f)=>{
-            const fieldKey = Object.keys(instructions).find((k)=>k.endsWith(f));
-            const fieldInfo = fieldKey ? instructions[fieldKey] : undefined;
+            const fieldInfo = instructionLookup.get(f);
             if (!fieldInfo) {
                 return;
             }
             if (fieldInfo.fieldType === 'upload') {
-                suggestions.push(`${f}.url`);
                 return;
             }
             const helpers = handlebarsHelpers.filter((h)=>handlebarsHelpersMap[h]?.field === fieldInfo.fieldType);
@@ -68,7 +75,7 @@ export const useInstructions = (update = {})=>{
             } else {
                 suggestions.push(f);
             }
-        }, []);
+        });
         promptFields.forEach(({ name, collections })=>{
             if (!activeCollection) {
                 return;

package/dist/providers/InstructionsProvider/useInstructions.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/providers/InstructionsProvider/useInstructions.ts"],"sourcesContent":["import { InstructionsContext } from '@ai-stack/payloadcms/client'\nimport { useDocumentInfo } from '@payloadcms/ui'\nimport { useContext, useEffect, useMemo, useState } from 'react'\n\nimport { PLUGIN_INSTRUCTIONS_TABLE } from '../../defaults.js'\nimport { handlebarsHelpers, handlebarsHelpersMap } from '../../libraries/handlebars/helpersMap.js'\n\n\nconst warnedOnceOnNoInstructionId = new Set<string>()\nconst warnOnceOnMissingInstructions = (path: string) => {\n  if (!warnedOnceOnNoInstructionId.has(path)) {\n    warnedOnceOnNoInstructionId.add(path)\n    // eslint-disable-next-line no-console\n    console.info(`[AI Plugin] There are no AI instructions for this field: ${path}. Enable \"generatePromptOnInit\" option to enable them.`)\n  }\n}\n\nexport const useInstructions = (\n  update: {\n    schemaPath?: unknown\n  } = {},\n) => {\n  const context = useContext(InstructionsContext)\n  const { collectionSlug } = useDocumentInfo()\n  const { activeCollection, hasInstructions, instructions, promptFields, setActiveCollection, debugging } = context\n\n  const [schemaPath, setSchemaPath] = useState(update.schemaPath as string)\n\n  useEffect(() => {\n    if (update.schemaPath !== schemaPath) {\n      setSchemaPath((update.schemaPath as string) ?? '')\n    }\n  }, [update.schemaPath])\n\n  useEffect(() => {\n    if (\n      activeCollection !== collectionSlug &&\n      collectionSlug !== PLUGIN_INSTRUCTIONS_TABLE &&\n      typeof setActiveCollection === 'function'\n    ) {\n      setActiveCollection(collectionSlug ?? '')\n    }\n  }, [activeCollection, collectionSlug, setActiveCollection])\n\n  const groupedFields = useMemo(() => {\n    const result: Record<string, string[]> = {}\n\n    for (const fullKey of Object.keys(instructions || {})) {\n      const [collection, ...pathParts] = fullKey.split('.')\n      const path = pathParts.join('.')\n      if (!result[collection]) {\n        result[collection] = []\n      }\n      result[collection].push(path)\n    }\n\n    return result\n  }, [instructions])\n\n  // Suggestions for prompt editor\n  const promptEditorSuggestions = useMemo(() => {\n    const activeFields = groupedFields[activeCollection as string] || []\n\n    const suggestions: string[] = []\n\n    activeFields.forEach((f) => {\n      const fieldKey = Object.keys(instructions).find((k) => k.endsWith(f))\n      const fieldInfo = fieldKey ? instructions[fieldKey] : undefined\n\n      if (!fieldInfo) {return}\n\n      if (fieldInfo.fieldType === 'upload') {\n        suggestions.push(`${f}.url`)\n        return\n      }\n\n      const helpers = handlebarsHelpers.filter(\n        (h) => (handlebarsHelpersMap as Record<string, any>)[h]?.field === fieldInfo.fieldType,\n      )\n\n      if (helpers.length) {\n        for (const helper of helpers) {\n          suggestions.push(`${helper} ${f}`)\n        }\n      } else {\n        suggestions.push(f)\n      }\n    }, [])\n\n    promptFields.forEach(({ name, collections }) => {\n      if (!activeCollection) {return}\n\n      if (!collections || collections.includes(activeCollection)) {\n        suggestions.push(name)\n      }\n    })\n\n    return suggestions\n  }, [groupedFields, activeCollection, instructions, promptFields])\n\n  const pathInstructions = instructions[schemaPath]\n\n  if (debugging && !pathInstructions && schemaPath && hasInstructions) {\n    warnOnceOnMissingInstructions(schemaPath)\n  }\n  \n  return {\n    ...context,\n    ...(pathInstructions || {}),\n    promptEditorSuggestions,\n  }\n}\n"],"names":["InstructionsContext","useDocumentInfo","useContext","useEffect","useMemo","useState","PLUGIN_INSTRUCTIONS_TABLE","handlebarsHelpers","handlebarsHelpersMap","warnedOnceOnNoInstructionId","Set","warnOnceOnMissingInstructions","path","has","add","console","info","useInstructions","update","context","collectionSlug","activeCollection","hasInstructions","instructions","promptFields","setActiveCollection","debugging","schemaPath","setSchemaPath","groupedFields","result","fullKey","Object","keys","collection","pathParts","split","join","push","promptEditorSuggestions","activeFields","suggestions","forEach","f","fieldKey","find","k","endsWith","fieldInfo","undefined","fieldType","helpers","filter","h","field","length","helper","name","collections","includes","pathInstructions"],"mappings":"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"}
+{"version":3,"sources":["../../../src/providers/InstructionsProvider/useInstructions.ts"],"sourcesContent":["import { InstructionsContext } from '@ai-stack/payloadcms/client'\nimport { useDocumentInfo } from '@payloadcms/ui'\nimport { useContext, useEffect, useMemo, useState } from 'react'\n\nimport { PLUGIN_INSTRUCTIONS_TABLE } from '../../defaults.js'\nimport { handlebarsHelpers, handlebarsHelpersMap } from '../../libraries/handlebars/helpersMap.js'\n\n\nconst warnedOnceOnNoInstructionId = new Set<string>()\nconst warnOnceOnMissingInstructions = (path: string) => {\n  if (!warnedOnceOnNoInstructionId.has(path)) {\n    warnedOnceOnNoInstructionId.add(path)\n    // eslint-disable-next-line no-console\n    console.info(`[AI Plugin] There are no AI instructions for this field: ${path}. Enable \"generatePromptOnInit\" option to enable them.`)\n  }\n}\n\nexport const useInstructions = (\n  update: {\n    schemaPath?: unknown\n  } = {},\n) => {\n  const context = useContext(InstructionsContext)\n  const { collectionSlug } = useDocumentInfo()\n  const { activeCollection, debugging, hasInstructions, instructions, promptFields, setActiveCollection } = context\n\n  const [schemaPath, setSchemaPath] = useState(update.schemaPath as string)\n\n  useEffect(() => {\n    if (update.schemaPath !== schemaPath) {\n      setSchemaPath((update.schemaPath as string) ?? '')\n    }\n  }, [update.schemaPath, schemaPath])\n\n  useEffect(() => {\n    if (\n      activeCollection !== collectionSlug &&\n      collectionSlug !== PLUGIN_INSTRUCTIONS_TABLE &&\n      typeof setActiveCollection === 'function'\n    ) {\n      setActiveCollection(collectionSlug ?? '')\n    }\n  }, [activeCollection, collectionSlug, setActiveCollection])\n\n  const groupedFields = useMemo(() => {\n    const result: Record<string, string[]> = {}\n\n    for (const fullKey of Object.keys(instructions || {})) {\n      const [collection, ...pathParts] = fullKey.split('.')\n      const path = pathParts.join('.')\n      if (!result[collection]) {\n        result[collection] = []\n      }\n      result[collection].push(path)\n    }\n\n    return result\n  }, [instructions])\n\n  // Suggestions for prompt editor\n  const promptEditorSuggestions = useMemo(() => {\n    const activeFields = groupedFields[activeCollection as string] || []\n    const suggestions: string[] = []\n\n    // Build instruction lookup map once for O(1) access instead of O(n) search per field\n    const instructionLookup = new Map(\n      Object.entries(instructions).map(([key, value]) => {\n        const path = key.split('.').slice(1).join('.')\n        return [path, value]\n      })\n    )\n\n    activeFields.forEach((f) => {\n      const fieldInfo = instructionLookup.get(f)\n\n      if (!fieldInfo) {return}\n\n      if (fieldInfo.fieldType === 'upload') {\n        return\n      }\n\n      const helpers = handlebarsHelpers.filter(\n        (h) => (handlebarsHelpersMap as Record<string, { field?: string }>)[h]?.field === fieldInfo.fieldType,\n      )\n\n      if (helpers.length) {\n        for (const helper of helpers) {\n          suggestions.push(`${helper} ${f}`)\n        }\n      } else {\n        suggestions.push(f)\n      }\n    })\n\n    promptFields.forEach(({ name, collections }) => {\n      if (!activeCollection) {return}\n\n      if (!collections || collections.includes(activeCollection)) {\n        suggestions.push(name)\n      }\n    })\n\n    return suggestions\n  }, [groupedFields, activeCollection, instructions, promptFields])\n\n  const pathInstructions = instructions[schemaPath]\n\n  if (debugging && !pathInstructions && schemaPath && hasInstructions) {\n    warnOnceOnMissingInstructions(schemaPath)\n  }\n  \n  return {\n    ...context,\n    ...(pathInstructions || {}),\n    promptEditorSuggestions,\n  }\n}\n"],"names":["InstructionsContext","useDocumentInfo","useContext","useEffect","useMemo","useState","PLUGIN_INSTRUCTIONS_TABLE","handlebarsHelpers","handlebarsHelpersMap","warnedOnceOnNoInstructionId","Set","warnOnceOnMissingInstructions","path","has","add","console","info","useInstructions","update","context","collectionSlug","activeCollection","debugging","hasInstructions","instructions","promptFields","setActiveCollection","schemaPath","setSchemaPath","groupedFields","result","fullKey","Object","keys","collection","pathParts","split","join","push","promptEditorSuggestions","activeFields","suggestions","instructionLookup","Map","entries","map","key","value","slice","forEach","f","fieldInfo","get","fieldType","helpers","filter","h","field","length","helper","name","collections","includes","pathInstructions"],"mappings":"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"}

package/dist/types.d.ts

@@ -2,6 +2,7 @@ import type { JSONSchema } from 'openai/lib/jsonschema';
 import type { ImageGenerateParams } from 'openai/resources/images';
 import type { CollectionConfig, CollectionSlug, DataFromCollectionSlug, Endpoint, Field, File, GlobalConfig, GroupField, PayloadRequest, TypedCollection } from 'payload';
 import type { CSSProperties, MouseEventHandler } from 'react';
+import type { MediaResult } from './ai/core/index.js';
 import type { PLUGIN_INSTRUCTIONS_TABLE } from "./defaults.js";
 export interface PluginConfigAccess {
     /**
@@ -28,10 +29,7 @@ export interface PluginOptions {
      */
     enabledLanguages?: string[];
 }
-export type PluginConfigMediaUploadFunction = (result: {
-    data: Record<any, any>;
-    file: File;
-}, { collection, request, }: {
+export type PluginConfigMediaUploadFunction = (result: MediaResult, { collection, request, }: {
     collection: CollectionSlug;
     request: PayloadRequest;
 }) => Promise<DataFromCollectionSlug<CollectionSlug>>;
@@ -70,14 +68,14 @@ export interface PluginConfig {
      * Custom seed prompt function for generating field-specific prompts
      * If not provided, uses default seed prompt function
      * You can access default seed prompts by importing { defaultSeedPrompts } from '@ai-stack/payloadcms'
-    */
+     */
     seedPrompts?: SeedPromptFunction;
     uploadCollectionSlug?: CollectionSlug;
 }
 export interface GenerationModel {
     fields: string[];
     generateText?: (prompt: string, system: string) => Promise<string>;
-    handler?: (prompt: string, options: any) => Promise<any> | Response;
+    handler?: (prompt: string, options: any) => File | Promise<any> | Response;
     id: string;
     name: string;
     output: 'audio' | 'file' | 'image' | 'json' | 'text' | 'video';
@@ -96,8 +94,10 @@ export type GenerateTextarea<T = any> = (args: {
     options?: any;
 }) => Promise<string> | string;
 export interface Endpoints {
+    fetchVoices?: Omit<Endpoint, 'root'>;
     textarea: Omit<Endpoint, 'root'>;
     upload: Omit<Endpoint, 'root'>;
+    videogenWebhook?: Omit<Endpoint, 'root'>;
 }
 export type ActionMenuItems = 'Compose' | 'Expand' | 'Proofread' | 'Rephrase' | 'Settings' | 'Simplify' | 'Summarize' | 'Tone' | 'Translate';
 export type ActionPromptOptions = {
@@ -159,7 +159,7 @@ export type GenerateImageParams = {
     version?: ImageGenerateParams['model'];
 };
 export type SerializedPromptField = {
-    collections?: (CollectionSlug)[];
+    collections?: CollectionSlug[];
     name: string;
 };
 export type PromptFieldGetterContext = {

package/dist/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/types.ts"],"sourcesContent":["import type { JSONSchema } from 'openai/lib/jsonschema'\nimport type { ImageGenerateParams } from 'openai/resources/images'\nimport type {\n  CollectionConfig,\n  CollectionSlug,\n  DataFromCollectionSlug,\n  Endpoint,\n  Field,\n  File,\n  GlobalConfig,\n  GroupField,\n  PayloadRequest,\n  TypedCollection,\n} from 'payload'\nimport type { CSSProperties, MouseEventHandler } from 'react'\n\nimport type {PLUGIN_INSTRUCTIONS_TABLE} from \"./defaults.js\";\n\nexport interface PluginConfigAccess {\n  /**\n   * Control access to AI generation features (generate text, images, audio)\n   * @default () => !!req.user (requires authentication)\n   */\n  generate?: ({ req }: { req: PayloadRequest }) => boolean | Promise<boolean>\n  /**\n   * Control access to AI settings/configuration\n   * @default () => !!req.user (requires authentication)\n   */\n  settings?: ({ req }: { req: PayloadRequest }) => boolean | Promise<boolean>\n}\n\nexport interface PluginOptions {\n  /**\n   * Provide local tags to filter language options from the Translate Menu\n   * Check for the available local tags,\n   * visit: https://www.npmjs.com/package/locale-codes\n   * Example: [\"en-US\", \"zh-SG\", \"zh-CN\", \"en\"]\n   */\n  enabledLanguages?: string[]\n}\n\nexport type PluginConfigMediaUploadFunction = (\n  result: { data: Record<any, any>; file: File },\n  {\n    collection,\n    request,\n  }: {\n    collection: CollectionSlug\n    request: PayloadRequest\n  },\n) => Promise<DataFromCollectionSlug<CollectionSlug>>\n\nexport interface PluginConfig {\n  /**\n   * Access control configuration for AI features\n   * By default, all AI features require authentication\n   */\n  access?: PluginConfigAccess\n  collections: {\n    [key: CollectionSlug]: boolean\n  }\n  debugging?: boolean\n  disableSponsorMessage?: boolean\n  editorConfig?: { nodes: JSONSchema[] }\n  fields?: Field[]\n  generatePromptOnInit?: boolean\n  generationModels?: ((defaultModels: GenerationModel[]) => GenerationModel[]) | GenerationModel[]\n  globals?: {\n    [key: GlobalConfig['slug']]: boolean\n  }\n  interfaceName?: string\n  mediaUpload?: PluginConfigMediaUploadFunction\n  options?: PluginOptions\n  // Override the instructions collection config\n  overrideInstructions?: Partial<CollectionConfig>\n  promptFields?: PromptField[]\n  /**\n   * Custom action prompts for AI text generation\n   * If not provided, uses default prompts\n   * You can access default prompts by importing { defaultPrompts } from '@ai-stack/payloadcms'\n   */\n  prompts?: ActionPrompt[]\n  /**\n   * Custom seed prompt function for generating field-specific prompts\n   * If not provided, uses default seed prompt function\n   * You can access default seed prompts by importing { defaultSeedPrompts } from '@ai-stack/payloadcms'\n  */\n  seedPrompts?: SeedPromptFunction\n  uploadCollectionSlug?: CollectionSlug\n}\n\nexport interface GenerationModel {\n  fields: string[]\n  generateText?: (prompt: string, system: string) => Promise<string>\n  handler?: (prompt: string, options: any) => Promise<any> | Response\n  id: string\n  name: string\n  output: 'audio' | 'file' | 'image' | 'json' | 'text' | 'video'\n  settings?: GroupField\n  supportsPromptOptimization?: boolean\n}\n\nexport interface GenerationConfig {\n  models: GenerationModel[]\n  provider: string\n}\n\nexport type GenerateTextarea<T = any> = (args: {\n  collectionSlug: CollectionSlug\n  doc: T\n  documentId?: number | string\n  locale?: string\n  options?: any\n}) => Promise<string> | string\n\nexport interface Endpoints {\n  textarea: Omit<Endpoint, 'root'>\n  upload: Omit<Endpoint, 'root'>\n}\n\nexport type ActionMenuItems =\n  | 'Compose'\n  | 'Expand'\n  | 'Proofread'\n  | 'Rephrase'\n  | 'Settings'\n  | 'Simplify'\n  | 'Summarize'\n  | 'Tone'\n  | 'Translate'\n\nexport type ActionPromptOptions = {\n  layout?: string\n  locale?: string\n  prompt?: string\n  systemPrompt?: string\n}\n\nexport type ActionPrompt = {\n  layout?: (options?: ActionPromptOptions) => string\n  name: ActionMenuItems\n  system: (options: ActionPromptOptions) => string\n}\n\nexport type SeedPromptOptions = {\n  fieldLabel: string\n  fieldSchemaPaths: Record<string, any>\n  fieldType: string\n  path: string\n}\n\nexport type SeedPromptData = Omit<TypedCollection[typeof PLUGIN_INSTRUCTIONS_TABLE], 'createdAt' | 'id' | 'updatedAt'>\n\nexport type SeedPromptResult = {\n  data?: SeedPromptData\n} | {\n  data?: SeedPromptData\n  prompt: string\n  system: string\n} | false | undefined | void\n\nexport type SeedPromptFunction = (options: SeedPromptOptions) => Promise<SeedPromptResult> | SeedPromptResult\n\nexport type ActionMenuEvents =\n  | 'onCompose'\n  | 'onExpand'\n  | 'onProofread'\n  | 'onRephrase'\n  | 'onSettings'\n  | 'onSimplify'\n  | 'onSummarize'\n  | 'onTone'\n  | 'onTranslate'\n\nexport type UseMenuEvents = {\n  [key in ActionMenuEvents]?: (data?: unknown) => void\n}\n\nexport type UseMenuOptions = {\n  isConfigAllowed: boolean\n}\n\nexport type BaseItemProps<T = any> = {\n  children?: React.ReactNode\n  disabled?: boolean\n  hideIcon?: boolean\n  isActive?: boolean\n  isMenu?: boolean\n  onClick: (data?: unknown) => void\n  onMouseEnter?: MouseEventHandler<T> | undefined\n  onMouseLeave?: MouseEventHandler<T> | undefined\n  style?: CSSProperties | undefined\n  title?: string\n}\n\nexport type ImageReference = {\n  data: Blob\n  name: string\n  size: number\n  type: string\n  url: string\n}\n\nexport type GenerateImageParams = {\n  images?: ImageReference[]\n  size?: ImageGenerateParams['size']\n  style?: ImageGenerateParams['style']\n  version?: ImageGenerateParams['model']\n}\n\nexport type SerializedPromptField = {\n  collections?: (CollectionSlug)[]\n  name: string\n}\n\nexport type PromptFieldGetterContext = {\n  collection: CollectionSlug\n  type: string\n}\n\nexport type PromptField = {\n  // If not provided, the value will be returned from the data object as-is\n  getter?: (data: object, ctx: PromptFieldGetterContext) => Promise<string> | string\n} & SerializedPromptField\n"],"names":[],"mappings":"AA4NA,WAGyB"}
+{"version":3,"sources":["../src/types.ts"],"sourcesContent":["import type { JSONSchema } from 'openai/lib/jsonschema'\nimport type { ImageGenerateParams } from 'openai/resources/images'\nimport type {\n  CollectionConfig,\n  CollectionSlug,\n  DataFromCollectionSlug,\n  Endpoint,\n  Field,\n  File,\n  GlobalConfig,\n  GroupField,\n  PayloadRequest,\n  TypedCollection,\n} from 'payload'\nimport type { CSSProperties, MouseEventHandler } from 'react'\n\nimport type { MediaResult } from './ai/core/index.js'\nimport type {PLUGIN_INSTRUCTIONS_TABLE} from \"./defaults.js\";\n\nexport interface PluginConfigAccess {\n  /**\n   * Control access to AI generation features (generate text, images, audio)\n   * @default () => !!req.user (requires authentication)\n   */\n  generate?: ({ req }: { req: PayloadRequest }) => boolean | Promise<boolean>\n  /**\n   * Control access to AI settings/configuration\n   * @default () => !!req.user (requires authentication)\n   */\n  settings?: ({ req }: { req: PayloadRequest }) => boolean | Promise<boolean>\n}\n\nexport interface PluginOptions {\n  /**\n   * Provide local tags to filter language options from the Translate Menu\n   * Check for the available local tags,\n   * visit: https://www.npmjs.com/package/locale-codes\n   * Example: [\"en-US\", \"zh-SG\", \"zh-CN\", \"en\"]\n   */\n  enabledLanguages?: string[]\n}\n\nexport type PluginConfigMediaUploadFunction = (\n  result: MediaResult,\n  {\n    collection,\n    request,\n  }: {\n    collection: CollectionSlug\n    request: PayloadRequest\n  },\n) => Promise<DataFromCollectionSlug<CollectionSlug>>\n\nexport interface PluginConfig {\n  /**\n   * Access control configuration for AI features\n   * By default, all AI features require authentication\n   */\n  access?: PluginConfigAccess\n  collections: {\n    [key: CollectionSlug]: boolean\n  }\n  debugging?: boolean\n  disableSponsorMessage?: boolean\n  editorConfig?: { nodes: JSONSchema[] }\n  fields?: Field[]\n  generatePromptOnInit?: boolean\n  generationModels?: ((defaultModels: GenerationModel[]) => GenerationModel[]) | GenerationModel[]\n  globals?: {\n    [key: GlobalConfig['slug']]: boolean\n  }\n  interfaceName?: string\n  mediaUpload?: PluginConfigMediaUploadFunction\n  options?: PluginOptions\n  // Override the instructions collection config\n  overrideInstructions?: Partial<CollectionConfig>\n  promptFields?: PromptField[]\n  /**\n   * Custom action prompts for AI text generation\n   * If not provided, uses default prompts\n   * You can access default prompts by importing { defaultPrompts } from '@ai-stack/payloadcms'\n   */\n  prompts?: ActionPrompt[]\n  /**\n   * Custom seed prompt function for generating field-specific prompts\n   * If not provided, uses default seed prompt function\n   * You can access default seed prompts by importing { defaultSeedPrompts } from '@ai-stack/payloadcms'\n   */\n  seedPrompts?: SeedPromptFunction\n  uploadCollectionSlug?: CollectionSlug\n}\n\nexport interface GenerationModel {\n  fields: string[]\n  generateText?: (prompt: string, system: string) => Promise<string>\n  handler?: (prompt: string, options: any) => File | Promise<any> | Response\n  id: string\n  name: string\n  output: 'audio' | 'file' | 'image' | 'json' | 'text' | 'video'\n  settings?: GroupField\n  supportsPromptOptimization?: boolean\n}\n\nexport interface GenerationConfig {\n  models: GenerationModel[]\n  provider: string\n}\n\nexport type GenerateTextarea<T = any> = (args: {\n  collectionSlug: CollectionSlug\n  doc: T\n  documentId?: number | string\n  locale?: string\n  options?: any\n}) => Promise<string> | string\n\nexport interface Endpoints {\n  fetchVoices?: Omit<Endpoint, 'root'>\n  textarea: Omit<Endpoint, 'root'>\n  upload: Omit<Endpoint, 'root'>\n  videogenWebhook?: Omit<Endpoint, 'root'>\n}\n\nexport type ActionMenuItems =\n  | 'Compose'\n  | 'Expand'\n  | 'Proofread'\n  | 'Rephrase'\n  | 'Settings'\n  | 'Simplify'\n  | 'Summarize'\n  | 'Tone'\n  | 'Translate'\n\nexport type ActionPromptOptions = {\n  layout?: string\n  locale?: string\n  prompt?: string\n  systemPrompt?: string\n}\n\nexport type ActionPrompt = {\n  layout?: (options?: ActionPromptOptions) => string\n  name: ActionMenuItems\n  system: (options: ActionPromptOptions) => string\n}\n\nexport type SeedPromptOptions = {\n  fieldLabel: string\n  fieldSchemaPaths: Record<string, any>\n  fieldType: string\n  path: string\n}\n\nexport type SeedPromptData = Omit<\n  TypedCollection[typeof PLUGIN_INSTRUCTIONS_TABLE],\n  'createdAt' | 'id' | 'updatedAt'\n>\n\nexport type SeedPromptResult =\n  | {\n      data?: SeedPromptData\n    }\n  | {\n      data?: SeedPromptData\n      prompt: string\n      system: string\n    }\n  | false\n  | undefined\n  | void\n\nexport type SeedPromptFunction = (\n  options: SeedPromptOptions,\n) => Promise<SeedPromptResult> | SeedPromptResult\n\nexport type ActionMenuEvents =\n  | 'onCompose'\n  | 'onExpand'\n  | 'onProofread'\n  | 'onRephrase'\n  | 'onSettings'\n  | 'onSimplify'\n  | 'onSummarize'\n  | 'onTone'\n  | 'onTranslate'\n\nexport type UseMenuEvents = {\n  [key in ActionMenuEvents]?: (data?: unknown) => void\n}\n\nexport type UseMenuOptions = {\n  isConfigAllowed: boolean\n}\n\nexport type BaseItemProps<T = any> = {\n  children?: React.ReactNode\n  disabled?: boolean\n  hideIcon?: boolean\n  isActive?: boolean\n  isMenu?: boolean\n  onClick: (data?: unknown) => void\n  onMouseEnter?: MouseEventHandler<T> | undefined\n  onMouseLeave?: MouseEventHandler<T> | undefined\n  style?: CSSProperties | undefined\n  title?: string\n}\n\nexport type ImageReference = {\n  data: Blob\n  name: string\n  size: number\n  type: string\n  url: string\n}\n\nexport type GenerateImageParams = {\n  images?: ImageReference[]\n  size?: ImageGenerateParams['size']\n  style?: ImageGenerateParams['style']\n  version?: ImageGenerateParams['model']\n}\n\nexport type SerializedPromptField = {\n  collections?: CollectionSlug[]\n  name: string\n}\n\nexport type PromptFieldGetterContext = {\n  collection: CollectionSlug\n  type: string\n}\n\nexport type PromptField = {\n  // If not provided, the value will be returned from the data object as-is\n  getter?: (data: object, ctx: PromptFieldGetterContext) => Promise<string> | string\n} & SerializedPromptField\n"],"names":[],"mappings":"AAyOA,WAGyB"}

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

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

package/dist/ui/AIConfigDashboard/index.js

@@ -0,0 +1,46 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+export const AIConfigDashboard = ()=>{
+    return /*#__PURE__*/ _jsxs("div", {
+        style: {
+            alignItems: 'center',
+            background: 'var(--theme-elevation-50)',
+            border: '1px solid var(--theme-elevation-150)',
+            borderRadius: '8px',
+            display: 'flex',
+            justifyContent: 'space-between',
+            marginBottom: '20px',
+            padding: '20px'
+        },
+        children: [
+            /*#__PURE__*/ _jsxs("div", {
+                children: [
+                    /*#__PURE__*/ _jsx("h4", {
+                        style: {
+                            margin: '0 0 5px 0'
+                        },
+                        children: "AI Configuration"
+                    }),
+                    /*#__PURE__*/ _jsx("p", {
+                        style: {
+                            color: 'var(--theme-elevation-500)',
+                            fontSize: '14px',
+                            margin: '0'
+                        },
+                        children: "Manage your AI providers, API keys, and default models."
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsx("a", {
+                href: "/admin/globals/ai-settings",
+                children: /*#__PURE__*/ _jsx("button", {
+                    className: "btn btn--style-primary btn--size-small",
+                    children: "Manage AI Settings"
+                })
+            })
+        ]
+    });
+};
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/ui/AIConfigDashboard/index.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nexport const AIConfigDashboard: React.FC = () => {\n  return (\n    <div\n      style={{\n        alignItems: 'center',\n        background: 'var(--theme-elevation-50)',\n        border: '1px solid var(--theme-elevation-150)',\n        borderRadius: '8px',\n        display: 'flex',\n        justifyContent: 'space-between',\n        marginBottom: '20px',\n        padding: '20px',\n      }}\n    >\n      <div>\n        <h4 style={{ margin: '0 0 5px 0' }}>AI Configuration</h4>\n        <p style={{ color: 'var(--theme-elevation-500)', fontSize: '14px', margin: '0' }}>\n          Manage your AI providers, API keys, and default models.\n        </p>\n      </div>\n      <a href=\"/admin/globals/ai-settings\">\n        <button className=\"btn btn--style-primary btn--size-small\">Manage AI Settings</button>\n      </a>\n    </div>\n  )\n}\n"],"names":["React","AIConfigDashboard","div","style","alignItems","background","border","borderRadius","display","justifyContent","marginBottom","padding","h4","margin","p","color","fontSize","a","href","button","className"],"mappings":"AAAA;;AAEA,OAAOA,WAAW,QAAO;AAEzB,OAAO,MAAMC,oBAA8B;IACzC,qBACE,MAACC;QACCC,OAAO;YACLC,YAAY;YACZC,YAAY;YACZC,QAAQ;YACRC,cAAc;YACdC,SAAS;YACTC,gBAAgB;YAChBC,cAAc;YACdC,SAAS;QACX;;0BAEA,MAACT;;kCACC,KAACU;wBAAGT,OAAO;4BAAEU,QAAQ;wBAAY;kCAAG;;kCACpC,KAACC;wBAAEX,OAAO;4BAAEY,OAAO;4BAA8BC,UAAU;4BAAQH,QAAQ;wBAAI;kCAAG;;;;0BAIpF,KAACI;gBAAEC,MAAK;0BACN,cAAA,KAACC;oBAAOC,WAAU;8BAAyC;;;;;AAInE,EAAC"}

package/dist/ui/AIConfigDashboard/index.jsx

@@ -0,0 +1,24 @@
+'use client';
+import React from 'react';
+export const AIConfigDashboard = () => {
+    return (<div style={{
+            alignItems: 'center',
+            background: 'var(--theme-elevation-50)',
+            border: '1px solid var(--theme-elevation-150)',
+            borderRadius: '8px',
+            display: 'flex',
+            justifyContent: 'space-between',
+            marginBottom: '20px',
+            padding: '20px',
+        }}>
+      <div>
+        <h4 style={{ margin: '0 0 5px 0' }}>AI Configuration</h4>
+        <p style={{ color: 'var(--theme-elevation-500)', fontSize: '14px', margin: '0' }}>
+          Manage your AI providers, API keys, and default models.
+        </p>
+      </div>
+      <a href="/admin/globals/ai-settings">
+        <button className="btn btn--style-primary btn--size-small">Manage AI Settings</button>
+      </a>
+    </div>);
+};

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

@@ -0,0 +1,6 @@
+import React from 'react';
+type Props = {
+    path: string;
+};
+export declare const ApiKeyStatusIndicator: React.FC<Props>;
+export {};

package/dist/ui/ApiKeyStatusIndicator/index.js

@@ -0,0 +1,39 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useField } from '@payloadcms/ui';
+import React from 'react';
+export const ApiKeyStatusIndicator = ({ path })=>{
+    const { value } = useField({
+        path
+    });
+    const hasKey = !!value;
+    if (!hasKey) {
+        return null;
+    }
+    return /*#__PURE__*/ _jsxs("div", {
+        style: {
+            alignItems: 'center',
+            backgroundColor: 'var(--theme-success-100)',
+            borderRadius: '4px',
+            color: 'var(--theme-success-700)',
+            display: 'inline-flex',
+            fontSize: '12px',
+            fontWeight: 'bold',
+            gap: '6px',
+            padding: '4px 8px'
+        },
+        children: [
+            /*#__PURE__*/ _jsx("span", {
+                style: {
+                    backgroundColor: 'currentColor',
+                    borderRadius: '50%',
+                    height: '8px',
+                    width: '8px'
+                }
+            }),
+            "Active"
+        ]
+    });
+};
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/ui/ApiKeyStatusIndicator/index.tsx"],"sourcesContent":["'use client'\n\nimport { useField } from '@payloadcms/ui'\nimport React from 'react'\n\ntype Props = {\n  path: string\n}\n\nexport const ApiKeyStatusIndicator: React.FC<Props> = ({ path }) => {\n  const { value } = useField<string>({ path })\n  const hasKey = !!value\n\n  if (!hasKey) {return null}\n\n  return (\n    <div style={{ \n      alignItems: 'center', \n      backgroundColor: 'var(--theme-success-100)', \n      borderRadius: '4px',\n      color: 'var(--theme-success-700)',\n      display: 'inline-flex',\n      fontSize: '12px',\n      fontWeight: 'bold',\n      gap: '6px',\n      padding: '4px 8px'\n    }}>\n      <span style={{ \n        backgroundColor: 'currentColor', \n        borderRadius: '50%', \n        height: '8px', \n        width: '8px' \n      }} />\n      Active\n    </div>\n  )\n}\n"],"names":["useField","React","ApiKeyStatusIndicator","path","value","hasKey","div","style","alignItems","backgroundColor","borderRadius","color","display","fontSize","fontWeight","gap","padding","span","height","width"],"mappings":"AAAA;;AAEA,SAASA,QAAQ,QAAQ,iBAAgB;AACzC,OAAOC,WAAW,QAAO;AAMzB,OAAO,MAAMC,wBAAyC,CAAC,EAAEC,IAAI,EAAE;IAC7D,MAAM,EAAEC,KAAK,EAAE,GAAGJ,SAAiB;QAAEG;IAAK;IAC1C,MAAME,SAAS,CAAC,CAACD;IAEjB,IAAI,CAACC,QAAQ;QAAC,OAAO;IAAI;IAEzB,qBACE,MAACC;QAAIC,OAAO;YACVC,YAAY;YACZC,iBAAiB;YACjBC,cAAc;YACdC,OAAO;YACPC,SAAS;YACTC,UAAU;YACVC,YAAY;YACZC,KAAK;YACLC,SAAS;QACX;;0BACE,KAACC;gBAAKV,OAAO;oBACXE,iBAAiB;oBACjBC,cAAc;oBACdQ,QAAQ;oBACRC,OAAO;gBACT;;YAAK;;;AAIX,EAAC"}

package/dist/ui/ApiKeyStatusIndicator/index.jsx

@@ -0,0 +1,29 @@
+'use client';
+import { useField } from '@payloadcms/ui';
+import React from 'react';
+export const ApiKeyStatusIndicator = ({ path }) => {
+    const { value } = useField({ path });
+    const hasKey = !!value;
+    if (!hasKey) {
+        return null;
+    }
+    return (<div style={{
+            alignItems: 'center',
+            backgroundColor: 'var(--theme-success-100)',
+            borderRadius: '4px',
+            color: 'var(--theme-success-700)',
+            display: 'inline-flex',
+            fontSize: '12px',
+            fontWeight: 'bold',
+            gap: '6px',
+            padding: '4px 8px'
+        }}>
+      <span style={{
+            backgroundColor: 'currentColor',
+            borderRadius: '50%',
+            height: '8px',
+            width: '8px'
+        }}/>
+      Active
+    </div>);
+};

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

@@ -1,6 +1,6 @@
 import type { ClientField } from 'payload';
 import type { FC } from 'react';
-type ComposeProps = {
+export type ComposeProps = {
     descriptionProps?: {
         field: ClientField;
         path: string;
@@ -10,4 +10,3 @@ type ComposeProps = {
     isConfigAllowed: boolean;
 };
 export declare const Compose: FC<ComposeProps>;
-export {};