fix: improve prompt labels for clarity and remove unused formatKey function

Author: yaroslav8765

custom/VisionAction.vue

@@ -89,14 +89,18 @@
         :key="key" 
         class="w-full"
       >
-        <div v-if="Object.keys(promptsCategory).length > 0" class="gap-4 mb-6">
-          <p class="text-start w-full text-xl font-bold">{{ formatKey(key) }}</p>
+        <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 ml-1"
+                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>
@@ -878,14 +882,6 @@ function clickSettingsButton() {
   popupMode.value = 'settings';
 }
 
-function formatKey(str) {
-  return str
-    .replace(/([A-Z])/g, ' $1')
-    .trim()
-    .split(' ')
-    .map(w => w.charAt(0).toUpperCase() + w.slice(1))
-    .join(' ');
-}
 
 function checkAndAddNewFieldsToPrompts(savedPrompts, defaultPrompts) {
   for (const categoryKey in defaultPrompts) {