fix: resolve 7 bugs from QA sweep (#208)

- Fix selective metadata stripping (P1): use Sharp's keepExif()/keepIccProfile()
  instead of broken withMetadata({}) that preserved everything
- Fix meme font mapping (P1): add ArchivoBlack and ComicNeue fonts, map
  arial-black and comic-sans to correct TTF files instead of Anton
- Fix meme contentType (P2): detect actual output format from Sharp metadata
  instead of hardcoding image/png
- Fix info/text-overlay/color-palette i18n (P2): wire up existing translation
  keys that were imported but never used
- Fix info and color-palette displayMode (P2): change from before-after to
  no-comparison since neither tool produces a processed image
- Add missing i18n keys across all 21 locales
- Update displayMode test assertions

.gitignore

@@ -67,4 +67,5 @@ tests/benchmark/bench-limits-results-mac.jsonl
 scripts/setup-cloudflare-email.sh
 apps/videos
 remotion/
-demo
+demo
+pentest-results/

apps/api/src/lib/meme-text-renderer.ts

@@ -39,8 +39,8 @@ const FONT_DIR = join(import.meta.dirname, "../../static/fonts");
 
 const FONT_MAP: Record<string, string> = {
   anton: "Anton-Regular.ttf",
-  "arial-black": "Anton-Regular.ttf",
-  "comic-sans": "Anton-Regular.ttf",
+  "arial-black": "ArchivoBlack-Regular.ttf",
+  "comic-sans": "ComicNeue-Bold.ttf",
   montserrat: "Montserrat-Black.ttf",
   "bebas-neue": "BebasNeue-Regular.ttf",
   "permanent-marker": "PermanentMarker-Regular.ttf",

apps/api/src/routes/tools/meme-generator.ts

@@ -159,14 +159,22 @@ async function processMeme(
       .composite([{ input: svgBuffer }])
       .toBuffer();
   } else {
-    // No text -- just pass the image through
     result = await sharp(imageBuffer).toBuffer();
   }
 
+  const outputMeta = await sharp(result).metadata();
+  const detectedFormat = outputMeta.format ?? "png";
+  const mimeMap: Record<string, string> = {
+    jpeg: "image/jpeg",
+    png: "image/png",
+    webp: "image/webp",
+    gif: "image/gif",
+  };
+
   return {
     buffer: result,
     filename,
-    contentType: "image/png",
+    contentType: mimeMap[detectedFormat] ?? "image/png",
   };
 }
 

apps/web/src/components/tools/color-palette-settings.tsx

@@ -6,6 +6,7 @@ import { copyToClipboard } from "@/lib/utils";
 import { useFileStore } from "@/stores/file-store";
 export function ColorPaletteSettings() {
   const { t } = useTranslation();
+  const ts = t.toolSettings["color-palette"];
   const { files, processing, error, setProcessing, setError } = useFileStore();
   const [colors, setColors] = useState<string[]>([]);
   const [copiedIdx, setCopiedIdx] = useState<number | null>(null);
@@ -35,7 +36,7 @@ export function ColorPaletteSettings() {
       const data = await res.json();
       setColors(data.colors);
     } catch (err) {
-      setError(err instanceof Error ? err.message : "Extraction failed");
+      setError(err instanceof Error ? err.message : ts.extracting);
     } finally {
       setProcessing(false);
     }
@@ -61,7 +62,7 @@ export function ColorPaletteSettings() {
         className="w-full py-2.5 rounded-lg bg-primary text-primary-foreground font-medium disabled:opacity-50 disabled:cursor-not-allowed flex items-center justify-center gap-2"
       >
         {processing && <Loader2 className="h-4 w-4 animate-spin" />}
-        {processing ? "Extracting..." : "Extract Colors"}
+        {processing ? ts.extracting : ts.submit}
       </button>
 
       {error && <p className="text-xs text-red-500">{error}</p>}
@@ -69,7 +70,7 @@ export function ColorPaletteSettings() {
       {colors.length > 0 && (
         <div className="space-y-2">
           <p className="text-xs font-medium text-muted-foreground">
-            Dominant Colors ({colors.length})
+            {ts.dominantColors} ({colors.length})
           </p>
           <div className="grid grid-cols-2 gap-1.5">
             {colors.map((color, i) => (

apps/web/src/components/tools/info-settings.tsx

@@ -80,14 +80,14 @@ export function InfoSettings() {
         setInfo(data);
       } catch (err) {
         if (err instanceof DOMException && err.name === "AbortError") return;
-        setError(err instanceof Error ? err.message : "Failed to read info");
+        setError(err instanceof Error ? err.message : t.toolSettings.info.failedToRead);
       } finally {
         if (!controller.signal.aborted) {
           setProcessing(false);
         }
       }
     },
-    [setProcessing, setError],
+    [setProcessing, setError, t],
   );
 
   useEffect(() => {
@@ -122,6 +122,8 @@ export function InfoSettings() {
     alpha: "bg-gray-500",
   };
 
+  const ts = t.toolSettings.info;
+
   return (
     <div className="space-y-4">
       <button
@@ -132,7 +134,7 @@ export function InfoSettings() {
         className="w-full py-2.5 rounded-lg bg-primary text-primary-foreground font-medium disabled:opacity-50 disabled:cursor-not-allowed flex items-center justify-center gap-2"
       >
         {processing && <Loader2 className="h-4 w-4 animate-spin" />}
-        {processing ? "Reading..." : "Read Info"}
+        {processing ? ts.reading : ts.readInfo}
       </button>
 
       {error && <p className="text-xs text-red-500">{error}</p>}
@@ -140,37 +142,37 @@ export function InfoSettings() {
       {info && (
         <div className="space-y-3">
           <div className="grid grid-cols-2 gap-1 text-xs">
-            <div className="text-muted-foreground">Dimensions</div>
+            <div className="text-muted-foreground">{ts.dimensions}</div>
             <div className="text-foreground font-mono">
               {info.width} x {info.height}
             </div>
-            <div className="text-muted-foreground">Format</div>
+            <div className="text-muted-foreground">{ts.format}</div>
             <div className="text-foreground font-mono">{info.format}</div>
-            <div className="text-muted-foreground">File Size</div>
+            <div className="text-muted-foreground">{ts.fileSize}</div>
             <div className="text-foreground font-mono">{(info.fileSize / 1024).toFixed(1)} KB</div>
-            <div className="text-muted-foreground">Channels</div>
+            <div className="text-muted-foreground">{ts.channels}</div>
             <div className="text-foreground font-mono">{info.channels}</div>
-            <div className="text-muted-foreground">Color Space</div>
+            <div className="text-muted-foreground">{ts.colorSpace}</div>
             <div className="text-foreground font-mono">{info.colorSpace}</div>
-            <div className="text-muted-foreground">Alpha</div>
-            <div className="text-foreground font-mono">{info.hasAlpha ? "Yes" : "No"}</div>
-            <div className="text-muted-foreground">DPI</div>
-            <div className="text-foreground font-mono">{info.density ?? "N/A"}</div>
-            <div className="text-muted-foreground">Progressive</div>
-            <div className="text-foreground font-mono">{info.isProgressive ? "Yes" : "No"}</div>
-            <div className="text-muted-foreground">ICC Profile</div>
-            <div className="text-foreground font-mono">{info.hasIcc ? "Yes" : "No"}</div>
-            <div className="text-muted-foreground">EXIF Data</div>
-            <div className="text-foreground font-mono">{info.hasExif ? "Yes" : "No"}</div>
-            <div className="text-muted-foreground">XMP Data</div>
-            <div className="text-foreground font-mono">{info.hasXmp ? "Yes" : "No"}</div>
-            <div className="text-muted-foreground">Pages</div>
+            <div className="text-muted-foreground">{ts.hasAlpha}</div>
+            <div className="text-foreground font-mono">{info.hasAlpha ? ts.yes : ts.no}</div>
+            <div className="text-muted-foreground">{ts.density}</div>
+            <div className="text-foreground font-mono">{info.density ?? ts.na}</div>
+            <div className="text-muted-foreground">{ts.progressive}</div>
+            <div className="text-foreground font-mono">{info.isProgressive ? ts.yes : ts.no}</div>
+            <div className="text-muted-foreground">{ts.hasIcc}</div>
+            <div className="text-foreground font-mono">{info.hasIcc ? ts.yes : ts.no}</div>
+            <div className="text-muted-foreground">{ts.hasExif}</div>
+            <div className="text-foreground font-mono">{info.hasExif ? ts.yes : ts.no}</div>
+            <div className="text-muted-foreground">{ts.hasXmp}</div>
+            <div className="text-foreground font-mono">{info.hasXmp ? ts.yes : ts.no}</div>
+            <div className="text-muted-foreground">{ts.pages}</div>
             <div className="text-foreground font-mono">{info.pages}</div>
           </div>
 
           {/* Histogram */}
           <div>
-            <p className="text-xs font-medium text-muted-foreground">Channel Stats</p>
+            <p className="text-xs font-medium text-muted-foreground">{ts.channelStats}</p>
             <div className="mt-1 space-y-1.5">
               {info.histogram.map((ch) => (
                 <div key={ch.channel} className="space-y-0.5">

apps/web/src/components/tools/text-overlay-settings.tsx

@@ -15,7 +15,9 @@ export function TextOverlayControls({
   settings: initialSettings,
   onChange,
 }: TextOverlayControlsProps) {
-  const [text, setText] = useState("Your Text Here");
+  const { t } = useTranslation();
+  const ts = t.toolSettings["text-overlay"];
+  const [text, setText] = useState(ts.defaultText);
   const [fontSize, setFontSize] = useState(48);
   const [color, setColor] = useState("#FFFFFF");
   const [position, setPosition] = useState<"top" | "center" | "bottom">("bottom");
@@ -60,7 +62,7 @@ export function TextOverlayControls({
     <div className="space-y-4">
       <div>
         <label htmlFor="text-overlay-text" className="text-xs text-muted-foreground">
-          Text
+          {ts.text}
         </label>
         <input
           id="text-overlay-text"
@@ -74,7 +76,7 @@ export function TextOverlayControls({
       <div>
         <div className="flex justify-between items-center">
           <label htmlFor="text-overlay-font-size" className="text-xs text-muted-foreground">
-            Font Size
+            {ts.fontSize}
           </label>
           <span className="text-xs font-mono text-foreground">{fontSize}px</span>
         </div>
@@ -91,7 +93,7 @@ export function TextOverlayControls({
 
       <div>
         <label htmlFor="text-overlay-color" className="text-xs text-muted-foreground">
-          Text Color
+          {ts.color}
         </label>
         <input
           id="text-overlay-color"
@@ -104,7 +106,7 @@ export function TextOverlayControls({
 
       <div>
         <label htmlFor="text-overlay-position" className="text-xs text-muted-foreground">
-          Position
+          {ts.position}
         </label>
         <select
           id="text-overlay-position"
@@ -112,9 +114,9 @@ export function TextOverlayControls({
           onChange={(e) => setPosition(e.target.value as "top" | "center" | "bottom")}
           className="w-full mt-0.5 px-2 py-1.5 rounded border border-border bg-background text-sm text-foreground"
         >
-          <option value="top">Top</option>
-          <option value="center">Center</option>
-          <option value="bottom">Bottom</option>
+          <option value="top">{ts.top}</option>
+          <option value="center">{ts.center}</option>
+          <option value="bottom">{ts.bottom}</option>
         </select>
       </div>
 
@@ -125,7 +127,7 @@ export function TextOverlayControls({
           onChange={(e) => setShadow(e.target.checked)}
           className="rounded"
         />
-        Drop Shadow
+        {ts.shadow}
       </label>
 
       <label className="flex items-center gap-2 text-sm text-foreground">
@@ -135,13 +137,13 @@ export function TextOverlayControls({
           onChange={(e) => setBackgroundBox(e.target.checked)}
           className="rounded"
         />
-        Background Box
+        {ts.backgroundBox}
       </label>
 
       {backgroundBox && (
         <div>
           <label htmlFor="text-overlay-box-color" className="text-xs text-muted-foreground">
-            Box Color
+            {ts.backgroundColor}
           </label>
           <input
             id="text-overlay-box-color"
@@ -158,6 +160,7 @@ export function TextOverlayControls({
 
 export function TextOverlaySettings() {
   const { t } = useTranslation();
+  const ts = t.toolSettings["text-overlay"];
   const { files } = useFileStore();
   const {
     processFiles,
@@ -199,7 +202,7 @@ export function TextOverlaySettings() {
         <ProgressCard
           active={processing}
           phase={progress.phase === "idle" ? "uploading" : progress.phase}
-          label="Adding text"
+          label={ts.progressLabel}
           stage={progress.stage}
           percent={progress.percent}
           elapsed={progress.elapsed}
@@ -212,7 +215,7 @@ export function TextOverlaySettings() {
           disabled={!hasFile || processing || !settings.text}
           className="w-full py-2.5 rounded-lg bg-primary text-primary-foreground font-medium disabled:opacity-50 disabled:cursor-not-allowed flex items-center justify-center gap-2"
         >
-          {files.length > 1 ? `Apply Overlay (${files.length} files)` : "Apply Overlay"}
+          {files.length > 1 ? format(ts.submitBatch, { count: files.length }) : ts.submit}
         </button>
       )}
 
@@ -224,7 +227,7 @@ export function TextOverlaySettings() {
           className="w-full py-2.5 rounded-lg border border-primary text-primary font-medium flex items-center justify-center gap-2 hover:bg-primary/5"
         >
           <Download className="h-4 w-4" />
-          Download
+          {ts.download}
         </a>
       )}
     </div>

apps/web/src/lib/tool-registry.tsx

@@ -417,7 +417,7 @@ export const toolRegistry = new Map<string, ToolRegistryEntry>([
   ],
 
   // Utilities
-  ["info", { displayMode: "before-after", Settings: InfoSettings }],
+  ["info", { displayMode: "no-comparison", Settings: InfoSettings }],
   ["compare", { displayMode: "before-after", Settings: CompareSettings }],
   [
     "find-duplicates",
@@ -427,7 +427,7 @@ export const toolRegistry = new Map<string, ToolRegistryEntry>([
       ResultsPanel: FindDuplicatesResults,
     },
   ],
-  ["color-palette", { displayMode: "before-after", Settings: ColorPaletteSettings }],
+  ["color-palette", { displayMode: "no-comparison", Settings: ColorPaletteSettings }],
   [
     "qr-generate",
     { displayMode: "no-dropzone", Settings: QrGenerateSettings, ResultsPanel: QrGeneratePreview },

packages/image-engine/src/operations/strip-metadata.ts

@@ -6,7 +6,6 @@ export async function stripMetadata(
 ): Promise<Sharp> {
   const { stripExif, stripGps, stripIcc, stripXmp, stripAll } = options;
 
-  // Default behavior: strip all metadata
   const shouldStripAll =
     stripAll === true ||
     (stripExif === undefined &&
@@ -16,23 +15,28 @@ export async function stripMetadata(
       stripAll === undefined);
 
   if (shouldStripAll) {
-    // withMetadata({}) with no options strips everything;
-    // but to truly strip we avoid calling withMetadata at all.
-    // Sharp strips metadata by default when outputting.
-    // Calling .withMetadata() KEEPS metadata, so we do NOT call it.
     return image;
   }
 
-  // Selective stripping: we keep metadata but remove specific fields.
-  // Sharp's withMetadata lets us keep ICC, EXIF, etc.
-  // We call withMetadata to keep what wasn't requested stripped.
-  const keepIcc = !stripIcc;
+  const strippingNothing = !stripExif && !stripGps && !stripIcc && !stripXmp;
+  if (strippingNothing) {
+    return image.withMetadata();
+  }
 
-  return image.withMetadata({
-    // If we want to keep ICC, pass undefined (Sharp default keeps it with withMetadata)
-    // If we want to strip ICC, we need to not call withMetadata at all or handle differently
-    // Sharp's withMetadata keeps metadata; without it, metadata is stripped.
-    // For selective stripping, we strip all first then re-add what we want to keep.
-    ...(keepIcc ? {} : {}),
-  });
+  // Selective stripping: Sharp strips all metadata by default (no calls needed).
+  // We chain keepExif() / keepIccProfile() to preserve categories the user
+  // does NOT want stripped.
+  let pipeline = image;
+
+  if (!stripExif && !stripGps) {
+    pipeline = pipeline.keepExif();
+  }
+
+  if (!stripIcc) {
+    pipeline = pipeline.keepIccProfile();
+  }
+
+  // XMP: Sharp has no keepXmp() method. XMP is always stripped in selective mode.
+
+  return pipeline;
 }

packages/shared/src/i18n/ar.ts

@@ -919,6 +919,8 @@ export const ar: TranslationKeys = {
       submit: "إضافة نص",
       submitBatch: "إضافة نص ({count} ملف)",
       progressLabel: "جاري إضافة النص",
+      download: "Download",
+      defaultText: "Your Text Here",
     },
     compose: {
       uploadOverlay: "رفع صورة التراكب",
@@ -960,6 +962,13 @@ export const ar: TranslationKeys = {
       hasExif: "بيانات EXIF",
       hasIcc: "بيانات ICC",
       hasXmp: "بيانات XMP",
+      readInfo: "Read Info",
+      reading: "Reading...",
+      channelStats: "Channel Stats",
+      yes: "Yes",
+      no: "No",
+      na: "N/A",
+      failedToRead: "Failed to read info",
     },
     compare: {
       uploadSecondImage: "رفع الصورة الثانية",

packages/shared/src/i18n/de.ts

@@ -931,6 +931,8 @@ export const de: TranslationKeys = {
       submit: "Text hinzufuegen",
       submitBatch: "Text hinzufuegen ({count} Dateien)",
       progressLabel: "Textueberlagerung wird hinzugefuegt",
+      download: "Download",
+      defaultText: "Your Text Here",
     },
     compose: {
       uploadOverlay: "Overlay-Bild hochladen",
@@ -973,6 +975,13 @@ export const de: TranslationKeys = {
       hasExif: "Hat EXIF",
       hasIcc: "Hat ICC",
       hasXmp: "Hat XMP",
+      readInfo: "Read Info",
+      reading: "Reading...",
+      channelStats: "Channel Stats",
+      yes: "Yes",
+      no: "No",
+      na: "N/A",
+      failedToRead: "Failed to read info",
     },
     compare: {
       uploadSecondImage: "Zweites Bild hochladen",

packages/shared/src/i18n/en.ts

@@ -877,6 +877,8 @@ export const en = {
       submit: "Add Text",
       submitBatch: "Add Text ({count} files)",
       progressLabel: "Adding text overlay",
+      download: "Download",
+      defaultText: "Your Text Here",
     },
     compose: {
       uploadOverlay: "Upload Overlay Image",
@@ -903,6 +905,8 @@ export const en = {
     },
     info: {
       loadingInfo: "Loading info...",
+      readInfo: "Read Info",
+      reading: "Reading...",
       filename: "Filename",
       fileSize: "File Size",
       dimensions: "Dimensions",
@@ -913,11 +917,16 @@ export const en = {
       bitDepth: "Bit Depth",
       progressive: "Progressive",
       pages: "Pages",
-      hasAlpha: "Has Alpha",
+      hasAlpha: "Alpha",
       hasProfile: "Has Profile",
-      hasExif: "Has EXIF",
-      hasIcc: "Has ICC",
-      hasXmp: "Has XMP",
+      hasExif: "EXIF Data",
+      hasIcc: "ICC Profile",
+      hasXmp: "XMP Data",
+      channelStats: "Channel Stats",
+      yes: "Yes",
+      no: "No",
+      na: "N/A",
+      failedToRead: "Failed to read info",
     },
     compare: {
       uploadSecondImage: "Upload Second Image",

packages/shared/src/i18n/es.ts

@@ -913,6 +913,8 @@ export const es: TranslationKeys = {
       submit: "Agregar texto",
       submitBatch: "Agregar texto ({count} archivos)",
       progressLabel: "Agregando texto superpuesto",
+      download: "Download",
+      defaultText: "Your Text Here",
     },
     compose: {
       uploadOverlay: "Subir imagen de superposicion",
@@ -955,6 +957,13 @@ export const es: TranslationKeys = {
       hasExif: "Tiene EXIF",
       hasIcc: "Tiene ICC",
       hasXmp: "Tiene XMP",
+      readInfo: "Read Info",
+      reading: "Reading...",
+      channelStats: "Channel Stats",
+      yes: "Yes",
+      no: "No",
+      na: "N/A",
+      failedToRead: "Failed to read info",
     },
     compare: {
       uploadSecondImage: "Subir segunda imagen",

packages/shared/src/i18n/fr.ts

@@ -932,6 +932,8 @@ export const fr: TranslationKeys = {
       submit: "Ajouter le texte",
       submitBatch: "Ajouter le texte ({count} fichiers)",
       progressLabel: "Ajout du texte en superposition",
+      download: "Download",
+      defaultText: "Your Text Here",
     },
     compose: {
       uploadOverlay: "Importer l'image de superposition",
@@ -974,6 +976,13 @@ export const fr: TranslationKeys = {
       hasExif: "EXIF",
       hasIcc: "ICC",
       hasXmp: "XMP",
+      readInfo: "Read Info",
+      reading: "Reading...",
+      channelStats: "Channel Stats",
+      yes: "Yes",
+      no: "No",
+      na: "N/A",
+      failedToRead: "Failed to read info",
     },
     compare: {
       uploadSecondImage: "Importer une seconde image",

packages/shared/src/i18n/hi.ts

@@ -915,6 +915,8 @@ export const hi: TranslationKeys = {
       submit: "टेक्स्ट जोड़ें",
       submitBatch: "टेक्स्ट जोड़ें ({count} फाइलें)",
       progressLabel: "टेक्स्ट ओवरले जोड़ा जा रहा है",
+      download: "Download",
+      defaultText: "Your Text Here",
     },
     compose: {
       uploadOverlay: "ओवरले इमेज अपलोड करें",
@@ -956,6 +958,13 @@ export const hi: TranslationKeys = {
       hasExif: "EXIF डेटा",
       hasIcc: "ICC डेटा",
       hasXmp: "XMP डेटा",
+      readInfo: "Read Info",
+      reading: "Reading...",
+      channelStats: "Channel Stats",
+      yes: "Yes",
+      no: "No",
+      na: "N/A",
+      failedToRead: "Failed to read info",
     },
     compare: {
       uploadSecondImage: "दूसरी इमेज अपलोड करें",

packages/shared/src/i18n/id.ts

@@ -927,6 +927,8 @@ export const id: TranslationKeys = {
       submit: "Tambah Teks",
       submitBatch: "Tambah Teks ({count} file)",
       progressLabel: "Menambahkan overlay teks",
+      download: "Download",
+      defaultText: "Your Text Here",
     },
     compose: {
       uploadOverlay: "Unggah Gambar Overlay",
@@ -968,6 +970,13 @@ export const id: TranslationKeys = {
       hasExif: "Memiliki EXIF",
       hasIcc: "Memiliki ICC",
       hasXmp: "Memiliki XMP",
+      readInfo: "Read Info",
+      reading: "Reading...",
+      channelStats: "Channel Stats",
+      yes: "Yes",
+      no: "No",
+      na: "N/A",
+      failedToRead: "Failed to read info",
     },
     compare: {
       uploadSecondImage: "Unggah Gambar Kedua",

packages/shared/src/i18n/it.ts

@@ -926,6 +926,8 @@ export const it: TranslationKeys = {
       submit: "Aggiungi testo",
       submitBatch: "Aggiungi testo ({count} file)",
       progressLabel: "Aggiunta testo in sovrapposizione",
+      download: "Download",
+      defaultText: "Your Text Here",
     },
     compose: {
       uploadOverlay: "Carica immagine di sovrapposizione",
@@ -967,6 +969,13 @@ export const it: TranslationKeys = {
       hasExif: "EXIF",
       hasIcc: "ICC",
       hasXmp: "XMP",
+      readInfo: "Read Info",
+      reading: "Reading...",
+      channelStats: "Channel Stats",
+      yes: "Yes",
+      no: "No",
+      na: "N/A",
+      failedToRead: "Failed to read info",
     },
     compare: {
       uploadSecondImage: "Carica seconda immagine",

packages/shared/src/i18n/ja.ts

@@ -884,6 +884,8 @@ export const ja: TranslationKeys = {
       submit: "テキスト追加",
       submitBatch: "テキスト追加（{count}ファイル）",
       progressLabel: "テキストオーバーレイを追加中",
+      download: "Download",
+      defaultText: "Your Text Here",
     },
     compose: {
       uploadOverlay: "オーバーレイ画像をアップロード",
@@ -926,6 +928,13 @@ export const ja: TranslationKeys = {
       hasExif: "EXIF",
       hasIcc: "ICC",
       hasXmp: "XMP",
+      readInfo: "Read Info",
+      reading: "Reading...",
+      channelStats: "Channel Stats",
+      yes: "Yes",
+      no: "No",
+      na: "N/A",
+      failedToRead: "Failed to read info",
     },
     compare: {
       uploadSecondImage: "2枚目の画像をアップロード",

packages/shared/src/i18n/ko.ts

@@ -870,6 +870,8 @@ export const ko: TranslationKeys = {
       submit: "텍스트 추가",
       submitBatch: "텍스트 추가 ({count}개 파일)",
       progressLabel: "텍스트 오버레이 추가 중",
+      download: "Download",
+      defaultText: "Your Text Here",
     },
     compose: {
       uploadOverlay: "오버레이 이미지 업로드",
@@ -911,6 +913,13 @@ export const ko: TranslationKeys = {
       hasExif: "EXIF",
       hasIcc: "ICC",
       hasXmp: "XMP",
+      readInfo: "Read Info",
+      reading: "Reading...",
+      channelStats: "Channel Stats",
+      yes: "Yes",
+      no: "No",
+      na: "N/A",
+      failedToRead: "Failed to read info",
     },
     compare: {
       uploadSecondImage: "두 번째 이미지 업로드",

packages/shared/src/i18n/nl.ts

@@ -929,6 +929,8 @@ export const nl: TranslationKeys = {
       submit: "Tekst toevoegen",
       submitBatch: "Tekst toevoegen ({count} bestanden)",
       progressLabel: "Tekstoverlay toevoegen",
+      download: "Download",
+      defaultText: "Your Text Here",
     },
     compose: {
       uploadOverlay: "Overlay-afbeelding uploaden",
@@ -970,6 +972,13 @@ export const nl: TranslationKeys = {
       hasExif: "Heeft EXIF",
       hasIcc: "Heeft ICC",
       hasXmp: "Heeft XMP",
+      readInfo: "Read Info",
+      reading: "Reading...",
+      channelStats: "Channel Stats",
+      yes: "Yes",
+      no: "No",
+      na: "N/A",
+      failedToRead: "Failed to read info",
     },
     compare: {
       uploadSecondImage: "Tweede afbeelding uploaden",

packages/shared/src/i18n/pl.ts

@@ -930,6 +930,8 @@ export const pl: TranslationKeys = {
       submit: "Dodaj tekst",
       submitBatch: "Dodaj tekst ({count} plików)",
       progressLabel: "Dodawanie nakładki tekstowej",
+      download: "Download",
+      defaultText: "Your Text Here",
     },
     compose: {
       uploadOverlay: "Prześlij obraz nakładki",
@@ -971,6 +973,13 @@ export const pl: TranslationKeys = {
       hasExif: "EXIF",
       hasIcc: "ICC",
       hasXmp: "XMP",
+      readInfo: "Read Info",
+      reading: "Reading...",
+      channelStats: "Channel Stats",
+      yes: "Yes",
+      no: "No",
+      na: "N/A",
+      failedToRead: "Failed to read info",
     },
     compare: {
       uploadSecondImage: "Prześlij drugi obraz",

packages/shared/src/i18n/pt-BR.ts

@@ -926,6 +926,8 @@ export const ptBR: TranslationKeys = {
       submit: "Adicionar texto",
       submitBatch: "Adicionar texto ({count} arquivos)",
       progressLabel: "Adicionando texto sobreposto",
+      download: "Download",
+      defaultText: "Your Text Here",
     },
     compose: {
       uploadOverlay: "Enviar imagem de sobreposicao",
@@ -967,6 +969,13 @@ export const ptBR: TranslationKeys = {
       hasExif: "Tem EXIF",
       hasIcc: "Tem ICC",
       hasXmp: "Tem XMP",
+      readInfo: "Read Info",
+      reading: "Reading...",
+      channelStats: "Channel Stats",
+      yes: "Yes",
+      no: "No",
+      na: "N/A",
+      failedToRead: "Failed to read info",
     },
     compare: {
       uploadSecondImage: "Enviar segunda imagem",

packages/shared/src/i18n/ru.ts

@@ -928,6 +928,8 @@ export const ru: TranslationKeys = {
       submit: "Добавить текст",
       submitBatch: "Добавить текст ({count} файлов)",
       progressLabel: "Добавление текста",
+      download: "Download",
+      defaultText: "Your Text Here",
     },
     compose: {
       uploadOverlay: "Загрузить накладываемое изображение",
@@ -969,6 +971,13 @@ export const ru: TranslationKeys = {
       hasExif: "EXIF",
       hasIcc: "ICC",
       hasXmp: "XMP",
+      readInfo: "Read Info",
+      reading: "Reading...",
+      channelStats: "Channel Stats",
+      yes: "Yes",
+      no: "No",
+      na: "N/A",
+      failedToRead: "Failed to read info",
     },
     compare: {
       uploadSecondImage: "Загрузить второе изображение",

packages/shared/src/i18n/sv.ts

@@ -925,6 +925,8 @@ export const sv: TranslationKeys = {
       submit: "Lagg till text",
       submitBatch: "Lagg till text ({count} filer)",
       progressLabel: "Lagger till textoverlay",
+      download: "Download",
+      defaultText: "Your Text Here",
     },
     compose: {
       uploadOverlay: "Ladda upp overlagringsbild",
@@ -966,6 +968,13 @@ export const sv: TranslationKeys = {
       hasExif: "Har EXIF",
       hasIcc: "Har ICC",
       hasXmp: "Har XMP",
+      readInfo: "Read Info",
+      reading: "Reading...",
+      channelStats: "Channel Stats",
+      yes: "Yes",
+      no: "No",
+      na: "N/A",
+      failedToRead: "Failed to read info",
     },
     compare: {
       uploadSecondImage: "Ladda upp andra bilden",

packages/shared/src/i18n/th.ts

@@ -908,6 +908,8 @@ export const th: TranslationKeys = {
       submit: "เพิ่มข้อความ",
       submitBatch: "เพิ่มข้อความ ({count} ไฟล์)",
       progressLabel: "กำลังเพิ่มข้อความซ้อนทับ",
+      download: "Download",
+      defaultText: "Your Text Here",
     },
     compose: {
       uploadOverlay: "อัปโหลดภาพซ้อนทับ",
@@ -949,6 +951,13 @@ export const th: TranslationKeys = {
       hasExif: "มี EXIF",
       hasIcc: "มี ICC",
       hasXmp: "มี XMP",
+      readInfo: "Read Info",
+      reading: "Reading...",
+      channelStats: "Channel Stats",
+      yes: "Yes",
+      no: "No",
+      na: "N/A",
+      failedToRead: "Failed to read info",
     },
     compare: {
       uploadSecondImage: "อัปโหลดภาพที่สอง",

packages/shared/src/i18n/tr.ts

@@ -929,6 +929,8 @@ export const tr: TranslationKeys = {
       submit: "Metin Ekle",
       submitBatch: "Metin Ekle ({count} dosya)",
       progressLabel: "Metin kaplaması ekleniyor",
+      download: "Download",
+      defaultText: "Your Text Here",
     },
     compose: {
       uploadOverlay: "Kaplama Görüntüsü Yükle",
@@ -970,6 +972,13 @@ export const tr: TranslationKeys = {
       hasExif: "EXIF Verisi",
       hasIcc: "ICC Verisi",
       hasXmp: "XMP Verisi",
+      readInfo: "Read Info",
+      reading: "Reading...",
+      channelStats: "Channel Stats",
+      yes: "Yes",
+      no: "No",
+      na: "N/A",
+      failedToRead: "Failed to read info",
     },
     compare: {
       uploadSecondImage: "İkinci Görüntüyü Yükle",

packages/shared/src/i18n/uk.ts

@@ -928,6 +928,8 @@ export const uk: TranslationKeys = {
       submit: "Додати текст",
       submitBatch: "Додати текст ({count} файлів)",
       progressLabel: "Додавання тексту",
+      download: "Download",
+      defaultText: "Your Text Here",
     },
     compose: {
       uploadOverlay: "Завантажити зображення для накладання",
@@ -969,6 +971,13 @@ export const uk: TranslationKeys = {
       hasExif: "EXIF",
       hasIcc: "ICC",
       hasXmp: "XMP",
+      readInfo: "Read Info",
+      reading: "Reading...",
+      channelStats: "Channel Stats",
+      yes: "Yes",
+      no: "No",
+      na: "N/A",
+      failedToRead: "Failed to read info",
     },
     compare: {
       uploadSecondImage: "Завантажити друге зображення",

packages/shared/src/i18n/vi.ts

@@ -927,6 +927,8 @@ export const vi: TranslationKeys = {
       submit: "Thêm văn bản",
       submitBatch: "Thêm văn bản ({count} tệp)",
       progressLabel: "Đang thêm lớp phủ văn bản",
+      download: "Download",
+      defaultText: "Your Text Here",
     },
     compose: {
       uploadOverlay: "Tải lên ảnh lớp phủ",
@@ -968,6 +970,13 @@ export const vi: TranslationKeys = {
       hasExif: "Có EXIF",
       hasIcc: "Có ICC",
       hasXmp: "Có XMP",
+      readInfo: "Read Info",
+      reading: "Reading...",
+      channelStats: "Channel Stats",
+      yes: "Yes",
+      no: "No",
+      na: "N/A",
+      failedToRead: "Failed to read info",
     },
     compare: {
       uploadSecondImage: "Tải lên ảnh thứ hai",

packages/shared/src/i18n/zh-CN.ts

@@ -862,6 +862,8 @@ export const zhCN: TranslationKeys = {
       submit: "添加文字",
       submitBatch: "添加文字（{count} 个文件）",
       progressLabel: "正在添加文字叠加",
+      download: "Download",
+      defaultText: "Your Text Here",
     },
     compose: {
       uploadOverlay: "上传叠加图片",
@@ -903,6 +905,13 @@ export const zhCN: TranslationKeys = {
       hasExif: "含 EXIF",
       hasIcc: "含 ICC",
       hasXmp: "含 XMP",
+      readInfo: "Read Info",
+      reading: "Reading...",
+      channelStats: "Channel Stats",
+      yes: "Yes",
+      no: "No",
+      na: "N/A",
+      failedToRead: "Failed to read info",
     },
     compare: {
       uploadSecondImage: "上传第二张图片",

packages/shared/src/i18n/zh-TW.ts

@@ -860,6 +860,8 @@ export const zhTW: TranslationKeys = {
       submit: "加入文字",
       submitBatch: "加入文字（{count}個檔案）",
       progressLabel: "正在加入文字覆疊",
+      download: "Download",
+      defaultText: "Your Text Here",
     },
     compose: {
       uploadOverlay: "上傳覆疊影像",
@@ -901,6 +903,13 @@ export const zhTW: TranslationKeys = {
       hasExif: "有EXIF",
       hasIcc: "有ICC",
       hasXmp: "有XMP",
+      readInfo: "Read Info",
+      reading: "Reading...",
+      channelStats: "Channel Stats",
+      yes: "Yes",
+      no: "No",
+      na: "N/A",
+      failedToRead: "Failed to read info",
     },
     compare: {
       uploadSecondImage: "上傳第二張影像",

tests/unit/web/tool-registry-expanded.test.ts

@@ -281,9 +281,9 @@ describe("toolRegistry (expanded)", () => {
       expect(entry?.displayMode).toBe("no-comparison");
     });
 
-    it("info uses before-after display", () => {
+    it("info uses no-comparison display", () => {
       const entry = getToolRegistryEntry("info");
-      expect(entry?.displayMode).toBe("before-after");
+      expect(entry?.displayMode).toBe("no-comparison");
     });
 
     it("compare uses before-after display", () => {
@@ -291,9 +291,9 @@ describe("toolRegistry (expanded)", () => {
       expect(entry?.displayMode).toBe("before-after");
     });
 
-    it("color-palette uses before-after display", () => {
+    it("color-palette uses no-comparison display", () => {
       const entry = getToolRegistryEntry("color-palette");
-      expect(entry?.displayMode).toBe("before-after");
+      expect(entry?.displayMode).toBe("no-comparison");
     });
 
     it("barcode-read uses before-after display", () => {