@adminforth/bulk-ai-flow 1.14.5 → 1.15.0

package/dist/custom/VisionAction.vue

@@ -8,16 +8,49 @@
   <Dialog 
     ref="confirmDialog"
     header="Bulk AI Flow"
-    class="[scrollbar-gutter:stable] !max-w-full w-full lg:w-[1600px] !lg:max-w-[1600px]"
+    class="[scrollbar-gutter:stable] !max-w-full w-fit h-fit"
+    :class="popupMode === 'generation' ? 'lg:w-[1600px] !lg:max-w-[1600px]' 
+      : popupMode === 'settings' ? 'lg:w-[1000px] !lg:max-w-[1000px]' 
+        : 'lg:w-[500px] !lg:max-w-[500px]'"
     :beforeCloseFunction="closeDialog"
-    :buttons="[
-      { label: checkedCount > 1 ? 'Save fields' : 'Save field', options: { disabled: isLoading || checkedCount < 1 || isCriticalError || isFetchingRecords || isGeneratingImages || isAnalizingFields || isAnalizingImages, loader: isLoading, class: 'w-fit' }, onclick: async (dialog) => { await saveData(); dialog.hide(); } },
-      { label: 'Cancel', options: {class: 'bg-white hover:!bg-gray-100 !text-gray-900 hover:!text-gray-800 dark:!bg-gray-800 dark:!text-gray-100 dark:hover:!bg-gray-700 !border-gray-200'}, onclick: (dialog) => dialog.hide() },
-    ]"
+    :buttons="popupMode === 'generation' ? [
+        { 
+          label: checkedCount > 1 ? 'Save fields' : 'Save field', 
+          options: { 
+            disabled: isLoading || checkedCount < 1 || isCriticalError || isFetchingRecords || isGeneratingImages || isAnalizingFields || isAnalizingImages, 
+            loader: isLoading, class: 'w-fit' 
+          }, 
+          onclick: async (dialog) => { await saveData(); dialog.hide(); } 
+        },
+        { 
+          label: 'Cancel', 
+          options: {
+            class: 'bg-white hover:!bg-gray-100 !text-gray-900 hover:!text-gray-800 dark:!bg-gray-800 dark:!text-gray-100 dark:hover:!bg-gray-700 !border-gray-200'
+          }, 
+          onclick: (dialog) => dialog.hide() 
+        },
+      ] : popupMode === 'settings' ? [
+          {
+            label: 'Save settings',
+            options: {
+              class: 'w-fit'
+            },
+            onclick: (dialog) => { saveSettings(); }
+          },
+        ] : 
+          [
+            {
+              label: 'Edit prompts',
+              options: {
+                class: 'w-fit ml-auto'
+              },
+              onclick: (dialog) => { clickSettingsButton(); }
+            },
+          ]"
     :click-to-close-outside="false"
   >
-    <div class="[scrollbar-gutter:stable] bulk-vision-table flex flex-col items-center max-w-[1560px] md:max-h-[90vh] gap-3 md:gap-4 w-full h-full overflow-y-auto">
-      <div v-if="records && props.checkboxes.length" class="w-full overflow-x-auto">
+    <div class="[scrollbar-gutter:stable] bulk-vision-table flex flex-col items-center max-w-[1560px] md:max-h-[75vh] gap-3 md:gap-4 w-full h-full overflow-y-auto">
+      <div v-if="records && props.checkboxes.length && popupMode === 'generation'" class="w-full overflow-x-auto">
         <VisionTable
           :checkbox="props.checkboxes"
           :records="records"
@@ -44,10 +77,40 @@
           :imageGenerationErrorMessage="imageGenerationErrorMessage"
           @regenerate-images="regenerateImages"
           :isImageHasPreviewUrl="isImageHasPreviewUrl"
+          :imageGenerationPrompts="generationPrompts.generateImages"
         />
+        <div class="text-red-600 flex items-center w-full">
+          <p v-if="isError === true">{{ errorMessage }}</p>
+        </div>
       </div>
-      <div class="text-red-600 flex items-center w-full">
-        <p v-if="isError === true">{{ errorMessage }}</p>
+      <div 
+        v-else-if="popupMode === 'settings'" 
+        v-for="(promptsCategory, key) in generationPrompts" 
+        :key="key" 
+        class="w-full"
+      >
+        <div v-if="Object.keys(promptsCategory).length > 0" class="gap-4 mb-6 ml-1">
+          <p class="text-start w-full text-xl font-bold mb-2">{{
+           key === "plainFieldsPrompts" ? "Prompts for non-image fields" 
+            : key === "generateImages" ? "Prompts for image fields" 
+              : "Prompts for image analysis"
+          }}</p>
+          <div class="grid grid-cols-2 gap-4">
+            <div v-for="(prompt, promptKey) in promptsCategory" :key="promptKey">
+              {{ formatLabel(promptKey) }} prompt:
+              <Textarea 
+                v-model="generationPrompts[key][promptKey]" 
+                class="w-full h-32 p-2 border border-gray-300 rounded-md resize-none focus:outline-none focus:ring-2 focus:ring-purple-500"
+              ></Textarea>
+              <p class="text-red-500 hover:underline hover:cursor-pointer mt-2" @click="resetPromptToDefault(key, promptKey)">reset to default</p>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div v-else class="flex flex-col gap-2">
+        <Button @click="runAiActions" class="px-5 py-2.5 my-20 bg-gradient-to-r 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 rounded-md text-white border-none">
+          Start generation
+        </Button>
       </div>
     </div>
   </Dialog>
@@ -56,11 +119,11 @@
 <script lang="ts" setup>
 import { callAdminForthApi } from '@/utils';
 import { Ref, ref, watch } from 'vue'
-import { Dialog, Button } from '@/afcl';
+import { Dialog, Button, Textarea } from '@/afcl';
 import VisionTable from './VisionTable.vue'
 import adminforth from '@/adminforth';
 import { useI18n } from 'vue-i18n';
-import { AdminUser, type AdminForthResourceCommon } from '@/types';
+import { AdminUser, type AdminForthResourceCommon } from '@/types/Common';
 import { run } from 'node:test';
 
 const { t } = useI18n();
@@ -114,6 +177,8 @@ const aiGenerationErrorMessage = ref<string[]>([]);
 const isAiImageGenerationError = ref<boolean[]>([false]);
 const imageGenerationErrorMessage = ref<string[]>([]);
 const isImageHasPreviewUrl = ref<Record<string, boolean>>({});
+const popupMode = ref<'generation' | 'confirmation' | 'settings'>('confirmation');
+const generationPrompts = ref<any>({});
 
 const openDialog = async () => {
   isDialogOpen.value = true;
@@ -144,8 +209,19 @@ const openDialog = async () => {
     },{[primaryKey]: records.value[i][primaryKey]} as Record<string, boolean>);
   }
   isFetchingRecords.value = false;
-  
-  if (props.meta.isImageGeneration) {
+  // Ensure prompts are loaded before any automatic AI action run
+  if (!generationPrompts.value || Object.keys(generationPrompts.value).length === 0) {
+    await getGenerationPrompts();
+  }
+  if (!props.meta.askConfirmationBeforeGenerating) {
+    runAiActions();
+  }
+}
+ 
+
+function runAiActions() {
+    popupMode.value = 'generation';
+    if (props.meta.isImageGeneration) {
     isGeneratingImages.value = true;
     runAiAction({
       endpoint: 'initial_image_generate',
@@ -170,9 +246,8 @@ const openDialog = async () => {
     });
   }
 }
- 
+
 const closeDialog = () => {
-  confirmDialog.value.close();
   isAiResponseReceivedAnalize.value = [];
   isAiResponseReceivedImage.value = [];
 
@@ -186,10 +261,10 @@ const closeDialog = () => {
   isImageGenerationError.value = false;
   errorMessage.value = '';
   isDialogOpen.value = false;
+  popupMode.value = 'confirmation';
 }
 
 watch(selected, (val) => {
-  //console.log('Selected changed:', val);
   checkedCount.value = val.filter(item => item.isChecked === true).length;
 }, { deep: true });
 
@@ -302,7 +377,7 @@ async function getRecords() {
   } catch (error) {
     console.error('Failed to get records:', error);
     isError.value = true;
-    errorMessage.value = `Failed to fetch records. Please, try to re-run the action.`;
+    errorMessage.value = t(`Failed to fetch records. Please, try to re-run the action.`);
   }
 }
 
@@ -319,7 +394,7 @@ async function getImages() {
   } catch (error) {
     console.error('Failed to get images:', error);
     isError.value = true;
-    errorMessage.value = `Failed to fetch images. Please, try to re-run the action.`;
+    errorMessage.value = t(`Failed to fetch images. Please, try to re-run the action.`);
   }
 }
 
@@ -375,7 +450,7 @@ async function convertImages(fieldName, img) {
 
 async function saveData() {
   if (!selected.value?.length) {
-    adminforth.alert({ message: 'No items selected', variant: 'warning' });
+    adminforth.alert({ message: t('No items selected'), variant: 'warning' });
     return;
   }
   try {
@@ -420,16 +495,16 @@ async function saveData() {
         timeout: 'unlimited',
       });
       isError.value = true;
-      errorMessage.value = `Failed to save data. You are not allowed to save.`;
+      errorMessage.value = t(`Failed to save data. You are not allowed to save.`);
     } else {
       console.error('Error saving data:', res);
       isError.value = true;
-      errorMessage.value = `Failed to save data. Please, try to re-run the action.`;
+      errorMessage.value = t(`Failed to save data. Please, try to re-run the action.`);
     }
   } catch (error) {
     console.error('Error saving data:', error);
     isError.value = true;
-    errorMessage.value = `Failed to save data. Please, try to re-run the action.`;
+    errorMessage.value = t(`Failed to save data. Please, try to re-run the action.`);
   } finally {
     isLoading.value = false;
   }
@@ -474,7 +549,7 @@ async function runAiAction({
       if (rateLimitRes?.error) {
         isRateLimitExceeded = true;
         adminforth.alert({
-        message: `Rate limit exceeded for "${actionType.replace('_', ' ')}" action. Please try again later.`,
+        message: t(`Rate limit exceeded for "${actionType.replace('_', ' ')}" action. Please try again later.`),
         variant: 'danger',
         timeout: 'unlimited',
       });
@@ -482,7 +557,7 @@ async function runAiAction({
       }
     } catch (e) {
       adminforth.alert({
-        message: `Error checking rate limit for "${actionType.replace('_', ' ')}" action.`,
+        message: t(`Error checking rate limit for "${actionType.replace('_', ' ')}" action.`),
         variant: 'danger',
         timeout: 'unlimited',
       });
@@ -492,6 +567,15 @@ async function runAiAction({
       return;
     };
   }
+
+  let customPrompt;
+  if (actionType === 'generate_images') {
+    customPrompt = generationPrompts.value.imageGenerationPrompts || generationPrompts.value.generateImages;
+  } else if (actionType === 'analyze') {
+    customPrompt = generationPrompts.value.imageFieldsPrompts;
+  } else if (actionType === 'analyze_no_images') {
+    customPrompt = generationPrompts.value.plainFieldsPrompts;
+  }
   //creating jobs
   const tasks = recordsIds.map(async (checkbox, i) => {
     try {
@@ -501,6 +585,7 @@ async function runAiAction({
         body: {
           actionType: actionType,
           recordId: checkbox,
+          ...(customPrompt !== undefined ? { customPrompt: JSON.stringify(customPrompt) } : {}),
         },
       });
 
@@ -516,7 +601,7 @@ async function runAiAction({
     } catch (e) {
       console.error(`Error during ${actionType} for item ${i}:`, e);
       hasError = true;
-      errorMessage = `Failed to ${actionType.replace('_', ' ')}. Please, try to re-run the action.`;
+      errorMessage = t(`Failed to ${actionType.replace('_', ' ')}. Please, try to re-run the action.`);
       return { success: false, index: i, error: e };
     }
   });
@@ -591,7 +676,7 @@ async function runAiAction({
         }
         isAtLeastOneInProgress = true;
         adminforth.alert({
-          message: `Generation action "${actionType.replace('_', ' ')}" failed for record: ${recordId}. Error: ${jobResponse.job?.error || 'Unknown error'}`,
+          message: t(`Generation action "${actionType.replace('_', ' ')}" failed for record: ${recordId}. Error: ${jobResponse.job?.error || 'Unknown error'}`),
           variant: 'danger',
           timeout: 'unlimited',
         });
@@ -753,4 +838,76 @@ function click() {
   openDialog();
 }
 
+function saveSettings() {
+  popupMode.value = 'confirmation';
+  localStorage.setItem(`bulkAiFlowGenerationPrompts_${props.meta.pluginInstanceId}`, JSON.stringify(generationPrompts.value));
+}
+
+async function getGenerationPrompts() {
+  const calculatedGenerationPrompts: any = {};
+  const savedPrompts = localStorage.getItem(`bulkAiFlowGenerationPrompts_${props.meta.pluginInstanceId}`);
+  if (props.meta.generationPrompts.plainFieldsPrompts) {
+    calculatedGenerationPrompts.plainFieldsPrompts = props.meta.generationPrompts.plainFieldsPrompts;
+  }
+  if (props.meta.generationPrompts.imageFieldsPrompts) {
+    calculatedGenerationPrompts.imageFieldsPrompts = props.meta.generationPrompts.imageFieldsPrompts;
+  }
+  if (props.meta.generationPrompts.imageGenerationPrompts) {
+    let imageFields = {};
+    for (const [key, value] of Object.entries(props.meta.generationPrompts.imageGenerationPrompts)) {
+      // value might be typed as unknown; cast to any to access prompt safely
+      imageFields[key] = (value as any).prompt;
+    }
+    calculatedGenerationPrompts.generateImages = imageFields;
+  }
+  if (savedPrompts && props.meta.askConfirmationBeforeGenerating) {
+    
+    generationPrompts.value = checkAndAddNewFieldsToPrompts(JSON.parse(savedPrompts), calculatedGenerationPrompts);
+    
+    return;
+  }
+  generationPrompts.value = calculatedGenerationPrompts;
+}
+
+function resetPromptToDefault(categoryKey, promptKey) {
+  if (categoryKey === 'generateImages') {
+    generationPrompts.value[categoryKey][promptKey] = props.meta.generationPrompts.imageGenerationPrompts[promptKey].prompt;
+    return;
+  }
+  generationPrompts.value[categoryKey][promptKey] = props.meta.generationPrompts[categoryKey][promptKey];
+}
+
+function clickSettingsButton() {
+  getGenerationPrompts();
+  popupMode.value = 'settings';
+}
+
+
+function checkAndAddNewFieldsToPrompts(savedPrompts, defaultPrompts) {
+  for (const categoryKey in defaultPrompts) {
+    if (!savedPrompts.hasOwnProperty(categoryKey)) {
+      savedPrompts[categoryKey] = defaultPrompts[categoryKey];
+    } else {
+      for (const promptKey in defaultPrompts[categoryKey]) {
+        if (!savedPrompts[categoryKey].hasOwnProperty(promptKey)) {
+          savedPrompts[categoryKey][promptKey] = defaultPrompts[categoryKey][promptKey];
+        }
+      }
+    }
+  }
+  //remove deprecated fields
+  for (const categoryKey in savedPrompts) {
+    if (!defaultPrompts.hasOwnProperty(categoryKey)) {
+      delete savedPrompts[categoryKey];
+    } else {
+      for (const promptKey in savedPrompts[categoryKey]) {
+        if (!defaultPrompts[categoryKey].hasOwnProperty(promptKey)) {
+          delete savedPrompts[categoryKey][promptKey];
+        }
+      }
+    }
+  }
+  return savedPrompts;
+}
+
 </script>

package/dist/custom/VisionTable.vue

@@ -6,7 +6,7 @@
       >
       <!-- HEADER TEMPLATE -->
       <template #header:checkboxes="{ item }">
-        MARK FOR SAVE
+        {{ $t('MARK FOR SAVE') }}
       </template>
       <!-- CHECKBOX CELL TEMPLATE -->
       <template #cell:checkboxes="{ item }">
@@ -28,12 +28,12 @@
                   @click="zoomImage(image)"
               />
               <div v-else class="w-20 h-20">
-                <p>Invalid source image</p>
+                <p>{{ $t('Invalid source image') }}</p>
               </div>
             </div>
           </div>
           <div class="flex items-center justify-center text-center w-20 h-20" v-else>
-            <p>No images found</p>
+            <p>{{ $t('No images found') }}</p>
           </div>
           <transition name="fade">
             <div
@@ -66,7 +66,7 @@
               </Select>
               <Tooltip>
                 <div class="mt-2 flex items-center justify-start gap-1 hover:text-blue-500" :class="{ 'opacity-0': !hovers[tableColumnsIndexes.findIndex(el => el[primaryKey] === item[primaryKey])][n] }">
-                  <p class="text-sm ">old value</p>
+                  <p class="text-sm ">{{ $t('old value') }}</p>
                 </div>
                 <template #tooltip>
                   {{  oldData[tableColumnsIndexes.findIndex(el => el[primaryKey] === item[primaryKey])][n] }}
@@ -82,7 +82,7 @@
             </Textarea>
             <Tooltip>
                 <div class="mt-2 flex items-center justify-start gap-1 hover:text-blue-500" :class="{ 'opacity-0': !hovers[tableColumnsIndexes.findIndex(el => el[primaryKey] === item[primaryKey])][n] }">
-                  <p class="text-sm ">old value</p>
+                  <p class="text-sm ">{{ $t('old value') }}</p>
                 </div>
               <template #tooltip>
                 <p class="max-w-[200px]">{{  oldData[tableColumnsIndexes.findIndex(el => el[primaryKey] === item[primaryKey])][n] }}</p>
@@ -97,7 +97,7 @@
             </Toggle>
             <Tooltip>
                 <div class="mt-2 flex items-center justify-start gap-1 hover:text-blue-500" :class="{ 'opacity-0': !hovers[tableColumnsIndexes.findIndex(el => el[primaryKey] === item[primaryKey])][n] }">
-                  <p class="text-sm ">old value</p>
+                  <p class="text-sm ">{{ $t('old value') }}</p>
                 </div>
               <template #tooltip>
                 {{  oldData[tableColumnsIndexes.findIndex(el => el[primaryKey] === item[primaryKey])][n] }}
@@ -113,7 +113,7 @@
             />
             <Tooltip>
                 <div class="mt-2 flex items-center justify-start gap-1 hover:text-blue-500" :class="{ 'opacity-0': !hovers[tableColumnsIndexes.findIndex(el => el[primaryKey] === item[primaryKey])][n] }">
-                  <p class="text-sm ">old value</p>
+                  <p class="text-sm ">{{ $t('old value') }}</p>
                 </div>
               <template #tooltip>
                 {{  oldData[tableColumnsIndexes.findIndex(el => el[primaryKey] === item[primaryKey])][n] }}
@@ -137,14 +137,14 @@
                 :class="{ 'opacity-0': !hovers[tableColumnsIndexes.findIndex(el => el[primaryKey] === item[primaryKey])][n] }"
                 @click="() => {openImageCompare[tableColumnsIndexes.findIndex(el => el[primaryKey] === item[primaryKey])][n] = true}"  
               >
-                old image
+                {{ $t('old image') }}
               </p>
               </div>
               <div v-else class="flex items-center justify-center text-center w-20 h-20">
                 <Tooltip v-if="imageGenerationErrorMessage[tableColumnsIndexes.findIndex(el => el[primaryKey] === item[primaryKey])] === 'No source images found'">
                   <p
                   >
-                    Can't generate image. 
+                    {{ $t("Can't generate image.") }}
                   </p>
                   <template #tooltip>
                     {{ imageGenerationErrorMessage[tableColumnsIndexes.findIndex(el => el[primaryKey] === item[primaryKey])] }}
@@ -173,6 +173,7 @@
                 :carouselImageIndex="carouselImageIndex[tableColumnsIndexes.findIndex(el => el[primaryKey] === item[primaryKey])][n]"
                 :regenerateImagesRefreshRate="regenerateImagesRefreshRate"
                 :sourceImage="item.images && item.images.length ? item.images : null"
+                :imageGenerationPrompts="imageGenerationPrompts[n]"
                 @error="handleError"
                 @close="openGenerationCarousel[tableColumnsIndexes.findIndex(el => el[primaryKey] === item[primaryKey])][n] = false"
                 @selectImage="updateSelectedImage"
@@ -231,6 +232,7 @@ const props = defineProps<{
   imageGenerationErrorMessage: string[],
   oldData: any[],
   isImageHasPreviewUrl: Record<string, boolean>
+  imageGenerationPrompts: Record<string, any>
 }>();
 const emit = defineEmits(['error', 'regenerateImages']);
 

package/dist/custom/tsconfig.json

@@ -4,16 +4,27 @@
     "paths": {
       "@/*": [
         // "node_modules/adminforth/dist/spa/src/*"
-        "../../../spa/src/*"
+        "../../../adminforth/spa/src/*"
       ],
       "*": [
         // "node_modules/adminforth/dist/spa/node_modules/*"
-        "../../../spa/node_modules/*"
+        "../../../adminforth/spa/node_modules/*"
       ],
       "@@/*": [
         // "node_modules/adminforth/dist/spa/src/*"
         "."
       ]
     }
-  }
+  },
+  "include": [
+    "./**/*.ts",
+    "./**/*.tsx",
+    "./**/*.vue",
+    "../**/*.ts",
+    "../**/*.tsx",
+    "../**/*.vue",
+    "../*.vue",
+    "../*.ts",
+    "../*.tsx"
+  ]
 }

package/dist/index.js

@@ -25,27 +25,39 @@ export default class BulkAiFlowPlugin extends AdminForthPlugin {
     }
     // Compile Handlebars templates in outputFields using record fields as context
     compileTemplates(source, record, valueSelector) {
-        const compiled = {};
-        for (const [key, value] of Object.entries(source)) {
-            const templateStr = valueSelector(value);
-            try {
-                const tpl = Handlebars.compile(templateStr);
-                compiled[key] = tpl(record);
+        return __awaiter(this, void 0, void 0, function* () {
+            if (this.options.provideAdditionalContextForRecord) {
+                const additionalFields = yield this.options.provideAdditionalContextForRecord({ record, adminUser: null, resource: this.resourceConfig });
+                record = Object.assign(Object.assign({}, record), additionalFields);
             }
-            catch (_a) {
-                compiled[key] = templateStr;
+            const compiled = {};
+            for (const [key, value] of Object.entries(source)) {
+                const templateStr = valueSelector(value);
+                try {
+                    const tpl = Handlebars.compile(templateStr);
+                    compiled[key] = tpl(record);
+                }
+                catch (_a) {
+                    compiled[key] = templateStr;
+                }
             }
-        }
-        return compiled;
+            return compiled;
+        });
     }
-    compileOutputFieldsTemplates(record) {
-        return this.compileTemplates(this.options.fillFieldsFromImages, record, v => String(v));
+    compileOutputFieldsTemplates(record, customPrompt) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return yield this.compileTemplates(customPrompt ? JSON.parse(customPrompt) : this.options.fillFieldsFromImages, record, v => String(v));
+        });
     }
-    compileOutputFieldsTemplatesNoImage(record) {
-        return this.compileTemplates(this.options.fillPlainFields, record, v => String(v));
+    compileOutputFieldsTemplatesNoImage(record, customPrompt) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return yield this.compileTemplates(customPrompt ? JSON.parse(customPrompt) : this.options.fillPlainFields, record, v => String(v));
+        });
     }
-    compileGenerationFieldTemplates(record) {
-        return this.compileTemplates(this.options.generateImages, record, v => String(v.prompt));
+    compileGenerationFieldTemplates(record, customPrompt) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return yield this.compileTemplates(customPrompt ? JSON.parse(customPrompt) : this.options.generateImages, record, v => String(customPrompt ? v : v.prompt));
+        });
     }
     checkRateLimit(field, fieldNameRateLimit, headers) {
         return __awaiter(this, void 0, void 0, function* () {
@@ -65,7 +77,7 @@ export default class BulkAiFlowPlugin extends AdminForthPlugin {
             }
         });
     }
-    analyze_image(jobId, recordId, adminUser, headers) {
+    analyze_image(jobId, recordId, adminUser, headers, customPrompt) {
         return __awaiter(this, void 0, void 0, function* () {
             var _a, _b, _c, _d, _e, _f, _g, _h, _j;
             const selectedId = recordId;
@@ -100,7 +112,7 @@ export default class BulkAiFlowPlugin extends AdminForthPlugin {
                     return { ok: false, error: 'One of the image URLs is not valid' };
                 }
                 //create prompt for OpenAI
-                const compiledOutputFields = this.compileOutputFieldsTemplates(record);
+                const compiledOutputFields = yield this.compileOutputFieldsTemplates(record, customPrompt);
                 const prompt = `Analyze the following image(s) 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.
@@ -145,7 +157,7 @@ export default class BulkAiFlowPlugin extends AdminForthPlugin {
             }
         });
     }
-    analyzeNoImages(jobId, recordId, adminUser, headers) {
+    analyzeNoImages(jobId, recordId, adminUser, headers, customPrompt) {
         return __awaiter(this, void 0, void 0, function* () {
             const selectedId = recordId;
             let isError = false;
@@ -157,7 +169,7 @@ export default class BulkAiFlowPlugin extends AdminForthPlugin {
             else {
                 const primaryKeyColumn = this.resourceConfig.columns.find((col) => col.primaryKey);
                 const record = yield this.adminforth.resource(this.resourceConfig.resourceId).get([Filters.EQ(primaryKeyColumn.name, selectedId)]);
-                const compiledOutputFields = this.compileOutputFieldsTemplatesNoImage(record);
+                const compiledOutputFields = yield this.compileOutputFieldsTemplatesNoImage(record, customPrompt);
                 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. 
@@ -187,7 +199,7 @@ export default class BulkAiFlowPlugin extends AdminForthPlugin {
             }
         });
     }
-    initialImageGenerate(jobId, recordId, adminUser, headers) {
+    initialImageGenerate(jobId, recordId, adminUser, headers, customPrompt) {
         return __awaiter(this, void 0, void 0, function* () {
             var _a, _b;
             const selectedId = recordId;
@@ -211,7 +223,7 @@ export default class BulkAiFlowPlugin extends AdminForthPlugin {
                 }
             }
             const fieldTasks = Object.keys(((_b = this.options) === null || _b === void 0 ? void 0 : _b.generateImages) || {}).map((key) => __awaiter(this, void 0, void 0, function* () {
-                const prompt = this.compileGenerationFieldTemplates(record)[key];
+                const prompt = (yield this.compileGenerationFieldTemplates(record, customPrompt))[key];
                 let images;
                 if (this.options.attachFiles && attachmentFiles.length === 0) {
                     isError = true;
@@ -409,6 +421,12 @@ export default class BulkAiFlowPlugin extends AdminForthPlugin {
                         fillPlainFields: ((_b = this.options.refreshRates) === null || _b === void 0 ? void 0 : _b.fillPlainFields) || 1000,
                         generateImages: ((_c = this.options.refreshRates) === null || _c === void 0 ? void 0 : _c.generateImages) || 5000,
                         regenerateImages: ((_d = this.options.refreshRates) === null || _d === void 0 ? void 0 : _d.regenerateImages) || 5000,
+                    },
+                    askConfirmationBeforeGenerating: this.options.askConfirmationBeforeGenerating || false,
+                    generationPrompts: {
+                        plainFieldsPrompts: this.options.fillPlainFields || {},
+                        imageFieldsPrompts: this.options.fillFieldsFromImages || {},
+                        imageGenerationPrompts: this.options.generateImages || {},
                     }
                 }
             };
@@ -480,7 +498,7 @@ export default class BulkAiFlowPlugin extends AdminForthPlugin {
                 }
             }
         }
-        if (this.options.fillFieldsFromImages || this.options.fillPlainFields || this.options.generateImages) {
+        if ((this.options.fillFieldsFromImages || this.options.fillPlainFields || this.options.generateImages) && !this.options.provideAdditionalContextForRecord) {
             let matches = [];
             const regex = /{{(.*?)}}/g;
             if (this.options.fillFieldsFromImages) {
@@ -628,13 +646,14 @@ export default class BulkAiFlowPlugin extends AdminForthPlugin {
         });
         server.endpoint({
             method: 'POST',
-            path: `/plugin/${this.pluginInstanceId}/get_generation_prompts`,
+            path: `/plugin/${this.pluginInstanceId}/get_image_generation_prompts`,
             handler: (_a) => __awaiter(this, [_a], void 0, function* ({ body, headers }) {
                 var _b;
                 const Id = body.recordId || [];
+                const customPrompt = body.customPrompt || null;
                 const record = yield this.adminforth.resource(this.resourceConfig.resourceId).get([Filters.EQ((_b = this.resourceConfig.columns.find(c => c.primaryKey)) === null || _b === void 0 ? void 0 : _b.name, Id)]);
-                const compiledGenerationOptions = this.compileGenerationFieldTemplates(record);
-                return { generationOptions: compiledGenerationOptions };
+                const compiledGenerationOptions = yield this.compileGenerationFieldTemplates(record, JSON.stringify({ "prompt": customPrompt }));
+                return compiledGenerationOptions;
             })
         });
         server.endpoint({
@@ -652,7 +671,7 @@ export default class BulkAiFlowPlugin extends AdminForthPlugin {
             method: 'POST',
             path: `/plugin/${this.pluginInstanceId}/create-job`,
             handler: (_a) => __awaiter(this, [_a], void 0, function* ({ body, adminUser, headers }) {
-                const { actionType, recordId } = body;
+                const { actionType, recordId, customPrompt } = body;
                 const jobId = randomUUID();
                 jobs.set(jobId, { status: "in_progress" });
                 if (!actionType) {
@@ -666,13 +685,13 @@ export default class BulkAiFlowPlugin extends AdminForthPlugin {
                 else {
                     switch (actionType) {
                         case 'generate_images':
-                            this.initialImageGenerate(jobId, recordId, adminUser, headers);
+                            this.initialImageGenerate(jobId, recordId, adminUser, headers, customPrompt);
                             break;
                         case 'analyze_no_images':
-                            this.analyzeNoImages(jobId, recordId, adminUser, headers);
+                            this.analyzeNoImages(jobId, recordId, adminUser, headers, customPrompt);
                             break;
                         case 'analyze':
-                            this.analyze_image(jobId, recordId, adminUser, headers);
+                            this.analyze_image(jobId, recordId, adminUser, headers, customPrompt);
                             break;
                         case 'regenerate_images':
                             if (!body.prompt || !body.fieldName) {