Apply image/text update translations

frontend/public/locales/en-GB/translation.json

@@ -1262,10 +1262,44 @@
   "addImage": {
     "tags": "img,jpg,picture,photo",
     "title": "Add Image",
-    "header": "Add image to PDF",
-    "everyPage": "Every Page?",
-    "upload": "Add image",
-    "submit": "Add image"
+    "header": "Add images to PDFs",
+    "image": {
+      "name": "Image",
+      "placeholder": "Upload an image",
+      "label": "Image file"
+    },
+    "steps": {
+      "configure": "Configure Image"
+    },
+    "step": {
+      "createDesc": "Upload the image you want to add",
+      "place": "Place image",
+      "placeDesc": "Click on the PDF to add your image"
+    },
+    "instructions": {
+      "title": "How to add images",
+      "text": "After uploading your image above, click anywhere on the PDF to place it.",
+      "paused": "Placement paused",
+      "resumeHint": "Resume placement to click and add your image.",
+      "noSignature": "Upload an image above to enable placement."
+    },
+    "mode": {
+      "move": "Move Image",
+      "place": "Place Image",
+      "pause": "Pause placement",
+      "resume": "Resume placement"
+    },
+    "results": {
+      "title": "Add Image Results"
+    },
+    "error": {
+      "failed": "An error occurred while adding image to the PDF."
+    },
+    "saved": {
+      "defaultLabel": "Image",
+      "defaultImageLabel": "Uploaded image"
+    },
+    "applySignatures": "Apply Images"
   },
   "attachments": {
     "tags": "attachments,add,remove,embed,file",
@@ -5795,6 +5829,7 @@
     "error": {
       "failed": "An error occurred while adding text to the PDF."
     },
-    "tags": "text,annotation,label"
+    "tags": "text,annotation,label",
+    "applySignatures": "Apply Text"
   }
 }

frontend/src/core/components/annotation/shared/ImageUploader.tsx

@@ -43,16 +43,18 @@ export const ImageUploader: React.FC<ImageUploaderProps> = ({
     <Stack gap="sm">
       <PrivateContent>
         <FileInput
-          label={label || t('sign.image.label', 'Upload signature image')}
+          label={label}
           placeholder={placeholder || t('sign.image.placeholder', 'Select image file')}
           accept="image/*"
           onChange={handleImageChange}
           disabled={disabled}
         />
       </PrivateContent>
-      <Text size="sm" c="dimmed">
-        {hint || t('sign.image.hint', 'Upload an image of your signature')}
-      </Text>
+      {hint && (
+        <Text size="sm" c="dimmed">
+          {hint}
+        </Text>
+      )}
     </Stack>
   );
 };

frontend/src/core/components/viewer/EmbedPdfViewer.tsx

@@ -83,7 +83,7 @@ const EmbedPdfViewerContent = ({
   // Check if we're in signature mode OR viewer annotation mode
   const { selectedTool } = useNavigationState();
   // Tools that use the stamp/signature placement system with hover preview
-  const isSignatureMode = selectedTool === 'sign' || selectedTool === 'addText';
+  const isSignatureMode = selectedTool === 'sign' || selectedTool === 'addText' || selectedTool === 'addImage';
 
   // Enable annotations when: in sign mode, OR annotation mode is active, OR we want to show existing annotations
   const shouldEnableAnnotations = isSignatureMode || isAnnotationMode || isAnnotationsVisible;

frontend/src/core/data/useTranslatedToolRegistry.tsx

@@ -730,17 +730,6 @@ export function useTranslatedToolCatalog(): TranslatedToolCatalog {
         automationSettings: ReplaceColorSettings,
         synonyms: getSynonyms(t, "replaceColor"),
       },
-      addImage: {
-        icon: <LocalIcon icon="image-rounded" width="1.5rem" height="1.5rem" />,
-        name: t("home.addImage.title", "Add Image"),
-        component: null,
-        description: t("home.addImage.desc", "Add images to PDF documents"),
-        categoryId: ToolCategoryId.ADVANCED_TOOLS,
-        subcategoryId: SubcategoryId.ADVANCED_FORMATTING,
-        endpoints: ["add-image"],
-        synonyms: getSynonyms(t, "addImage"),
-        automationSettings: null
-      },
       scannerEffect: {
         icon: <LocalIcon icon="scanner-rounded" width="1.5rem" height="1.5rem" />,
         name: t("home.scannerEffect.title", "Scanner Effect"),

frontend/src/core/tools/AddImage.tsx

@@ -7,6 +7,7 @@ const AddImage = createStampTool({
   allowedSignatureSources: ['image'],
   defaultSignatureSource: 'image',
   defaultSignatureType: 'image',
+  enableApplyAction: true,
 });
 
 export default AddImage;

frontend/src/core/tools/AddText.tsx

@@ -7,6 +7,7 @@ const AddText = createStampTool({
   allowedSignatureSources: ['text'],
   defaultSignatureSource: 'text',
   defaultSignatureType: 'text',
+  enableApplyAction: true,
 });
 
 export default AddText;