feat: enhance image generation handling

Author: yaroslav8765

custom/VisionAction.vue

@@ -101,39 +101,37 @@ const openDialog = async () => {
   tableColumnsIndexes.value = result.indexes;
   customFieldNames.value = tableHeaders.value.slice((props.meta.isAttachFiles) ? 3 : 2).map(h => h.fieldName);
   setSelected();
+  if (props.meta.isImageGeneration) {
+    fillCarouselSaveImages();
+  }
   for (let i = 0; i < selected.value?.length; i++) {
     openGenerationCarousel.value[i] = props.meta.outputImageFields?.reduce((acc,key) =>{
       acc[key] = false;
       return acc;
     },{[primaryKey]: records.value[i][primaryKey]} as Record<string, boolean>);
   }
   isFetchingRecords.value = true;
-  const tasks = [];
+  
   if (props.meta.isImageGeneration) {
-    tasks.push(runAiAction({
+    runAiAction({
       endpoint: 'initial_image_generate',
       actionType: 'generate_images',
       responseFlag: isAiResponseReceivedImage,
-    }));
+    });
   }
   if (props.meta.isFieldsForAnalizeFromImages) {
-    tasks.push(runAiAction({
+    runAiAction({
       endpoint: 'analyze',
       actionType: 'analyze',
       responseFlag: isAiResponseReceivedAnalize,
-    }));
+    });
   }
   if (props.meta.isFieldsForAnalizePlain) {
-    tasks.push(runAiAction({
+    runAiAction({
       endpoint: 'analyze_no_images',
       actionType: 'analyze_no_images',
       responseFlag: isAiResponseReceivedAnalize,
-    }));
-  }
-  await Promise.all(tasks);
-
-  if (props.meta.isImageGeneration) {
-    fillCarouselSaveImages();
+    });
   }
   
   isFetchingRecords.value = false;
@@ -144,13 +142,17 @@ watch(selected, (val) => {
   checkedCount.value = val.filter(item => item.isChecked === true).length;
 }, { deep: true });
 
+watch(carouselSaveImages, (val) => {
+  console.log('carouselSaveImages changed:', val);
+}, { deep: true });
+
 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];
+          tempItem[key] = "";
           tempItemIndex[key] = 0;
         }
     }
@@ -427,17 +429,26 @@ async function runAiAction({
       if (actionType !== 'analyze_no_images' || !props.meta.isFieldsForAnalizeFromImages) {
         responseFlag.value[i] = true;
       }
-        if (res.result) {
-          const pk = selected.value[i]?.[primaryKey];
-          if (pk) {
-            selected.value[i] = {
-              ...selected.value[i],
-              ...res.result,
-              isChecked: true,
-              [primaryKey]: pk,
-            };
+
+      if (res.result) {
+        if (actionType === 'generate_images') {
+          for (const [key, value] of Object.entries(carouselSaveImages.value[i])) {
+            if (props.meta.outputImageFields?.includes(key)) {
+              carouselSaveImages.value[i][key] = [res.result[key]];
+            }
           }
         }
+
+        const pk = selected.value[i]?.[primaryKey];
+        if (pk) {
+          selected.value[i] = {
+            ...selected.value[i],
+            ...res.result,
+            isChecked: true,
+            [primaryKey]: pk,
+          };
+        }
+      }
       return { success: true, index: i, data: res };
     } catch (e) {
       console.error(`Error during ${actionType} for item ${i}:`, e);

index.ts

@@ -273,6 +273,7 @@ export default class  BulkAiFlowPlugin extends AdminForthPlugin {
       }
     });
 
+    
     server.endpoint({
       method: 'POST',
       path: `/plugin/${this.pluginInstanceId}/analyze_no_images`,
@@ -285,7 +286,7 @@ export default class  BulkAiFlowPlugin extends AdminForthPlugin {
       }
       //const tasks = selectedIds.map(async (ID) => {
         if (STUB_MODE) {
-          await new Promise((resolve) => setTimeout(resolve, Math.floor(Math.random() * 8000) + 1000));
+          await new Promise((resolve) => setTimeout(resolve, Math.floor(Math.random() * 20000) + 1000));
           return {};
         } else {
           const primaryKeyColumn = this.resourceConfig.columns.find((col) => col.primaryKey);
@@ -315,6 +316,8 @@ export default class  BulkAiFlowPlugin extends AdminForthPlugin {
      // });
       }
     });
+
+
     server.endpoint({
       method: 'POST',
       path: `/plugin/${this.pluginInstanceId}/get_records`,
@@ -335,6 +338,8 @@ export default class  BulkAiFlowPlugin extends AdminForthPlugin {
         };
       }
     });
+
+
     server.endpoint({
       method: 'POST',
       path: `/plugin/${this.pluginInstanceId}/get_images`,
@@ -352,6 +357,8 @@ export default class  BulkAiFlowPlugin extends AdminForthPlugin {
         };
       }
     });
+
+
     server.endpoint({
       method: 'POST',
       path: `/plugin/${this.pluginInstanceId}/update_fields`,
@@ -435,6 +442,8 @@ export default class  BulkAiFlowPlugin extends AdminForthPlugin {
         }
       }
     });
+
+
     server.endpoint({
       method: 'POST',
       path: `/plugin/${this.pluginInstanceId}/regenerate_images`,
@@ -564,6 +573,8 @@ export default class  BulkAiFlowPlugin extends AdminForthPlugin {
         return { generationOptions: compiledGenerationOptions };
       }
     });
+
+
     server.endpoint({
       method: 'GET',
       path: `/plugin/${this.pluginInstanceId}/averageDuration`,