@adminforth/bulk-ai-flow 1.5.6 → 1.7.0

package/build.log

@@ -11,5 +11,5 @@ custom/tsconfig.json
 custom/visionAction.vue
 custom/visionTable.vue
 
-sent 182,651 bytes  received 134 bytes  365,570.00 bytes/sec
-total size is 182,116  speedup is 1.00
+sent 180,778 bytes  received 134 bytes  361,824.00 bytes/sec
+total size is 180,250  speedup is 1.00

package/custom/imageGenerationCarousel.vue

@@ -183,7 +183,7 @@
 
 <script setup lang="ts">
 
-import { ref, onMounted, nextTick, Ref, h, computed, watch, reactive } from 'vue'
+import { ref, onMounted, nextTick, Ref, watch } from 'vue'
 import { Carousel } from 'flowbite';
 import { callAdminForthApi } from '@/utils';
 import { useI18n } from 'vue-i18n';
@@ -267,9 +267,8 @@ onMounted(async () => {
     return context[field.trim()] || '';
   });
   
-  if (props.record[props.record[props.meta.recorPkFieldName]]) {
   const recordId = props.record[props.meta.recorPkFieldName];
-  } else { 
+  if (!recordId) {
     emit('error', {
       isError: true,
       errorMessage: 'Record ID not found, cannot generate images'

package/custom/visionAction.vue

@@ -1,19 +1,19 @@
 <template>
-  <div class="flex items-end justify-start gap-2" @click="openDialog">
+  <div class="flex items-end justify-start gap-2 cursor-pointer" @click="openDialog">
     <div class="flex items-center justify-center text-white bg-gradient-to-r h-[18px] from-purple-500 via-purple-600 to-purple-700 hover:bg-gradient-to-br focus:ring-4 focus:outline-none focus:ring-purple-300 dark:focus:ring-purple-800 font-medium rounded-md text-sm px-1 text-center">
       AI
     </div>
-    <p class="text-justify max-h-[18px]">{{ props.meta.actionName }}</p>
+    <p class="text-justify max-h-[18px] truncate max-w-[60vw] md:max-w-none">{{ props.meta.actionName }}</p>
   </div>
   <Dialog ref="confirmDialog">
     <div
       class="fixed inset-0 z-20 flex items-center justify-center bg-black/40"
     >
       <div
-        class="bulk-vision-dialog flex items-center justify-center relative max-w-[95vw] min-w-[640px] max-h-[90vh] bg-white dark:bg-gray-900 rounded-md shadow-2xl overflow-hidden"
+        class="bulk-vision-dialog flex items-center justify-center relative w-[100vw] h-[100vh] max-h-[100vh] md:w-auto md:max-w-[95vw] md:min-w-[640px] md:h-auto md:max-h-[90vh] bg-white dark:bg-gray-900 rounded-none md:rounded-md shadow-2xl overflow-hidden"
         @click.stop
       >
-        <div class="bulk-vision-table flex flex-col items-center justify-evenly gap-4 w-full h-full p-6 overflow-y-auto">
+        <div class="bulk-vision-table flex flex-col items-center justify-evenly gap-3 md:gap-4 w-full h-full p-4 md:p-6 overflow-y-auto overflow-x-auto">
           <button type="button" 
             @click="closeDialog"
             class="text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm w-8 h-8 ms-auto inline-flex justify-center items-center dark:hover:bg-gray-600 dark:hover:text-white" >
@@ -22,35 +22,36 @@
               </svg>
           </button>
 
-          <VisionTable
-            v-if="records && props.checkboxes.length"
-            :checkbox="props.checkboxes"
-            :records="records"
-            :index="0"
-            :meta="props.meta"
-            :images="images"
-            :tableHeaders="tableHeaders"
-            :tableColumns="tableColumns"
-            :customFieldNames="customFieldNames"
-            :tableColumnsIndexes="tableColumnsIndexes"
-            :selected="selected"
-            :isAiResponseReceivedAnalize="isAiResponseReceivedAnalize"
-            :isAiResponseReceivedImage="isAiResponseReceivedImage"
-            :primaryKey="primaryKey"
-            :openGenerationCarousel="openGenerationCarousel"
-            @error="handleTableError"
-          />
-          <div class="flex w-full items-end justify-end gap-4">
-            <div class="h-full text-red-600 font-semibold flex items-center justify-center mb-2">
+          <div v-if="records && props.checkboxes.length" class="w-full overflow-x-auto">
+            <VisionTable
+              :checkbox="props.checkboxes"
+              :records="records"
+              :index="0"
+              :meta="props.meta"
+              :images="images"
+              :tableHeaders="tableHeaders"
+              :tableColumns="tableColumns"
+              :customFieldNames="customFieldNames"
+              :tableColumnsIndexes="tableColumnsIndexes"
+              :selected="selected"
+              :isAiResponseReceivedAnalize="isAiResponseReceivedAnalize"
+              :isAiResponseReceivedImage="isAiResponseReceivedImage"
+              :primaryKey="primaryKey"
+              :openGenerationCarousel="openGenerationCarousel"
+              @error="handleTableError"
+            />
+          </div>
+          <div class="flex w-full flex-col md:flex-row items-stretch md:items-end justify-end gap-3 md:gap-4">
+            <div class="h-full text-red-600 font-semibold flex items-center justify-center md:mb-2">
               <p v-if="isError === true">{{ errorMessage }}</p>
             </div>
-            <button type="button" class="py-2.5 px-5 ms-3 text-sm font-medium text-gray-900 focus:outline-none bg-white rounded-lg border border-gray-200 hover:bg-gray-100 hover:text-blue-700 focus:z-10 focus:ring-4 focus:ring-gray-100 dark:focus:ring-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:border-gray-600 dark:hover:text-white dark:hover:bg-gray-700"
+            <button type="button" class="w-full md:w-auto py-2.5 px-5 text-sm font-medium text-gray-900 focus:outline-none bg-white rounded-lg border border-gray-200 hover:bg-gray-100 hover:text-blue-700 focus:z-10 focus:ring-4 focus:ring-gray-100 dark:focus:ring-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:border-gray-600 dark:hover:text-white dark:hover:bg-gray-700"
               @click="closeDialog"
             >
               {{'Cancel'}}
             </button>
             <Button 
-              class="w-64"
+              class="w-full md:w-64"
               @click="saveData"
               :disabled="isLoading || checkedCount < 1 || isCriticalError"
               :loader="isLoading"
@@ -66,7 +67,7 @@
 
 <script lang="ts" setup>
 import { callAdminForthApi } from '@/utils';
-import { ref, watch } from 'vue'
+import { Ref, ref, watch } from 'vue'
 import { Dialog, Button } from '@/afcl';
 import VisionTable from './visionTable.vue'
 import adminforth from '@/adminforth';
@@ -131,13 +132,25 @@ const openDialog = async () => {
   isLoading.value = true;
   const tasks = [];
   if (props.meta.isFieldsForAnalizeFromImages) {
-    tasks.push(analyzeFields());
+    tasks.push(runAiAction({
+      endpoint: 'analyze',
+      actionType: 'analyze',
+      responseFlag: isAiResponseReceivedAnalize,
+    }));
   }
   if (props.meta.isFieldsForAnalizePlain) {
-    tasks.push(analyzeFieldsNoImages());
+    tasks.push(runAiAction({
+      endpoint: 'analyze_no_images',
+      actionType: 'analyze_no_images',
+      responseFlag: isAiResponseReceivedAnalize,
+    }));
   }
   if (props.meta.isImageGeneration) {
-    tasks.push(generateImages());
+    tasks.push(runAiAction({
+      endpoint: 'initial_image_generate',
+      actionType: 'generate_images',
+      responseFlag: isAiResponseReceivedImage,
+    }));
   }
   await Promise.all(tasks);
   isLoading.value = false;
@@ -160,6 +173,7 @@ const closeDialog = () => {
   tableColumnsIndexes.value = [];
   isError.value = false;
   isCriticalError.value = false;
+  isImageGenerationError.value = false;
   errorMessage.value = '';
 }
 
@@ -329,111 +343,6 @@ async function convertImages(fieldName, img) {
 }
 
 
-async function analyzeFields() {
-  isAiResponseReceivedAnalize.value = props.checkboxes.map(() => false);
-  try {
-    const res = await callAdminForthApi({
-      path: `/plugin/${props.meta.pluginInstanceId}/analyze`,
-      method: 'POST',
-      body: {
-        selectedIds: props.checkboxes,
-      },
-    });
-
-    if (res?.error) {
-      adminforth.alert({
-        message: res.error,
-        variant: 'danger',
-        timeout: 'unlimited',
-      });
-
-      console.error('Failed to analyze image(s):', res.error);
-      isError.value = true;
-      //isCriticalError.value = true;
-      errorMessage.value = `Failed to fetch analyze image(s). Please, try to re-run the action.`;
-    } else {
-      res.result.forEach((item, idx) => {
-        const pk = selected.value[idx]?.[primaryKey]
-
-        if (pk) {
-          selected.value[idx] = {
-            ...selected.value[idx],
-            ...item,
-            isChecked: true,
-            [primaryKey]: pk
-          }
-        }
-      })
-    }
-  } catch (error) {
-    adminforth.alert({
-      message: error,
-      variant: 'danger',
-      timeout: 'unlimited',
-    });
-
-    console.error('Failed to analyze image(s):', error);
-    isError.value = true;
-    //isCriticalError.value = true;
-    errorMessage.value = res.error;
-  }
-  isAiResponseReceivedAnalize.value = props.checkboxes.map(() => true);
-}
-
-
-async function analyzeFieldsNoImages() {
-  isAiResponseReceivedAnalize.value = props.checkboxes.map(() => false);
-  try {
-    const res = await callAdminForthApi({
-      path: `/plugin/${props.meta.pluginInstanceId}/analyze_no_images`,
-      method: 'POST',
-      body: {
-        selectedIds: props.checkboxes,
-      },
-    });
-    if(res?.error) {
-      adminforth.alert({
-        message: res.error,
-        variant: 'danger',
-        timeout: 'unlimited',
-      });
-      console.error('Failed to analyze fields:', res.error);
-      isError.value = true;
-      //isCriticalError.value = true;
-      errorMessage.value = res.error;
-    } else {
-      res.result.forEach((item, idx) => {
-        const pk = selected.value[idx]?.[primaryKey]
-
-        if (pk) {
-          selected.value[idx] = {
-            ...selected.value[idx],
-            ...item,
-            isChecked: true,
-            [primaryKey]: pk
-          }
-        }
-      })
-    }
-  } catch (error) {
-      adminforth.alert({
-        message: error,
-        variant: 'danger',
-        timeout: 'unlimited',
-      });
-      console.error('Failed to analyze fields:', error);
-      isError.value = true;
-      //isCriticalError.value = true;
-      errorMessage.value = `Failed to analyze fields. Please, try to re-run the action.`;
-  }
-  if(!props.meta.isFieldsForAnalizeFromImages) {
-    isAiResponseReceivedAnalize.value = props.checkboxes.map(() => true);
-  }
-}
-
-
-
-
 async function saveData() {
   if (!selected.value?.length) {
     adminforth.alert({ message: 'No items selected', variant: 'warning' });
@@ -496,57 +405,73 @@ async function saveData() {
   }
 }
 
-async function generateImages() {
-  isAiResponseReceivedImage.value = props.checkboxes.map(() => false);
-  let res;
-  let error = null;
+
+async function runAiAction({
+  endpoint,
+  actionType,
+  responseFlag,
+  updateOnSuccess = true,
+}: {
+  endpoint: string;
+  actionType: 'analyze' | 'analyze_no_images' | 'generate_images';
+  responseFlag: Ref<boolean[]>;
+  updateOnSuccess?: boolean;
+}) {
+  let res: any;
+  let error: any = null;
 
   try {
+    responseFlag.value = props.checkboxes.map(() => false);
+
     res = await callAdminForthApi({
-      path: `/plugin/${props.meta.pluginInstanceId}/initial_image_generate`,
+      path: `/plugin/${props.meta.pluginInstanceId}/${endpoint}`,
       method: 'POST',
       body: {
         selectedIds: props.checkboxes,
       },
     });
+
+    if (actionType !== 'analyze_no_images' || !props.meta.isFieldsForAnalizeFromImages) {
+      responseFlag.value = props.checkboxes.map(() => true);
+    }
   } catch (e) {
-    console.error('Error generating images:', e);
-    isError.value = true;
-    isImageGenerationError.value = true;
-    errorMessage.value = `Failed to generate images. Please, try to re-run the action.`;
+    console.error(`Error during ${actionType}:`, e);
+    error = `Failed to ${actionType.replace('_', ' ')}. Please, try to re-run the action.`;
   }
-  isAiResponseReceivedImage.value = props.checkboxes.map(() => true);
 
   if (res?.error) {
     error = res.error;
   }
-  if (!res) {
-    error = 'Error generating images, something went wrong';
-    isError.value = true;
-    isImageGenerationError.value = true;
-    errorMessage.value = `Failed to generate images. Please, try to re-run the action.`;
+  if (!res && !error) {
+    error = `Error: ${actionType} request returned empty response.`;
   }
 
-  if (error) { 
+  if (error) {
     adminforth.alert({
       message: error,
       variant: 'danger',
       timeout: 'unlimited',
     });
     isError.value = true;
-    isImageGenerationError.value = true;
+    if (actionType === 'generate_images') {
+      isImageGenerationError.value = true;
+    }
     errorMessage.value = error;
-  } else {
-    res.result.forEach((item, idx) => {
-      const pk = selected.value[idx]?.[primaryKey]
+    return;
+  }
+
+  if (updateOnSuccess) {
+    res.result.forEach((item: any, idx: number) => {
+      const pk = selected.value[idx]?.[primaryKey];
       if (pk) {
         selected.value[idx] = {
           ...selected.value[idx],
           ...item,
-          [primaryKey]: pk
-        }
+          isChecked: true,
+          [primaryKey]: pk,
+        };
       }
-    })
+    });
   }
 }
 

package/custom/visionTable.vue

@@ -47,6 +47,7 @@
         <div v-if="isAiResponseReceivedAnalize[tableColumnsIndexes.findIndex(el => el[primaryKey] === item[primaryKey])] && !isInColumnImage(n)">
           <div v-if="isInColumnEnum(n)">
             <Select
+              class="min-w-[150px] "
               :options="convertColumnEnumToSelectOptions(props.meta.columnEnums, n)"
               v-model="selected[tableColumnsIndexes.findIndex(el => el[primaryKey] === item[primaryKey])][n]"
               :teleportToTop="true"
@@ -56,7 +57,7 @@
           </div>
           <div v-else-if="typeof selected[tableColumnsIndexes.findIndex(el => el[primaryKey] === item[primaryKey])][n] === 'string' || typeof selected[tableColumnsIndexes.findIndex(el => el[primaryKey] === item[primaryKey])][n] === 'object'">
             <Textarea
-              class="w-full h-full"
+              class="min-w-[150px] w-full h-full"
               type="text"
               v-model="selected[tableColumnsIndexes.findIndex(el => el[primaryKey] === item[primaryKey])][n]"
             >

package/dist/custom/imageGenerationCarousel.vue

@@ -183,7 +183,7 @@
 
 <script setup lang="ts">
 
-import { ref, onMounted, nextTick, Ref, h, computed, watch, reactive } from 'vue'
+import { ref, onMounted, nextTick, Ref, watch } from 'vue'
 import { Carousel } from 'flowbite';
 import { callAdminForthApi } from '@/utils';
 import { useI18n } from 'vue-i18n';
@@ -267,9 +267,8 @@ onMounted(async () => {
     return context[field.trim()] || '';
   });
   
-  if (props.record[props.record[props.meta.recorPkFieldName]]) {
   const recordId = props.record[props.meta.recorPkFieldName];
-  } else { 
+  if (!recordId) {
     emit('error', {
       isError: true,
       errorMessage: 'Record ID not found, cannot generate images'

package/dist/custom/visionAction.vue

@@ -1,19 +1,19 @@
 <template>
-  <div class="flex items-end justify-start gap-2" @click="openDialog">
+  <div class="flex items-end justify-start gap-2 cursor-pointer" @click="openDialog">
     <div class="flex items-center justify-center text-white bg-gradient-to-r h-[18px] from-purple-500 via-purple-600 to-purple-700 hover:bg-gradient-to-br focus:ring-4 focus:outline-none focus:ring-purple-300 dark:focus:ring-purple-800 font-medium rounded-md text-sm px-1 text-center">
       AI
     </div>
-    <p class="text-justify max-h-[18px]">{{ props.meta.actionName }}</p>
+    <p class="text-justify max-h-[18px] truncate max-w-[60vw] md:max-w-none">{{ props.meta.actionName }}</p>
   </div>
   <Dialog ref="confirmDialog">
     <div
       class="fixed inset-0 z-20 flex items-center justify-center bg-black/40"
     >
       <div
-        class="bulk-vision-dialog flex items-center justify-center relative max-w-[95vw] min-w-[640px] max-h-[90vh] bg-white dark:bg-gray-900 rounded-md shadow-2xl overflow-hidden"
+        class="bulk-vision-dialog flex items-center justify-center relative w-[100vw] h-[100vh] max-h-[100vh] md:w-auto md:max-w-[95vw] md:min-w-[640px] md:h-auto md:max-h-[90vh] bg-white dark:bg-gray-900 rounded-none md:rounded-md shadow-2xl overflow-hidden"
         @click.stop
       >
-        <div class="bulk-vision-table flex flex-col items-center justify-evenly gap-4 w-full h-full p-6 overflow-y-auto">
+        <div class="bulk-vision-table flex flex-col items-center justify-evenly gap-3 md:gap-4 w-full h-full p-4 md:p-6 overflow-y-auto overflow-x-auto">
           <button type="button" 
             @click="closeDialog"
             class="text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm w-8 h-8 ms-auto inline-flex justify-center items-center dark:hover:bg-gray-600 dark:hover:text-white" >
@@ -22,35 +22,36 @@
               </svg>
           </button>
 
-          <VisionTable
-            v-if="records && props.checkboxes.length"
-            :checkbox="props.checkboxes"
-            :records="records"
-            :index="0"
-            :meta="props.meta"
-            :images="images"
-            :tableHeaders="tableHeaders"
-            :tableColumns="tableColumns"
-            :customFieldNames="customFieldNames"
-            :tableColumnsIndexes="tableColumnsIndexes"
-            :selected="selected"
-            :isAiResponseReceivedAnalize="isAiResponseReceivedAnalize"
-            :isAiResponseReceivedImage="isAiResponseReceivedImage"
-            :primaryKey="primaryKey"
-            :openGenerationCarousel="openGenerationCarousel"
-            @error="handleTableError"
-          />
-          <div class="flex w-full items-end justify-end gap-4">
-            <div class="h-full text-red-600 font-semibold flex items-center justify-center mb-2">
+          <div v-if="records && props.checkboxes.length" class="w-full overflow-x-auto">
+            <VisionTable
+              :checkbox="props.checkboxes"
+              :records="records"
+              :index="0"
+              :meta="props.meta"
+              :images="images"
+              :tableHeaders="tableHeaders"
+              :tableColumns="tableColumns"
+              :customFieldNames="customFieldNames"
+              :tableColumnsIndexes="tableColumnsIndexes"
+              :selected="selected"
+              :isAiResponseReceivedAnalize="isAiResponseReceivedAnalize"
+              :isAiResponseReceivedImage="isAiResponseReceivedImage"
+              :primaryKey="primaryKey"
+              :openGenerationCarousel="openGenerationCarousel"
+              @error="handleTableError"
+            />
+          </div>
+          <div class="flex w-full flex-col md:flex-row items-stretch md:items-end justify-end gap-3 md:gap-4">
+            <div class="h-full text-red-600 font-semibold flex items-center justify-center md:mb-2">
               <p v-if="isError === true">{{ errorMessage }}</p>
             </div>
-            <button type="button" class="py-2.5 px-5 ms-3 text-sm font-medium text-gray-900 focus:outline-none bg-white rounded-lg border border-gray-200 hover:bg-gray-100 hover:text-blue-700 focus:z-10 focus:ring-4 focus:ring-gray-100 dark:focus:ring-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:border-gray-600 dark:hover:text-white dark:hover:bg-gray-700"
+            <button type="button" class="w-full md:w-auto py-2.5 px-5 text-sm font-medium text-gray-900 focus:outline-none bg-white rounded-lg border border-gray-200 hover:bg-gray-100 hover:text-blue-700 focus:z-10 focus:ring-4 focus:ring-gray-100 dark:focus:ring-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:border-gray-600 dark:hover:text-white dark:hover:bg-gray-700"
               @click="closeDialog"
             >
               {{'Cancel'}}
             </button>
             <Button 
-              class="w-64"
+              class="w-full md:w-64"
               @click="saveData"
               :disabled="isLoading || checkedCount < 1 || isCriticalError"
               :loader="isLoading"
@@ -66,7 +67,7 @@
 
 <script lang="ts" setup>
 import { callAdminForthApi } from '@/utils';
-import { ref, watch } from 'vue'
+import { Ref, ref, watch } from 'vue'
 import { Dialog, Button } from '@/afcl';
 import VisionTable from './visionTable.vue'
 import adminforth from '@/adminforth';
@@ -131,13 +132,25 @@ const openDialog = async () => {
   isLoading.value = true;
   const tasks = [];
   if (props.meta.isFieldsForAnalizeFromImages) {
-    tasks.push(analyzeFields());
+    tasks.push(runAiAction({
+      endpoint: 'analyze',
+      actionType: 'analyze',
+      responseFlag: isAiResponseReceivedAnalize,
+    }));
   }
   if (props.meta.isFieldsForAnalizePlain) {
-    tasks.push(analyzeFieldsNoImages());
+    tasks.push(runAiAction({
+      endpoint: 'analyze_no_images',
+      actionType: 'analyze_no_images',
+      responseFlag: isAiResponseReceivedAnalize,
+    }));
   }
   if (props.meta.isImageGeneration) {
-    tasks.push(generateImages());
+    tasks.push(runAiAction({
+      endpoint: 'initial_image_generate',
+      actionType: 'generate_images',
+      responseFlag: isAiResponseReceivedImage,
+    }));
   }
   await Promise.all(tasks);
   isLoading.value = false;
@@ -160,6 +173,7 @@ const closeDialog = () => {
   tableColumnsIndexes.value = [];
   isError.value = false;
   isCriticalError.value = false;
+  isImageGenerationError.value = false;
   errorMessage.value = '';
 }
 
@@ -329,111 +343,6 @@ async function convertImages(fieldName, img) {
 }
 
 
-async function analyzeFields() {
-  isAiResponseReceivedAnalize.value = props.checkboxes.map(() => false);
-  try {
-    const res = await callAdminForthApi({
-      path: `/plugin/${props.meta.pluginInstanceId}/analyze`,
-      method: 'POST',
-      body: {
-        selectedIds: props.checkboxes,
-      },
-    });
-
-    if (res?.error) {
-      adminforth.alert({
-        message: res.error,
-        variant: 'danger',
-        timeout: 'unlimited',
-      });
-
-      console.error('Failed to analyze image(s):', res.error);
-      isError.value = true;
-      //isCriticalError.value = true;
-      errorMessage.value = `Failed to fetch analyze image(s). Please, try to re-run the action.`;
-    } else {
-      res.result.forEach((item, idx) => {
-        const pk = selected.value[idx]?.[primaryKey]
-
-        if (pk) {
-          selected.value[idx] = {
-            ...selected.value[idx],
-            ...item,
-            isChecked: true,
-            [primaryKey]: pk
-          }
-        }
-      })
-    }
-  } catch (error) {
-    adminforth.alert({
-      message: error,
-      variant: 'danger',
-      timeout: 'unlimited',
-    });
-
-    console.error('Failed to analyze image(s):', error);
-    isError.value = true;
-    //isCriticalError.value = true;
-    errorMessage.value = res.error;
-  }
-  isAiResponseReceivedAnalize.value = props.checkboxes.map(() => true);
-}
-
-
-async function analyzeFieldsNoImages() {
-  isAiResponseReceivedAnalize.value = props.checkboxes.map(() => false);
-  try {
-    const res = await callAdminForthApi({
-      path: `/plugin/${props.meta.pluginInstanceId}/analyze_no_images`,
-      method: 'POST',
-      body: {
-        selectedIds: props.checkboxes,
-      },
-    });
-    if(res?.error) {
-      adminforth.alert({
-        message: res.error,
-        variant: 'danger',
-        timeout: 'unlimited',
-      });
-      console.error('Failed to analyze fields:', res.error);
-      isError.value = true;
-      //isCriticalError.value = true;
-      errorMessage.value = res.error;
-    } else {
-      res.result.forEach((item, idx) => {
-        const pk = selected.value[idx]?.[primaryKey]
-
-        if (pk) {
-          selected.value[idx] = {
-            ...selected.value[idx],
-            ...item,
-            isChecked: true,
-            [primaryKey]: pk
-          }
-        }
-      })
-    }
-  } catch (error) {
-      adminforth.alert({
-        message: error,
-        variant: 'danger',
-        timeout: 'unlimited',
-      });
-      console.error('Failed to analyze fields:', error);
-      isError.value = true;
-      //isCriticalError.value = true;
-      errorMessage.value = `Failed to analyze fields. Please, try to re-run the action.`;
-  }
-  if(!props.meta.isFieldsForAnalizeFromImages) {
-    isAiResponseReceivedAnalize.value = props.checkboxes.map(() => true);
-  }
-}
-
-
-
-
 async function saveData() {
   if (!selected.value?.length) {
     adminforth.alert({ message: 'No items selected', variant: 'warning' });
@@ -496,57 +405,73 @@ async function saveData() {
   }
 }
 
-async function generateImages() {
-  isAiResponseReceivedImage.value = props.checkboxes.map(() => false);
-  let res;
-  let error = null;
+
+async function runAiAction({
+  endpoint,
+  actionType,
+  responseFlag,
+  updateOnSuccess = true,
+}: {
+  endpoint: string;
+  actionType: 'analyze' | 'analyze_no_images' | 'generate_images';
+  responseFlag: Ref<boolean[]>;
+  updateOnSuccess?: boolean;
+}) {
+  let res: any;
+  let error: any = null;
 
   try {
+    responseFlag.value = props.checkboxes.map(() => false);
+
     res = await callAdminForthApi({
-      path: `/plugin/${props.meta.pluginInstanceId}/initial_image_generate`,
+      path: `/plugin/${props.meta.pluginInstanceId}/${endpoint}`,
       method: 'POST',
       body: {
         selectedIds: props.checkboxes,
       },
     });
+
+    if (actionType !== 'analyze_no_images' || !props.meta.isFieldsForAnalizeFromImages) {
+      responseFlag.value = props.checkboxes.map(() => true);
+    }
   } catch (e) {
-    console.error('Error generating images:', e);
-    isError.value = true;
-    isImageGenerationError.value = true;
-    errorMessage.value = `Failed to generate images. Please, try to re-run the action.`;
+    console.error(`Error during ${actionType}:`, e);
+    error = `Failed to ${actionType.replace('_', ' ')}. Please, try to re-run the action.`;
   }
-  isAiResponseReceivedImage.value = props.checkboxes.map(() => true);
 
   if (res?.error) {
     error = res.error;
   }
-  if (!res) {
-    error = 'Error generating images, something went wrong';
-    isError.value = true;
-    isImageGenerationError.value = true;
-    errorMessage.value = `Failed to generate images. Please, try to re-run the action.`;
+  if (!res && !error) {
+    error = `Error: ${actionType} request returned empty response.`;
   }
 
-  if (error) { 
+  if (error) {
     adminforth.alert({
       message: error,
       variant: 'danger',
       timeout: 'unlimited',
     });
     isError.value = true;
-    isImageGenerationError.value = true;
+    if (actionType === 'generate_images') {
+      isImageGenerationError.value = true;
+    }
     errorMessage.value = error;
-  } else {
-    res.result.forEach((item, idx) => {
-      const pk = selected.value[idx]?.[primaryKey]
+    return;
+  }
+
+  if (updateOnSuccess) {
+    res.result.forEach((item: any, idx: number) => {
+      const pk = selected.value[idx]?.[primaryKey];
       if (pk) {
         selected.value[idx] = {
           ...selected.value[idx],
           ...item,
-          [primaryKey]: pk
-        }
+          isChecked: true,
+          [primaryKey]: pk,
+        };
       }
-    })
+    });
   }
 }
 

package/dist/custom/visionTable.vue

@@ -47,6 +47,7 @@
         <div v-if="isAiResponseReceivedAnalize[tableColumnsIndexes.findIndex(el => el[primaryKey] === item[primaryKey])] && !isInColumnImage(n)">
           <div v-if="isInColumnEnum(n)">
             <Select
+              class="min-w-[150px] "
               :options="convertColumnEnumToSelectOptions(props.meta.columnEnums, n)"
               v-model="selected[tableColumnsIndexes.findIndex(el => el[primaryKey] === item[primaryKey])][n]"
               :teleportToTop="true"
@@ -56,7 +57,7 @@
           </div>
           <div v-else-if="typeof selected[tableColumnsIndexes.findIndex(el => el[primaryKey] === item[primaryKey])][n] === 'string' || typeof selected[tableColumnsIndexes.findIndex(el => el[primaryKey] === item[primaryKey])][n] === 'object'">
             <Textarea
-              class="w-full h-full"
+              class="min-w-[150px] w-full h-full"
               type="text"
               v-model="selected[tableColumnsIndexes.findIndex(el => el[primaryKey] === item[primaryKey])][n]"
             >

package/dist/index.js

@@ -19,44 +19,28 @@ export default class BulkAiFlowPlugin extends AdminForthPlugin {
         this.totalDuration = 0;
     }
     // Compile Handlebars templates in outputFields using record fields as context
-    compileOutputFieldsTemplates(record) {
+    compileTemplates(source, record, valueSelector) {
         const compiled = {};
-        for (const [key, templateStr] of Object.entries(this.options.fillFieldsFromImages)) {
+        for (const [key, value] of Object.entries(source)) {
+            const templateStr = valueSelector(value);
             try {
-                const tpl = Handlebars.compile(String(templateStr));
+                const tpl = Handlebars.compile(templateStr);
                 compiled[key] = tpl(record);
             }
             catch (_a) {
-                compiled[key] = String(templateStr);
+                compiled[key] = templateStr;
             }
         }
         return compiled;
     }
+    compileOutputFieldsTemplates(record) {
+        return this.compileTemplates(this.options.fillFieldsFromImages, record, v => String(v));
+    }
     compileOutputFieldsTemplatesNoImage(record) {
-        const compiled = {};
-        for (const [key, templateStr] of Object.entries(this.options.fillPlainFields)) {
-            try {
-                const tpl = Handlebars.compile(String(templateStr));
-                compiled[key] = tpl(record);
-            }
-            catch (_a) {
-                compiled[key] = String(templateStr);
-            }
-        }
-        return compiled;
+        return this.compileTemplates(this.options.fillPlainFields, record, v => String(v));
     }
     compileGenerationFieldTemplates(record) {
-        const compiled = {};
-        for (const key in this.options.generateImages) {
-            try {
-                const tpl = Handlebars.compile(String(this.options.generateImages[key].prompt));
-                compiled[key] = tpl(record);
-            }
-            catch (_a) {
-                compiled[key] = String(this.options.generateImages[key].prompt);
-            }
-        }
-        return compiled;
+        return this.compileTemplates(this.options.generateImages, record, v => String(v.prompt));
     }
     checkRateLimit(field, fieldNameRateLimit, headers) {
         if (fieldNameRateLimit) {
@@ -190,7 +174,7 @@ export default class BulkAiFlowPlugin extends AdminForthPlugin {
     instanceUniqueRepresentation(pluginOptions) {
         // optional method to return unique string representation of plugin instance. 
         // Needed if plugin can have multiple instances on one resource 
-        return `single`;
+        return `${this.pluginOptions.actionName}`;
     }
     setupEndpoints(server) {
         server.endpoint({
@@ -261,7 +245,7 @@ export default class BulkAiFlowPlugin extends AdminForthPlugin {
           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, finishReason } = yield this.options.textCompleteAdapter.complete(prompt, [], 500);
+                    const { content: chatResponse } = yield this.options.textCompleteAdapter.complete(prompt, [], 500);
                     const resp = chatResponse.response;
                     const topLevelError = chatResponse.error;
                     if (topLevelError || (resp === null || resp === void 0 ? void 0 : resp.error)) {
@@ -451,7 +435,6 @@ export default class BulkAiFlowPlugin extends AdminForthPlugin {
                                 }
                                 else {
                                     generationAdapter = this.options.imageGenerationAdapter;
-                                    ``;
                                 }
                                 const resp = yield generationAdapter.generate({
                                     prompt,

package/index.ts

@@ -1,8 +1,7 @@
 import { AdminForthPlugin, Filters } from "adminforth";
-import type { IAdminForth, IHttpServer, AdminForthComponentDeclaration, AdminForthResourceColumn, AdminForthDataTypes, AdminForthResource } from "adminforth";
+import type { IAdminForth, IHttpServer, AdminForthComponentDeclaration, AdminForthResource } from "adminforth";
 import type { PluginOptions } from './types.js';
-import { json } from "stream/consumers";
-import Handlebars, { compile } from 'handlebars';
+import Handlebars from 'handlebars';
 import { RateLimiter } from "adminforth";
 
 
@@ -22,43 +21,34 @@ export default class  BulkAiFlowPlugin extends AdminForthPlugin {
   }
 
   // Compile Handlebars templates in outputFields using record fields as context
-  private compileOutputFieldsTemplates(record: any): Record<string, string> {
+  private compileTemplates<T extends Record<string, any>>(
+    source: T,
+    record: any,
+    valueSelector: (value: T[keyof T]) => string
+  ): Record<string, string> {
     const compiled: Record<string, string> = {};
-    for (const [key, templateStr] of Object.entries(this.options.fillFieldsFromImages)) {
+    for (const [key, value] of Object.entries(source)) {
+      const templateStr = valueSelector(value);
       try {
-        const tpl = Handlebars.compile(String(templateStr));
+        const tpl = Handlebars.compile(templateStr);
         compiled[key] = tpl(record);
       } catch {
-        compiled[key] = String(templateStr);
+        compiled[key] = templateStr;
       }
     }
     return compiled;
   }
 
-  private compileOutputFieldsTemplatesNoImage(record: any): Record<string, string> {
-    const compiled: Record<string, string> = {};
-    for (const [key, templateStr] of Object.entries(this.options.fillPlainFields)) {
-      try {
-        const tpl = Handlebars.compile(String(templateStr));
-        compiled[key] = tpl(record);
-      } catch {
-        compiled[key] = String(templateStr);
-      }
-    }
-    return compiled;
+  private compileOutputFieldsTemplates(record: any) {
+    return this.compileTemplates(this.options.fillFieldsFromImages, record, v => String(v));
+  }
+
+  private compileOutputFieldsTemplatesNoImage(record: any) {
+    return this.compileTemplates(this.options.fillPlainFields, record, v => String(v));
   }
 
   private compileGenerationFieldTemplates(record: any) {
-    const compiled: Record<string, any> = {};
-    for (const key in this.options.generateImages) {
-      try {
-        const tpl = Handlebars.compile(String(this.options.generateImages[key].prompt));
-        compiled[key] = tpl(record);
-      } catch {
-        compiled[key] = String(this.options.generateImages[key].prompt);
-      }
-    }
-    return compiled;
+    return this.compileTemplates(this.options.generateImages, record, v => String(v.prompt));
   }
 
   private checkRateLimit(field: string,fieldNameRateLimit: string | undefined, headers: Record<string, string | string[] | undefined>): { error?: string } | void {
@@ -214,7 +204,7 @@ export default class  BulkAiFlowPlugin extends AdminForthPlugin {
   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 `single`;
+    return `${this.pluginOptions.actionName}`;
   }
 
   setupEndpoints(server: IHttpServer) {
@@ -294,7 +284,7 @@ export default class  BulkAiFlowPlugin extends AdminForthPlugin {
           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, finishReason } = await this.options.textCompleteAdapter.complete(prompt, [], 500);
+        const { content: chatResponse } = await this.options.textCompleteAdapter.complete(prompt, [], 500);
 
         const resp: any = (chatResponse as any).response;
         const topLevelError = (chatResponse as any).error;
@@ -494,7 +484,7 @@ export default class  BulkAiFlowPlugin extends AdminForthPlugin {
                   if (this.options.generateImages[key].adapter) {
                     generationAdapter = this.options.generateImages[key].adapter;
                   } else {
-                    generationAdapter = this.options.imageGenerationAdapter;``
+                    generationAdapter = this.options.imageGenerationAdapter;
                   }
                   const resp = await generationAdapter.generate(
                     {

package/package.json

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