@adminforth/bulk-ai-flow 1.14.6 → 1.15.1

package/build.log

@@ -13,5 +13,5 @@ custom/package-lock.json
 custom/package.json
 custom/tsconfig.json
 
-sent 74,310 bytes  received 172 bytes  148,964.00 bytes/sec
-total size is 73,669  speedup is 0.99
+sent 80,944 bytes  received 172 bytes  162,232.00 bytes/sec
+total size is 80,312  speedup is 0.99

package/custom/ImageGenerationCarousel.vue

@@ -143,7 +143,7 @@ const sliderRef = ref(null)
 
 const prompt = ref('');
 const emit = defineEmits(['close', 'selectImage', 'error', 'updateCarouselIndex']);
-const props = defineProps(['meta', 'record', 'images', 'recordId', 'prompt', 'fieldName', 'isError', 'errorMessage', 'carouselImageIndex', 'regenerateImagesRefreshRate','sourceImage']);
+const props = defineProps(['meta', 'record', 'images', 'recordId', 'prompt', 'fieldName', 'isError', 'errorMessage', 'carouselImageIndex', 'regenerateImagesRefreshRate','sourceImage', 'imageGenerationPrompts']);
 const images = ref([]);
 const loading = ref(false);
 const attachmentFiles = ref<string[]>([])
@@ -154,7 +154,7 @@ onMounted(async () => {
   }
   const temp = await getGenerationPrompt() || '';
   attachmentFiles.value = props.sourceImage || [];
-  prompt.value = temp[props.fieldName];
+  prompt.value = Object.keys(JSON.parse(temp))[0];
   await nextTick();
 
   const currentIndex = props.carouselImageIndex || 0;
@@ -212,12 +212,20 @@ async function getHistoricalAverage() {
 }
 
 async function getGenerationPrompt() {
-  try{
+  const [key, ...rest] = props.imageGenerationPrompts.split(":");
+  const value = rest.join(":").trim();
+
+  const json = {
+    [key.trim()]: value
+  };
+
+  try {
     const resp = await callAdminForthApi({
-      path: `/plugin/${props.meta.pluginInstanceId}/get_generation_prompts`,
+      path: `/plugin/${props.meta.pluginInstanceId}/get_image_generation_prompts`,
       method: 'POST',
       body: {
         recordId: props.recordId,
+        customPrompt: JSON.stringify(json) || {},
       },
     });
     if(!resp) {
@@ -226,7 +234,7 @@ async function getGenerationPrompt() {
         errorMessage: "Error getting generation prompts."
     });
     }
-    return resp?.generationOptions || null;
+    return resp?.prompt || null;
   } catch (e) {
     emit('error', {
       isError: true,

package/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 });
 
@@ -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) } : {}),
         },
       });
 
@@ -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/custom/VisionTable.vue

@@ -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/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/custom/ImageGenerationCarousel.vue

@@ -143,7 +143,7 @@ const sliderRef = ref(null)
 
 const prompt = ref('');
 const emit = defineEmits(['close', 'selectImage', 'error', 'updateCarouselIndex']);
-const props = defineProps(['meta', 'record', 'images', 'recordId', 'prompt', 'fieldName', 'isError', 'errorMessage', 'carouselImageIndex', 'regenerateImagesRefreshRate','sourceImage']);
+const props = defineProps(['meta', 'record', 'images', 'recordId', 'prompt', 'fieldName', 'isError', 'errorMessage', 'carouselImageIndex', 'regenerateImagesRefreshRate','sourceImage', 'imageGenerationPrompts']);
 const images = ref([]);
 const loading = ref(false);
 const attachmentFiles = ref<string[]>([])
@@ -154,7 +154,7 @@ onMounted(async () => {
   }
   const temp = await getGenerationPrompt() || '';
   attachmentFiles.value = props.sourceImage || [];
-  prompt.value = temp[props.fieldName];
+  prompt.value = Object.keys(JSON.parse(temp))[0];
   await nextTick();
 
   const currentIndex = props.carouselImageIndex || 0;
@@ -212,12 +212,20 @@ async function getHistoricalAverage() {
 }
 
 async function getGenerationPrompt() {
-  try{
+  const [key, ...rest] = props.imageGenerationPrompts.split(":");
+  const value = rest.join(":").trim();
+
+  const json = {
+    [key.trim()]: value
+  };
+
+  try {
     const resp = await callAdminForthApi({
-      path: `/plugin/${props.meta.pluginInstanceId}/get_generation_prompts`,
+      path: `/plugin/${props.meta.pluginInstanceId}/get_image_generation_prompts`,
       method: 'POST',
       body: {
         recordId: props.recordId,
+        customPrompt: JSON.stringify(json) || {},
       },
     });
     if(!resp) {
@@ -226,7 +234,7 @@ async function getGenerationPrompt() {
         errorMessage: "Error getting generation prompts."
     });
     }
-    return resp?.generationOptions || null;
+    return resp?.prompt || null;
   } catch (e) {
     emit('error', {
       isError: true,

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 });
 
@@ -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) } : {}),
         },
       });
 
@@ -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

@@ -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) {
@@ -594,7 +612,12 @@ export default class BulkAiFlowPlugin extends AdminForthPlugin {
                                     if (oldRecord[value]) {
                                         // put tag to delete old file
                                         try {
-                                            yield columnPlugin.pluginOptions.storageAdapter.markKeyForDeletation(oldRecord[value]);
+                                            if (columnPlugin.pluginOptions.storageAdapter.markKeyForDeletion !== undefined) {
+                                                yield columnPlugin.pluginOptions.storageAdapter.markKeyForDeletion(oldRecord[value]);
+                                            }
+                                            else {
+                                                yield columnPlugin.pluginOptions.storageAdapter.markKeyForDeletation(oldRecord[value]);
+                                            }
                                         }
                                         catch (e) {
                                             // file might be e.g. already deleted, so we catch error
@@ -604,7 +627,12 @@ export default class BulkAiFlowPlugin extends AdminForthPlugin {
                                     if (fieldsToUpdate[idx][value] && fieldsToUpdate[idx][value] !== null) {
                                         // remove tag from new file
                                         // in this case we let it crash if it fails: this is a new file which just was uploaded. 
-                                        yield columnPlugin.pluginOptions.storageAdapter.markKeyForNotDeletation(fieldsToUpdate[idx][value]);
+                                        if (columnPlugin.pluginOptions.storageAdapter.markKeyForNotDeletion !== undefined) {
+                                            yield columnPlugin.pluginOptions.storageAdapter.markKeyForNotDeletion(fieldsToUpdate[idx][value]);
+                                        }
+                                        else {
+                                            yield columnPlugin.pluginOptions.storageAdapter.markKeyForNotDeletation(fieldsToUpdate[idx][value]);
+                                        }
                                     }
                                 }
                             }
@@ -628,13 +656,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 +681,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 +695,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) {

package/index.ts

@@ -25,11 +25,15 @@ export default class  BulkAiFlowPlugin extends AdminForthPlugin {
   }
 
   // Compile Handlebars templates in outputFields using record fields as context
-  private compileTemplates<T extends Record<string, any>>(
+  private async compileTemplates<T extends Record<string, any>>(
     source: T,
     record: any,
     valueSelector: (value: T[keyof T]) => string
-  ): Record<string, string> {
+  ): Promise<Record<string, string>> {
+    if (this.options.provideAdditionalContextForRecord) {
+      const additionalFields = await this.options.provideAdditionalContextForRecord({ record, adminUser: null, resource: this.resourceConfig });
+      record = { ...record, ...additionalFields };
+    }
     const compiled: Record<string, string> = {};
     for (const [key, value] of Object.entries(source)) {
       const templateStr = valueSelector(value);
@@ -43,16 +47,16 @@ export default class  BulkAiFlowPlugin extends AdminForthPlugin {
     return compiled;
   }
 
-  private compileOutputFieldsTemplates(record: any) {
-    return this.compileTemplates(this.options.fillFieldsFromImages, record, v => String(v));
+  private async compileOutputFieldsTemplates(record: any, customPrompt? : string) {
+    return await this.compileTemplates(customPrompt ? JSON.parse(customPrompt) :this.options.fillFieldsFromImages, record, v => String(v));
   }
 
-  private compileOutputFieldsTemplatesNoImage(record: any) {
-    return this.compileTemplates(this.options.fillPlainFields, record, v => String(v));
+  private async compileOutputFieldsTemplatesNoImage(record: any, customPrompt? : string) {
+    return await this.compileTemplates(customPrompt ? JSON.parse(customPrompt) : this.options.fillPlainFields, record, v => String(v));
   }
 
-  private compileGenerationFieldTemplates(record: any) {
-    return this.compileTemplates(this.options.generateImages, record, v => String(v.prompt));
+  private async compileGenerationFieldTemplates(record: any, customPrompt? : string) {
+    return await this.compileTemplates(customPrompt ? JSON.parse(customPrompt) : this.options.generateImages, record, v => String(customPrompt ? v : v.prompt));
   }
 
   private async checkRateLimit(field: string, fieldNameRateLimit: string | undefined, headers: Record<string, string | string[] | undefined>): Promise<void | { error?: string; }> {
@@ -72,7 +76,7 @@ export default class  BulkAiFlowPlugin extends AdminForthPlugin {
     }
   }
 
-  private async analyze_image(jobId: string, recordId: string, adminUser: any, headers: Record<string, string | string[] | undefined>) {
+  private async analyze_image(jobId: string, recordId: string, adminUser: any, headers: Record<string, string | string[] | undefined>, customPrompt? : string) {
     const selectedId = recordId;
     let isError = false;
     // Fetch the record using the provided ID
@@ -102,7 +106,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 = await 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.
@@ -148,7 +152,7 @@ export default class  BulkAiFlowPlugin extends AdminForthPlugin {
 
   }
 
-  private async analyzeNoImages(jobId: string, recordId: string, adminUser: any, headers: Record<string, string | string[] | undefined>) {
+  private async analyzeNoImages(jobId: string, recordId: string, adminUser: any, headers: Record<string, string | string[] | undefined>, customPrompt? : string) {
     const selectedId = recordId;
     let isError = false;
     if (STUB_MODE) {
@@ -159,7 +163,7 @@ export default class  BulkAiFlowPlugin extends AdminForthPlugin {
       const primaryKeyColumn = this.resourceConfig.columns.find((col) => col.primaryKey);
       const record = await this.adminforth.resource(this.resourceConfig.resourceId).get( [Filters.EQ(primaryKeyColumn.name, selectedId)] );
 
-      const compiledOutputFields = this.compileOutputFieldsTemplatesNoImage(record);
+      const compiledOutputFields = await 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. 
@@ -188,7 +192,7 @@ export default class  BulkAiFlowPlugin extends AdminForthPlugin {
     }
   }
 
-  private async initialImageGenerate(jobId: string, recordId: string, adminUser: any, headers: Record<string, string | string[] | undefined>) {
+  private async initialImageGenerate(jobId: string, recordId: string, adminUser: any, headers: Record<string, string | string[] | undefined>, customPrompt? : string) {
     const selectedId = recordId;
     let isError = false;
     const start = +new Date();
@@ -208,7 +212,7 @@ export default class  BulkAiFlowPlugin extends AdminForthPlugin {
       }
     }
     const fieldTasks = Object.keys(this.options?.generateImages || {}).map(async (key) => {
-      const prompt = this.compileGenerationFieldTemplates(record)[key];
+      const prompt = (await this.compileGenerationFieldTemplates(record, customPrompt))[key];
       let images;
         if (this.options.attachFiles && attachmentFiles.length === 0) {
           isError = true;
@@ -391,7 +395,7 @@ export default class  BulkAiFlowPlugin extends AdminForthPlugin {
     };
 
     const primaryKeyColumn = this.resourceConfig.columns.find((col) => col.primaryKey);
-
+    
     const pageInjection = {
       file: this.componentPath('VisionAction.vue'),
       meta: {
@@ -413,6 +417,12 @@ export default class  BulkAiFlowPlugin extends AdminForthPlugin {
           fillPlainFields: this.options.refreshRates?.fillPlainFields || 1_000,
           generateImages: this.options.refreshRates?.generateImages || 5_000,
           regenerateImages: this.options.refreshRates?.regenerateImages || 5_000,
+        },
+        askConfirmationBeforeGenerating: this.options.askConfirmationBeforeGenerating || false,
+        generationPrompts: {
+          plainFieldsPrompts: this.options.fillPlainFields || {},
+          imageFieldsPrompts: this.options.fillFieldsFromImages || {},
+          imageGenerationPrompts: this.options.generateImages || {},
         }
       }
     }
@@ -489,7 +499,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: string[] = [];
       const regex = /{{(.*?)}}/g;
 
@@ -615,7 +625,11 @@ export default class  BulkAiFlowPlugin extends AdminForthPlugin {
                   if (oldRecord[value]) {
                     // put tag to delete old file
                     try {
-                      await columnPlugin.pluginOptions.storageAdapter.markKeyForDeletation(oldRecord[value]);
+                      if (columnPlugin.pluginOptions.storageAdapter.markKeyForDeletion !== undefined) {
+                        await columnPlugin.pluginOptions.storageAdapter.markKeyForDeletion(oldRecord[value]);
+                      } else {
+                        await columnPlugin.pluginOptions.storageAdapter.markKeyForDeletation(oldRecord[value]);
+                      }
                     } catch (e) {
                       // file might be e.g. already deleted, so we catch error
                       console.error(`Error setting tag to true for object ${oldRecord[value]}. File will not be auto-cleaned up`);
@@ -624,7 +638,11 @@ export default class  BulkAiFlowPlugin extends AdminForthPlugin {
                   if (fieldsToUpdate[idx][value] && fieldsToUpdate[idx][value] !== null) {
                   // remove tag from new file
                   // in this case we let it crash if it fails: this is a new file which just was uploaded. 
-                    await  columnPlugin.pluginOptions.storageAdapter.markKeyForNotDeletation(fieldsToUpdate[idx][value]);
+                    if (columnPlugin.pluginOptions.storageAdapter.markKeyForNotDeletion !== undefined) {
+                      await  columnPlugin.pluginOptions.storageAdapter.markKeyForNotDeletion(fieldsToUpdate[idx][value]);
+                    } else {
+                      await  columnPlugin.pluginOptions.storageAdapter.markKeyForNotDeletation(fieldsToUpdate[idx][value]);
+                    }
                   }
                 }
               }
@@ -652,12 +670,13 @@ 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: async ({ body, headers }) => {
         const Id = body.recordId || [];
+        const customPrompt = body.customPrompt || null;
         const record = await this.adminforth.resource(this.resourceConfig.resourceId).get([Filters.EQ(this.resourceConfig.columns.find(c => c.primaryKey)?.name, Id)]);
-        const compiledGenerationOptions = this.compileGenerationFieldTemplates(record);
-        return { generationOptions: compiledGenerationOptions };
+        const compiledGenerationOptions = await this.compileGenerationFieldTemplates(record, JSON.stringify({"prompt": customPrompt}));
+        return compiledGenerationOptions;
       }
     });
 
@@ -679,10 +698,9 @@ export default class  BulkAiFlowPlugin extends AdminForthPlugin {
       method: 'POST',
       path: `/plugin/${this.pluginInstanceId}/create-job`,
       handler: async ({ body, adminUser, headers }) => {
-        const { actionType, recordId } = body;
+        const { actionType, recordId, customPrompt } = body;
         const jobId = randomUUID();
         jobs.set(jobId, { status: "in_progress" });
-
         if (!actionType) {
           jobs.set(jobId, { status: "failed", error: "Missing action type" });
           //return { error: "Missing action type" };
@@ -693,13 +711,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) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adminforth/bulk-ai-flow",
-  "version": "1.14.6",
+  "version": "1.15.1",
   "publishConfig": {
     "access": "public"
   },
@@ -27,7 +27,7 @@
   },
   "dependencies": {
     "@types/handlebars": "^4.0.40",
-    "adminforth": "^2.4.0-next.222",
+    "adminforth": "^2.4.0-next.315",
     "handlebars": "^4.7.8"
   },
   "release": {

package/types.ts

@@ -1,5 +1,4 @@
-import { ImageVisionAdapter, ImageGenerationAdapter, CompletionAdapter } from "adminforth";
-
+import AdminForth, { ImageVisionAdapter, ImageGenerationAdapter, CompletionAdapter } from "adminforth";
 
 export interface PluginOptions {
     /**
@@ -109,4 +108,15 @@ export interface PluginOptions {
       ok: boolean;
       error?: undefined;
     }>
+
+    /**
+     * Custom message for the context shown to the user when performing the action
+     */
+    provideAdditionalContextForRecord?: ({record, adminUser, resource}: {
+      record: any;
+      adminUser: any;
+      resource: any;
+    }) => Record<string, any> | Promise<Record<string, any>>;
+
+    askConfirmationBeforeGenerating?: boolean;
 }