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

package/dist/ui/Compose/hooks/useGenerateUpload.js

@@ -1,23 +1,47 @@
 import { toast, useConfig, useDocumentInfo, useField, useForm, useLocale } from '@payloadcms/ui';
-import { useCallback, useState } from 'react';
+import { useCallback, useEffect, useRef, useState } from 'react';
 import { PLUGIN_AI_JOBS_TABLE, PLUGIN_API_ENDPOINT_GENERATE_UPLOAD } from '../../../defaults.js';
 import { useFieldProps } from '../../../providers/FieldProvider/useFieldProps.js';
+import { useInstructions } from '../../../providers/InstructionsProvider/useInstructions.js';
+import { mergeGeneratedValue } from './mergeGeneratedValue.js';
 import { useHistory } from './useHistory.js';
 export const useGenerateUpload = ({ instructionIdRef })=>{
     const { config } = useConfig();
     const { routes: { api }, serverURL } = config;
     const { id: documentId, collectionSlug } = useDocumentInfo();
-    const localFromContext = useLocale();
+    const locale = useLocale();
     const { getData } = useForm();
     const { set: setHistory } = useHistory();
-    const { field, path: pathFromContext } = useFieldProps();
-    const { setValue } = useField({
-        path: pathFromContext ?? ''
+    const { field, path: fieldPath, schemaPath } = useFieldProps();
+    const { appendGenerated } = useInstructions({
+        schemaPath
     });
+    const { setValue, value: currentFieldValue } = useField({
+        path: fieldPath ?? ''
+    });
+    const appendGeneratedRef = useRef(!!appendGenerated);
+    const currentFieldValueRef = useRef(currentFieldValue);
     // Async job UI state
     const [jobStatus, setJobStatus] = useState(undefined);
     const [jobProgress, setJobProgress] = useState(0);
     const [isJobActive, setIsJobActive] = useState(false);
+    // Track whether the component is still mounted to prevent orphaned polling
+    const cancelledRef = useRef(false);
+    useEffect(()=>{
+        return ()=>{
+            cancelledRef.current = true;
+        };
+    }, []);
+    useEffect(()=>{
+        appendGeneratedRef.current = !!appendGenerated;
+    }, [
+        appendGenerated
+    ]);
+    useEffect(()=>{
+        currentFieldValueRef.current = currentFieldValue;
+    }, [
+        currentFieldValue
+    ]);
     const generateUpload = useCallback(async ()=>{
         const doc = getData();
         const currentInstructionId = instructionIdRef.current;
@@ -26,7 +50,7 @@ export const useGenerateUpload = ({ instructionIdRef })=>{
                 collectionSlug: collectionSlug ?? '',
                 doc,
                 documentId,
-                locale: localFromContext?.code,
+                locale: locale?.code,
                 options: {
                     instructionId: currentInstructionId
                 }
@@ -41,14 +65,21 @@ export const useGenerateUpload = ({ instructionIdRef })=>{
                 const json = await uploadResponse.json();
                 const { job, result } = json || {};
                 if (result) {
-                    if (Array.isArray(result)) {
-                        const ids = result.map((r)=>r.id);
-                        setValue(ids);
-                        setHistory(ids);
-                    } else {
-                        setValue(result?.id);
-                        setHistory(result?.id);
+                    const hasMany = field?.hasMany === true;
+                    const generatedValue = Array.isArray(result) ? result.map((r)=>r.id) : result?.id;
+                    const merged = mergeGeneratedValue({
+                        appendGenerated: appendGeneratedRef.current,
+                        currentValue: currentFieldValueRef.current,
+                        generatedValue,
+                        hasMany,
+                        max: typeof field?.max === 'number' ? field.max : undefined,
+                        maxRows: typeof field?.maxRows === 'number' ? field.maxRows : undefined
+                    });
+                    if (merged.truncated) {
+                        toast.info('Appended values were truncated to this field maximum.');
                     }
+                    setValue(merged.value);
+                    setHistory(merged.value);
                     // Show toast to prompt user to save
                     toast.success('Image generated successfully! Click Save to see the preview.');
                     return uploadResponse;
@@ -56,15 +87,10 @@ export const useGenerateUpload = ({ instructionIdRef })=>{
                 // Async job: poll AI Jobs collection for status/progress/result_id
                 if (job && job.id) {
                     setIsJobActive(true);
-                    const cancelled = false;
                     let attempts = 0;
                     const maxAttempts = 600 // up to ~10 minutes @ 1s
                     ;
-                    // Basic in-hook state via closure variables; UI will re-render off fetches below
                     const poll = async ()=>{
-                        if (cancelled) {
-                            return;
-                        }
                         try {
                             const res = await fetch(`${serverURL}${api}/${PLUGIN_AI_JOBS_TABLE}/${job.id}`, {
                                 credentials: 'include'
@@ -76,9 +102,10 @@ export const useGenerateUpload = ({ instructionIdRef })=>{
                                 setJobProgress(progress ?? 0);
                                 // When result present, set field and finish
                                 if (status === 'completed' && result_id) {
+                                    const hasMany = field?.hasMany === true;
                                     let valueToSet = result_id;
                                     // Attempt to fetch full document for immediate preview
-                                    if (field && 'relationTo' in field && typeof field.relationTo === 'string') {
+                                    if (!hasMany && field && 'relationTo' in field && typeof field.relationTo === 'string') {
                                         let attempts = 0;
                                         const maxAttempts = 3;
                                         while(attempts < maxAttempts){
@@ -103,8 +130,22 @@ export const useGenerateUpload = ({ instructionIdRef })=>{
                                             }
                                         }
                                     }
-                                    setValue(valueToSet);
-                                    setHistory(result_id);
+                                    const generatedValue = hasMany ? [
+                                        result_id
+                                    ] : valueToSet;
+                                    const merged = mergeGeneratedValue({
+                                        appendGenerated: appendGeneratedRef.current,
+                                        currentValue: currentFieldValueRef.current,
+                                        generatedValue,
+                                        hasMany,
+                                        max: typeof field?.max === 'number' ? field.max : undefined,
+                                        maxRows: typeof field?.maxRows === 'number' ? field.maxRows : undefined
+                                    });
+                                    if (merged.truncated) {
+                                        toast.info('Appended values were truncated to this field maximum.');
+                                    }
+                                    setValue(merged.value);
+                                    setHistory(merged.value);
                                     setIsJobActive(false);
                                     return;
                                 }
@@ -117,7 +158,7 @@ export const useGenerateUpload = ({ instructionIdRef })=>{
                         // silent retry
                         }
                         attempts += 1;
-                        if (!cancelled && attempts < maxAttempts) {
+                        if (attempts < maxAttempts && !cancelledRef.current) {
                             setTimeout(poll, 1000);
                         }
                     };
@@ -136,9 +177,10 @@ export const useGenerateUpload = ({ instructionIdRef })=>{
         });
     }, [
         getData,
-        localFromContext?.code,
+        locale?.code,
         instructionIdRef,
-        // setValue,
+        setValue,
+        field,
         documentId,
         collectionSlug,
         serverURL,

package/dist/ui/Compose/hooks/useGenerateUpload.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/ui/Compose/hooks/useGenerateUpload.ts"],"sourcesContent":["import { toast, useConfig, useDocumentInfo, useField, useForm, useLocale } from '@payloadcms/ui'\nimport { type RefObject, useCallback, useState } from 'react'\n\nimport type { GenerateTextarea } from '../../../types.js'\n\nimport { PLUGIN_AI_JOBS_TABLE, PLUGIN_API_ENDPOINT_GENERATE_UPLOAD } from '../../../defaults.js'\nimport { useFieldProps } from '../../../providers/FieldProvider/useFieldProps.js'\nimport { useHistory } from './useHistory.js'\n\ntype UseGenerateUploadParams = {\n  instructionIdRef: RefObject<string>\n}\n\nexport const useGenerateUpload = ({ instructionIdRef }: UseGenerateUploadParams) => {\n  const { config } = useConfig()\n  const {\n    routes: { api },\n    serverURL,\n  } = config\n  const { id: documentId, collectionSlug } = useDocumentInfo()\n  const localFromContext = useLocale()\n  const { getData } = useForm()\n  const { set: setHistory } = useHistory()\n\n  const { field, path: pathFromContext } = useFieldProps()\n  const { setValue } = useField<any>({\n    path: pathFromContext ?? '',\n  })\n\n  // Async job UI state\n  const [jobStatus, setJobStatus] = useState<string | undefined>(undefined)\n  const [jobProgress, setJobProgress] = useState<number>(0)\n  const [isJobActive, setIsJobActive] = useState<boolean>(false)\n\n  const generateUpload = useCallback(async () => {\n    const doc = getData()\n    const currentInstructionId = instructionIdRef.current\n\n    return fetch(`${serverURL}${api}${PLUGIN_API_ENDPOINT_GENERATE_UPLOAD}`, {\n      body: JSON.stringify({\n        collectionSlug: collectionSlug ?? '',\n        doc,\n        documentId,\n        locale: localFromContext?.code,\n        options: {\n          instructionId: currentInstructionId,\n        },\n      } satisfies Parameters<GenerateTextarea>[0]),\n      credentials: 'include',\n      headers: {\n        'Content-Type': 'application/json',\n      },\n      method: 'POST',\n    })\n      .then(async (uploadResponse) => {\n        if (uploadResponse.ok) {\n          const json = await uploadResponse.json()\n          const { job, result } = json || {}\n          if (result) {\n            if (Array.isArray(result)) {\n              const ids = result.map((r: any) => r.id)\n              setValue(ids)\n              setHistory(ids)\n            } else {\n              setValue(result?.id)\n              setHistory(result?.id)\n            }\n\n            // Show toast to prompt user to save\n            toast.success('Image generated successfully! Click Save to see the preview.')\n\n            return uploadResponse\n          }\n\n          // Async job: poll AI Jobs collection for status/progress/result_id\n          if (job && job.id) {\n            setIsJobActive(true)\n            const cancelled = false\n            let attempts = 0\n            const maxAttempts = 600 // up to ~10 minutes @ 1s\n\n            // Basic in-hook state via closure variables; UI will re-render off fetches below\n            const poll = async (): Promise<void> => {\n              if (cancelled) {\n                return\n              }\n              try {\n                const res = await fetch(`${serverURL}${api}/${PLUGIN_AI_JOBS_TABLE}/${job.id}`, {\n                  credentials: 'include',\n                })\n                if (res.ok) {\n                  const jobDoc = await res.json()\n                  const { progress, result_id, status } = jobDoc || {}\n                  setJobStatus(status)\n                  setJobProgress(progress ?? 0)\n                  // When result present, set field and finish\n                  if (status === 'completed' && result_id) {\n                    let valueToSet = result_id\n\n                    // Attempt to fetch full document for immediate preview\n                    if (field && 'relationTo' in field && typeof field.relationTo === 'string') {\n                      let attempts = 0\n                      const maxAttempts = 3\n                      while (attempts < maxAttempts) {\n                        try {\n                          const docRes = await fetch(\n                            `${serverURL}${api}/${field.relationTo}/${result_id}`,\n                            {\n                              credentials: 'include',\n                            },\n                          )\n                          if (docRes.ok) {\n                            const doc = await docRes.json()\n                            // Verify we have a URL for preview\n                            if (doc && doc.url) {\n                              valueToSet = doc\n                              break\n                            }\n                          }\n                        } catch (e) {\n                          console.error('Failed to fetch generated document for preview:', e)\n                        }\n                        attempts++\n                        if (attempts < maxAttempts) {\n                          await new Promise((resolve) => setTimeout(resolve, 500))\n                        }\n                      }\n                    }\n\n                    setValue(valueToSet)\n                    setHistory(result_id)\n                    setIsJobActive(false)\n                    return\n                  }\n                  if (status === 'failed') {\n                    setIsJobActive(false)\n                    throw new Error('Video generation failed')\n                  }\n                }\n              } catch (_) {\n                // silent retry\n              }\n\n              attempts += 1\n              if (!cancelled && attempts < maxAttempts) {\n                setTimeout(poll, 1000)\n              }\n            }\n            setTimeout(poll, 1000)\n            return uploadResponse\n          }\n\n          throw new Error('generateUpload: Unexpected response')\n        } else {\n          const { errors = [] } = await uploadResponse.json()\n          const errStr = errors.map((error: any) => error.message).join(', ')\n          throw new Error(errStr)\n        }\n      })\n      .catch((error) => {\n        toast.error(`Failed to generate: ${error.message}`)\n        console.error(\n          'Error generating or setting your upload, please set it manually if its saved in your media files.',\n          error,\n        )\n      })\n  }, [\n    getData,\n    localFromContext?.code,\n    instructionIdRef,\n    // setValue,\n    documentId,\n    collectionSlug,\n    serverURL,\n    api,\n    setHistory,\n  ])\n\n  return {\n    generateUpload,\n    isJobActive,\n    jobProgress,\n    jobStatus,\n  }\n}\n"],"names":["toast","useConfig","useDocumentInfo","useField","useForm","useLocale","useCallback","useState","PLUGIN_AI_JOBS_TABLE","PLUGIN_API_ENDPOINT_GENERATE_UPLOAD","useFieldProps","useHistory","useGenerateUpload","instructionIdRef","config","routes","api","serverURL","id","documentId","collectionSlug","localFromContext","getData","set","setHistory","field","path","pathFromContext","setValue","jobStatus","setJobStatus","undefined","jobProgress","setJobProgress","isJobActive","setIsJobActive","generateUpload","doc","currentInstructionId","current","fetch","body","JSON","stringify","locale","code","options","instructionId","credentials","headers","method","then","uploadResponse","ok","json","job","result","Array","isArray","ids","map","r","success","cancelled","attempts","maxAttempts","poll","res","jobDoc","progress","result_id","status","valueToSet","relationTo","docRes","url","e","console","error","Promise","resolve","setTimeout","Error","_","errors","errStr","message","join","catch"],"mappings":"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"}
+{"version":3,"sources":["../../../../src/ui/Compose/hooks/useGenerateUpload.ts"],"sourcesContent":["import { toast, useConfig, useDocumentInfo, useField, useForm, useLocale } from '@payloadcms/ui'\nimport { type RefObject, useCallback, useEffect, useRef, useState } from 'react'\n\nimport type { GenerateTextarea } from '../../../types.js'\n\nimport { PLUGIN_AI_JOBS_TABLE, PLUGIN_API_ENDPOINT_GENERATE_UPLOAD } from '../../../defaults.js'\nimport { useFieldProps } from '../../../providers/FieldProvider/useFieldProps.js'\nimport { useInstructions } from '../../../providers/InstructionsProvider/useInstructions.js'\nimport { mergeGeneratedValue } from './mergeGeneratedValue.js'\nimport { useHistory } from './useHistory.js'\n\ntype UseGenerateUploadParams = {\n  instructionIdRef: RefObject<string>\n}\n\nexport const useGenerateUpload = ({ instructionIdRef }: UseGenerateUploadParams) => {\n  const { config } = useConfig()\n  const {\n    routes: { api },\n    serverURL,\n  } = config\n  const { id: documentId, collectionSlug } = useDocumentInfo()\n  const locale = useLocale()\n  const { getData } = useForm()\n  const { set: setHistory } = useHistory()\n\n  const { field, path: fieldPath, schemaPath } = useFieldProps()\n  const { appendGenerated } = useInstructions({ schemaPath })\n  const { setValue, value: currentFieldValue } = useField<any>({\n    path: fieldPath ?? '',\n  })\n  const appendGeneratedRef = useRef(!!appendGenerated)\n  const currentFieldValueRef = useRef(currentFieldValue)\n\n  // Async job UI state\n  const [jobStatus, setJobStatus] = useState<string | undefined>(undefined)\n  const [jobProgress, setJobProgress] = useState<number>(0)\n  const [isJobActive, setIsJobActive] = useState<boolean>(false)\n\n  // Track whether the component is still mounted to prevent orphaned polling\n  const cancelledRef = useRef(false)\n  useEffect(() => {\n    return () => {\n      cancelledRef.current = true\n    }\n  }, [])\n\n  useEffect(() => {\n    appendGeneratedRef.current = !!appendGenerated\n  }, [appendGenerated])\n\n  useEffect(() => {\n    currentFieldValueRef.current = currentFieldValue\n  }, [currentFieldValue])\n\n  const generateUpload = useCallback(async () => {\n    const doc = getData()\n    const currentInstructionId = instructionIdRef.current\n\n    return fetch(`${serverURL}${api}${PLUGIN_API_ENDPOINT_GENERATE_UPLOAD}`, {\n      body: JSON.stringify({\n        collectionSlug: collectionSlug ?? '',\n        doc,\n        documentId,\n        locale: locale?.code,\n        options: {\n          instructionId: currentInstructionId,\n        },\n      } satisfies Parameters<GenerateTextarea>[0]),\n      credentials: 'include',\n      headers: {\n        'Content-Type': 'application/json',\n      },\n      method: 'POST',\n    })\n      .then(async (uploadResponse) => {\n        if (uploadResponse.ok) {\n          const json = await uploadResponse.json()\n          const { job, result } = json || {}\n          if (result) {\n            const hasMany = (field as any)?.hasMany === true\n            const generatedValue = Array.isArray(result) ? result.map((r: any) => r.id) : result?.id\n            const merged = mergeGeneratedValue({\n              appendGenerated: appendGeneratedRef.current,\n              currentValue: currentFieldValueRef.current,\n              generatedValue,\n              hasMany,\n              max: typeof (field as any)?.max === 'number' ? (field as any).max : undefined,\n              maxRows: typeof (field as any)?.maxRows === 'number' ? (field as any).maxRows : undefined,\n            })\n\n            if (merged.truncated) {\n              toast.info('Appended values were truncated to this field maximum.')\n            }\n\n            setValue(merged.value)\n            setHistory(merged.value)\n\n            // Show toast to prompt user to save\n            toast.success('Image generated successfully! Click Save to see the preview.')\n\n            return uploadResponse\n          }\n\n          // Async job: poll AI Jobs collection for status/progress/result_id\n          if (job && job.id) {\n            setIsJobActive(true)\n            let attempts = 0\n            const maxAttempts = 600 // up to ~10 minutes @ 1s\n\n            const poll = async (): Promise<void> => {\n              try {\n                const res = await fetch(`${serverURL}${api}/${PLUGIN_AI_JOBS_TABLE}/${job.id}`, {\n                  credentials: 'include',\n                })\n                if (res.ok) {\n                  const jobDoc = await res.json()\n                  const { progress, result_id, status } = jobDoc || {}\n                  setJobStatus(status)\n                  setJobProgress(progress ?? 0)\n                  // When result present, set field and finish\n                  if (status === 'completed' && result_id) {\n                    const hasMany = (field as any)?.hasMany === true\n                    let valueToSet = result_id\n\n                    // Attempt to fetch full document for immediate preview\n                    if (\n                      !hasMany &&\n                      field &&\n                      'relationTo' in field &&\n                      typeof field.relationTo === 'string'\n                    ) {\n                      let attempts = 0\n                      const maxAttempts = 3\n                      while (attempts < maxAttempts) {\n                        try {\n                          const docRes = await fetch(\n                            `${serverURL}${api}/${field.relationTo}/${result_id}`,\n                            {\n                              credentials: 'include',\n                            },\n                          )\n                          if (docRes.ok) {\n                            const doc = await docRes.json()\n                            // Verify we have a URL for preview\n                            if (doc && doc.url) {\n                              valueToSet = doc\n                              break\n                            }\n                          }\n                        } catch (e) {\n                          console.error('Failed to fetch generated document for preview:', e)\n                        }\n                        attempts++\n                        if (attempts < maxAttempts) {\n                          await new Promise((resolve) => setTimeout(resolve, 500))\n                        }\n                      }\n                    }\n\n                    const generatedValue = hasMany ? [result_id] : valueToSet\n                    const merged = mergeGeneratedValue({\n                      appendGenerated: appendGeneratedRef.current,\n                      currentValue: currentFieldValueRef.current,\n                      generatedValue,\n                      hasMany,\n                      max: typeof (field as any)?.max === 'number' ? (field as any).max : undefined,\n                      maxRows: typeof (field as any)?.maxRows === 'number' ? (field as any).maxRows : undefined,\n                    })\n\n                    if (merged.truncated) {\n                      toast.info('Appended values were truncated to this field maximum.')\n                    }\n\n                    setValue(merged.value)\n                    setHistory(merged.value)\n                    setIsJobActive(false)\n                    return\n                  }\n                  if (status === 'failed') {\n                    setIsJobActive(false)\n                    throw new Error('Video generation failed')\n                  }\n                }\n              } catch (_) {\n                // silent retry\n              }\n\n              attempts += 1\n              if (attempts < maxAttempts && !cancelledRef.current) {\n                setTimeout(poll, 1000)\n              }\n            }\n            setTimeout(poll, 1000)\n            return uploadResponse\n          }\n\n          throw new Error('generateUpload: Unexpected response')\n        } else {\n          const { errors = [] } = await uploadResponse.json()\n          const errStr = errors.map((error: any) => error.message).join(', ')\n          throw new Error(errStr)\n        }\n      })\n      .catch((error) => {\n        toast.error(`Failed to generate: ${error.message}`)\n        console.error(\n          'Error generating or setting your upload, please set it manually if its saved in your media files.',\n          error,\n        )\n      })\n  }, [\n    getData,\n    locale?.code,\n    instructionIdRef,\n    setValue,\n    field,\n    documentId,\n    collectionSlug,\n    serverURL,\n    api,\n    setHistory,\n  ])\n\n  return {\n    generateUpload,\n    isJobActive,\n    jobProgress,\n    jobStatus,\n  }\n}\n"],"names":["toast","useConfig","useDocumentInfo","useField","useForm","useLocale","useCallback","useEffect","useRef","useState","PLUGIN_AI_JOBS_TABLE","PLUGIN_API_ENDPOINT_GENERATE_UPLOAD","useFieldProps","useInstructions","mergeGeneratedValue","useHistory","useGenerateUpload","instructionIdRef","config","routes","api","serverURL","id","documentId","collectionSlug","locale","getData","set","setHistory","field","path","fieldPath","schemaPath","appendGenerated","setValue","value","currentFieldValue","appendGeneratedRef","currentFieldValueRef","jobStatus","setJobStatus","undefined","jobProgress","setJobProgress","isJobActive","setIsJobActive","cancelledRef","current","generateUpload","doc","currentInstructionId","fetch","body","JSON","stringify","code","options","instructionId","credentials","headers","method","then","uploadResponse","ok","json","job","result","hasMany","generatedValue","Array","isArray","map","r","merged","currentValue","max","maxRows","truncated","info","success","attempts","maxAttempts","poll","res","jobDoc","progress","result_id","status","valueToSet","relationTo","docRes","url","e","console","error","Promise","resolve","setTimeout","Error","_","errors","errStr","message","join","catch"],"mappings":"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"}

package/dist/ui/Compose/hooks/useHistory.js

@@ -1,7 +1,7 @@
 'use client';
 import { useDocumentInfo, useForm } from '@payloadcms/ui';
-import { useCallback, useEffect, useRef } from 'react';
 import { getSiblingData } from 'payload/shared';
+import { useCallback, useEffect, useRef } from 'react';
 import { PLUGIN_NAME } from '../../../defaults.js';
 import { useFieldProps } from '../../../providers/FieldProvider/useFieldProps.js';
 const STORAGE_KEY = `${PLUGIN_NAME}-fields-history`;

package/dist/ui/Compose/hooks/useHistory.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/ui/Compose/hooks/useHistory.ts"],"sourcesContent":["'use client'\n\nimport { useDocumentInfo, useForm } from '@payloadcms/ui'\nimport { useCallback, useEffect, useRef } from 'react'\nimport { getSiblingData } from 'payload/shared'\n\nimport { PLUGIN_NAME } from '../../../defaults.js'\nimport { useFieldProps } from '../../../providers/FieldProvider/useFieldProps.js'\n\nconst STORAGE_KEY = `${PLUGIN_NAME}-fields-history`\nconst MAX_HISTORY_SIZE = 50\n\ninterface HistoryState {\n  [path: string]: {\n    currentIndex: number\n    history: any[]\n  }\n}\n\n// Global cache to prevent synchronous localStorage reads on every render\nlet globalHistoryCache: HistoryState | null = null\n\nexport const useHistory = () => {\n  const { id } = useDocumentInfo()\n  const { path, schemaPath } = useFieldProps()\n  const { getData } = useForm()\n\n  const fieldKey = `${id}.${schemaPath}`\n\n  const getLatestHistory = useCallback((): HistoryState => {\n    // Return cache if available\n    if (globalHistoryCache) {\n      return globalHistoryCache\n    }\n\n    try {\n      if (typeof localStorage !== 'undefined') {\n        // Read once, cache it\n        const stored = localStorage.getItem(STORAGE_KEY)\n        globalHistoryCache = stored ? JSON.parse(stored) : {}\n        return globalHistoryCache!\n      }\n      return {}\n    } catch (e) {\n      console.error('Error parsing history:', e)\n      return {}\n    }\n  }, [])\n\n  // Debounce timer ref to prevent excessive localStorage writes\n  const saveTimerRef = useRef<null | ReturnType<typeof setTimeout>>(null)\n\n  const saveToLocalStorage = useCallback((newGlobalHistory: HistoryState) => {\n    // Update cache immediately\n    globalHistoryCache = newGlobalHistory\n\n    if (typeof localStorage === 'undefined') {\n      return\n    }\n\n    // Clear any pending save\n    if (saveTimerRef.current) {\n      clearTimeout(saveTimerRef.current)\n    }\n\n    // Debounce the save operation by 500ms\n    saveTimerRef.current = setTimeout(() => {\n      // Use requestIdleCallback if available to avoid blocking the main thread\n      if (typeof requestIdleCallback !== 'undefined') {\n        requestIdleCallback(\n          () => {\n            try {\n              localStorage.setItem(STORAGE_KEY, JSON.stringify(newGlobalHistory))\n            } catch (e) {\n              console.warn('Failed to save history to localStorage', e)\n            }\n          },\n          { timeout: 2000 },\n        )\n      } else {\n        // Fallback for browsers without requestIdleCallback\n        try {\n          localStorage.setItem(STORAGE_KEY, JSON.stringify(newGlobalHistory))\n        } catch (e) {\n          console.warn('Failed to save history to localStorage', e)\n        }\n      }\n      saveTimerRef.current = null\n    }, 500)\n  }, [])\n\n  // Sync with other tabs\n  useEffect(() => {\n    const handleStorageChange = (e: StorageEvent) => {\n      if (e.key === STORAGE_KEY && e.newValue) {\n        try {\n          globalHistoryCache = JSON.parse(e.newValue)\n        } catch (err) {\n          // ignore parse error\n        }\n      }\n    }\n\n    window.addEventListener('storage', handleStorageChange)\n    return () => {\n      window.removeEventListener('storage', handleStorageChange)\n    }\n  }, [])\n\n  // Clear previous history\n  const clearHistory = useCallback(() => {\n    const latestHistory = { ...getLatestHistory() }\n    let hasChanges = false\n    Object.keys(latestHistory).forEach((k) => {\n      if (!k.startsWith(id?.toString() ?? '')) {\n        delete latestHistory[k]\n        hasChanges = true\n      }\n    })\n    \n    if (hasChanges) {\n      saveToLocalStorage(latestHistory)\n    }\n  }, [id, getLatestHistory, saveToLocalStorage])\n\n  useEffect(() => {\n    // This is applied to clear out the document history which is not currently in use\n    clearHistory()\n\n    const latestHistory = getLatestHistory()\n    const { currentIndex, history } = latestHistory[fieldKey] || {\n      currentIndex: -1,\n      history: [],\n    }\n\n    let newIndex = currentIndex\n    let historyUpdated = false\n    const newHistoryArray = [...history]\n\n    if (currentIndex == -1) {\n      newIndex = 0\n      \n      // Get initial value from form data instead of subscribing to useField\n      // This implementation avoids re-rendering on every keystroke\n      try {\n        const data = getData()\n        // We need to resolve the value from the data object using the path\n        // path might be 'group.subgroup.field'\n        if (path) {\n          const value = getSiblingData(data, path)\n          if (value) {\n            newHistoryArray[newIndex] = value\n            historyUpdated = true\n          }\n        }\n      } catch (e) {\n        // If we can't get the data, just ignore\n      }\n    }\n\n    if (historyUpdated) {\n      const newGlobalHistory = {\n        ...latestHistory,\n        [fieldKey]: { currentIndex: newIndex, history: newHistoryArray },\n      }\n      saveToLocalStorage(newGlobalHistory)\n    }\n  }, [fieldKey, getData, path, clearHistory, getLatestHistory, saveToLocalStorage])\n\n  const set = useCallback(\n    (data: any) => {\n      const latestHistory = getLatestHistory()\n      const { currentIndex, history } = latestHistory[fieldKey] || {\n        currentIndex: -1,\n        history: [],\n      }\n      \n      // Create new history array slice, appending new data\n      let newHistory = [...history.slice(0, currentIndex + 1), data]\n      \n      // Enforce Max History Size\n      if (newHistory.length > MAX_HISTORY_SIZE) {\n        newHistory = newHistory.slice(newHistory.length - MAX_HISTORY_SIZE)\n      }\n      \n      const newGlobalHistory = {\n        ...latestHistory,\n        [fieldKey]: { currentIndex: newHistory.length - 1, history: newHistory },\n      }\n      saveToLocalStorage(newGlobalHistory)\n      return data\n    },\n    [fieldKey, getLatestHistory, saveToLocalStorage],\n  )\n\n  const undo = useCallback(() => {\n    const latestHistory = getLatestHistory()\n    const { currentIndex, history } = latestHistory[fieldKey] || { currentIndex: -1, history: [] }\n    if (currentIndex > 0) {\n      const newIndex = currentIndex - 1\n      const newValue = history[newIndex]\n      const newGlobalHistory = {\n        ...latestHistory,\n        [fieldKey]: { currentIndex: newIndex, history },\n      }\n      saveToLocalStorage(newGlobalHistory)\n      return newValue\n    }\n    return undefined\n  }, [fieldKey, getLatestHistory, saveToLocalStorage])\n\n  const redo = useCallback(() => {\n    const latestHistory = getLatestHistory()\n    const { currentIndex, history } = latestHistory[fieldKey] || { currentIndex: -1, history: [] }\n    if (currentIndex < history.length - 1) {\n      const newIndex = currentIndex + 1\n      const newValue = history[newIndex]\n      const newGlobalHistory = {\n        ...latestHistory,\n        [fieldKey]: { currentIndex: newIndex, history },\n      }\n      saveToLocalStorage(newGlobalHistory)\n      return newValue\n    }\n    return undefined\n  }, [fieldKey, getLatestHistory, saveToLocalStorage])\n\n  const getLatestFieldHistory = useCallback(() => {\n    const latestHistory = getLatestHistory()\n    return latestHistory[fieldKey] || { currentIndex: -1, history: [] }\n  }, [getLatestHistory, fieldKey])\n\n  const fieldHistory = getLatestFieldHistory()\n\n  const canUndo = fieldHistory.currentIndex > 0\n  const canRedo = fieldHistory.currentIndex < fieldHistory.history.length - 1\n  \n  // Note: We deliberately do not return currentValue to avoid subscription re-renders\n  // The consumers of this hook (UndoRedoActions) didn't use it anyway.\n\n  return {\n    canRedo,\n    canUndo,\n    redo,\n    set,\n    undo,\n  }\n}\n"],"names":["useDocumentInfo","useForm","useCallback","useEffect","useRef","getSiblingData","PLUGIN_NAME","useFieldProps","STORAGE_KEY","MAX_HISTORY_SIZE","globalHistoryCache","useHistory","id","path","schemaPath","getData","fieldKey","getLatestHistory","localStorage","stored","getItem","JSON","parse","e","console","error","saveTimerRef","saveToLocalStorage","newGlobalHistory","current","clearTimeout","setTimeout","requestIdleCallback","setItem","stringify","warn","timeout","handleStorageChange","key","newValue","err","window","addEventListener","removeEventListener","clearHistory","latestHistory","hasChanges","Object","keys","forEach","k","startsWith","toString","currentIndex","history","newIndex","historyUpdated","newHistoryArray","data","value","set","newHistory","slice","length","undo","undefined","redo","getLatestFieldHistory","fieldHistory","canUndo","canRedo"],"mappings":"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"}
+{"version":3,"sources":["../../../../src/ui/Compose/hooks/useHistory.ts"],"sourcesContent":["'use client'\n\nimport { useDocumentInfo, useForm } from '@payloadcms/ui'\nimport { getSiblingData } from 'payload/shared'\nimport { useCallback, useEffect, useRef } from 'react'\n\nimport { PLUGIN_NAME } from '../../../defaults.js'\nimport { useFieldProps } from '../../../providers/FieldProvider/useFieldProps.js'\n\nconst STORAGE_KEY = `${PLUGIN_NAME}-fields-history`\nconst MAX_HISTORY_SIZE = 50\n\ninterface HistoryState {\n  [path: string]: {\n    currentIndex: number\n    history: any[]\n  }\n}\n\n// Global cache to prevent synchronous localStorage reads on every render\nlet globalHistoryCache: HistoryState | null = null\n\nexport const useHistory = () => {\n  const { id } = useDocumentInfo()\n  const { path, schemaPath } = useFieldProps()\n  const { getData } = useForm()\n\n  const fieldKey = `${id}.${schemaPath}`\n\n  const getLatestHistory = useCallback((): HistoryState => {\n    // Return cache if available\n    if (globalHistoryCache) {\n      return globalHistoryCache\n    }\n\n    try {\n      if (typeof localStorage !== 'undefined') {\n        // Read once, cache it\n        const stored = localStorage.getItem(STORAGE_KEY)\n        globalHistoryCache = stored ? JSON.parse(stored) : {}\n        return globalHistoryCache!\n      }\n      return {}\n    } catch (e) {\n      console.error('Error parsing history:', e)\n      return {}\n    }\n  }, [])\n\n  // Debounce timer ref to prevent excessive localStorage writes\n  const saveTimerRef = useRef<null | ReturnType<typeof setTimeout>>(null)\n\n  const saveToLocalStorage = useCallback((newGlobalHistory: HistoryState) => {\n    // Update cache immediately\n    globalHistoryCache = newGlobalHistory\n\n    if (typeof localStorage === 'undefined') {\n      return\n    }\n\n    // Clear any pending save\n    if (saveTimerRef.current) {\n      clearTimeout(saveTimerRef.current)\n    }\n\n    // Debounce the save operation by 500ms\n    saveTimerRef.current = setTimeout(() => {\n      // Use requestIdleCallback if available to avoid blocking the main thread\n      if (typeof requestIdleCallback !== 'undefined') {\n        requestIdleCallback(\n          () => {\n            try {\n              localStorage.setItem(STORAGE_KEY, JSON.stringify(newGlobalHistory))\n            } catch (e) {\n              console.warn('Failed to save history to localStorage', e)\n            }\n          },\n          { timeout: 2000 },\n        )\n      } else {\n        // Fallback for browsers without requestIdleCallback\n        try {\n          localStorage.setItem(STORAGE_KEY, JSON.stringify(newGlobalHistory))\n        } catch (e) {\n          console.warn('Failed to save history to localStorage', e)\n        }\n      }\n      saveTimerRef.current = null\n    }, 500)\n  }, [])\n\n  // Sync with other tabs\n  useEffect(() => {\n    const handleStorageChange = (e: StorageEvent) => {\n      if (e.key === STORAGE_KEY && e.newValue) {\n        try {\n          globalHistoryCache = JSON.parse(e.newValue)\n        } catch (err) {\n          // ignore parse error\n        }\n      }\n    }\n\n    window.addEventListener('storage', handleStorageChange)\n    return () => {\n      window.removeEventListener('storage', handleStorageChange)\n    }\n  }, [])\n\n  // Clear previous history\n  const clearHistory = useCallback(() => {\n    const latestHistory = { ...getLatestHistory() }\n    let hasChanges = false\n    Object.keys(latestHistory).forEach((k) => {\n      if (!k.startsWith(id?.toString() ?? '')) {\n        delete latestHistory[k]\n        hasChanges = true\n      }\n    })\n    \n    if (hasChanges) {\n      saveToLocalStorage(latestHistory)\n    }\n  }, [id, getLatestHistory, saveToLocalStorage])\n\n  useEffect(() => {\n    // This is applied to clear out the document history which is not currently in use\n    clearHistory()\n\n    const latestHistory = getLatestHistory()\n    const { currentIndex, history } = latestHistory[fieldKey] || {\n      currentIndex: -1,\n      history: [],\n    }\n\n    let newIndex = currentIndex\n    let historyUpdated = false\n    const newHistoryArray = [...history]\n\n    if (currentIndex == -1) {\n      newIndex = 0\n      \n      // Get initial value from form data instead of subscribing to useField\n      // This implementation avoids re-rendering on every keystroke\n      try {\n        const data = getData()\n        // We need to resolve the value from the data object using the path\n        // path might be 'group.subgroup.field'\n        if (path) {\n          const value = getSiblingData(data, path)\n          if (value) {\n            newHistoryArray[newIndex] = value\n            historyUpdated = true\n          }\n        }\n      } catch (e) {\n        // If we can't get the data, just ignore\n      }\n    }\n\n    if (historyUpdated) {\n      const newGlobalHistory = {\n        ...latestHistory,\n        [fieldKey]: { currentIndex: newIndex, history: newHistoryArray },\n      }\n      saveToLocalStorage(newGlobalHistory)\n    }\n  }, [fieldKey, getData, path, clearHistory, getLatestHistory, saveToLocalStorage])\n\n  const set = useCallback(\n    (data: any) => {\n      const latestHistory = getLatestHistory()\n      const { currentIndex, history } = latestHistory[fieldKey] || {\n        currentIndex: -1,\n        history: [],\n      }\n      \n      // Create new history array slice, appending new data\n      let newHistory = [...history.slice(0, currentIndex + 1), data]\n      \n      // Enforce Max History Size\n      if (newHistory.length > MAX_HISTORY_SIZE) {\n        newHistory = newHistory.slice(newHistory.length - MAX_HISTORY_SIZE)\n      }\n      \n      const newGlobalHistory = {\n        ...latestHistory,\n        [fieldKey]: { currentIndex: newHistory.length - 1, history: newHistory },\n      }\n      saveToLocalStorage(newGlobalHistory)\n      return data\n    },\n    [fieldKey, getLatestHistory, saveToLocalStorage],\n  )\n\n  const undo = useCallback(() => {\n    const latestHistory = getLatestHistory()\n    const { currentIndex, history } = latestHistory[fieldKey] || { currentIndex: -1, history: [] }\n    if (currentIndex > 0) {\n      const newIndex = currentIndex - 1\n      const newValue = history[newIndex]\n      const newGlobalHistory = {\n        ...latestHistory,\n        [fieldKey]: { currentIndex: newIndex, history },\n      }\n      saveToLocalStorage(newGlobalHistory)\n      return newValue\n    }\n    return undefined\n  }, [fieldKey, getLatestHistory, saveToLocalStorage])\n\n  const redo = useCallback(() => {\n    const latestHistory = getLatestHistory()\n    const { currentIndex, history } = latestHistory[fieldKey] || { currentIndex: -1, history: [] }\n    if (currentIndex < history.length - 1) {\n      const newIndex = currentIndex + 1\n      const newValue = history[newIndex]\n      const newGlobalHistory = {\n        ...latestHistory,\n        [fieldKey]: { currentIndex: newIndex, history },\n      }\n      saveToLocalStorage(newGlobalHistory)\n      return newValue\n    }\n    return undefined\n  }, [fieldKey, getLatestHistory, saveToLocalStorage])\n\n  const getLatestFieldHistory = useCallback(() => {\n    const latestHistory = getLatestHistory()\n    return latestHistory[fieldKey] || { currentIndex: -1, history: [] }\n  }, [getLatestHistory, fieldKey])\n\n  const fieldHistory = getLatestFieldHistory()\n\n  const canUndo = fieldHistory.currentIndex > 0\n  const canRedo = fieldHistory.currentIndex < fieldHistory.history.length - 1\n  \n  // Note: We deliberately do not return currentValue to avoid subscription re-renders\n  // The consumers of this hook (UndoRedoActions) didn't use it anyway.\n\n  return {\n    canRedo,\n    canUndo,\n    redo,\n    set,\n    undo,\n  }\n}\n"],"names":["useDocumentInfo","useForm","getSiblingData","useCallback","useEffect","useRef","PLUGIN_NAME","useFieldProps","STORAGE_KEY","MAX_HISTORY_SIZE","globalHistoryCache","useHistory","id","path","schemaPath","getData","fieldKey","getLatestHistory","localStorage","stored","getItem","JSON","parse","e","console","error","saveTimerRef","saveToLocalStorage","newGlobalHistory","current","clearTimeout","setTimeout","requestIdleCallback","setItem","stringify","warn","timeout","handleStorageChange","key","newValue","err","window","addEventListener","removeEventListener","clearHistory","latestHistory","hasChanges","Object","keys","forEach","k","startsWith","toString","currentIndex","history","newIndex","historyUpdated","newHistoryArray","data","value","set","newHistory","slice","length","undo","undefined","redo","getLatestFieldHistory","fieldHistory","canUndo","canRedo"],"mappings":"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"}

package/dist/ui/Compose/hooks/useStreamingUpdate.js

@@ -1,9 +1,9 @@
 import { useForm } from '@payloadcms/ui';
 import { useEffect, useRef } from 'react';
 import { useFieldProps } from '../../../providers/FieldProvider/useFieldProps.js';
-import { setSafeLexicalState } from '../../../utilities/setSafeLexicalState.js';
+import { setSafeLexicalState } from '../../../utilities/lexical/setSafeLexicalState.js';
 export const useStreamingUpdate = ({ editor, isLoading, object })=>{
-    const { field, path: pathFromContext } = useFieldProps();
+    const { field, path: fieldPath } = useFieldProps();
     const { dispatchFields } = useForm();
     // Ref for latest object to avoid effect re-runs during high-frequency streaming
     const objectRef = useRef(object);
@@ -23,7 +23,7 @@ export const useStreamingUpdate = ({ editor, isLoading, object })=>{
                     // Use dispatchFields for high-frequency streaming updates to avoid re-renders
                     dispatchFields({
                         type: 'UPDATE',
-                        path: pathFromContext ?? '',
+                        path: fieldPath ?? '',
                         value: currentObject[field.name]
                     });
                 }
@@ -41,7 +41,7 @@ export const useStreamingUpdate = ({ editor, isLoading, object })=>{
         editor,
         field,
         dispatchFields,
-        pathFromContext
+        fieldPath
     ]);
 };
 

package/dist/ui/Compose/hooks/useStreamingUpdate.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/ui/Compose/hooks/useStreamingUpdate.ts"],"sourcesContent":["import type { LexicalEditor } from 'lexical'\n\nimport { useForm } from '@payloadcms/ui'\nimport { useEffect, useRef } from 'react'\n\nimport { useFieldProps } from '../../../providers/FieldProvider/useFieldProps.js'\nimport { setSafeLexicalState } from '../../../utilities/setSafeLexicalState.js'\n\ntype UseStreamingUpdateParams = {\n  editor: LexicalEditor\n  isLoading: boolean\n  object: any\n}\n\nexport const useStreamingUpdate = ({ editor, isLoading, object }: UseStreamingUpdateParams) => {\n  const { field, path: pathFromContext } = useFieldProps()\n  const { dispatchFields } = useForm()\n\n  // Ref for latest object to avoid effect re-runs during high-frequency streaming\n  const objectRef = useRef(object)\n  objectRef.current = object\n\n  useEffect(() => {\n    // Only run the animation loop while loading (streaming)\n    if (!isLoading) {\n      return\n    }\n\n    let reqId: number\n\n    const loop = () => {\n      const currentObject = objectRef.current\n\n      if (currentObject) {\n        if (field?.type === 'richText') {\n          setSafeLexicalState(currentObject, editor)\n        } else if (field && 'name' in field && currentObject[field.name]) {\n          // Use dispatchFields for high-frequency streaming updates to avoid re-renders\n          dispatchFields({\n            type: 'UPDATE',\n            path: pathFromContext ?? '',\n            value: currentObject[field.name],\n          } as any)\n        }\n      }\n\n      // Continue loop\n      reqId = requestAnimationFrame(loop)\n    }\n\n    // Start loop\n    loop()\n\n    return () => {\n      cancelAnimationFrame(reqId)\n    }\n  }, [isLoading, editor, field, dispatchFields, pathFromContext])\n}\n"],"names":["useForm","useEffect","useRef","useFieldProps","setSafeLexicalState","useStreamingUpdate","editor","isLoading","object","field","path","pathFromContext","dispatchFields","objectRef","current","reqId","loop","currentObject","type","name","value","requestAnimationFrame","cancelAnimationFrame"],"mappings":"AAEA,SAASA,OAAO,QAAQ,iBAAgB;AACxC,SAASC,SAAS,EAAEC,MAAM,QAAQ,QAAO;AAEzC,SAASC,aAAa,QAAQ,oDAAmD;AACjF,SAASC,mBAAmB,QAAQ,4CAA2C;AAQ/E,OAAO,MAAMC,qBAAqB,CAAC,EAAEC,MAAM,EAAEC,SAAS,EAAEC,MAAM,EAA4B;IACxF,MAAM,EAAEC,KAAK,EAAEC,MAAMC,eAAe,EAAE,GAAGR;IACzC,MAAM,EAAES,cAAc,EAAE,GAAGZ;IAE3B,gFAAgF;IAChF,MAAMa,YAAYX,OAAOM;IACzBK,UAAUC,OAAO,GAAGN;IAEpBP,UAAU;QACR,wDAAwD;QACxD,IAAI,CAACM,WAAW;YACd;QACF;QAEA,IAAIQ;QAEJ,MAAMC,OAAO;YACX,MAAMC,gBAAgBJ,UAAUC,OAAO;YAEvC,IAAIG,eAAe;gBACjB,IAAIR,OAAOS,SAAS,YAAY;oBAC9Bd,oBAAoBa,eAAeX;gBACrC,OAAO,IAAIG,SAAS,UAAUA,SAASQ,aAAa,CAACR,MAAMU,IAAI,CAAC,EAAE;oBAChE,8EAA8E;oBAC9EP,eAAe;wBACbM,MAAM;wBACNR,MAAMC,mBAAmB;wBACzBS,OAAOH,aAAa,CAACR,MAAMU,IAAI,CAAC;oBAClC;gBACF;YACF;YAEA,gBAAgB;YAChBJ,QAAQM,sBAAsBL;QAChC;QAEA,aAAa;QACbA;QAEA,OAAO;YACLM,qBAAqBP;QACvB;IACF,GAAG;QAACR;QAAWD;QAAQG;QAAOG;QAAgBD;KAAgB;AAChE,EAAC"}
+{"version":3,"sources":["../../../../src/ui/Compose/hooks/useStreamingUpdate.ts"],"sourcesContent":["import type { LexicalEditor } from 'lexical'\n\nimport { useForm } from '@payloadcms/ui'\nimport { useEffect, useRef } from 'react'\n\nimport { useFieldProps } from '../../../providers/FieldProvider/useFieldProps.js'\nimport { setSafeLexicalState } from '../../../utilities/lexical/setSafeLexicalState.js'\n\ntype UseStreamingUpdateParams = {\n  editor: LexicalEditor\n  isLoading: boolean\n  object: any\n}\n\nexport const useStreamingUpdate = ({ editor, isLoading, object }: UseStreamingUpdateParams) => {\n  const { field, path: fieldPath } = useFieldProps()\n  const { dispatchFields } = useForm()\n\n  // Ref for latest object to avoid effect re-runs during high-frequency streaming\n  const objectRef = useRef(object)\n  objectRef.current = object\n\n  useEffect(() => {\n    // Only run the animation loop while loading (streaming)\n    if (!isLoading) {\n      return\n    }\n\n    let reqId: number\n\n    const loop = () => {\n      const currentObject = objectRef.current\n\n      if (currentObject) {\n        if (field?.type === 'richText') {\n          setSafeLexicalState(currentObject, editor)\n        } else if (field && 'name' in field && currentObject[field.name]) {\n          // Use dispatchFields for high-frequency streaming updates to avoid re-renders\n          dispatchFields({\n            type: 'UPDATE',\n            path: fieldPath ?? '',\n            value: currentObject[field.name],\n          } as any)\n        }\n      }\n\n      // Continue loop\n      reqId = requestAnimationFrame(loop)\n    }\n\n    // Start loop\n    loop()\n\n    return () => {\n      cancelAnimationFrame(reqId)\n    }\n  }, [isLoading, editor, field, dispatchFields, fieldPath])\n}\n"],"names":["useForm","useEffect","useRef","useFieldProps","setSafeLexicalState","useStreamingUpdate","editor","isLoading","object","field","path","fieldPath","dispatchFields","objectRef","current","reqId","loop","currentObject","type","name","value","requestAnimationFrame","cancelAnimationFrame"],"mappings":"AAEA,SAASA,OAAO,QAAQ,iBAAgB;AACxC,SAASC,SAAS,EAAEC,MAAM,QAAQ,QAAO;AAEzC,SAASC,aAAa,QAAQ,oDAAmD;AACjF,SAASC,mBAAmB,QAAQ,oDAAmD;AAQvF,OAAO,MAAMC,qBAAqB,CAAC,EAAEC,MAAM,EAAEC,SAAS,EAAEC,MAAM,EAA4B;IACxF,MAAM,EAAEC,KAAK,EAAEC,MAAMC,SAAS,EAAE,GAAGR;IACnC,MAAM,EAAES,cAAc,EAAE,GAAGZ;IAE3B,gFAAgF;IAChF,MAAMa,YAAYX,OAAOM;IACzBK,UAAUC,OAAO,GAAGN;IAEpBP,UAAU;QACR,wDAAwD;QACxD,IAAI,CAACM,WAAW;YACd;QACF;QAEA,IAAIQ;QAEJ,MAAMC,OAAO;YACX,MAAMC,gBAAgBJ,UAAUC,OAAO;YAEvC,IAAIG,eAAe;gBACjB,IAAIR,OAAOS,SAAS,YAAY;oBAC9Bd,oBAAoBa,eAAeX;gBACrC,OAAO,IAAIG,SAAS,UAAUA,SAASQ,aAAa,CAACR,MAAMU,IAAI,CAAC,EAAE;oBAChE,8EAA8E;oBAC9EP,eAAe;wBACbM,MAAM;wBACNR,MAAMC,aAAa;wBACnBS,OAAOH,aAAa,CAACR,MAAMU,IAAI,CAAC;oBAClC;gBACF;YACF;YAEA,gBAAgB;YAChBJ,QAAQM,sBAAsBL;QAChC;QAEA,aAAa;QACbA;QAEA,OAAO;YACLM,qBAAqBP;QACvB;IACF,GAAG;QAACR;QAAWD;QAAQG;QAAOG;QAAgBD;KAAU;AAC1D,EAAC"}

package/dist/ui/ConfigDashboard/configDashboard.module.css

@@ -0,0 +1,94 @@
+.wrapper {
+  background: var(--theme-elevation-50);
+  margin-bottom: 20px;
+  overflow: hidden;
+}
+
+.header {
+  align-items: center;
+  border-bottom: 1px solid var(--theme-elevation-150);
+  display: flex;
+  justify-content: space-between;
+  padding: 8px var(--gutter-h);
+}
+
+.title {
+  margin: 0 0 5px 0;
+}
+
+.subtitle {
+  color: var(--theme-elevation-500);
+  font-size: 14px;
+  margin: 0;
+}
+
+.headerActions {
+  display: flex;
+  gap: 10px;
+}
+
+.body {
+  padding: 24px var(--gutter-h);
+}
+
+.bodyTitle {
+  margin-bottom: 15px;
+}
+
+.grid {
+  display: grid;
+  gap: 15px;
+  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
+}
+
+.toggleButton {
+  align-items: center;
+  border: 1px solid var(--theme-elevation-200);
+  border-radius: 6px;
+  background: var(--theme-elevation-50);
+  cursor: pointer;
+  display: flex;
+  gap: 10px;
+  padding: 10px 15px;
+  text-align: left;
+  transition: all 0.2s ease;
+  width: 100%;
+}
+
+.toggleButton[data-enabled='true'] {
+  background: var(--theme-elevation-100);
+  border-color: var(--theme-text-success);
+}
+
+.toggleTrack {
+  align-items: center;
+  background: var(--theme-elevation-200);
+  border-radius: 12px;
+  display: flex;
+  height: 24px;
+  justify-content: flex-start;
+  padding: 2px;
+  transition: all 0.2s ease;
+  width: 44px;
+}
+
+.toggleButton[data-enabled='true'] .toggleTrack {
+  background: var(--theme-text-success);
+  justify-content: flex-end;
+}
+
+.toggleKnob {
+  background: white;
+  border-radius: 50%;
+  height: 20px;
+  width: 20px;
+}
+
+.toggleLabel {
+  font-weight: 500;
+}
+
+.loading {
+  padding: 20px;
+  text-align: center;
+}