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

package/dist/providers/InstructionsProvider/useInstructions.js

@@ -1,14 +1,29 @@
-import { InstructionsContext } from '@ai-stack/payloadcms/client';
 import { useDocumentInfo } from '@payloadcms/ui';
 import { useContext, useEffect, useMemo, useState } from 'react';
 import { PLUGIN_INSTRUCTIONS_TABLE } from '../../defaults.js';
 import { handlebarsHelpers, handlebarsHelpersMap } from '../../libraries/handlebars/helpersMap.js';
+import { InstructionsContext } from './context.js';
+/**
+ * Normalize a schema path by removing array indices.
+ * This allows fields inside arrays to match their instruction records.
+ * 
+ * Example:
+ *   'array-test-cases.keywords.0.keyword' -> 'array-test-cases.keywords.keyword'
+ *   'characters.views.2.description' -> 'characters.views.description'
+ *   'posts.title' -> 'posts.title' (no change)
+ */ const normalizeSchemaPath = (path)=>{
+    if (!path) {
+        return path;
+    }
+    // Remove numeric path segments (array indices) and new Lexical _index- based keys
+    return path.split('.').filter((segment)=>!/^\d+$/.test(segment) && !segment.startsWith('_index-')).join('.');
+};
 const warnedOnceOnNoInstructionId = new Set();
 const warnOnceOnMissingInstructions = (path)=>{
     if (!warnedOnceOnNoInstructionId.has(path)) {
         warnedOnceOnNoInstructionId.add(path);
         // eslint-disable-next-line no-console
-        console.info(`[AI Plugin] There are no AI instructions for this field: ${path}. Enable "generatePromptOnInit" option to enable them.`);
+        console.info(`[AI Plugin] There are no AI instructions for this field: ${path}.`);
     }
 };
 export const useInstructions = (update = {})=>{
@@ -91,13 +106,17 @@ export const useInstructions = (update = {})=>{
         instructions,
         promptFields
     ]);
-    const pathInstructions = instructions[schemaPath];
+    // Normalize the schema path to handle array indices
+    const normalizedSchemaPath = normalizeSchemaPath(schemaPath);
+    const pathInstructions = instructions[normalizedSchemaPath];
     if (debugging && !pathInstructions && schemaPath && hasInstructions) {
         warnOnceOnMissingInstructions(schemaPath);
     }
+    const isCollectionEnabled = context.enabledCollections?.includes(collectionSlug || activeCollection || '') ?? false;
     return {
         ...context,
         ...pathInstructions || {},
+        disabled: !isCollectionEnabled || (pathInstructions?.disabled ?? false),
         promptEditorSuggestions
     };
 };

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, 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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"}
+{"version":3,"sources":["../../../src/providers/InstructionsProvider/useInstructions.ts"],"sourcesContent":["import { 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'\nimport { InstructionsContext } from './context.js'\n\n/**\n * Normalize a schema path by removing array indices.\n * This allows fields inside arrays to match their instruction records.\n * \n * Example:\n *   'array-test-cases.keywords.0.keyword' -> 'array-test-cases.keywords.keyword'\n *   'characters.views.2.description' -> 'characters.views.description'\n *   'posts.title' -> 'posts.title' (no change)\n */\nconst normalizeSchemaPath = (path: string): string => {\n  if (!path) {\n    return path\n  }\n  // Remove numeric path segments (array indices) and new Lexical _index- based keys\n  return path\n    .split('.')\n    .filter((segment) => !/^\\d+$/.test(segment) && !segment.startsWith('_index-'))\n    .join('.')\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}.`)\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  // Normalize the schema path to handle array indices\n  const normalizedSchemaPath = normalizeSchemaPath(schemaPath)\n  const pathInstructions = instructions[normalizedSchemaPath]\n\n  if (debugging && !pathInstructions && schemaPath && hasInstructions) {\n    warnOnceOnMissingInstructions(schemaPath)\n  }\n\n  const isCollectionEnabled = context.enabledCollections?.includes(collectionSlug || activeCollection || '') ?? false\n\n  return {\n    ...context,\n    ...(pathInstructions || {}),\n    disabled: !isCollectionEnabled || (pathInstructions?.disabled ?? false),\n    promptEditorSuggestions,\n  }\n}\n\n"],"names":["useDocumentInfo","useContext","useEffect","useMemo","useState","PLUGIN_INSTRUCTIONS_TABLE","handlebarsHelpers","handlebarsHelpersMap","InstructionsContext","normalizeSchemaPath","path","split","filter","segment","test","startsWith","join","warnedOnceOnNoInstructionId","Set","warnOnceOnMissingInstructions","has","add","console","info","useInstructions","update","context","collectionSlug","activeCollection","debugging","hasInstructions","instructions","promptFields","setActiveCollection","schemaPath","setSchemaPath","groupedFields","result","fullKey","Object","keys","collection","pathParts","push","promptEditorSuggestions","activeFields","suggestions","instructionLookup","Map","entries","map","key","value","slice","forEach","f","fieldInfo","get","fieldType","helpers","h","field","length","helper","name","collections","includes","normalizedSchemaPath","pathInstructions","isCollectionEnabled","enabledCollections","disabled"],"mappings":"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"}

package/dist/styles.d.ts

@@ -0,0 +1,11 @@
+declare module '*.css' {
+  const classes: { [key: string]: string }
+
+  export default classes
+}
+
+declare module '*.scss' {
+  const classes: { [key: string]: string }
+
+  export default classes
+}

package/dist/types/handlebars-async-helpers.d.ts

@@ -0,0 +1 @@
+declare module 'handlebars-async-helpers'

package/dist/types/handlebars-dist-handlebars.d.ts

@@ -0,0 +1 @@
+declare module 'handlebars/dist/handlebars.js'

package/dist/types/react-mentions.d.ts

@@ -0,0 +1 @@
+declare module 'react-mentions/dist/react-mentions.cjs.js'

package/dist/types.d.ts

@@ -1,9 +1,10 @@
+import type { GenerateObjectResult, ModelMessage } from 'ai';
 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";
+import type { PLUGIN_INSTRUCTIONS_TABLE } from './defaults.js';
 export interface PluginConfigAccess {
     /**
      * Control access to AI generation features (generate text, images, audio)
@@ -39,16 +40,12 @@ export interface PluginConfig {
      * By default, all AI features require authentication
      */
     access?: PluginConfigAccess;
-    collections: {
-        [key: CollectionSlug]: boolean;
-    };
     debugging?: boolean;
     disableSponsorMessage?: boolean;
     editorConfig?: {
         nodes: JSONSchema[];
     };
     fields?: Field[];
-    generatePromptOnInit?: boolean;
     generationModels?: ((defaultModels: GenerationModel[]) => GenerationModel[]) | GenerationModel[];
     globals?: {
         [key: GlobalConfig['slug']]: boolean;
@@ -66,8 +63,7 @@ export interface PluginConfig {
     prompts?: ActionPrompt[];
     /**
      * 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'
+     * If not provided, fields will have empty prompts by default
      */
     seedPrompts?: SeedPromptFunction;
     uploadCollectionSlug?: CollectionSlug;
@@ -135,6 +131,7 @@ export type UseMenuOptions = {
 };
 export type BaseItemProps<T = any> = {
     children?: React.ReactNode;
+    className?: string;
     disabled?: boolean;
     hideIcon?: boolean;
     isActive?: boolean;
@@ -169,3 +166,35 @@ export type PromptFieldGetterContext = {
 export type PromptField = {
     getter?: (data: object, ctx: PromptFieldGetterContext) => Promise<string> | string;
 } & SerializedPromptField;
+export interface BeforeGenerateArgs<T = any> {
+    doc: T;
+    field: Field;
+    headers: Record<string, string>;
+    instructions: Record<string, unknown>;
+    messages?: ModelMessage[];
+    payload: PayloadRequest['payload'];
+    prompt: string;
+    req: PayloadRequest;
+    system: string;
+}
+export type BeforeGenerateResult = {
+    messages?: ModelMessage[];
+    prompt?: string;
+    system?: string;
+} | void;
+export type BeforeGenerateHook<T = any> = (args: BeforeGenerateArgs<T>) => BeforeGenerateResult | Promise<BeforeGenerateResult>;
+export interface AfterGenerateArgs<T = any> {
+    doc: T;
+    field: Field;
+    headers: Record<string, string>;
+    instructions: Record<string, unknown>;
+    payload: PayloadRequest['payload'];
+    req: PayloadRequest;
+    result: GenerateObjectResult<any> | MediaResult | string;
+}
+export type AfterGenerateHook<T = any> = (args: AfterGenerateArgs<T>) => Promise<void> | void;
+export interface AIFieldConfig {
+    [key: string]: unknown;
+    afterGenerate?: AfterGenerateHook[];
+    beforeGenerate?: BeforeGenerateHook[];
+}

package/dist/types.js

@@ -1,3 +1,4 @@
+// Add to PluginConfig or a new interface if accessed via custom.ai
 export { };
 
 //# sourceMappingURL=types.js.map

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 { 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"}
+{"version":3,"sources":["../src/types.ts"],"sourcesContent":["import type { GenerateObjectResult, ModelMessage } from 'ai'\nimport 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  debugging?: boolean\n  disableSponsorMessage?: boolean\n  editorConfig?: { nodes: JSONSchema[] }\n  fields?: Field[]\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, fields will have empty prompts by default\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  className?: string\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\nexport interface BeforeGenerateArgs<T = any> {\n  doc: T\n  field: Field\n  headers: Record<string, string>\n  instructions: Record<string, unknown> // The instruction document\n  messages?: ModelMessage[]\n  payload: PayloadRequest['payload']\n  prompt: string\n  req: PayloadRequest\n  system: string\n}\n\nexport type BeforeGenerateResult = {\n  messages?: ModelMessage[]\n  prompt?: string\n  system?: string\n} | void\n\nexport type BeforeGenerateHook<T = any> = (\n  args: BeforeGenerateArgs<T>,\n) => BeforeGenerateResult | Promise<BeforeGenerateResult>\n\nexport interface AfterGenerateArgs<T = any> {\n  doc: T\n  field: Field\n  headers: Record<string, string>\n  instructions: Record<string, unknown>\n  payload: PayloadRequest['payload']\n  req: PayloadRequest\n  result: GenerateObjectResult<any> | MediaResult | string // depends on context\n}\n\nexport type AfterGenerateHook<T = any> = (args: AfterGenerateArgs<T>) => Promise<void> | void\n\n// Add to PluginConfig or a new interface if accessed via custom.ai\nexport interface AIFieldConfig {\n  [key: string]: unknown\n  afterGenerate?: AfterGenerateHook[]\n  beforeGenerate?: BeforeGenerateHook[]\n}\n"],"names":[],"mappings":"AA6QA,mEAAmE;AACnE,WAIC"}

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

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

package/dist/ui/AIConfigDashboard/index.js

@@ -1,43 +1,221 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
-export const AIConfigDashboard = ()=>{
+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: {
-            alignItems: 'center',
             background: 'var(--theme-elevation-50)',
-            border: '1px solid var(--theme-elevation-150)',
-            borderRadius: '8px',
-            display: 'flex',
-            justifyContent: 'space-between',
+            // 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',
-            padding: '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__*/ _jsx("h4", {
+                    /*#__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: {
-                            margin: '0 0 5px 0'
+                            display: 'flex',
+                            gap: '10px'
                         },
-                        children: "AI Configuration"
+                        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("p", {
+                    /*#__PURE__*/ _jsx("div", {
                         style: {
-                            color: 'var(--theme-elevation-500)',
-                            fontSize: '14px',
-                            margin: '0'
+                            display: 'grid',
+                            gap: '15px',
+                            gridTemplateColumns: 'repeat(auto-fill, minmax(250px, 1fr))'
                         },
-                        children: "Manage your AI providers, API keys, and default models."
+                        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);
+                        })
                     })
                 ]
-            }),
-            /*#__PURE__*/ _jsx("a", {
-                href: "/admin/globals/ai-settings",
-                children: /*#__PURE__*/ _jsx("button", {
-                    className: "btn btn--style-primary btn--size-small",
-                    children: "Manage AI Settings"
-                })
             })
         ]
     });

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

@@ -1 +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"}
+{"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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"}