@adminforth/bulk-ai-flow 1.7.4 → 1.8.0

package/README.md

@@ -1 +1,7 @@
-Readme
+# AdminForth Bulk AI Flow Plugin
+
+<img src="https://img.shields.io/badge/License-MIT-blue.svg" alt="License: MIT" /> <img src="https://woodpecker.devforth.io/api/badges/3848/status.svg" alt="Build Status" /> <a href="https://www.npmjs.com/package/@adminforth/bulk-ai-flow"> <img src="https://img.shields.io/npm/dt/@adminforth/bulk-ai-flow" alt="npm downloads" /></a> <a href="https://www.npmjs.com/package/@adminforth/bulk-ai-flow"><img src="https://img.shields.io/npm/v/@adminforth/bulk-ai-flow" alt="npm version" /></a> <a href="https://www.npmjs.com/package/@adminforth/bulk-ai-flow">
+
+Allows you to log changes made to table records via adminforth.
+
+## For usage, see [AdminForth Bulk AI Flow Documentation](https://adminforth.dev/docs/tutorial/Plugins/bulk-ai-flow/)

package/build.log

@@ -4,12 +4,12 @@
 
 sending incremental file list
 custom/
-custom/imageGenerationCarousel.vue
+custom/ImageGenerationCarousel.vue
+custom/VisionAction.vue
+custom/VisionTable.vue
 custom/package-lock.json
 custom/package.json
 custom/tsconfig.json
-custom/visionAction.vue
-custom/visionTable.vue
 
-sent 180,683 bytes  received 134 bytes  361,634.00 bytes/sec
-total size is 180,148  speedup is 1.00
+sent 182,087 bytes  received 134 bytes  364,442.00 bytes/sec
+total size is 181,554  speedup is 1.00

package/custom/{imageGenerationCarousel.vue → ImageGenerationCarousel.vue}

@@ -175,10 +175,6 @@
         </div>
     </div>
   </div>
-
-  
-  
-
 </template>
 
 <script setup lang="ts">
@@ -193,8 +189,8 @@ import { ProgressBar } from '@/afcl';
 const { t: $t } = useI18n();
 
 const prompt = ref('');
-const emit = defineEmits(['close', 'selectImage', 'error']);
-const props = defineProps(['meta', 'record', 'images', 'recordId', 'prompt', 'fieldName', 'isError', 'errorMessage']);
+const emit = defineEmits(['close', 'selectImage', 'error', 'updateCarouselIndex']);
+const props = defineProps(['meta', 'record', 'images', 'recordId', 'prompt', 'fieldName', 'isError', 'errorMessage', 'carouselImageIndex']);
 const images = ref([]);
 const loading = ref(false);
 const attachmentFiles = ref<string[]>([])
@@ -208,12 +204,14 @@ function minifyField(field: string): string {
 
 const caurosel = ref(null);
 onMounted(async () => {
-  images.value.push((props.images || []));
+  for (const img of props.images || []) {
+    images.value.push(img);
+  }
   const temp = await getGenerationPrompt() || '';
   prompt.value = temp[props.fieldName];
   await nextTick();
 
-  const currentIndex = caurosel.value?.getActiveItem()?.position || 0;
+  const currentIndex = props.carouselImageIndex || 0;
   caurosel.value = new Carousel(
     document.getElementById('gallery'), 
     images.value.map((img, index) => {
@@ -298,6 +296,12 @@ async function confirmImage() {
   const currentIndex = caurosel.value?.getActiveItem()?.position || 0;
   const img = images.value[currentIndex];
 
+  props.images.splice(0, props.images.length);
+  for (const i of images.value) {
+    props.images.push(i);
+  }
+
+  emit('updateCarouselIndex', currentIndex, props.recordId, props.fieldName);
   emit('selectImage', img, props.recordId, props.fieldName);
   emit('close');
 

package/custom/{visionAction.vue → VisionAction.vue}

@@ -25,7 +25,6 @@
             <VisionTable
               :checkbox="props.checkboxes"
               :records="records"
-              :index="0"
               :meta="props.meta"
               :images="images"
               :tableHeaders="tableHeaders"
@@ -38,6 +37,8 @@
               :primaryKey="primaryKey"
               :openGenerationCarousel="openGenerationCarousel"
               @error="handleTableError"
+              :carouselSaveImages="carouselSaveImages"
+              :carouselImageIndex="carouselImageIndex"
             />
           </div>
           <div class="flex w-full flex-col md:flex-row items-stretch md:items-end justify-end gap-3 md:gap-4">
@@ -52,7 +53,7 @@
             <Button 
               class="w-full md:w-64"
               @click="saveData"
-              :disabled="isLoading || checkedCount < 1 || isCriticalError"
+              :disabled="isLoading || checkedCount < 1 || isCriticalError || isFetchingRecords"
               :loader="isLoading"
             >
             {{ checkedCount > 1 ? 'Save fields' : 'Save field' }}
@@ -68,13 +69,11 @@
 import { callAdminForthApi } from '@/utils';
 import { Ref, ref, watch } from 'vue'
 import { Dialog, Button } from '@/afcl';
-import VisionTable from './visionTable.vue'
+import VisionTable from './VisionTable.vue'
 import adminforth from '@/adminforth';
 import { useI18n } from 'vue-i18n';
-import { useRoute } from 'vue-router';
 import { AdminUser, type AdminForthResourceCommon } from '@/types';
 
-const route = useRoute();
 const { t } = useI18n();
 
 const props = defineProps<{
@@ -99,11 +98,14 @@ const tableColumns = ref([]);
 const tableColumnsIndexes = ref([]);
 const customFieldNames = ref([]);
 const selected = ref<any[]>([]);
+const carouselSaveImages = ref<any[]>([]);
+const carouselImageIndex = ref<any[]>([]);
 const isAiResponseReceivedAnalize = ref([]);
 const isAiResponseReceivedImage = ref([]);
 const primaryKey = props.meta.primaryKey;
 const openGenerationCarousel = ref([]);
 const isLoading = ref(false);
+const isFetchingRecords = ref(false);
 const isError = ref(false);
 const isCriticalError = ref(false);
 const isImageGenerationError = ref(false);
@@ -128,7 +130,7 @@ const openDialog = async () => {
       return acc;
     },{[primaryKey]: records.value[i][primaryKey]} as Record<string, boolean>);
   }
-  isLoading.value = true;
+  isFetchingRecords.value = true;
   const tasks = [];
   if (props.meta.isFieldsForAnalizeFromImages) {
     tasks.push(runAiAction({
@@ -152,7 +154,12 @@ const openDialog = async () => {
     }));
   }
   await Promise.all(tasks);
-  isLoading.value = false;
+
+  if (props.meta.isImageGeneration) {
+    fillCarouselSaveImages();
+  }
+  
+  isFetchingRecords.value = false;
 }
  
 watch(selected, (val) => {
@@ -174,6 +181,23 @@ const closeDialog = () => {
   isCriticalError.value = false;
   isImageGenerationError.value = false;
   errorMessage.value = '';
+  carouselSaveImages.value = [];
+  carouselImageIndex.value = [];
+}
+
+function fillCarouselSaveImages() {
+  for (const item of selected.value) {
+    const tempItem: any = {};
+    const tempItemIndex: any = {};
+    for (const [key, value] of Object.entries(item)) {
+        if (props.meta.outputImageFields?.includes(key)) {
+          tempItem[key] = [value];
+          tempItemIndex[key] = 0;
+        }
+    }
+    carouselSaveImages.value.push(tempItem);
+    carouselImageIndex.value.push(tempItemIndex);
+  }
 }
 
 function formatLabel(str) {
@@ -270,7 +294,6 @@ async function getRecords() {
     console.error('Failed to get records:', error);
     isError.value = true;
     errorMessage.value = `Failed to fetch records. Please, try to re-run the action.`;
-    // Handle error appropriately
   }
 }
 
@@ -288,7 +311,6 @@ async function getImages() {
     console.error('Failed to get images:', error);
     isError.value = true;
     errorMessage.value = `Failed to fetch images. Please, try to re-run the action.`;
-    // Handle error appropriately
   }
 }
 

package/{dist/custom/visionTable.vue → custom/VisionTable.vue}

@@ -73,7 +73,7 @@
             <Input
               type="number"
               v-model="selected[tableColumnsIndexes.findIndex(el => el[primaryKey] === item[primaryKey])][n]"
-              class="w-full "
+              class="w-full min-w-[80px]"
               :fullWidth="true"
             />
           </div>
@@ -91,13 +91,15 @@
             <div>
               <GenerationCarousel
                 v-if="openGenerationCarousel[tableColumnsIndexes.findIndex(el => el[primaryKey] === item[primaryKey])][n]"
-                :images="selected[tableColumnsIndexes.findIndex(el => el[primaryKey] === item[primaryKey])][n]"
+                :images="carouselSaveImages[tableColumnsIndexes.findIndex(el => el[primaryKey] === item[primaryKey])][n]"
                 :recordId="item[primaryKey]"
                 :meta="props.meta"
                 :fieldName="n"
+                :carouselImageIndex="carouselImageIndex[tableColumnsIndexes.findIndex(el => el[primaryKey] === item[primaryKey])][n]"
                 @error="handleError"
                 @close="openGenerationCarousel[tableColumnsIndexes.findIndex(el => el[primaryKey] === item[primaryKey])][n] = false"
                 @selectImage="updateSelectedImage"
+                @updateCarouselIndex="updateActiveIndex"
               />
             </div>
           </div>
@@ -119,7 +121,7 @@
 import { ref, nextTick, watch } from 'vue'
 import mediumZoom from 'medium-zoom'
 import { Select, Input, Textarea, Table, Checkbox, Skeleton, Toggle } from '@/afcl'
-import GenerationCarousel from './imageGenerationCarousel.vue'
+import GenerationCarousel from './ImageGenerationCarousel.vue'
 
 const props = defineProps<{
   meta: any,
@@ -134,6 +136,8 @@ const props = defineProps<{
   openGenerationCarousel: any
   isError: boolean,
   errorMessage: string
+  carouselSaveImages: any[]
+  carouselImageIndex: any[]
 }>();
 const emit = defineEmits(['error']);
 
@@ -193,4 +197,8 @@ function handleError({ isError, errorMessage }) {
   });
 }
 
+function updateActiveIndex(newIndex: number, id: any, fieldName: string) {
+  props.carouselImageIndex[props.tableColumnsIndexes.findIndex(el => el[props.primaryKey] === id)][fieldName] = newIndex;
+}
+
 </script>

package/dist/custom/{imageGenerationCarousel.vue → ImageGenerationCarousel.vue}

@@ -175,10 +175,6 @@
         </div>
     </div>
   </div>
-
-  
-  
-
 </template>
 
 <script setup lang="ts">
@@ -193,8 +189,8 @@ import { ProgressBar } from '@/afcl';
 const { t: $t } = useI18n();
 
 const prompt = ref('');
-const emit = defineEmits(['close', 'selectImage', 'error']);
-const props = defineProps(['meta', 'record', 'images', 'recordId', 'prompt', 'fieldName', 'isError', 'errorMessage']);
+const emit = defineEmits(['close', 'selectImage', 'error', 'updateCarouselIndex']);
+const props = defineProps(['meta', 'record', 'images', 'recordId', 'prompt', 'fieldName', 'isError', 'errorMessage', 'carouselImageIndex']);
 const images = ref([]);
 const loading = ref(false);
 const attachmentFiles = ref<string[]>([])
@@ -208,12 +204,14 @@ function minifyField(field: string): string {
 
 const caurosel = ref(null);
 onMounted(async () => {
-  images.value.push((props.images || []));
+  for (const img of props.images || []) {
+    images.value.push(img);
+  }
   const temp = await getGenerationPrompt() || '';
   prompt.value = temp[props.fieldName];
   await nextTick();
 
-  const currentIndex = caurosel.value?.getActiveItem()?.position || 0;
+  const currentIndex = props.carouselImageIndex || 0;
   caurosel.value = new Carousel(
     document.getElementById('gallery'), 
     images.value.map((img, index) => {
@@ -298,6 +296,12 @@ async function confirmImage() {
   const currentIndex = caurosel.value?.getActiveItem()?.position || 0;
   const img = images.value[currentIndex];
 
+  props.images.splice(0, props.images.length);
+  for (const i of images.value) {
+    props.images.push(i);
+  }
+
+  emit('updateCarouselIndex', currentIndex, props.recordId, props.fieldName);
   emit('selectImage', img, props.recordId, props.fieldName);
   emit('close');
 

package/dist/custom/{visionAction.vue → VisionAction.vue}

@@ -25,7 +25,6 @@
             <VisionTable
               :checkbox="props.checkboxes"
               :records="records"
-              :index="0"
               :meta="props.meta"
               :images="images"
               :tableHeaders="tableHeaders"
@@ -38,6 +37,8 @@
               :primaryKey="primaryKey"
               :openGenerationCarousel="openGenerationCarousel"
               @error="handleTableError"
+              :carouselSaveImages="carouselSaveImages"
+              :carouselImageIndex="carouselImageIndex"
             />
           </div>
           <div class="flex w-full flex-col md:flex-row items-stretch md:items-end justify-end gap-3 md:gap-4">
@@ -52,7 +53,7 @@
             <Button 
               class="w-full md:w-64"
               @click="saveData"
-              :disabled="isLoading || checkedCount < 1 || isCriticalError"
+              :disabled="isLoading || checkedCount < 1 || isCriticalError || isFetchingRecords"
               :loader="isLoading"
             >
             {{ checkedCount > 1 ? 'Save fields' : 'Save field' }}
@@ -68,13 +69,11 @@
 import { callAdminForthApi } from '@/utils';
 import { Ref, ref, watch } from 'vue'
 import { Dialog, Button } from '@/afcl';
-import VisionTable from './visionTable.vue'
+import VisionTable from './VisionTable.vue'
 import adminforth from '@/adminforth';
 import { useI18n } from 'vue-i18n';
-import { useRoute } from 'vue-router';
 import { AdminUser, type AdminForthResourceCommon } from '@/types';
 
-const route = useRoute();
 const { t } = useI18n();
 
 const props = defineProps<{
@@ -99,11 +98,14 @@ const tableColumns = ref([]);
 const tableColumnsIndexes = ref([]);
 const customFieldNames = ref([]);
 const selected = ref<any[]>([]);
+const carouselSaveImages = ref<any[]>([]);
+const carouselImageIndex = ref<any[]>([]);
 const isAiResponseReceivedAnalize = ref([]);
 const isAiResponseReceivedImage = ref([]);
 const primaryKey = props.meta.primaryKey;
 const openGenerationCarousel = ref([]);
 const isLoading = ref(false);
+const isFetchingRecords = ref(false);
 const isError = ref(false);
 const isCriticalError = ref(false);
 const isImageGenerationError = ref(false);
@@ -128,7 +130,7 @@ const openDialog = async () => {
       return acc;
     },{[primaryKey]: records.value[i][primaryKey]} as Record<string, boolean>);
   }
-  isLoading.value = true;
+  isFetchingRecords.value = true;
   const tasks = [];
   if (props.meta.isFieldsForAnalizeFromImages) {
     tasks.push(runAiAction({
@@ -152,7 +154,12 @@ const openDialog = async () => {
     }));
   }
   await Promise.all(tasks);
-  isLoading.value = false;
+
+  if (props.meta.isImageGeneration) {
+    fillCarouselSaveImages();
+  }
+  
+  isFetchingRecords.value = false;
 }
  
 watch(selected, (val) => {
@@ -174,6 +181,23 @@ const closeDialog = () => {
   isCriticalError.value = false;
   isImageGenerationError.value = false;
   errorMessage.value = '';
+  carouselSaveImages.value = [];
+  carouselImageIndex.value = [];
+}
+
+function fillCarouselSaveImages() {
+  for (const item of selected.value) {
+    const tempItem: any = {};
+    const tempItemIndex: any = {};
+    for (const [key, value] of Object.entries(item)) {
+        if (props.meta.outputImageFields?.includes(key)) {
+          tempItem[key] = [value];
+          tempItemIndex[key] = 0;
+        }
+    }
+    carouselSaveImages.value.push(tempItem);
+    carouselImageIndex.value.push(tempItemIndex);
+  }
 }
 
 function formatLabel(str) {
@@ -270,7 +294,6 @@ async function getRecords() {
     console.error('Failed to get records:', error);
     isError.value = true;
     errorMessage.value = `Failed to fetch records. Please, try to re-run the action.`;
-    // Handle error appropriately
   }
 }
 
@@ -288,7 +311,6 @@ async function getImages() {
     console.error('Failed to get images:', error);
     isError.value = true;
     errorMessage.value = `Failed to fetch images. Please, try to re-run the action.`;
-    // Handle error appropriately
   }
 }
 

package/{custom/visionTable.vue → dist/custom/VisionTable.vue}

@@ -73,7 +73,7 @@
             <Input
               type="number"
               v-model="selected[tableColumnsIndexes.findIndex(el => el[primaryKey] === item[primaryKey])][n]"
-              class="w-full "
+              class="w-full min-w-[80px]"
               :fullWidth="true"
             />
           </div>
@@ -91,13 +91,15 @@
             <div>
               <GenerationCarousel
                 v-if="openGenerationCarousel[tableColumnsIndexes.findIndex(el => el[primaryKey] === item[primaryKey])][n]"
-                :images="selected[tableColumnsIndexes.findIndex(el => el[primaryKey] === item[primaryKey])][n]"
+                :images="carouselSaveImages[tableColumnsIndexes.findIndex(el => el[primaryKey] === item[primaryKey])][n]"
                 :recordId="item[primaryKey]"
                 :meta="props.meta"
                 :fieldName="n"
+                :carouselImageIndex="carouselImageIndex[tableColumnsIndexes.findIndex(el => el[primaryKey] === item[primaryKey])][n]"
                 @error="handleError"
                 @close="openGenerationCarousel[tableColumnsIndexes.findIndex(el => el[primaryKey] === item[primaryKey])][n] = false"
                 @selectImage="updateSelectedImage"
+                @updateCarouselIndex="updateActiveIndex"
               />
             </div>
           </div>
@@ -119,7 +121,7 @@
 import { ref, nextTick, watch } from 'vue'
 import mediumZoom from 'medium-zoom'
 import { Select, Input, Textarea, Table, Checkbox, Skeleton, Toggle } from '@/afcl'
-import GenerationCarousel from './imageGenerationCarousel.vue'
+import GenerationCarousel from './ImageGenerationCarousel.vue'
 
 const props = defineProps<{
   meta: any,
@@ -134,6 +136,8 @@ const props = defineProps<{
   openGenerationCarousel: any
   isError: boolean,
   errorMessage: string
+  carouselSaveImages: any[]
+  carouselImageIndex: any[]
 }>();
 const emit = defineEmits(['error']);
 
@@ -193,4 +197,8 @@ function handleError({ isError, errorMessage }) {
   });
 }
 
+function updateActiveIndex(newIndex: number, id: any, fieldName: string) {
+  props.carouselImageIndex[props.tableColumnsIndexes.findIndex(el => el[props.primaryKey] === id)][fieldName] = newIndex;
+}
+
 </script>

package/dist/index.js

@@ -61,52 +61,26 @@ export default class BulkAiFlowPlugin extends AdminForthPlugin {
             const columns = this.resourceConfig.columns;
             let columnEnums = [];
             if (this.options.fillFieldsFromImages) {
-                if (!this.options.attachFiles) {
-                    throw new Error('⚠️ attachFiles function must be provided in options when fillFieldsFromImages is used');
-                }
-                if (!this.options.visionAdapter) {
-                    throw new Error('⚠️ visionAdapter must be provided in options when fillFieldsFromImages is used');
-                }
                 for (const [key, value] of Object.entries((this.options.fillFieldsFromImages))) {
                     const column = columns.find(c => c.name.toLowerCase() === key.toLowerCase());
-                    if (column) {
-                        if (column.enum) {
-                            this.options.fillFieldsFromImages[key] = `${value} Select ${key} from the list (USE ONLY VALUE FIELD. USE ONLY VALUES FROM THIS LIST): ${JSON.stringify(column.enum)}`;
-                            columnEnums.push({
-                                name: key,
-                                enum: column.enum,
-                            });
-                        }
-                    }
-                    else {
-                        throw new Error(`⚠️ No column found for key "${key}"`);
+                    if (column && column.enum) {
+                        this.options.fillFieldsFromImages[key] = `${value} Select ${key} from the list (USE ONLY VALUE FIELD. USE ONLY VALUES FROM THIS LIST): ${JSON.stringify(column.enum)}`;
+                        columnEnums.push({
+                            name: key,
+                            enum: column.enum,
+                        });
                     }
                 }
             }
             if (this.options.fillPlainFields) {
-                if (!this.options.textCompleteAdapter) {
-                    throw new Error('⚠️ textCompleteAdapter must be provided in options when fillPlainFields is used');
-                }
                 for (const [key, value] of Object.entries((this.options.fillPlainFields))) {
                     const column = columns.find(c => c.name.toLowerCase() === key.toLowerCase());
-                    if (column) {
-                        if (column.enum) {
-                            this.options.fillPlainFields[key] = `${value} Select ${key} from the list (USE ONLY VALUE FIELD. USE ONLY VALUES FROM THIS LIST): ${JSON.stringify(column.enum)}`;
-                            columnEnums.push({
-                                name: key,
-                                enum: column.enum,
-                            });
-                        }
-                    }
-                    else {
-                        throw new Error(`⚠️ No column found for key "${key}"`);
-                    }
-                }
-            }
-            if (this.options.generateImages && !this.options.imageGenerationAdapter) {
-                for (const [key, value] of Object.entries(this.options.generateImages)) {
-                    if (!this.options.generateImages[key].adapter) {
-                        throw new Error(`⚠️ No image generation adapter found for key "${key}"`);
+                    if (column && column.enum) {
+                        this.options.fillPlainFields[key] = `${value} Select ${key} from the list (USE ONLY VALUE FIELD. USE ONLY VALUES FROM THIS LIST): ${JSON.stringify(column.enum)}`;
+                        columnEnums.push({
+                            name: key,
+                            enum: column.enum,
+                        });
                     }
                 }
             }
@@ -120,28 +94,17 @@ export default class BulkAiFlowPlugin extends AdminForthPlugin {
             //check if Upload plugin is installed on all attachment fields
             if (this.options.generateImages) {
                 for (const [key, value] of Object.entries(this.options.generateImages)) {
-                    const column = columns.find(c => c.name.toLowerCase() === key.toLowerCase());
-                    if (!column) {
-                        throw new Error(`⚠️ No column found for key "${key}"`);
-                    }
                     const plugin = adminforth.activatedPlugins.find(p => p.resourceConfig.resourceId === this.resourceConfig.resourceId &&
                         p.pluginOptions.pathColumnName === key);
-                    if (!plugin) {
-                        throw new Error(`Plugin for attachment field '${key}' not found in resource '${this.resourceConfig.resourceId}', please check if Upload Plugin is installed on the field ${key}`);
+                    if (plugin && plugin.pluginOptions.storageAdapter.objectCanBeAccesedPublicly()) {
+                        outputImagesPluginInstanceIds[key] = plugin.pluginInstanceId;
                     }
-                    if (!plugin.pluginOptions.storageAdapter.objectCanBeAccesedPublicly()) {
-                        throw new Error(`Upload Plugin for attachment field '${key}' in resource '${this.resourceConfig.resourceId}' 
-            uses adapter which is not configured to store objects in public way, so it will produce only signed private URLs which can not be used in HTML text of blog posts.
-            Please configure adapter in such way that it will store objects publicly (e.g.  for S3 use 'public-read' ACL).  
-          `);
-                    }
-                    outputImagesPluginInstanceIds[key] = plugin.pluginInstanceId;
                 }
             }
             const outputFields = Object.assign(Object.assign(Object.assign({}, this.options.fillFieldsFromImages), this.options.fillPlainFields), (this.options.generateImages || {}));
             const primaryKeyColumn = this.resourceConfig.columns.find((col) => col.primaryKey);
             const pageInjection = {
-                file: this.componentPath('visionAction.vue'),
+                file: this.componentPath('VisionAction.vue'),
                 meta: {
                     pluginInstanceId: this.pluginInstanceId,
                     outputFields: outputFields,
@@ -170,11 +133,57 @@ export default class BulkAiFlowPlugin extends AdminForthPlugin {
         });
     }
     validateConfigAfterDiscover(adminforth, resourceConfig) {
-        // optional method where you can safely check field types after database discovery was performed
+        const columns = this.resourceConfig.columns;
+        if (this.options.fillFieldsFromImages) {
+            if (!this.options.attachFiles) {
+                throw new Error('⚠️ attachFiles function must be provided when fillFieldsFromImages is used');
+            }
+            if (!this.options.visionAdapter) {
+                throw new Error('⚠️ visionAdapter must be provided when fillFieldsFromImages is used');
+            }
+            for (const key of Object.keys(this.options.fillFieldsFromImages)) {
+                const column = columns.find(c => c.name.toLowerCase() === key.toLowerCase());
+                if (!column) {
+                    throw new Error(`⚠️ No column found for key "${key}"`);
+                }
+            }
+        }
+        if (this.options.fillPlainFields) {
+            if (!this.options.textCompleteAdapter) {
+                throw new Error('⚠️ textCompleteAdapter must be provided when fillPlainFields is used');
+            }
+            for (const key of Object.keys(this.options.fillPlainFields)) {
+                const column = columns.find(c => c.name.toLowerCase() === key.toLowerCase());
+                if (!column) {
+                    throw new Error(`⚠️ No column found for key "${key}"`);
+                }
+            }
+        }
+        if (this.options.generateImages) {
+            for (const key of Object.keys(this.options.generateImages)) {
+                const column = columns.find(c => c.name.toLowerCase() === key.toLowerCase());
+                if (!column) {
+                    throw new Error(`⚠️ No column found for key "${key}"`);
+                }
+                const perKeyAdapter = this.options.generateImages[key].adapter;
+                if (!perKeyAdapter && !this.options.imageGenerationAdapter) {
+                    throw new Error(`⚠️ No image generation adapter provided for key "${key}"`);
+                }
+                const plugin = adminforth.activatedPlugins.find(p => p.resourceConfig.resourceId === this.resourceConfig.resourceId &&
+                    p.pluginOptions.pathColumnName === key);
+                if (!plugin) {
+                    throw new Error(`Plugin for attachment field '${key}' not found in resource '${this.resourceConfig.resourceId}', please check if Upload Plugin is installed on the field ${key}`);
+                }
+                if (!plugin.pluginOptions.storageAdapter.objectCanBeAccesedPublicly()) {
+                    throw new Error(`Upload Plugin for attachment field '${key}' in resource '${this.resourceConfig.resourceId}' 
+            uses adapter which is not configured to store objects in public way, so it will produce only signed private URLs which can not be used in HTML text of blog posts.
+            Please configure adapter in such way that it will store objects publicly (e.g.  for S3 use 'public-read' ACL).  
+          `);
+                }
+            }
+        }
     }
     instanceUniqueRepresentation(pluginOptions) {
-        // optional method to return unique string representation of plugin instance. 
-        // Needed if plugin can have multiple instances on one resource 
         return `${this.pluginOptions.actionName}`;
     }
     setupEndpoints(server) {
@@ -236,23 +245,21 @@ export default class BulkAiFlowPlugin extends AdminForthPlugin {
                     }
                 }
                 const tasks = selectedIds.map((ID) => __awaiter(this, void 0, void 0, function* () {
-                    // Fetch the record using the provided ID
                     const primaryKeyColumn = this.resourceConfig.columns.find((col) => col.primaryKey);
                     const record = yield this.adminforth.resource(this.resourceConfig.resourceId).get([Filters.EQ(primaryKeyColumn.name, ID)]);
-                    //create prompt for OpenAI
                     const compiledOutputFields = this.compileOutputFieldsTemplatesNoImage(record);
                     const prompt = `Analyze the following fields and return a single JSON in format like: {'param1': 'value1', 'param2': 'value2'}. 
           Do NOT return array of objects. Do NOT include any Markdown, code blocks, explanations, or extra text. Only return valid JSON. 
           Each object must contain the following fields: ${JSON.stringify(compiledOutputFields)} Use the exact field names. 
           If it's number field - return only number.`;
                     //send prompt to OpenAI and get response
-                    const { content: chatResponse } = yield this.options.textCompleteAdapter.complete(prompt, [], 500);
+                    const numberOfTokens = this.options.fillPlainFieldsMaxTokens ? this.options.fillPlainFieldsMaxTokens : 1000;
+                    const { content: chatResponse } = yield this.options.textCompleteAdapter.complete(prompt, [], numberOfTokens);
                     const resp = chatResponse.response;
                     const topLevelError = chatResponse.error;
                     if (topLevelError || (resp === null || resp === void 0 ? void 0 : resp.error)) {
                         throw new Error(`ERROR: ${JSON.stringify(topLevelError || (resp === null || resp === void 0 ? void 0 : resp.error))}`);
                     }
-                    //parse response and update record
                     const resData = JSON.parse(chatResponse);
                     return resData;
                 }));
@@ -270,8 +277,10 @@ export default class BulkAiFlowPlugin extends AdminForthPlugin {
                 for (const [index, record] of records.entries()) {
                     records[index]._label = this.resourceConfig.recordLabel(records[index]);
                 }
+                const order = Object.fromEntries(body.body.record.map((id, i) => [id, i]));
+                const sortedRecords = records.sort((a, b) => order[a.id] - order[b.id]);
                 return {
-                    records,
+                    records: sortedRecords,
                 };
             })
         });
@@ -336,6 +345,32 @@ export default class BulkAiFlowPlugin extends AdminForthPlugin {
                                 }
                             }
                         }
+                        try {
+                            const AuditLogPlugin = this.adminforth.getPluginByClassName('AuditLogPlugin');
+                            if (AuditLogPlugin) {
+                                for (const [key, value] of Object.entries(oldRecord)) {
+                                    if (!(key in fieldsToUpdate[idx])) {
+                                        delete oldRecord[key];
+                                    }
+                                }
+                                const reorderedOldRecord = Object.keys(fieldsToUpdate[idx]).reduce((acc, key) => {
+                                    if (key in oldRecord) {
+                                        acc[key] = oldRecord[key];
+                                    }
+                                    return acc;
+                                }, {});
+                                AuditLogPlugin.logCustomAction({
+                                    resourceId: this.resourceConfig.resourceId,
+                                    recordId: ID,
+                                    actionId: 'Bulk-ai-flow',
+                                    oldData: reorderedOldRecord,
+                                    data: fieldsToUpdate[idx],
+                                    user: adminUser,
+                                    headers: headers
+                                });
+                            }
+                        }
+                        catch (error) { }
                         return this.adminforth.resource(this.resourceConfig.resourceId).update(ID, fieldsToUpdate[idx]);
                     }));
                     yield Promise.all(updates);

package/index.ts

@@ -73,58 +73,30 @@ export default class  BulkAiFlowPlugin extends AdminForthPlugin {
     const columns = this.resourceConfig.columns;
     let columnEnums = [];
     if (this.options.fillFieldsFromImages) {
-      if (!this.options.attachFiles) {
-        throw new Error('⚠️ attachFiles function must be provided in options when fillFieldsFromImages is used');
-      }
-      if (!this.options.visionAdapter) {
-        throw new Error('⚠️ visionAdapter must be provided in options when fillFieldsFromImages is used');
-      }
-
       for (const [key, value] of Object.entries((this.options.fillFieldsFromImages ))) {
         const column = columns.find(c => c.name.toLowerCase() === key.toLowerCase());
-        if (column) {
-          if(column.enum){
-            (this.options.fillFieldsFromImages as any)[key] = `${value} Select ${key} from the list (USE ONLY VALUE FIELD. USE ONLY VALUES FROM THIS LIST): ${JSON.stringify(column.enum)}`;
-            columnEnums.push({
-              name: key,
-              enum: column.enum,
-            });
-          }
-        } else {
-          throw new Error(`⚠️ No column found for key "${key}"`);
+        if (column && column.enum) {
+          (this.options.fillFieldsFromImages as any)[key] = `${value} Select ${key} from the list (USE ONLY VALUE FIELD. USE ONLY VALUES FROM THIS LIST): ${JSON.stringify(column.enum)}`;
+          columnEnums.push({
+            name: key,
+            enum: column.enum,
+          });
         }
       }
     }
 
     if (this.options.fillPlainFields) {
-      if (!this.options.textCompleteAdapter) {
-        throw new Error('⚠️ textCompleteAdapter must be provided in options when fillPlainFields is used');
-      }
-
       for (const [key, value] of Object.entries((this.options.fillPlainFields))) {
         const column = columns.find(c => c.name.toLowerCase() === key.toLowerCase());
-        if (column) {
-          if(column.enum){
-            (this.options.fillPlainFields as any)[key] = `${value} Select ${key} from the list (USE ONLY VALUE FIELD. USE ONLY VALUES FROM THIS LIST): ${JSON.stringify(column.enum)}`;
-            columnEnums.push({
-              name: key,
-              enum: column.enum,
-            });
-          }
-        } else {
-          throw new Error(`⚠️ No column found for key "${key}"`);
-        }
-      }
-    }
-
-    if (this.options.generateImages && !this.options.imageGenerationAdapter) {
-      for (const [key, value] of Object.entries(this.options.generateImages)) {
-        if (!this.options.generateImages[key].adapter) {
-          throw new Error(`⚠️ No image generation adapter found for key "${key}"`);
+        if (column && column.enum) {
+          (this.options.fillPlainFields as any)[key] = `${value} Select ${key} from the list (USE ONLY VALUE FIELD. USE ONLY VALUES FROM THIS LIST): ${JSON.stringify(column.enum)}`;
+          columnEnums.push({
+            name: key,
+            enum: column.enum,
+          });
         }
       }
-    }
-  
+    }  
 
     const outputImageFields = [];
     if (this.options.generateImages) {
@@ -136,25 +108,13 @@ export default class  BulkAiFlowPlugin extends AdminForthPlugin {
     //check if Upload plugin is installed on all attachment fields
     if (this.options.generateImages) {
       for (const [key, value] of Object.entries(this.options.generateImages)) {
-        const column = columns.find(c => c.name.toLowerCase() === key.toLowerCase());
-        if (!column) {
-          throw new Error(`⚠️ No column found for key "${key}"`);
-        }
         const plugin = adminforth.activatedPlugins.find(p => 
           p.resourceConfig!.resourceId === this.resourceConfig.resourceId &&
           p.pluginOptions.pathColumnName === key
         );
-        if (!plugin) {
-          throw new Error(`Plugin for attachment field '${key}' not found in resource '${this.resourceConfig.resourceId}', please check if Upload Plugin is installed on the field ${key}`);
-        }
-        if (!plugin.pluginOptions.storageAdapter.objectCanBeAccesedPublicly()) {
-          throw new Error(`Upload Plugin for attachment field '${key}' in resource '${this.resourceConfig.resourceId}' 
-            uses adapter which is not configured to store objects in public way, so it will produce only signed private URLs which can not be used in HTML text of blog posts.
-            Please configure adapter in such way that it will store objects publicly (e.g.  for S3 use 'public-read' ACL).  
-          `);
+        if (plugin && plugin.pluginOptions.storageAdapter.objectCanBeAccesedPublicly()) {
+          outputImagesPluginInstanceIds[key] = plugin.pluginInstanceId;
         }
-
-        outputImagesPluginInstanceIds[key] = plugin.pluginInstanceId;
       }
     }
 
@@ -168,7 +128,7 @@ export default class  BulkAiFlowPlugin extends AdminForthPlugin {
     const primaryKeyColumn = this.resourceConfig.columns.find((col) => col.primaryKey);
 
     const pageInjection = {
-      file: this.componentPath('visionAction.vue'),
+      file: this.componentPath('VisionAction.vue'),
       meta: {
         pluginInstanceId: this.pluginInstanceId,
         outputFields: outputFields,
@@ -199,18 +159,65 @@ export default class  BulkAiFlowPlugin extends AdminForthPlugin {
   }
   
   validateConfigAfterDiscover(adminforth: IAdminForth, resourceConfig: AdminForthResource) {
-    // optional method where you can safely check field types after database discovery was performed
+    const columns = this.resourceConfig.columns;
+    if (this.options.fillFieldsFromImages) {
+      if (!this.options.attachFiles) {
+        throw new Error('⚠️ attachFiles function must be provided when fillFieldsFromImages is used');
+      }
+      if (!this.options.visionAdapter) {
+        throw new Error('⚠️ visionAdapter must be provided when fillFieldsFromImages is used');
+      }
+      for (const key of Object.keys(this.options.fillFieldsFromImages)) {
+        const column = columns.find(c => c.name.toLowerCase() === key.toLowerCase());
+        if (!column) {
+          throw new Error(`⚠️ No column found for key "${key}"`);
+        }
+      }
+    }
+    if (this.options.fillPlainFields) {
+      if (!this.options.textCompleteAdapter) {
+        throw new Error('⚠️ textCompleteAdapter must be provided when fillPlainFields is used');
+      }
+      for (const key of Object.keys(this.options.fillPlainFields)) {
+        const column = columns.find(c => c.name.toLowerCase() === key.toLowerCase());
+        if (!column) {
+          throw new Error(`⚠️ No column found for key "${key}"`);
+        }
+      }
+    }
+    if (this.options.generateImages) {
+      for (const key of Object.keys(this.options.generateImages)) {
+        const column = columns.find(c => c.name.toLowerCase() === key.toLowerCase());
+        if (!column) {
+          throw new Error(`⚠️ No column found for key "${key}"`);
+        }
+        const perKeyAdapter = this.options.generateImages[key].adapter;
+        if (!perKeyAdapter && !this.options.imageGenerationAdapter) {
+          throw new Error(`⚠️ No image generation adapter provided for key "${key}"`);
+        }
+
+        const plugin = adminforth.activatedPlugins.find(p => 
+          p.resourceConfig!.resourceId === this.resourceConfig.resourceId &&
+          p.pluginOptions.pathColumnName === key
+        );
+        if (!plugin) {
+          throw new Error(`Plugin for attachment field '${key}' not found in resource '${this.resourceConfig.resourceId}', please check if Upload Plugin is installed on the field ${key}`);
+        }
+        if (!plugin.pluginOptions.storageAdapter.objectCanBeAccesedPublicly()) {
+          throw new Error(`Upload Plugin for attachment field '${key}' in resource '${this.resourceConfig.resourceId}' 
+            uses adapter which is not configured to store objects in public way, so it will produce only signed private URLs which can not be used in HTML text of blog posts.
+            Please configure adapter in such way that it will store objects publicly (e.g.  for S3 use 'public-read' ACL).  
+          `);
+        }
+      }
+    }
   }
 
   instanceUniqueRepresentation(pluginOptions: any) : string {
-    // optional method to return unique string representation of plugin instance. 
-    // Needed if plugin can have multiple instances on one resource 
     return `${this.pluginOptions.actionName}`;
   }
 
   setupEndpoints(server: IHttpServer) {
-
-
     server.endpoint({
       method: 'POST',
       path: `/plugin/${this.pluginInstanceId}/analyze`,
@@ -224,7 +231,7 @@ export default class  BulkAiFlowPlugin extends AdminForthPlugin {
       const tasks = selectedIds.map(async (ID) => {
         // Fetch the record using the provided ID
         const primaryKeyColumn = this.resourceConfig.columns.find((col) => col.primaryKey);
-        const record = await this.adminforth.resource(this.resourceConfig.resourceId).get( [Filters.EQ(primaryKeyColumn.name, ID)] );
+        const record = await this.adminforth.resource(this.resourceConfig.resourceId).get([Filters.EQ(primaryKeyColumn.name, ID)] );
 
         //recieve image URLs to analyze
         const attachmentFiles = await this.options.attachFiles({ record: record });
@@ -274,26 +281,23 @@ export default class  BulkAiFlowPlugin extends AdminForthPlugin {
         }
       }
       const tasks = selectedIds.map(async (ID) => {
-        // Fetch the record using the provided ID
         const primaryKeyColumn = this.resourceConfig.columns.find((col) => col.primaryKey);
         const record = await this.adminforth.resource(this.resourceConfig.resourceId).get( [Filters.EQ(primaryKeyColumn.name, ID)] );
 
-        //create prompt for OpenAI
         const compiledOutputFields = this.compileOutputFieldsTemplatesNoImage(record);
         const prompt = `Analyze the following fields and return a single JSON in format like: {'param1': 'value1', 'param2': 'value2'}. 
           Do NOT return array of objects. Do NOT include any Markdown, code blocks, explanations, or extra text. Only return valid JSON. 
           Each object must contain the following fields: ${JSON.stringify(compiledOutputFields)} Use the exact field names. 
           If it's number field - return only number.`;
         //send prompt to OpenAI and get response
-        const { content: chatResponse } = await this.options.textCompleteAdapter.complete(prompt, [], 500);
+        const numberOfTokens = this.options.fillPlainFieldsMaxTokens ? this.options.fillPlainFieldsMaxTokens : 1000;
+        const { content: chatResponse } = await this.options.textCompleteAdapter.complete(prompt, [], numberOfTokens);
 
         const resp: any = (chatResponse as any).response;
         const topLevelError = (chatResponse as any).error;
         if (topLevelError || resp?.error) {
           throw new Error(`ERROR: ${JSON.stringify(topLevelError || resp?.error)}`);
         }
-
-        //parse response and update record
         const resData = JSON.parse(chatResponse);
 
         return resData;
@@ -304,8 +308,6 @@ export default class  BulkAiFlowPlugin extends AdminForthPlugin {
       return { result };
       }
     });
-
-
     server.endpoint({
       method: 'POST',
       path: `/plugin/${this.pluginInstanceId}/get_records`,
@@ -316,13 +318,16 @@ export default class  BulkAiFlowPlugin extends AdminForthPlugin {
         for( const [index, record] of records.entries() ) {
           records[index]._label = this.resourceConfig.recordLabel(records[index]);
         }
+        const order = Object.fromEntries(body.body.record.map((id, i) => [id, i]));
+
+        const sortedRecords = records.sort(
+          (a, b) => order[a.id] - order[b.id]
+        );
         return {
-          records,
+          records: sortedRecords,
         };
       }
     });
-
-
     server.endpoint({
       method: 'POST',
       path: `/plugin/${this.pluginInstanceId}/get_images`,
@@ -340,8 +345,6 @@ export default class  BulkAiFlowPlugin extends AdminForthPlugin {
         };
       }
     });
-
-
     server.endpoint({
       method: 'POST',
       path: `/plugin/${this.pluginInstanceId}/update_fields`,
@@ -387,6 +390,35 @@ export default class  BulkAiFlowPlugin extends AdminForthPlugin {
                 }
               }
             }
+            try {
+              const AuditLogPlugin:any = this.adminforth.getPluginByClassName('AuditLogPlugin');
+              if (AuditLogPlugin) {
+
+                for (const [key, value] of Object.entries(oldRecord)) {
+                  if (!(key in fieldsToUpdate[idx])) {
+                    delete oldRecord[key];
+                  }
+                }
+
+                const reorderedOldRecord = Object.keys(fieldsToUpdate[idx]).reduce((acc, key) => {
+                  if (key in oldRecord) {
+                    acc[key] = oldRecord[key];
+                  }
+                  return acc;
+                }, {} as Record<string, unknown>);
+
+                AuditLogPlugin.logCustomAction({
+                  resourceId: this.resourceConfig.resourceId,
+                  recordId: ID,
+                  actionId: 'Bulk-ai-flow',
+                  oldData: reorderedOldRecord,
+                  data: fieldsToUpdate[idx],
+                  user: adminUser,
+                  headers: headers
+                });
+              }
+            } catch (error) { }
+            
             return this.adminforth.resource(this.resourceConfig.resourceId).update(ID, fieldsToUpdate[idx])
           });
           await Promise.all(updates);
@@ -396,8 +428,6 @@ export default class  BulkAiFlowPlugin extends AdminForthPlugin {
         }
       }
     });
-
-
     server.endpoint({
       method: 'POST',
       path: `/plugin/${this.pluginInstanceId}/regenerate_images`,
@@ -449,8 +479,6 @@ export default class  BulkAiFlowPlugin extends AdminForthPlugin {
         return { images };
       }
     });
-
-
     server.endpoint({
       method: 'POST',
       path: `/plugin/${this.pluginInstanceId}/initial_image_generate`,
@@ -518,8 +546,6 @@ export default class  BulkAiFlowPlugin extends AdminForthPlugin {
         return { result };
       }
     });
-
-
     server.endpoint({
       method: 'POST',
       path: `/plugin/${this.pluginInstanceId}/get_generation_prompts`,
@@ -530,8 +556,6 @@ export default class  BulkAiFlowPlugin extends AdminForthPlugin {
         return { generationOptions: compiledGenerationOptions };
       }
     });
-
-
     server.endpoint({
       method: 'GET',
       path: `/plugin/${this.pluginInstanceId}/averageDuration`,
@@ -543,8 +567,5 @@ export default class  BulkAiFlowPlugin extends AdminForthPlugin {
         };
       }
     });
-
-
-
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adminforth/bulk-ai-flow",
-  "version": "1.7.4",
+  "version": "1.8.0",
   "publishConfig": {
     "access": "public"
   },

package/types.ts

@@ -1,20 +1,52 @@
-import { ImageVisionAdapter, AdminUser, IAdminForth, StorageAdapter, ImageGenerationAdapter, CompletionAdapter } from "adminforth";
+import { ImageVisionAdapter, ImageGenerationAdapter, CompletionAdapter } from "adminforth";
 
 
 export interface PluginOptions {
+    /**
+     * Name of the action in three dots menu.
+     */
     actionName: string,
+
+     /**
+     * The adapter to use for scaning images and filling fields basing on the image content.
+     */
     visionAdapter?: ImageVisionAdapter,
+    
+    /**
+     * The adapter to use for text->text generation.
+     */
     textCompleteAdapter?: CompletionAdapter,
+
     /**
      * The adapter to use for image generation. 
      */
     imageGenerationAdapter?: ImageGenerationAdapter,
+    
+    /**
+     * List of fields that should be filled based on the image content analysis.
+     */
     fillFieldsFromImages?: Record<string, string>, // can analyze what is on image and fill fields, typical tasks "find dominant color", "describe what is on image", "clasify to one enum item, e.g. what is on image dog/cat/plant"
+
+    /**
+     * List of fields that should be filled based on the text.
+     */
     fillPlainFields?: Record<string, string>,
+
+    /**
+     * Number of tokens to generate (Only for text completion adapter). Default is 1000. 1 token ~= ¾ words
+     */
+    fillPlainFieldsMaxTokens?: number,
+
+    /**
+     * If you want to generate fields or images based on the image content attached images 
+     */
     attachFiles?: ({ record }: {
       record: any,
     }) => string[] | Promise<string[]>,
 
+    /**
+     * List of image fields, that should be filled.
+     */
     generateImages?: Record<
       string, {
         // can generate from images or just from another fields, e.g. "remove text from images", "improve image quality", "turn image into ghibli style"
@@ -43,6 +75,10 @@ export interface PluginOptions {
        */
       countToGenerate: number,
     }>,
+
+    /**
+     * Rate limits for each action.
+     */
     rateLimits?: {
       fillFieldsFromImages?: string, // e.g. 5/1d - 5 requests per day
       fillPlainFields?: string,