Release v2.4.0

Add swedish translation

.env.example

@@ -8,7 +8,7 @@ VITE_CORS_PROXY_SECRET=
 # WASM Module URLs
 # Pre-configured defaults enable advanced PDF features out of the box.
 # For air-gapped / offline deployments, point these to your internal server (e.g., /wasm/pymupdf/).
-VITE_WASM_PYMUPDF_URL=https://cdn.jsdelivr.net/npm/@bentopdf/pymupdf-wasm@0.11.14/
+VITE_WASM_PYMUPDF_URL=https://cdn.jsdelivr.net/npm/@bentopdf/pymupdf-wasm@0.11.16/
 VITE_WASM_GS_URL=https://cdn.jsdelivr.net/npm/@bentopdf/gs-wasm/assets/
 VITE_WASM_CPDF_URL=https://cdn.jsdelivr.net/npm/coherentpdf/dist/
 

Dockerfile

@@ -47,6 +47,11 @@ ENV VITE_BRAND_NAME=$VITE_BRAND_NAME
 ENV VITE_BRAND_LOGO=$VITE_BRAND_LOGO
 ENV VITE_FOOTER_TEXT=$VITE_FOOTER_TEXT
 
+ARG VITE_CORS_PROXY_URL
+ARG VITE_CORS_PROXY_SECRET
+ENV VITE_CORS_PROXY_URL=$VITE_CORS_PROXY_URL
+ENV VITE_CORS_PROXY_SECRET=$VITE_CORS_PROXY_SECRET
+
 ENV NODE_OPTIONS="--max-old-space-size=3072"
 
 RUN npm run build:with-docs

Dockerfile.nonroot

@@ -44,6 +44,11 @@ ENV VITE_BRAND_NAME=$VITE_BRAND_NAME
 ENV VITE_BRAND_LOGO=$VITE_BRAND_LOGO
 ENV VITE_FOOTER_TEXT=$VITE_FOOTER_TEXT
 
+ARG VITE_CORS_PROXY_URL
+ARG VITE_CORS_PROXY_SECRET
+ENV VITE_CORS_PROXY_URL=$VITE_CORS_PROXY_URL
+ENV VITE_CORS_PROXY_SECRET=$VITE_CORS_PROXY_SECRET
+
 ENV NODE_OPTIONS="--max-old-space-size=3072"
 
 RUN npm run build:with-docs

README.md

@@ -458,7 +458,7 @@ Advanced PDF features (PyMuPDF, Ghostscript, CoherentPDF) are pre-configured to
 The default URLs are set in `.env.production`:
 
 ```bash
-VITE_WASM_PYMUPDF_URL=https://cdn.jsdelivr.net/npm/@bentopdf/pymupdf-wasm@0.11.14/
+VITE_WASM_PYMUPDF_URL=https://cdn.jsdelivr.net/npm/@bentopdf/pymupdf-wasm@0.11.16/
 VITE_WASM_GS_URL=https://cdn.jsdelivr.net/npm/@bentopdf/gs-wasm/assets/
 VITE_WASM_CPDF_URL=https://cdn.jsdelivr.net/npm/coherentpdf/dist/
 ```

cloudflare/WASM-PROXY.md

@@ -28,7 +28,7 @@ npx wrangler secret put CPDF_SOURCE -c wasm-wrangler.toml
 
 **Recommended Source URLs:**
 
-- PYMUPDF_SOURCE: `https://cdn.jsdelivr.net/npm/@bentopdf/pymupdf-wasm@0.11.14/`
+- PYMUPDF_SOURCE: `https://cdn.jsdelivr.net/npm/@bentopdf/pymupdf-wasm@0.11.16/`
 - GS_SOURCE: `https://cdn.jsdelivr.net/npm/@bentopdf/gs-wasm/assets/`
 - CPDF_SOURCE: `https://cdn.jsdelivr.net/npm/coherentpdf/dist/`
 

docs/self-hosting/docker.md

@@ -92,7 +92,7 @@ docker run -d -p 3000:8080 bentopdf:custom
 | ----------------------- | ------------------------------- | -------------------------------------------------------------- |
 | `SIMPLE_MODE`           | Build without LibreOffice tools | `false`                                                        |
 | `BASE_URL`              | Deploy to subdirectory          | `/`                                                            |
-| `VITE_WASM_PYMUPDF_URL` | PyMuPDF WASM module URL         | `https://cdn.jsdelivr.net/npm/@bentopdf/pymupdf-wasm@0.11.14/` |
+| `VITE_WASM_PYMUPDF_URL` | PyMuPDF WASM module URL         | `https://cdn.jsdelivr.net/npm/@bentopdf/pymupdf-wasm@0.11.16/` |
 | `VITE_WASM_GS_URL`      | Ghostscript WASM module URL     | `https://cdn.jsdelivr.net/npm/@bentopdf/gs-wasm/assets/`       |
 | `VITE_WASM_CPDF_URL`    | CoherentPDF WASM module URL     | `https://cdn.jsdelivr.net/npm/coherentpdf/dist/`               |
 | `VITE_DEFAULT_LANGUAGE` | Default UI language             | `en`                                                           |

docs/self-hosting/index.md

@@ -167,7 +167,7 @@ As of v2.0.0, WASM modules are pre-configured to load from jsDelivr CDN via envi
 These are set in `.env.production` and baked into the build:
 
 ```bash
-VITE_WASM_PYMUPDF_URL=https://cdn.jsdelivr.net/npm/@bentopdf/pymupdf-wasm@0.11.14/
+VITE_WASM_PYMUPDF_URL=https://cdn.jsdelivr.net/npm/@bentopdf/pymupdf-wasm@0.11.16/
 VITE_WASM_GS_URL=https://cdn.jsdelivr.net/npm/@bentopdf/gs-wasm/assets/
 VITE_WASM_CPDF_URL=https://cdn.jsdelivr.net/npm/coherentpdf/dist/
 ```

nginx.conf

@@ -27,6 +27,21 @@ http {
         index index.html;
         absolute_redirect off;
 
+        location ~ ^/(en|ar|be|da|de|es|fr|id|it|nl|pt|tr|vi|zh|zh-TW)(/.*)?$ {
+            try_files $uri $uri/ $uri.html /$1/index.html /index.html;
+            expires 5m;
+            add_header Cache-Control "public, must-revalidate";
+            add_header Cross-Origin-Embedder-Policy "require-corp" always;
+            add_header Cross-Origin-Opener-Policy "same-origin" always;
+        }
+
+        location ~ ^/(.+?)/(en|ar|be|da|de|es|fr|id|it|nl|pt|tr|vi|zh|zh-TW)(/.*)?$ {
+            try_files $uri $uri/ $uri.html /$1/$2/index.html /$1/index.html /index.html;
+            expires 5m;
+            add_header Cache-Control "public, must-revalidate";
+            add_header Cross-Origin-Embedder-Policy "require-corp" always;
+            add_header Cross-Origin-Opener-Policy "same-origin" always;
+        }
 
         location ~* \.html$ {
             expires 1h;
@@ -84,22 +99,6 @@ http {
             add_header Cache-Control "public, immutable";
         }
 
-        location ~ ^/(en|de|es|zh|zh-TW|vi|it|id|tr|fr|pt|be)(/.*)?$ {
-            try_files $uri $uri/ $uri.html /$1/index.html /index.html;
-            expires 5m;
-            add_header Cache-Control "public, must-revalidate";
-            add_header Cross-Origin-Embedder-Policy "require-corp" always;
-            add_header Cross-Origin-Opener-Policy "same-origin" always;
-        }
-
-        location ~ ^/(.+?)/(en|de|es|zh|zh-TW|vi|it|id|tr|fr|pt|be)(/.*)?$ {
-            try_files $uri $uri/ $uri.html /$1/$2/index.html /$1/index.html /index.html;
-            expires 5m;
-            add_header Cache-Control "public, must-revalidate";
-            add_header Cross-Origin-Embedder-Policy "require-corp" always;
-            add_header Cross-Origin-Opener-Policy "same-origin" always;
-        }
-
         location / {
             try_files $uri $uri/ $uri.html /index.html;
             expires 5m;

package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "bento-pdf",
-  "version": "2.2.1",
+  "version": "2.3.3",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "bento-pdf",
-      "version": "2.2.1",
+      "version": "2.3.3",
       "license": "AGPL-3.0-only",
       "dependencies": {
         "@fontsource/cedarville-cursive": "^5.2.7",
@@ -28,6 +28,7 @@
         "@types/papaparse": "^5.5.2",
         "archiver": "^7.0.1",
         "blob-stream": "^0.1.3",
+        "bwip-js": "^4.8.0",
         "cropperjs": "^1.6.1",
         "embedpdf-snippet": "file:vendor/embedpdf/embedpdf-snippet-2.3.0.tgz",
         "heic2any": "^0.0.4",
@@ -36,12 +37,12 @@
         "i18next": "^25.7.2",
         "i18next-browser-languagedetector": "^8.2.0",
         "i18next-http-backend": "^3.0.2",
-        "jspdf": "^4.1.0",
+        "jspdf": "^4.2.0",
         "jspdf-autotable": "^5.0.2",
         "jszip": "^3.10.1",
         "lit": "^3.3.2",
         "lucide": "^0.546.0",
-        "markdown-it": "^14.1.0",
+        "markdown-it": "^14.1.1",
         "markdown-it-abbr": "^2.0.0",
         "markdown-it-anchor": "^9.2.0",
         "markdown-it-deflist": "^3.0.0",
@@ -480,9 +481,9 @@
       }
     },
     "node_modules/@babel/runtime": {
-      "version": "7.28.4",
+      "version": "7.28.6",
-      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.28.4.tgz",
+      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.28.6.tgz",
-      "integrity": "sha512-Q/N6JNWvIvPnLDvjlE1OUBLPQHH6l3CltCEsHIujp45zQUSSh8K+gHnaEX45yAT1nyngnINhvWtzN+Nb9D8RAQ==",
+      "integrity": "sha512-05WQkdpL9COIMz4LjTxGpPNCdlpyimKppYNoJ5Di5EUObifl8t4tuLuUBBZEpoLYOmfvIWrsp9fCl0HoPRVTdA==",
       "license": "MIT",
       "engines": {
         "node": ">=6.9.0"
@@ -5150,6 +5151,15 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/bwip-js": {
+      "version": "4.8.0",
+      "resolved": "https://registry.npmjs.org/bwip-js/-/bwip-js-4.8.0.tgz",
+      "integrity": "sha512-gUDkDHSTv8/DJhomSIbO0fX/Dx0MO/sgllLxJyJfu4WixCQe9nfGJzmHm64ZCbxo+gUYQEsQcRmqcwcwPRwUkg==",
+      "license": "MIT",
+      "bin": {
+        "bwip-js": "bin/bwip-js.js"
+      }
+    },
     "node_modules/cac": {
       "version": "6.7.14",
       "resolved": "https://registry.npmjs.org/cac/-/cac-6.7.14.tgz",
@@ -6432,9 +6442,9 @@
       }
     },
     "node_modules/devalue": {
-      "version": "5.6.2",
+      "version": "5.6.3",
-      "resolved": "https://registry.npmjs.org/devalue/-/devalue-5.6.2.tgz",
+      "resolved": "https://registry.npmjs.org/devalue/-/devalue-5.6.3.tgz",
-      "integrity": "sha512-nPRkjWzzDQlsejL1WVifk5rvcFi/y1onBRxjaFMjZeR9mFpqu2gmAZ9xUB9/IEanEP/vBtGeGganC/GO1fmufg==",
+      "integrity": "sha512-nc7XjUU/2Lb+SvEFVGcWLiKkzfw8+qHI7zn8WYXKkLMgfGSHbgCEaR6bJpev8Cm6Rmrb19Gfd/tZvGqx9is3wg==",
       "license": "MIT",
       "peer": true
     },
@@ -8228,12 +8238,12 @@
       }
     },
     "node_modules/jspdf": {
-      "version": "4.1.0",
+      "version": "4.2.0",
-      "resolved": "https://registry.npmjs.org/jspdf/-/jspdf-4.1.0.tgz",
+      "resolved": "https://registry.npmjs.org/jspdf/-/jspdf-4.2.0.tgz",
-      "integrity": "sha512-xd1d/XRkwqnsq6FP3zH1Q+Ejqn2ULIJeDZ+FTKpaabVpZREjsJKRJwuokTNgdqOU+fl55KgbvgZ1pRTSWCP2kQ==",
+      "integrity": "sha512-hR/hnRevAXXlrjeqU5oahOE+Ln9ORJUB5brLHHqH67A+RBQZuFr5GkbI9XQI8OUFSEezKegsi45QRpc4bGj75Q==",
       "license": "MIT",
       "dependencies": {
-        "@babel/runtime": "^7.28.4",
+        "@babel/runtime": "^7.28.6",
         "fast-png": "^6.2.0",
         "fflate": "^0.8.1"
       },
@@ -9050,9 +9060,9 @@
       "license": "MIT"
     },
     "node_modules/markdown-it": {
-      "version": "14.1.0",
+      "version": "14.1.1",
-      "resolved": "https://registry.npmjs.org/markdown-it/-/markdown-it-14.1.0.tgz",
+      "resolved": "https://registry.npmjs.org/markdown-it/-/markdown-it-14.1.1.tgz",
-      "integrity": "sha512-a54IwgWPaeBCAAsv13YgmALOF1elABB08FxO9i+r4VFk5Vl4pKokRPeX8u5TCgSsPi6ec1otfLjdOpVcgbpshg==",
+      "integrity": "sha512-BuU2qnTti9YKgK5N+IeMubp14ZUKUUw7yeJbkjtosvHiP0AZ5c8IAgEMk79D0eC8F23r4Ac/q8cAIFdm2FtyoA==",
       "license": "MIT",
       "dependencies": {
         "argparse": "^2.0.1",
@@ -10309,9 +10319,9 @@
       }
     },
     "node_modules/qs": {
-      "version": "6.14.1",
+      "version": "6.15.0",
-      "resolved": "https://registry.npmjs.org/qs/-/qs-6.14.1.tgz",
+      "resolved": "https://registry.npmjs.org/qs/-/qs-6.15.0.tgz",
-      "integrity": "sha512-4EK3+xJl8Ts67nLYNwqw/dsFVnCf+qR7RgXSK9jEEm9unao3njwMDdmsdvoKBKHzxd7tCYz5e5M+SnMjdtXGQQ==",
+      "integrity": "sha512-mAZTtNCeetKMH+pSjrb76NAM8V9a05I9aBZOHztWy/UqcJdQYNsf59vrRKWnojAT9Y+GbIvoTBC++CPHqpDBhQ==",
       "dev": true,
       "license": "BSD-3-Clause",
       "dependencies": {
@@ -11442,9 +11452,9 @@
       }
     },
     "node_modules/svelte": {
-      "version": "5.48.2",
+      "version": "5.53.1",
-      "resolved": "https://registry.npmjs.org/svelte/-/svelte-5.48.2.tgz",
+      "resolved": "https://registry.npmjs.org/svelte/-/svelte-5.53.1.tgz",
-      "integrity": "sha512-VPWD+UyoSFZ7Nxix5K/F8yWiKWOiROkLlWYXOZReE0TUycw+58YWB3D6lAKT+57xmN99wRX4H3oZmw0NPy7y3Q==",
+      "integrity": "sha512-WzxFHZhhD23Qzu7JCYdvm1rxvRSzdt9HtHO8TScMBX51bLRFTcJmATVqjqXG+6Ln6hrViGCo9DzwOhAasxwC/w==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -11452,13 +11462,14 @@
         "@jridgewell/sourcemap-codec": "^1.5.0",
         "@sveltejs/acorn-typescript": "^1.0.5",
         "@types/estree": "^1.0.5",
+        "@types/trusted-types": "^2.0.7",
         "acorn": "^8.12.1",
         "aria-query": "^5.3.1",
         "axobject-query": "^4.1.0",
         "clsx": "^2.1.1",
-        "devalue": "^5.6.2",
+        "devalue": "^5.6.3",
         "esm-env": "^1.2.1",
-        "esrap": "^2.2.1",
+        "esrap": "^2.2.2",
         "is-reference": "^3.0.3",
         "locate-character": "^3.0.0",
         "magic-string": "^0.30.11",

package.json

@@ -1,7 +1,7 @@
 {
   "name": "bento-pdf",
   "private": true,
-  "version": "2.3.0",
+  "version": "2.4.0",
   "license": "AGPL-3.0-only",
   "type": "module",
   "scripts": {
@@ -84,6 +84,7 @@
     "@types/papaparse": "^5.5.2",
     "archiver": "^7.0.1",
     "blob-stream": "^0.1.3",
+    "bwip-js": "^4.8.0",
     "cropperjs": "^1.6.1",
     "embedpdf-snippet": "file:vendor/embedpdf/embedpdf-snippet-2.3.0.tgz",
     "heic2any": "^0.0.4",
@@ -92,12 +93,12 @@
     "i18next": "^25.7.2",
     "i18next-browser-languagedetector": "^8.2.0",
     "i18next-http-backend": "^3.0.2",
-    "jspdf": "^4.1.0",
+    "jspdf": "^4.2.0",
     "jspdf-autotable": "^5.0.2",
     "jszip": "^3.10.1",
     "lit": "^3.3.2",
     "lucide": "^0.546.0",
-    "markdown-it": "^14.1.0",
+    "markdown-it": "^14.1.1",
     "markdown-it-abbr": "^2.0.0",
     "markdown-it-anchor": "^9.2.0",
     "markdown-it-deflist": "^3.0.0",

public/locales/ar/tools.json

@@ -92,7 +92,8 @@
   },
   "addWatermark": {
     "name": "إضافة علامة مائية",
-    "subtitle": "ختم نص أو صورة على صفحات PDF الخاصة بك."
+    "subtitle": "ختم نص أو صورة على صفحات PDF الخاصة بك.",
+    "applyToAllPages": "تطبيق على جميع الصفحات"
   },
   "headerFooter": {
     "name": "رأس وتذييل",

public/locales/be/common.json

@@ -67,6 +67,7 @@
     "filesNeverLeave": "Вашы файлы ніколі не пакідаюць прыладу.",
     "addMore": "Дадаць больш файлаў",
     "clearAll": "Ачысціць усё",
+    "clearFiles": "Ачысціць файлы",
     "hints": {
       "singlePdf": "Адзін файл PDF",
       "pdfFile": "Файл PDF",
@@ -253,7 +254,8 @@
     "error": "Памылка",
     "success": "Поспех",
     "file": "Файл",
-    "files": "Файлы"
+    "files": "Файлы",
+    "close": "Зачыніць"
   },
   "about": {
     "hero": {

public/locales/be/tools.json

@@ -92,7 +92,8 @@
   },
   "addWatermark": {
     "name": "Дадаць вадзяны знак",
-    "subtitle": "Накласці на старонкі PDF тэкст або відарыс."
+    "subtitle": "Накласці на старонкі PDF тэкст або відарыс.",
+    "applyToAllPages": "Прымяніць да ўсіх старонак"
   },
   "headerFooter": {
     "name": "Верхні і ніжні калантытул",

public/locales/da/tools.json

@@ -92,7 +92,8 @@
   },
   "addWatermark": {
     "name": "Tilføj vandmærke",
-    "subtitle": "Placer tekst eller et billede oven på dine PDF-sider."
+    "subtitle": "Placer tekst eller et billede oven på dine PDF-sider.",
+    "applyToAllPages": "Anvend på alle sider"
   },
   "headerFooter": {
     "name": "Sidehoved og sidefod",

public/locales/de/tools.json

@@ -92,7 +92,8 @@
   },
   "addWatermark": {
     "name": "Wasserzeichen hinzufügen",
-    "subtitle": "Text oder ein Bild über Ihre PDF-Seiten stempeln."
+    "subtitle": "Text oder ein Bild über Ihre PDF-Seiten stempeln.",
+    "applyToAllPages": "Auf alle Seiten anwenden"
   },
   "headerFooter": {
     "name": "Kopf- & Fußzeile",

public/locales/en/tools.json

@@ -92,7 +92,8 @@
   },
   "addWatermark": {
     "name": "Add Watermark",
-    "subtitle": "Stamp text or an image over your PDF pages."
+    "subtitle": "Stamp text or an image over your PDF pages.",
+    "applyToAllPages": "Apply to all pages"
   },
   "headerFooter": {
     "name": "Header & Footer",

public/locales/es/tools.json

@@ -92,7 +92,8 @@
   },
   "addWatermark": {
     "name": "Agregar Marca de Agua",
-    "subtitle": "Estampa texto o una imagen sobre tus páginas PDF."
+    "subtitle": "Estampa texto o una imagen sobre tus páginas PDF.",
+    "applyToAllPages": "Aplicar a todas las páginas"
   },
   "headerFooter": {
     "name": "Encabezado y Pie de Página",

public/locales/fr/tools.json

@@ -92,7 +92,8 @@
   },
   "addWatermark": {
     "name": "Ajouter un filigrane",
-    "subtitle": "Apposer un texte ou une image sur les pages du PDF."
+    "subtitle": "Apposer un texte ou une image sur les pages du PDF.",
+    "applyToAllPages": "Appliquer à toutes les pages"
   },
   "headerFooter": {
     "name": "En-tête et pied de page",

public/locales/id/tools.json

@@ -92,7 +92,8 @@
   },
   "addWatermark": {
     "name": "Tambah Watermark",
-    "subtitle": "Cap teks atau gambar di atas halaman PDF Anda."
+    "subtitle": "Cap teks atau gambar di atas halaman PDF Anda.",
+    "applyToAllPages": "Terapkan ke semua halaman"
   },
   "headerFooter": {
     "name": "Header & Footer",

public/locales/it/tools.json

@@ -92,7 +92,8 @@
   },
   "addWatermark": {
     "name": "Aggiungi Filigrana",
-    "subtitle": "Applica testo o un'immagine sulle pagine del tuo PDF."
+    "subtitle": "Applica testo o un'immagine sulle pagine del tuo PDF.",
+    "applyToAllPages": "Applica a tutte le pagine"
   },
   "headerFooter": {
     "name": "Intestazione e Piè di Pagina",

public/locales/nl/common.json

@@ -56,7 +56,7 @@
     "title": "Aan de slag met",
     "toolsLabel": "Tools",
     "subtitle": "Klik een tool om de bestandslader te openen",
-    "searchPlaceholder": "Zoek een tool (bijv., 'splitsen', 'organiseren'...)",
+    "searchPlaceholder": "Zoek een tool (bijv. 'splitsen', 'organiseren', ...)",
     "backToTools": "Terug naar Tools",
     "firstLoadNotice": "De eerste keer duurt het even om onze conversiemachine te laden. Daarna gaat alles meteen."
   },
@@ -95,6 +95,15 @@
       "webpImages": "WebP-afbeeldingen"
     }
   },
+  "howItWorks": {
+    "title": "Hoe het werkt",
+    "step1": "Klik of sleep uw bestand hierheen",
+    "step2": "Klik op de verwerkingsknop",
+    "step3": "Sla uw verwerkte bestand direct op"
+  },
+  "relatedTools": {
+    "title": "Gerelateerde PDF-tools"
+  },
   "loader": {
     "processing": "Verwerken..."
   },
@@ -166,6 +175,7 @@
   "faq": {
     "title": "Veelgestelde",
     "questions": "Vragen",
+    "sectionTitle": "Veelgestelde vragen",
     "isFree": {
       "question": "Is BentoPDF echt gratis?",
       "answer": "Ja, absoluut. Alle tools op BentoPDF zijn 100% gratis te gebruiken, zonder bestandslimieten, zonder aanmeldingen en zonder watermerken. Wij vinden dat iedereen toegang verdient tot eenvoudige, krachtige PDF-tools zonder betaalmuur."
@@ -197,8 +207,7 @@
     "analytics": {
       "question": "Gebruikt BentoPDF cookies of analytics om mij te volgen?",
       "answer": "We geven om je privacy. BentoPDF houdt geen persoonlijke gegevens bij. We gebruiken Simple Analytics alleen om anonieme bezoekersaantallen te zien. Dit betekent dat we kunnen weten hoeveel mensen onze site bezoeken, maar we weten nooit wie jij bent. Simple Analytics is volledig AVG-conform en respecteert je privacy."
-    },
+    }
-    "sectionTitle": "Veelgestelde vragen"
   },
   "testimonials": {
     "title": "Wat onze",
@@ -349,17 +358,9 @@
     "error": "Fout",
     "failedToLoad": "Laden is mislukt"
   },
-  "howItWorks": {
-    "title": "Hoe het werkt",
-    "step1": "Klik of sleep uw bestand hierheen",
-    "step2": "Klik op de verwerkingsknop",
-    "step3": "Sla uw verwerkte bestand direct op"
-  },
-  "relatedTools": {
-    "title": "Gerelateerde PDF-tools"
-  },
   "simpleMode": {
     "title": "PDF-tools",
     "subtitle": "Selecteer een tool om te beginnen"
   }
 }
+

public/locales/nl/tools.json

@@ -92,7 +92,8 @@
   },
   "addWatermark": {
     "name": "Watermerk toevoegen",
-    "subtitle": "Tekst of een afbeelding over de pagina's van je PDF stempelen."
+    "subtitle": "Tekst of een afbeelding over de pagina's van je PDF stempelen.",
+    "applyToAllPages": "Toepassen op alle pagina's"
   },
   "headerFooter": {
     "name": "Koptekst & Voettekst",
@@ -617,7 +618,7 @@
     "workflowCompleted": "Werkproces voltooid",
     "errorDuringExecution": "Fout tijdens uitvoering",
     "addNodeError": "Voeg minimaal één knooppunt toe om het werkproces uit te voeren.",
-    "needInputOutput": "Om te kunnen functioneren heeft een werkproces heeft tenminste een invoerknoopunt en een uitvoer-knooppunt nodig.",
+    "needInputOutput": "Het werkproces heeft tenminste een invoerknoopunt en een uitvoer-knooppunt nodig.",
     "enterName": "Voer een naam in.",
     "templateExists": "Er bestaat al een sjabloon met deze naam.",
     "templateSaved": "Sjabloon \"{{name}}\" opgeslagen.",

public/locales/pt/tools.json

@@ -22,7 +22,29 @@
   },
   "compressPdf": {
     "name": "Comprimir PDF",
-    "subtitle": "Reduza o tamanho do arquivo do seu PDF."
+    "subtitle": "Reduza o tamanho do arquivo do seu PDF.",
+    "algorithmLabel": "Algoritmo de Compressão",
+    "condense": "Condense (Recomendado)",
+    "photon": "Photon (Para PDFs com Muitas Fotos)",
+    "condenseInfo": "Condense usa compressão avançada: remove dados desnecessários, otimiza imagens, subconjunta fontes. Ideal para a maioria dos PDFs.",
+    "photonInfo": "Photon converte páginas em imagens. Use para PDFs com muitas fotos/digitalizados.",
+    "photonWarning": "Aviso: O texto ficará não selecionável e os links deixarão de funcionar.",
+    "levelLabel": "Nível de Compressão",
+    "light": "Leve (Preservar Qualidade)",
+    "balanced": "Equilibrado (Recomendado)",
+    "aggressive": "Agressivo (Arquivos Menores)",
+    "extreme": "Extremo (Compressão Máxima)",
+    "grayscale": "Converter para Escala de Cinza",
+    "grayscaleHint": "Reduz o tamanho do arquivo removendo informações de cor",
+    "customSettings": "Configurações Personalizadas",
+    "customSettingsHint": "Ajuste fino dos parâmetros de compressão:",
+    "outputQuality": "Qualidade de Saída",
+    "resizeImagesTo": "Redimensionar Imagens Para",
+    "onlyProcessAbove": "Processar Apenas Acima de",
+    "removeMetadata": "Remover metadados",
+    "subsetFonts": "Subconjunto de fontes (remover glifos não utilizados)",
+    "removeThumbnails": "Remover miniaturas incorporadas",
+    "compressButton": "Comprimir PDF"
   },
   "pdfEditor": {
     "name": "Editor de PDF",
@@ -70,7 +92,8 @@
   },
   "addWatermark": {
     "name": "Adicionar Marca d'Água",
-    "subtitle": "Carimbe texto ou uma imagem sobre as páginas do seu PDF."
+    "subtitle": "Carimbe texto ou uma imagem sobre as páginas do seu PDF.",
+    "applyToAllPages": "Aplicar a todas as páginas"
   },
   "headerFooter": {
     "name": "Cabeçalho e Rodapé",
@@ -207,7 +230,7 @@
     "subtitle": "Converta arquivos PDF para o formato JSON."
   },
   "ocrPdf": {
-    "name": "OCR PDF",
+    "name": "OCR para PDF",
     "subtitle": "Torne um PDF pesquisável e copiável (reconhecimento de texto)."
   },
   "alternateMix": {
@@ -329,192 +352,192 @@
     "subtitle": "Endireite automaticamente páginas digitalizadas inclinadas usando OpenCV."
   },
   "rotateCustom": {
-    "name": "Rotate by Custom Degrees",
+    "name": "Rotacionar em Graus Customizáveis",
-    "subtitle": "Rotate pages by any custom angle."
+    "subtitle": "Rotaciona páginas em qualquer ângulo customizado."
   },
   "odtToPdf": {
-    "name": "ODT to PDF",
+    "name": "ODT para PDF",
-    "subtitle": "Convert OpenDocument Text files to PDF format. Supports multiple files.",
+    "subtitle": "Converte arquivos em formato OpenDocument Text para PDF. Suporta multiplos arquivos.",
-    "acceptedFormats": "ODT files",
+    "acceptedFormats": "Arquivos ODT",
-    "convertButton": "Convert to PDF"
+    "convertButton": "Converter para PDF"
   },
   "csvToPdf": {
-    "name": "CSV to PDF",
+    "name": "CSV para PDF",
-    "subtitle": "Convert CSV spreadsheet files to PDF format. Supports multiple files.",
+    "subtitle": "Converte arquivos de planilhas CSV para PDF. Suporta múltiplos arquivos.",
-    "acceptedFormats": "CSV files",
+    "acceptedFormats": "Arquivos CSV",
-    "convertButton": "Convert to PDF"
+    "convertButton": "Converter para PDF"
   },
   "rtfToPdf": {
-    "name": "RTF to PDF",
+    "name": "RTF para PDF",
-    "subtitle": "Convert Rich Text Format documents to PDF. Supports multiple files.",
+    "subtitle": "Converte documentos Rich Text Format para PDF. Suporta múltiplos arquivos.",
-    "acceptedFormats": "RTF files",
+    "acceptedFormats": "Arquivos RTF",
-    "convertButton": "Convert to PDF"
+    "convertButton": "Converter para PDF"
   },
   "wordToPdf": {
-    "name": "Word to PDF",
+    "name": "Word para PDF",
-    "subtitle": "Convert Word documents (DOCX, DOC, ODT, RTF) to PDF format. Supports multiple files.",
+    "subtitle": "Converte documentos Word documents (DOCX, DOC, ODT, RTF) para PDF. Suporta múltiplos arquivos.",
-    "acceptedFormats": "DOCX, DOC, ODT, RTF files",
+    "acceptedFormats": "Arquivos DOCX, DOC, ODT, RTF",
-    "convertButton": "Convert to PDF"
+    "convertButton": "Converter para PDF"
   },
   "excelToPdf": {
-    "name": "Excel to PDF",
+    "name": "Excel para PDF",
-    "subtitle": "Convert Excel spreadsheets (XLSX, XLS, ODS, CSV) to PDF format. Supports multiple files.",
+    "subtitle": "Converte planilhas Excel (XLSX, XLS, ODS, CSV) para PDF. Suporta múltiplos arquivos.",
-    "acceptedFormats": "XLSX, XLS, ODS, CSV files",
+    "acceptedFormats": "Arquivos XLSX, XLS, ODS, CSV",
-    "convertButton": "Convert to PDF"
+    "convertButton": "Converter para PDF"
   },
   "powerpointToPdf": {
-    "name": "PowerPoint to PDF",
+    "name": "PowerPoint para PDF",
-    "subtitle": "Convert PowerPoint presentations (PPTX, PPT, ODP) to PDF format. Supports multiple files.",
+    "subtitle": "Converte apresentações PowerPoint (PPTX, PPT, ODP) para PDF. Suporta múltiplos arquivos.",
-    "acceptedFormats": "PPTX, PPT, ODP files",
+    "acceptedFormats": "Arquivos PPTX, PPT, ODP",
-    "convertButton": "Convert to PDF"
+    "convertButton": "Converter para PDF"
   },
   "markdownToPdf": {
-    "name": "Markdown to PDF",
+    "name": "Markdown para PDF",
-    "subtitle": "Write or paste Markdown and export it as a beautifully formatted PDF.",
+    "subtitle": "Escreva ou cole Markdown e exporte como um belo formato PDF.",
     "paneMarkdown": "Markdown",
-    "panePreview": "Preview",
+    "panePreview": "Pré-visualizar",
     "btnUpload": "Upload",
-    "btnSyncScroll": "Sync Scroll",
+    "btnSyncScroll": "Sincronizar Scroll",
-    "btnSettings": "Settings",
+    "btnSettings": "Configurações",
-    "btnExportPdf": "Export PDF",
+    "btnExportPdf": "Exportar PDF",
-    "settingsTitle": "Markdown Settings",
+    "settingsTitle": "Configurações Markdown",
-    "settingsPreset": "Preset",
+    "settingsPreset": "Predefinição",
-    "presetDefault": "Default (GFM-like)",
+    "presetDefault": "Padrão (tipo GFM)",
-    "presetCommonmark": "CommonMark (strict)",
+    "presetCommonmark": "CommonMark (extrito)",
-    "presetZero": "Minimal (no features)",
+    "presetZero": "Mínimo (sem features)",
-    "settingsOptions": "Markdown Options",
+    "settingsOptions": "Opções de Markdown",
-    "optAllowHtml": "Allow HTML tags",
+    "optAllowHtml": "Permitir tags HTML",
-    "optBreaks": "Convert newlines to <br>",
+    "optBreaks": "Converter novas linhas em <br>",
-    "optLinkify": "Auto-convert URLs to links",
+    "optLinkify": "Auto-converter URLs para links",
-    "optTypographer": "Typographer (smart quotes, etc.)"
+    "optTypographer": "Tipógrafo (aspas inteligentes, etc.)"
   },
   "pdfBooklet": {
     "name": "PDF Booklet",
-    "subtitle": "Rearrange pages for double-sided booklet printing. Fold and staple to create a booklet.",
+    "subtitle": "Reordena páginas para impressão de livreto frente e verso. Dobre e grampeie para criar um livreto.",
-    "howItWorks": "How it works:",
+    "howItWorks": "Como funciona:",
-    "step1": "Upload a PDF file.",
+    "step1": "Faça o upload de um arquivo PDF.",
-    "step2": "Pages will be rearranged in booklet order.",
+    "step2": "As páginas serão reordenadas na ordem de livretos.",
-    "step3": "Print double-sided, flip on short edge, fold and staple.",
+    "step3": "Imprima frente e verso, vire pelo topo, dobre e grampeie.",
-    "paperSize": "Paper Size",
+    "paperSize": "Tamanho do Papel",
-    "orientation": "Orientation",
+    "orientation": "Orientação",
-    "portrait": "Portrait",
+    "portrait": "Retrato",
-    "landscape": "Landscape",
+    "landscape": "Paisagem",
-    "pagesPerSheet": "Pages per Sheet",
+    "pagesPerSheet": "Páginas por Folha",
-    "createBooklet": "Create Booklet",
+    "createBooklet": "Criar Livreto",
-    "processing": "Processing...",
+    "processing": "Processando...",
-    "pageCount": "Page count will be padded to multiple of 4 if needed."
+    "pageCount": "A contagem de páginas será ajustada para um múltiplo de 4, caso necessário."
   },
   "xpsToPdf": {
-    "name": "XPS to PDF",
+    "name": "XPS para PDF",
-    "subtitle": "Convert XPS/OXPS documents to PDF format. Supports multiple files.",
+    "subtitle": "Converte XPS/OXPS para PDF. Suporta múltiplos arquivos.",
-    "acceptedFormats": "XPS, OXPS files",
+    "acceptedFormats": "Arquivos XPS, OXPS",
-    "convertButton": "Convert to PDF"
+    "convertButton": "Converter para PDF"
   },
   "mobiToPdf": {
-    "name": "MOBI to PDF",
+    "name": "MOBI para PDF",
-    "subtitle": "Convert MOBI e-books to PDF format. Supports multiple files.",
+    "subtitle": "Converte e-books MOBI para PDF. Suporta múltiplos arquivos.",
-    "acceptedFormats": "MOBI files",
+    "acceptedFormats": "Arquivos MOBI",
-    "convertButton": "Convert to PDF"
+    "convertButton": "Converter para PDF"
   },
   "epubToPdf": {
-    "name": "EPUB to PDF",
+    "name": "EPUB para PDF",
-    "subtitle": "Convert EPUB e-books to PDF format. Supports multiple files.",
+    "subtitle": "Converte e-books EPUB para PDF. Suporta múltiplos arquivos.",
-    "acceptedFormats": "EPUB files",
+    "acceptedFormats": "Arquivos EPUB",
-    "convertButton": "Convert to PDF"
+    "convertButton": "Converter para PDF"
   },
   "fb2ToPdf": {
-    "name": "FB2 to PDF",
+    "name": "FB2 para PDF",
-    "subtitle": "Convert FictionBook (FB2) e-books to PDF format. Supports multiple files.",
+    "subtitle": "Converte e-books FictionBook (FB2) para PDF. Suporta múltiplos arquivos.",
-    "acceptedFormats": "FB2 files",
+    "acceptedFormats": "Arquivos FB2",
-    "convertButton": "Convert to PDF"
+    "convertButton": "Converter para PDF"
   },
   "cbzToPdf": {
-    "name": "CBZ to PDF",
+    "name": "CBZ para PDF",
-    "subtitle": "Convert comic book archives (CBZ/CBR) to PDF format. Supports multiple files.",
+    "subtitle": "Converte comic book archives (CBZ/CBR) para PDF. Suporta múltiplos arquivos.",
-    "acceptedFormats": "CBZ, CBR files",
+    "acceptedFormats": "Arquivos CBZ, CBR",
-    "convertButton": "Convert to PDF"
+    "convertButton": "Converter para PDF"
   },
   "wpdToPdf": {
-    "name": "WPD to PDF",
+    "name": "WPD para PDF",
-    "subtitle": "Convert WordPerfect documents (WPD) to PDF format. Supports multiple files.",
+    "subtitle": "Converte WordPerfect (WPD) para PDF. Suporta múltiplos arquivos.",
-    "acceptedFormats": "WPD files",
+    "acceptedFormats": "Arquivos WPD",
-    "convertButton": "Convert to PDF"
+    "convertButton": "Converter para PDF"
   },
   "wpsToPdf": {
-    "name": "WPS to PDF",
+    "name": "WPS para PDF",
-    "subtitle": "Convert WPS Office documents to PDF format. Supports multiple files.",
+    "subtitle": "Converte WPS Office para PDF. Suporta múltiplos arquivos.",
-    "acceptedFormats": "WPS files",
+    "acceptedFormats": "Arquivos WPS",
-    "convertButton": "Convert to PDF"
+    "convertButton": "Converter para PDF"
   },
   "xmlToPdf": {
-    "name": "XML to PDF",
+    "name": "XML para PDF",
-    "subtitle": "Convert XML documents to PDF format. Supports multiple files.",
+    "subtitle": "Converte XML para PDF. Suporta múltiplos arquivos.",
-    "acceptedFormats": "XML files",
+    "acceptedFormats": "Arquivos XML",
-    "convertButton": "Convert to PDF"
+    "convertButton": "Converter para PDF"
   },
   "pagesToPdf": {
-    "name": "Pages to PDF",
+    "name": "Pages para PDF",
-    "subtitle": "Convert Apple Pages documents to PDF format. Supports multiple files.",
+    "subtitle": "Converte Apple Pages para PDF. Suporta múltiplos arquivos.",
-    "acceptedFormats": "Pages files",
+    "acceptedFormats": "Arquivos Pages",
-    "convertButton": "Convert to PDF"
+    "convertButton": "Converter para PDF"
   },
   "odgToPdf": {
-    "name": "ODG to PDF",
+    "name": "ODG para PDF",
-    "subtitle": "Convert OpenDocument Graphics (ODG) files to PDF format. Supports multiple files.",
+    "subtitle": "Converte OpenDocument Graphics (ODG) para PDF. Suporta múltiplos arquivos.",
-    "acceptedFormats": "ODG files",
+    "acceptedFormats": "Arquivos ODG",
-    "convertButton": "Convert to PDF"
+    "convertButton": "Converter para PDF"
   },
   "odsToPdf": {
-    "name": "ODS to PDF",
+    "name": "ODS para PDF",
-    "subtitle": "Convert OpenDocument Spreadsheet (ODS) files to PDF format. Supports multiple files.",
+    "subtitle": "Converte OpenDocument Spreadsheet (ODS) para PDF. Suporta múltiplos arquivos.",
-    "acceptedFormats": "ODS files",
+    "acceptedFormats": "Arquivos ODS",
-    "convertButton": "Convert to PDF"
+    "convertButton": "Converter para PDF"
   },
   "odpToPdf": {
-    "name": "ODP to PDF",
+    "name": "ODP para PDF",
-    "subtitle": "Convert OpenDocument Presentation (ODP) files to PDF format. Supports multiple files.",
+    "subtitle": "Converte OpenDocument Presentation (ODP) para PDF. Suporta múltiplos arquivos.",
-    "acceptedFormats": "ODP files",
+    "acceptedFormats": "Arquivos ODP",
-    "convertButton": "Convert to PDF"
+    "convertButton": "Converter para PDF"
   },
   "pubToPdf": {
-    "name": "PUB to PDF",
+    "name": "PUB para PDF",
-    "subtitle": "Convert Microsoft Publisher (PUB) files to PDF format. Supports multiple files.",
+    "subtitle": "Converte Microsoft Publisher (PUB) para PDF. Suporta múltiplos arquivos.",
-    "acceptedFormats": "PUB files",
+    "acceptedFormats": "Arquivos PUB",
-    "convertButton": "Convert to PDF"
+    "convertButton": "Converter para PDF"
   },
   "vsdToPdf": {
-    "name": "VSD to PDF",
+    "name": "VSD para PDF",
-    "subtitle": "Convert Microsoft Visio (VSD, VSDX) files to PDF format. Supports multiple files.",
+    "subtitle": "Converte Microsoft Visio (VSD, VSDX) para PDF. Suporta múltiplos arquivos.",
-    "acceptedFormats": "VSD, VSDX files",
+    "acceptedFormats": "Arquivos VSD, VSDX",
-    "convertButton": "Convert to PDF"
+    "convertButton": "Converter para PDF"
   },
   "psdToPdf": {
-    "name": "PSD to PDF",
+    "name": "PSD para PDF",
-    "subtitle": "Convert Adobe Photoshop (PSD) files to PDF format. Supports multiple files.",
+    "subtitle": "Converte Adobe Photoshop (PSD) para PDF. Suporta múltiplos arquivos.",
-    "acceptedFormats": "PSD files",
+    "acceptedFormats": "Arquivos PSD",
-    "convertButton": "Convert to PDF"
+    "convertButton": "Converter para PDF"
   },
   "pdfToSvg": {
-    "name": "PDF to SVG",
+    "name": "PDF para SVG",
-    "subtitle": "Convert each page of a PDF file into a scalable vector graphic (SVG) for perfect quality at any size."
+    "subtitle": "Converte cada página de um arquivo PDF em um scalable vector graphic (SVG) para qualidade perfeita em qualquer tamanho."
   },
   "extractTables": {
-    "name": "Extract PDF Tables",
+    "name": "Extrair Tabelas PDF",
-    "subtitle": "Extract tables from PDF files and export as CSV, JSON, or Markdown."
+    "subtitle": "Extrai tabelas de arquivos PDF e exporta como CSV, JSON, ou Markdown."
   },
   "pdfToCsv": {
-    "name": "PDF to CSV",
+    "name": "PDF para CSV",
-    "subtitle": "Extract tables from PDF and convert to CSV format."
+    "subtitle": "Extrai tabelas do PDF e converte em CSV."
   },
   "pdfToExcel": {
-    "name": "PDF to Excel",
+    "name": "PDF para Excel",
-    "subtitle": "Extract tables from PDF and convert to Excel (XLSX) format."
+    "subtitle": "Extrai tabelas do PDF e converte em Excel (XLSX)."
   },
   "pdfToText": {
-    "name": "PDF to Text",
+    "name": "PDF para Texto",
-    "subtitle": "Extract text from PDF files and save as plain text (.txt). Supports multiple files.",
+    "subtitle": "Extrai texto de arquivos PDF e salva como texto simples (.txt). Suporta múltiplos arquivos.",
-    "note": "This tool works ONLY with digitally created PDFs. For scanned documents or image-based PDFs, use our OCR PDF tool instead.",
+    "note": "Esta ferrament funciona SOMENTE com PDFs criados digitalmente. Para documentos escaneados ou PDFs baseados em imagens, use nossa ferramenta OCR para PDF no lugar.",
-    "convertButton": "Extract Text"
+    "convertButton": "Extrair Texto"
   },
   "digitalSignPdf": {
     "name": "Assinatura Digital PDF",

public/locales/sv/common.json

@@ -0,0 +1,365 @@
+{
+  "nav": {
+    "home": "Hem",
+    "about": "Om",
+    "contact": "Kontakt",
+    "licensing": "Licensiering",
+    "allTools": "Alla verktyg",
+    "openMainMenu": "Öppna huvudmenyn",
+    "language": "Språk"
+  },
+  "donation": {
+    "message": "Gillar du BentoPDF? Hjälp oss att hålla det gratis och öppen källkod!",
+    "button": "Donera"
+  },
+  "hero": {
+    "title": " ",
+    "pdfToolkit": "PDF-verktygslådan",
+    "builtForPrivacy": "byggd för integritet",
+    "noSignups": "Inga konton",
+    "unlimitedUse": "Obegränsad användning",
+    "worksOffline": "Fungerar offline",
+    "startUsing": "Börja använda nu"
+  },
+  "usedBy": {
+    "title": "Används av företag och personer som arbetar på"
+  },
+  "features": {
+    "title": "Varför välja",
+    "bentoPdf": "BentoPDF?",
+    "noSignup": {
+      "title": "Ingen registrering",
+      "description": "Börja direkt, inga konton eller e-postadresser."
+    },
+    "noUploads": {
+      "title": "Inga uppladdningar",
+      "description": "100% på klientsidan, dina filer lämnar aldrig din enhet."
+    },
+    "foreverFree": {
+      "title": "Gratis för alltid",
+      "description": "Alla verktyg, inga provperioder, inga betalväggar."
+    },
+    "noLimits": {
+      "title": "Inga begränsningar",
+      "description": "Använd så mycket du vill, inga dolda gränser."
+    },
+    "batchProcessing": {
+      "title": "Batchbearbetning",
+      "description": "Hantera obegränsade PDF-filer på en gång."
+    },
+    "lightningFast": {
+      "title": "Blixtrande snabb",
+      "description": "Bearbeta PDF-filer direkt, utan väntan eller förseningar."
+    }
+  },
+  "tools": {
+    "title": "Kom igång med",
+    "toolsLabel": "verktyg",
+    "subtitle": "Klicka på ett verktyg för att öppna filväljaren",
+    "searchPlaceholder": "Sök efter ett verktyg (t.ex. 'dela', 'organisera'...)",
+    "backToTools": "Tillbaka till verktyg",
+    "firstLoadNotice": "Första laddningen tar ett ögonblick eftersom vi hämtar vår konverteringsmotor. Därefter blir alla laddningar omedelbara."
+  },
+  "upload": {
+    "clickToSelect": "Klicka för att välja en fil",
+    "orDragAndDrop": "eller dra och släpp",
+    "pdfOrImages": "PDF-filer eller bilder",
+    "filesNeverLeave": "Dina filer lämnar aldrig din enhet.",
+    "addMore": "Lägg till fler filer",
+    "clearAll": "Rensa allt",
+    "clearFiles": "Rensa filer",
+    "hints": {
+      "singlePdf": "Ett enskilt PDF-dokument",
+      "pdfFile": "PDF-fil",
+      "multiplePdfs2": "Flera PDF-filer (minst 2)",
+      "bmpImages": "BMP-bilder",
+      "oneOrMorePdfs": "En eller flera PDF-filer",
+      "pdfDocuments": "PDF-dokument",
+      "oneOrMoreCsv": "En eller flera CSV-filer",
+      "multiplePdfsSupported": "Flera PDF-filer stöds",
+      "singleOrMultiplePdfs": "Enskild eller flera PDF-filer stöds",
+      "singlePdfFile": "Enskild PDF-fil",
+      "pdfWithForms": "PDF-fil med formulärfält",
+      "heicImages": "HEIC/HEIF-bilder",
+      "jpgImages": "JPG, JPEG, JP2, JPX-bilder",
+      "pdfsOrImages": "PDF-filer eller bilder",
+      "oneOrMoreOdt": "En eller flera ODT-filer",
+      "singlePdfOnly": "Endast enskild PDF-fil",
+      "pdfFiles": "PDF-filer",
+      "multiplePdfs": "Flera PDF-filer",
+      "pngImages": "PNG-bilder",
+      "pdfFilesOneOrMore": "PDF-filer (en eller flera)",
+      "oneOrMoreRtf": "En eller flera RTF-filer",
+      "svgGraphics": "SVG-grafik",
+      "tiffImages": "TIFF-bilder",
+      "webpImages": "WebP-bilder"
+    }
+  },
+  "howItWorks": {
+    "title": "Så här fungerar det",
+    "step1": "Klicka eller dra och släpp din fil för att börja",
+    "step2": "Klicka på bearbeta-knappen för att starta",
+    "step3": "Spara din bearbetade fil direkt"
+  },
+  "relatedTools": {
+    "title": "Relaterade PDF-verktyg"
+  },
+  "loader": {
+    "processing": "Bearbetar..."
+  },
+  "alert": {
+    "title": "Varning",
+    "ok": "OK"
+  },
+  "preview": {
+    "title": "Förhandsvisning",
+    "downloadAsPdf": "Ladda ner som PDF",
+    "close": "Stäng"
+  },
+  "settings": {
+    "title": "Inställningar",
+    "shortcuts": "Genvägar",
+    "preferences": "Inställningar",
+    "displayPreferences": "Visningsinställningar",
+    "searchShortcuts": "Sök genvägar...",
+    "shortcutsInfo": "Håll ned tangenterna för att ställa in en genväg. Ändringar sparas automatiskt.",
+    "shortcutsWarning": "⚠️ Undvik vanliga webbläsargenvägar (Cmd/Ctrl+W, Cmd/Ctrl+T, Cmd/Ctrl+N osv.) eftersom de kanske inte fungerar tillförlitligt.",
+    "import": "Importera",
+    "export": "Exportera",
+    "resetToDefaults": "Återställ till standard",
+    "fullWidthMode": "Fullbreddsläge",
+    "fullWidthDescription": "Använd hela skärmbredden för alla verktyg istället för en centrerad behållare",
+    "settingsAutoSaved": "Inställningar sparas automatiskt",
+    "clickToSet": "Klicka för att ställa in",
+    "pressKeys": "Tryck tangenter...",
+    "warnings": {
+      "alreadyInUse": "Genvägen används redan",
+      "assignedTo": "är redan tilldelad till:",
+      "chooseDifferent": "Välj en annan genväg.",
+      "reserved": "Reserverad genvägsvarning",
+      "commonlyUsed": "används vanligtvis för:",
+      "unreliable": "Den här genvägen fungerar kanske inte tillförlitligt eller kan komma i konflikt med webbläsarens/systemets beteende.",
+      "useAnyway": "Vill du använda den ändå?",
+      "resetTitle": "Återställ genvägar",
+      "resetMessage": "Är du säker på att du vill återställa alla genvägar till standard?<br><br>Den här åtgärden kan inte ångras.",
+      "importSuccessTitle": "Import lyckades",
+      "importSuccessMessage": "Genvägar importerades!",
+      "importFailTitle": "Import misslyckades",
+      "importFailMessage": "Det gick inte att importera genvägar. Ogiltigt filformat."
+    }
+  },
+  "warning": {
+    "title": "Varning",
+    "cancel": "Avbryt",
+    "proceed": "Fortsätt"
+  },
+  "compliance": {
+    "title": "Dina data lämnar aldrig din enhet",
+    "weKeep": "Vi håller",
+    "yourInfoSafe": "din information säker",
+    "byFollowingStandards": "genom att följa globala säkerhetsstandarder.",
+    "processingLocal": "All bearbetning sker lokalt på din enhet.",
+    "gdpr": {
+      "title": "GDPR-efterlevnad",
+      "description": "Skyddar personuppgifter och integritet för individer inom Europeiska unionen."
+    },
+    "ccpa": {
+      "title": "CCPA-efterlevnad",
+      "description": "Ger Kaliforniens residenter rättigheter över hur deras personliga information samlas in, används och delas."
+    },
+    "hipaa": {
+      "title": "HIPAA-efterlevnad",
+      "description": "Fastställer skyddsåtgärder för hantering av känslig hälsoinformation i det amerikanska sjukvårdssystemet."
+    }
+  },
+  "faq": {
+    "title": "Vanliga",
+    "questions": "frågor",
+    "sectionTitle": "Vanliga frågor och svar",
+    "isFree": {
+      "question": "Är BentoPDF verkligen gratis?",
+      "answer": "Ja, absolut. Alla verktyg på BentoPDF är 100% gratis att använda, utan filgränser, utan registreringar och utan vattenstämplar. Vi tror att alla förtjänar tillgång till enkla, kraftfulla PDF-verktyg utan en betalvägg."
+    },
+    "areFilesSecure": {
+      "question": "Är mina filer säkra? Var bearbetas de?",
+      "answer": "Dina filer är så säkra som möjligt eftersom de aldrig lämnar din dator. All bearbetning sker direkt i din webbläsare (klientsida). Vi laddar aldrig upp dina filer till en server, så du har fullständig integritet och kontroll över dina dokument."
+    },
+    "platforms": {
+      "question": "Fungerar det på Mac, Windows och mobil?",
+      "answer": "Ja! Eftersom BentoPDF körs helt i din webbläsare fungerar det på alla operativsystem med en modern webbläsare, inklusive Windows, macOS, Linux, iOS och Android."
+    },
+    "gdprCompliant": {
+      "question": "Är BentoPDF GDPR-kompatibelt?",
+      "answer": "Ja. BentoPDF är fullt GDPR-kompatibelt. Eftersom all filbearbetning sker lokalt i din webbläsare och vi aldrig samlar in eller överför dina filer till någon server, har vi ingen tillgång till dina data. Detta säkerställer att du alltid har kontroll över dina dokument."
+    },
+    "dataStorage": {
+      "question": "Lagrar eller spårar ni några av mina filer?",
+      "answer": "Nej. Vi lagrar, spårar eller loggar aldrig dina filer. Allt du gör på BentoPDF händer i din webbläsares minne och försvinner när du stänger sidan. Det finns inga uppladdningar, inga historikloggar och inga servrar inblandade."
+    },
+    "different": {
+      "question": "Vad gör BentoPDF annorlunda från andra PDF-verktyg?",
+      "answer": "De flesta PDF-verktyg laddar upp dina filer till en server för bearbetning. BentoPDF gör aldrig det. Vi använder säker, modern webbteknik för att bearbeta dina filer direkt i din webbläsare. Detta innebär snabbare prestanda, starkare integritet och fullständig trygghet."
+    },
+    "browserBased": {
+      "question": "Hur håller webbläsarbaserad bearbetning mig säker?",
+      "answer": "Genom att köras helt inne i din webbläsare säkerställer BentoPDF att dina filer aldrig lämnar din enhet. Detta eliminerar riskerna för serverhack, dataintrång eller obehörig åtkomst. Dina filer förblir dina - alltid."
+    },
+    "analytics": {
+      "question": "Använder ni cookies eller analys för att spåra mig?",
+      "answer": "Vi bryr oss om din integritet. BentoPDF spårar inte personlig information. Vi använder Simple Analytics enbart för att se anonyma besöksantal. Det betyder att vi kan se hur många användare som besöker vår site, men vi vet aldrig vem du är. Simple Analytics är fullt GDPR-kompatibelt och respekterar din integritet."
+    }
+  },
+  "testimonials": {
+    "title": "Vad våra",
+    "users": "användare",
+    "say": "säger"
+  },
+  "support": {
+    "title": "Gillar du mitt arbete?",
+    "description": "BentoPDF är ett passionerat projekt, byggt för att erbjuda en gratis, privat och kraftfull PDF-verktygslåda för alla. Om du tycker det är användbart, överväg att stödja utvecklingen. Varje kaffe hjälper!",
+    "buyMeCoffee": "Buy Me a Coffee"
+  },
+  "footer": {
+    "copyright": "© 2026 BentoPDF. Alla rättigheter reserverade.",
+    "version": "Version",
+    "company": "Företag",
+    "aboutUs": "Om oss",
+    "faqLink": "FAQ",
+    "contactUs": "Kontakta oss",
+    "legal": "Juridiskt",
+    "termsAndConditions": "Villkor",
+    "privacyPolicy": "Integritetspolicy",
+    "followUs": "Följ oss"
+  },
+  "merge": {
+    "title": "Sammanfoga PDF:er",
+    "description": "Kombinera hela filer eller välj specifika sidor att sammanfoga till ett nytt dokument.",
+    "fileMode": "Filläge",
+    "pageMode": "Sidoläge",
+    "howItWorks": "Så här fungerar det:",
+    "fileModeInstructions": [
+      "Klicka och dra ikonen för att ändra ordningen på filerna.",
+      "I rutan \"Sidor\" för varje fil kan du ange intervall (t.ex. \"1-3, 5\") för att sammanfoga endast de sidorna.",
+      "Lämna rutan \"Sidor\" tom för att inkludera alla sidor från den filen."
+    ],
+    "pageModeInstructions": [
+      "Alla sidor från dina uppladdade PDF:er visas nedan.",
+      "Dra och släpp sidminiyrbilderna för att skapa den ordning du vill ha för din nya fil."
+    ],
+    "mergePdfs": "Sammanfoga PDF:er"
+  },
+  "common": {
+    "page": "Sida",
+    "pages": "Sidor",
+    "of": "av",
+    "download": "Ladda ner",
+    "cancel": "Avbryt",
+    "save": "Spara",
+    "delete": "Ta bort",
+    "edit": "Redigera",
+    "add": "Lägg till",
+    "remove": "Ta bort",
+    "loading": "Laddar...",
+    "error": "Fel",
+    "success": "Klart",
+    "file": "Fil",
+    "files": "Filer",
+    "close": "Stäng"
+  },
+  "about": {
+    "hero": {
+      "title": "Vi tror att PDF-verktyg ska vara",
+      "subtitle": "snabba, privata och gratis.",
+      "noCompromises": "Inga kompromisser."
+    },
+    "mission": {
+      "title": "Vårt uppdrag",
+      "description": "Att tillhandahålla den mest omfattande PDF-verktygslådan som respekterar din integritet och aldrig ber om betalning. Vi tycker att viktiga dokumentverktyg ska vara tillgängliga för alla, överallt, utan hinder."
+    },
+    "philosophy": {
+      "label": "Vår kärnfilosofi",
+      "title": "Integritet först. Alltid.",
+      "description": "I en tid där data är en handelsvara tar vi en annan väg. All bearbetning i BentoPDF sker lokalt i din webbläsare. Detta dina filer betyder att aldrig rör våra servrar, vi ser aldrig dina dokument och vi spårar inte vad du gör. Dina dokument förblir helt och hållet privata. Det är inte bara en funktion - det är vår grund."
+    },
+    "whyBentopdf": {
+      "title": "Varför",
+      "speed": {
+        "title": "Byggd för hastighet",
+        "description": "Ingen väntan på uppladdningar eller nedladdningar till en server. Genom att bearbeta filer direkt i din webbläsare med moderna webbteknologier som WebAssembly erbjuder vi oöverträffad hastighet för alla våra verktyg."
+      },
+      "free": {
+        "title": "Helt gratis",
+        "description": "Inga provperioder, inga prenumerationer, inga dolda avgifter och inga \"premium\"-funktioner bakom en spärr. Vi tycker att kraftfulla PDF-verktyg ska vara en allmän nyttighet, inte en vinstmaskin."
+      },
+      "noAccount": {
+        "title": "Inget konto krävs",
+        "description": "Börja använda vilket verktyg som helst direkt. Vi behöver inte din e-post, ett lösenord eller någon personlig information. Ditt arbetsflöde ska vara friktionsfritt och anonymt."
+      },
+      "openSource": {
+        "title": "Öppen källkod-anda",
+        "description": "Byggd med transparens i åtanke. Vi använder fantastiska öppna källkodsbibliotek som PDF-lib och PDF.js, och tror på community-driven utveckling för att göra kraftfulla verktyg tillgängliga för alla."
+      }
+    },
+    "cta": {
+      "title": "Redo att komma igång?",
+      "description": "Gå med i tusentals användare som litar på Bentopdf för sina dagliga dokumentbehov. Upplev skillnaden som integritet och prestanda kan göra.",
+      "button": "Utforska alla verktyg"
+    }
+  },
+  "contact": {
+    "title": "Kontakta oss",
+    "subtitle": "Vi vill gärna höra från dig. Oavsett om du har frågor, feedback eller funktionsförslag - tveka inte att höra av dig.",
+    "email": "Du kan nå oss direkt via e-post på:"
+  },
+  "licensing": {
+    "title": "Licenser för",
+    "subtitle": "Välj den licens som passar dina behov."
+  },
+  "multiTool": {
+    "uploadPdfs": "Ladda upp PDF:er",
+    "upload": "Ladda upp",
+    "addBlankPage": "Lägg till tom sida",
+    "edit": "Redigera:",
+    "undo": "Ångra",
+    "redo": "Gör om",
+    "reset": "Återställ",
+    "selection": "Markering:",
+    "selectAll": "Markera alla",
+    "deselectAll": "Avmarkera alla",
+    "rotate": "Rotera:",
+    "rotateLeft": "Vänster",
+    "rotateRight": "Höger",
+    "transform": "Transformera:",
+    "duplicate": "Duplicera",
+    "split": "Dela",
+    "clear": "Rensa:",
+    "delete": "Ta bort",
+    "download": "Ladda ner:",
+    "downloadSelected": "Ladda ner markerade",
+    "exportPdf": "Exportera PDF",
+    "uploadPdfFiles": "Välj PDF-filer",
+    "dragAndDrop": "Dra och släpp PDF-filer här, eller klicka för att välja",
+    "selectFiles": "Välj filer",
+    "renderingPages": "Renderar sidor...",
+    "actions": {
+      "duplicatePage": "Duplicera denna sida",
+      "deletePage": "Ta bort denna sida",
+      "insertPdf": "Infoga PDF efter denna sida",
+      "toggleSplit": "Växla delning efter denna sida"
+    },
+    "pleaseWait": "Vänligen vänta",
+    "pagesRendering": "Sidor renderas fortfarande. Vänligen vänta...",
+    "noPagesSelected": "Inga sidor markerade",
+    "selectOnePage": "Vänligen välj minst en sida att ladda ner.",
+    "noPages": "Inga sidor",
+    "noPagesToExport": "Det finns inga sidor att exportera.",
+    "renderingTitle": "Renderar sidförhandsvisningar",
+    "errorRendering": "Det gick inte att rendera sidminiatyrer",
+    "error": "Fel",
+    "failedToLoad": "Det gick inte att ladda"
+  },
+  "simpleMode": {
+    "title": "PDF-verktyg",
+    "subtitle": "Välj ett verktyg för att komma igång"
+  }
+}

public/locales/sv/tools.json

@@ -0,0 +1,630 @@
+{
+  "categories": {
+    "popularTools": "Populära verktyg",
+    "editAnnotate": "Redigera & Kommentera",
+    "convertToPdf": "Konvertera till PDF",
+    "convertFromPdf": "Konvertera från PDF",
+    "organizeManage": "Organisera & Hantera",
+    "optimizeRepair": "Optimera & Reparera",
+    "securePdf": "Säkra PDF"
+  },
+  "pdfMultiTool": {
+    "name": "PDF multiverktyg",
+    "subtitle": "Sammanfoga, dela, organisera, ta bort, rotera, lägg till tomma sidor, extrahera och duplicera i ett enhetligt gränssnitt."
+  },
+  "mergePdf": {
+    "name": "Sammanfoga PDF",
+    "subtitle": "Kombinera flera PDF-filer till en fil. Bevarar bokmärken."
+  },
+  "splitPdf": {
+    "name": "Dela PDF",
+    "subtitle": "Extrahera ett intervall av sidor till en ny PDF."
+  },
+  "compressPdf": {
+    "name": "Komprimera PDF",
+    "subtitle": "Minska filstorleken på din PDF.",
+    "algorithmLabel": "Komprimeringsalgoritm",
+    "condense": "Kondensera (Rekommenderas)",
+    "photon": "Foton (För foto-tunga PDF:er)",
+    "condenseInfo": "Kondensera använder avancerad komprimering: tar bort död vikt, optimerar bilder, undergrupperar typsnitt. Bäst för de flesta PDF:er.",
+    "photonInfo": "Foton konverterar sidor till bilder. Använd för foto-tunga/scannade PDF:er.",
+    "photonWarning": "Varning: Text blir icke-valbar och länkarna slutar fungera.",
+    "levelLabel": "Komprimeringsnivå",
+    "light": "Lätt (Bevara kvalitet)",
+    "balanced": "Balanserad (Rekommenderas)",
+    "aggressive": "Aggressiv (Mindre filer)",
+    "extreme": "Extreme (Maximal komprimering)",
+    "grayscale": "Konvertera till gråskala",
+    "grayscaleHint": "Minskar filstorleken genom att ta bort färginformation",
+    "customSettings": "Anpassade inställningar",
+    "customSettingsHint": "Finjustera komprimeringsparametrar:",
+    "outputQuality": "Utdatakvalitet",
+    "resizeImagesTo": "Ändra bildstorlek till",
+    "onlyProcessAbove": "Bearbeta endast över",
+    "removeMetadata": "Ta bort metadata",
+    "subsetFonts": "Undergruppera typsnitt (ta bort oanvända glyfer)",
+    "removeThumbnails": "Ta bort inbäddade miniatyrer",
+    "compressButton": "Komprimera PDF"
+  },
+  "pdfEditor": {
+    "name": "PDF-redigerare",
+    "subtitle": "Kommentera, markera, redigera, kommentera, lägg till former/bilder, sök och visa PDF:er."
+  },
+  "jpgToPdf": {
+    "name": "JPG till PDF",
+    "subtitle": "Skapa en PDF från JPG, JPEG och JPEG2000 (JP2/JPX)-bilder."
+  },
+  "signPdf": {
+    "name": "Signera PDF",
+    "subtitle": "Rita, skriv eller ladda upp din signatur."
+  },
+  "cropPdf": {
+    "name": "Beskär PDF",
+    "subtitle": "Beskär marginalerna på varje sida i din PDF."
+  },
+  "extractPages": {
+    "name": "Extrahera sidor",
+    "subtitle": "Spara ett urval av sidor som nya filer."
+  },
+  "duplicateOrganize": {
+    "name": "Duplicera & organisera",
+    "subtitle": "Duplicera, ordna om och ta bort sidor."
+  },
+  "deletePages": {
+    "name": "Ta bort sidor",
+    "subtitle": "Ta bort specifika sidor från ditt dokument."
+  },
+  "editBookmarks": {
+    "name": "Redigera bokmärken",
+    "subtitle": "Lägg till, redigera, importera, ta bort och extrahera PDF-bokmärken."
+  },
+  "tableOfContents": {
+    "name": "Innehållsförteckning",
+    "subtitle": "Generera en innehållsförteckningssida från PDF-bokmärken."
+  },
+  "pageNumbers": {
+    "name": "Sidnummer",
+    "subtitle": "Infoga sidnummer i ditt dokument."
+  },
+  "batesNumbering": {
+    "name": "Bates-numrering",
+    "subtitle": "Lägg till sekventiella Bates-nummer över en eller flera PDF-filer."
+  },
+  "addWatermark": {
+    "name": "Lägg till vattenstämpel",
+    "subtitle": "Stämpla text eller en bild över dina PDF-sidor.",
+    "applyToAllPages": "Applicera på alla sidor"
+  },
+  "headerFooter": {
+    "name": "Sidhuvud & sidfot",
+    "subtitle": "Lägg till text överst och längst ner på sidor."
+  },
+  "invertColors": {
+    "name": "Invertera färger",
+    "subtitle": "Skapa en \"mörkt läge\"-version av din PDF."
+  },
+  "scannerEffect": {
+    "name": "Skannereffekt",
+    "subtitle": "Få din PDF att se ut som ett scannat dokument.",
+    "scanSettings": "Skannerinställningar",
+    "colorspace": "Färgrymd",
+    "gray": "Grå",
+    "border": "Kant",
+    "rotate": "Rotera",
+    "rotateVariance": "Rotationsvarians",
+    "brightness": "Ljushet",
+    "contrast": "Kontrast",
+    "blur": "Oskärpa",
+    "noise": "Brus",
+    "yellowish": "Gulaktig",
+    "resolution": "Upplösning",
+    "processButton": "Applicera skannereffekt"
+  },
+  "adjustColors": {
+    "name": "Justera färger",
+    "subtitle": "Finjustera ljusstyrka, kontrast, mättnad och mer i din PDF.",
+    "colorSettings": "Färginställningar",
+    "brightness": "Ljushet",
+    "contrast": "Kontrast",
+    "saturation": "Mättnad",
+    "hueShift": "Nyansskift",
+    "temperature": "Temperatur",
+    "tint": "Ton",
+    "gamma": "Gamma",
+    "sepia": "Sepia",
+    "processButton": "Applicera färgjusteringar"
+  },
+  "backgroundColor": {
+    "name": "Bakgrundsfärg",
+    "subtitle": "Ändra bakgrundsfärgen på din PDF."
+  },
+  "changeTextColor": {
+    "name": "Ändra textfärg",
+    "subtitle": "Ändra färgen på text i din PDF."
+  },
+  "addStamps": {
+    "name": "Lägg till stämplar",
+    "subtitle": "Lägg till bildstämplar på din PDF med kommentarsverktygsfältet.",
+    "usernameLabel": "Stämpelanvändarnamn",
+    "usernamePlaceholder": "Ange ditt namn (för stämplar)",
+    "usernameHint": "Detta namn kommer att visas på stämplar du skapar."
+  },
+  "removeAnnotations": {
+    "name": "Ta bort anteckningar",
+    "subtitle": "Ta bort kommentarer, markeringar och länkade."
+  },
+  "pdfFormFiller": {
+    "name": "PDF-formulärifyllare",
+    "subtitle": "Fyll i formulär direkt i webbläsaren. Stöder även XFA-formulär."
+  },
+  "createPdfForm": {
+    "name": "Skapa PDF-formulär",
+    "subtitle": "Skapa ifyllbara PDF-formulär med dra-och-släpp textfält."
+  },
+  "removeBlankPages": {
+    "name": "Ta bort tomma sidor",
+    "subtitle": "Automatiskt identifiera och ta bort tomma sidor."
+  },
+  "imageToPdf": {
+    "name": "Bilder till PDF",
+    "subtitle": "Konvertera JPG, PNG, BMP, GIF, TIFF, PNM, PGM, PBM, PPM, PAM, JXR, JPX, JP2, PSD, SVG, HEIC, WebP till PDF."
+  },
+  "pngToPdf": {
+    "name": "PNG till PDF",
+    "subtitle": "Skapa en PDF från en eller flera PNG-bilder."
+  },
+  "webpToPdf": {
+    "name": "WebP till PDF",
+    "subtitle": "Skapa en PDF från en eller flera WebP-bilder."
+  },
+  "svgToPdf": {
+    "name": "SVG till PDF",
+    "subtitle": "Skapa en PDF från en eller flera SVG-bilder."
+  },
+  "bmpToPdf": {
+    "name": "BMP till PDF",
+    "subtitle": "Skapa en PDF från en eller flera BMP-bilder."
+  },
+  "heicToPdf": {
+    "name": "HEIC till PDF",
+    "subtitle": "Skapa en PDF från en eller flera HEIC-bilder."
+  },
+  "tiffToPdf": {
+    "name": "TIFF till PDF",
+    "subtitle": "Skapa en PDF från en eller flera TIFF-bilder."
+  },
+  "textToPdf": {
+    "name": "Text till PDF",
+    "subtitle": "Konvertera en vanlig textfil till en PDF."
+  },
+  "jsonToPdf": {
+    "name": "JSON till PDF",
+    "subtitle": "Konvertera JSON-filer till PDF-format."
+  },
+  "pdfToJpg": {
+    "name": "PDF till JPG",
+    "subtitle": "Konvertera varje PDF-sida till en JPG-bild."
+  },
+  "pdfToPng": {
+    "name": "PDF till PNG",
+    "subtitle": "Konvertera varje PDF-sida till en PNG-bild."
+  },
+  "pdfToWebp": {
+    "name": "PDF till WebP",
+    "subtitle": "Konvertera varje PDF-sida till en WebP-bild."
+  },
+  "pdfToBmp": {
+    "name": "PDF till BMP",
+    "subtitle": "Konvertera varje PDF-sida till en BMP-bild."
+  },
+  "pdfToTiff": {
+    "name": "PDF till TIFF",
+    "subtitle": "Konvertera varje PDF-sida till en TIFF-bild."
+  },
+  "pdfToGreyscale": {
+    "name": "PDF till gråskala",
+    "subtitle": "Konvertera alla färger till svart och vitt."
+  },
+  "pdfToJson": {
+    "name": "PDF till JSON",
+    "subtitle": "Konvertera PDF-filer till JSON-format."
+  },
+  "ocrPdf": {
+    "name": "OCR PDF",
+    "subtitle": "Gör en PDF sökbar och kopiaerbar."
+  },
+  "alternateMix": {
+    "name": "Alternera & blanda sidor",
+    "subtitle": "Sammanfoga PDF:er genom att alternera sidor från varje PDF. Bevarar bokmärken."
+  },
+  "addAttachments": {
+    "name": "Lägg till bilagor",
+    "subtitle": "Bädda in en eller flera filer i din PDF."
+  },
+  "extractAttachments": {
+    "name": "Extrahera bilagor",
+    "subtitle": "Extrahera alla inbäddade filer från PDF(er) som en ZIP."
+  },
+  "editAttachments": {
+    "name": "Redigera bilagor",
+    "subtitle": "Visa eller ta bort bilagor i din PDF."
+  },
+  "dividePages": {
+    "name": "Dela sidor",
+    "subtitle": "Dela sidor horisontellt eller vertikalt."
+  },
+  "addBlankPage": {
+    "name": "Lägg till tom sida",
+    "subtitle": "Infoga en tom sida var som helst i din PDF."
+  },
+  "reversePages": {
+    "name": "Omvänd sidor",
+    "subtitle": "Vänd ordningen på alla sidor i ditt dokument."
+  },
+  "rotatePdf": {
+    "name": "Rotera PDF",
+    "subtitle": "Vrid sidor i 90-graderssteg."
+  },
+  "rotateCustom": {
+    "name": "Rotera efter anpassade grader",
+    "subtitle": "Rotera sidor efter valfri vinkel."
+  },
+  "nUpPdf": {
+    "name": "N-Up PDF",
+    "subtitle": "Ordna flera sidor på ett enda ark."
+  },
+  "combineToSinglePage": {
+    "name": "Kombinera till enskild sida",
+    "subtitle": "Sy ihop alla sidor till en kontinuerlig rullning."
+  },
+  "viewMetadata": {
+    "name": "Visa metadata",
+    "subtitle": "Granska de dolda egenskaperna i din PDF."
+  },
+  "editMetadata": {
+    "name": "Redigera metadata",
+    "subtitle": "Ändra författaren, titeln och andra egenskaper."
+  },
+  "pdfsToZip": {
+    "name": "PDF:er till ZIP",
+    "subtitle": "Paketera flera PDF-filer till ett ZIP-arkiv."
+  },
+  "comparePdfs": {
+    "name": "Jämför PDF:er",
+    "subtitle": "Jämför två PDF:er bredvid varandra."
+  },
+  "posterizePdf": {
+    "name": "Postera PDF",
+    "subtitle": "Dela en stor sida i flera mindre sidor."
+  },
+  "fixPageSize": {
+    "name": "Fixa sidstorlek",
+    "subtitle": "Standardisera alla sidor till en enhetlig storlek."
+  },
+  "linearizePdf": {
+    "name": "Linearizera PDF",
+    "subtitle": "Optimera PDF för snabb webbvisning."
+  },
+  "pageDimensions": {
+    "name": "Sidmått",
+    "subtitle": "Analysera sidstorlek, orientering och enheter."
+  },
+  "removeRestrictions": {
+    "name": "Ta bort begränsningar",
+    "subtitle": "Ta bort lösenordsskydd och säkerhetsbegränsningar associerade med digitalt signerade PDF-filer."
+  },
+  "repairPdf": {
+    "name": "Reparera PDF",
+    "subtitle": "Återställ data från skadade eller korrupta PDF-filer."
+  },
+  "encryptPdf": {
+    "name": "Kryptera PDF",
+    "subtitle": "Lås din PDF genom att lägga till ett lösenord."
+  },
+  "sanitizePdf": {
+    "name": "Sanera PDF",
+    "subtitle": "Ta bort metadata, anteckningar, skript och mer."
+  },
+  "decryptPdf": {
+    "name": "Dekryptera PDF",
+    "subtitle": "Lås upp PDF genom att ta bort lösenordsskydd."
+  },
+  "flattenPdf": {
+    "name": "Platta till PDF",
+    "subtitle": "Gör formulärfält och anteckningar icke-redigerbara."
+  },
+  "removeMetadata": {
+    "name": "Ta bort metadata",
+    "subtitle": "Ta bort dold data från din PDF."
+  },
+  "changePermissions": {
+    "name": "Ändra behörigheter",
+    "subtitle": "Ställ in eller ändra användarbehörigheter på en PDF."
+  },
+  "odtToPdf": {
+    "name": "ODT till PDF",
+    "subtitle": "Konvertera OpenDocument Text-filer till PDF-format. Stöder flera filer.",
+    "acceptedFormats": "ODT-filer",
+    "convertButton": "Konvertera till PDF"
+  },
+  "csvToPdf": {
+    "name": "CSV till PDF",
+    "subtitle": "Konvertera CSV-kalkylarksfiler till PDF-format. Stöder flera filer.",
+    "acceptedFormats": "CSV-filer",
+    "convertButton": "Konvertera till PDF"
+  },
+  "rtfToPdf": {
+    "name": "RTF till PDF",
+    "subtitle": "Konvertera Rich Text Format-dokument till PDF. Stöder flera filer.",
+    "acceptedFormats": "RTF-filer",
+    "convertButton": "Konvertera till PDF"
+  },
+  "wordToPdf": {
+    "name": "Word till PDF",
+    "subtitle": "Konvertera Word-dokument (DOCX, DOC, ODT, RTF) till PDF-format. Stöder flera filer.",
+    "acceptedFormats": "DOCX, DOC, ODT, RTF-filer",
+    "convertButton": "Konvertera till PDF"
+  },
+  "excelToPdf": {
+    "name": "Excel till PDF",
+    "subtitle": "Konvertera Excel-kalkylark (XLSX, XLS, ODS, CSV) till PDF-format. Stöder flera filer.",
+    "acceptedFormats": "XLSX, XLS, ODS, CSV-filer",
+    "convertButton": "Konvertera till PDF"
+  },
+  "powerpointToPdf": {
+    "name": "PowerPoint till PDF",
+    "subtitle": "Konvertera PowerPoint-presentationer (PPTX, PPT, ODP) till PDF-format. Stöder flera filer.",
+    "acceptedFormats": "PPTX, PPT, ODP-filer",
+    "convertButton": "Konvertera till PDF"
+  },
+  "markdownToPdf": {
+    "name": "Markdown till PDF",
+    "subtitle": "Skriv eller klistra in Markdown och exportera som en vackert formaterad PDF.",
+    "paneMarkdown": "Markdown",
+    "panePreview": "Förhandsvisning",
+    "btnUpload": "Ladda upp",
+    "btnSyncScroll": "Synkronisera scroll",
+    "btnSettings": "Inställningar",
+    "btnExportPdf": "Exportera PDF",
+    "settingsTitle": "Markdown-inställningar",
+    "settingsPreset": "Förinställning",
+    "presetDefault": "Standard (GFM-liknande)",
+    "presetCommonmark": "CommonMark (strikt)",
+    "presetZero": "Minimal (inga funktioner)",
+    "settingsOptions": "Markdown-alternativ",
+    "optAllowHtml": "Tillåt HTML-taggar",
+    "optBreaks": "Konvertera radbrytningar till <br>",
+    "optLinkify": "Auto-konvertera URL:er till länkade",
+    "optTypographer": "Typograf (smarta citattecken, etc.)"
+  },
+  "pdfBooklet": {
+    "name": "PDF-broschyr",
+    "subtitle": "Ordna om sidor för dubbelsidig broschyutskrift. Vik och häfta för att skapa en broschyr.",
+    "howItWorks": "Så här fungerar det:",
+    "step1": "Ladda upp en PDF-fil.",
+    "step2": "Sidor kommer att ordnas om i broschyrordning.",
+    "step3": "Skriv ut dubbelsidigt, vik på kort kant, vik och häfta.",
+    "paperSize": "Pappersstorlek",
+    "orientation": "Orientering",
+    "portrait": "Stående",
+    "landscape": "Liggande",
+    "pagesPerSheet": "Sidor per ark",
+    "createBooklet": "Skapa broschyr",
+    "processing": "Bearbetar...",
+    "pageCount": "Sidantal kommer att fyllas ut till multipel av 4 om det behövs."
+  },
+  "xpsToPdf": {
+    "name": "XPS till PDF",
+    "subtitle": "Konvertera XPS/OXPS-dokument till PDF-format. Stöder flera filer.",
+    "acceptedFormats": "XPS, OXPS-filer",
+    "convertButton": "Konvertera till PDF"
+  },
+  "mobiToPdf": {
+    "name": "MOBI till PDF",
+    "subtitle": "Konvertera MOBI e-böcker till PDF-format. Stöder flera filer.",
+    "acceptedFormats": "MOBI-filer",
+    "convertButton": "Konvertera till PDF"
+  },
+  "epubToPdf": {
+    "name": "EPUB till PDF",
+    "subtitle": "Konvertera EPUB e-böcker till PDF-format. Stöder flera filer.",
+    "acceptedFormats": "EPUB-filer",
+    "convertButton": "Konvertera till PDF"
+  },
+  "fb2ToPdf": {
+    "name": "FB2 till PDF",
+    "subtitle": "Konvertera FictionBook (FB2) e-böcker till PDF-format. Stöder flera filer.",
+    "acceptedFormats": "FB2-filer",
+    "convertButton": "Konvertera till PDF"
+  },
+  "cbzToPdf": {
+    "name": "CBZ till PDF",
+    "subtitle": "Konvertera serietidshäften (CBZ/CBR) till PDF-format. Stöder flera filer.",
+    "acceptedFormats": "CBZ, CBR-filer",
+    "convertButton": "Konvertera till PDF"
+  },
+  "wpdToPdf": {
+    "name": "WPD till PDF",
+    "subtitle": "Konvertera WordPerfect-dokument (WPD) till PDF-format. Stöder flera filer.",
+    "acceptedFormats": "WPD-filer",
+    "convertButton": "Konvertera till PDF"
+  },
+  "wpsToPdf": {
+    "name": "WPS till PDF",
+    "subtitle": "Konvertera WPS Office-dokument till PDF-format. Stöder flera filer.",
+    "acceptedFormats": "WPS-filer",
+    "convertButton": "Konvertera till PDF"
+  },
+  "xmlToPdf": {
+    "name": "XML till PDF",
+    "subtitle": "Konvertera XML-dokument till PDF-format. Stöder flera filer.",
+    "acceptedFormats": "XML-filer",
+    "convertButton": "Konvertera till PDF"
+  },
+  "pagesToPdf": {
+    "name": "Pages till PDF",
+    "subtitle": "Konvertera Apple Pages-dokument till PDF-format. Stöder flera filer.",
+    "acceptedFormats": "Pages-filer",
+    "convertButton": "Konvertera till PDF"
+  },
+  "odgToPdf": {
+    "name": "ODG till PDF",
+    "subtitle": "Konvertera OpenDocument Graphics (ODG)-filer till PDF-format. Stöder flera filer.",
+    "acceptedFormats": "ODG-filer",
+    "convertButton": "Konvertera till PDF"
+  },
+  "odsToPdf": {
+    "name": "ODS till PDF",
+    "subtitle": "Konvertera OpenDocument Spreadsheet (ODS)-filer till PDF-format. Stöder flera filer.",
+    "acceptedFormats": "ODS-filer",
+    "convertButton": "Konvertera till PDF"
+  },
+  "odpToPdf": {
+    "name": "ODP till PDF",
+    "subtitle": "Konvertera OpenDocument Presentation (ODP)-filer till PDF-format. Stöder flera filer.",
+    "acceptedFormats": "ODP-filer",
+    "convertButton": "Konvertera till PDF"
+  },
+  "pubToPdf": {
+    "name": "PUB till PDF",
+    "subtitle": "Konvertera Microsoft Publisher (PUB)-filer till PDF-format. Stöder flera filer.",
+    "acceptedFormats": "PUB-filer",
+    "convertButton": "Konvertera till PDF"
+  },
+  "vsdToPdf": {
+    "name": "VSD till PDF",
+    "subtitle": "Konvertera Microsoft Visio (VSD, VSDX)-filer till PDF-format. Stöder flera filer.",
+    "acceptedFormats": "VSD, VSDX-filer",
+    "convertButton": "Konvertera till PDF"
+  },
+  "psdToPdf": {
+    "name": "PSD till PDF",
+    "subtitle": "Konvertera Adobe Photoshop (PSD)-filer till PDF-format. Stöder flera filer.",
+    "acceptedFormats": "PSD-filer",
+    "convertButton": "Konvertera till PDF"
+  },
+  "pdfToSvg": {
+    "name": "PDF till SVG",
+    "subtitle": "Konvertera varje sida i en PDF till en skalbar vektorgrafik (SVG) för perfekt kvalitet i valfri storlek."
+  },
+  "extractTables": {
+    "name": "Extrahera PDF-tabeller",
+    "subtitle": "Extrahera tabeller från PDF-filer och exportera som CSV, JSON eller Markdown."
+  },
+  "pdfToCsv": {
+    "name": "PDF till CSV",
+    "subtitle": "Extrahera tabeller från PDF och konvertera till CSV-format."
+  },
+  "pdfToExcel": {
+    "name": "PDF till Excel",
+    "subtitle": "Extrahera tabeller från PDF och konvertera till Excel (XLSX)-format."
+  },
+  "pdfToText": {
+    "name": "PDF till text",
+    "subtitle": "Extrahera text från PDF-filer och spara som vanlig text (.txt). Stöder flera filer.",
+    "note": "Detta verktyg fungerar ENDAST med digitalt skapade PDF:er. För scannade dokument eller bildbaserade PDF:er, använd vårt OCR PDF-verktyg istället.",
+    "convertButton": "Extrahera text"
+  },
+  "digitalSignPdf": {
+    "name": "Digital signatur PDF",
+    "pageTitle": "Digital signatur PDF - Lägg till kryptografisk signatur | BentoPDF",
+    "subtitle": "Lägg till en kryptografisk digital signatur på din PDF med X.509-certifikat. Stöder PKCS#12 (.pfx, .p12) och PEM-format. Din privata nyckel lämnar aldrig din webbläsare.",
+    "certificateSection": "Certifikat",
+    "uploadCert": "Ladda upp certifikat (.pfx, .p12)",
+    "certPassword": "Certifikatlösenord",
+    "certPasswordPlaceholder": "Ange certifikatlösenord",
+    "certInfo": "Certifikatinformation",
+    "certSubject": "Ämne",
+    "certIssuer": "Utfärdare",
+    "certValidity": "Giltig",
+    "signatureDetails": "Signaturdetaljer (Valfritt)",
+    "reason": "Anledning",
+    "reasonPlaceholder": "t.ex. Jag godkänner detta dokument",
+    "location": "Plats",
+    "locationPlaceholder": "t.ex. Stockholm, Sverige",
+    "contactInfo": "Kontaktinformation",
+    "contactPlaceholder": "t.ex. email@example.com",
+    "applySignature": "Applicera digital signatur",
+    "successMessage": "PDF signerad framgångsrikt! Signaturen kan verifieras i vilken PDF-läsare som helst."
+  },
+  "validateSignaturePdf": {
+    "name": "Validera PDF-signatur",
+    "pageTitle": "Validera PDF-signatur - Verifiera digitala signaturer | BentoPDF",
+    "subtitle": "Verifiera digitala signaturer i dina PDF-filer. Kontrollera certifikatgiltighet, visa signerardetaljer och bekräfta dokumentintegritet. All bearbetning sker i din webbläsare."
+  },
+  "emailToPdf": {
+    "name": "E-post till PDF",
+    "subtitle": "Konvertera e-postfiler (EML, MSG) till PDF-format. Stöder Outlook-exporter och standard e-postformat.",
+    "acceptedFormats": "EML, MSG-filer",
+    "convertButton": "Konvertera till PDF"
+  },
+  "fontToOutline": {
+    "name": "Typsnitt till kontur",
+    "subtitle": "Konvertera alla typsnitt till vektorkonturer för konsekvent rendering på alla enheter."
+  },
+  "deskewPdf": {
+    "name": "Räta upp PDF",
+    "subtitle": "Automatiskt räta upp snedvinklade scannade sidor med OpenCV."
+  },
+  "pdfToWord": {
+    "name": "PDF till Word",
+    "subtitle": "Konvertera PDF-filer till redigerbara Word-dokument."
+  },
+  "extractImages": {
+    "name": "Extrahera bilder",
+    "subtitle": "Extrahera alla inbäddade bilder från dina PDF-filer."
+  },
+  "pdfToMarkdown": {
+    "name": "PDF till Markdown",
+    "subtitle": "Konvertera PDF-text och tabeller till Markdown-format."
+  },
+  "preparePdfForAi": {
+    "name": "Förbered PDF för AI",
+    "subtitle": "Extrahera PDF-innehåll som LlamaIndex JSON för RAG/LLM-pipelines."
+  },
+  "pdfOcg": {
+    "name": "PDF OCG",
+    "subtitle": "Visa, växla, lägg till och ta bort OCG-lager i din PDF."
+  },
+  "pdfToPdfa": {
+    "name": "PDF till PDF/A",
+    "subtitle": "Konvertera PDF till PDF/A för långtidsarkivering."
+  },
+  "rasterizePdf": {
+    "name": "Rasterisera PDF",
+    "subtitle": "Konvertera PDF till bildbaserad PDF. Platta till lager och ta bort valbar text."
+  },
+  "pdfWorkflow": {
+    "name": "PDF-arbetsflödesbyggare",
+    "subtitle": "Bygg anpassade PDF-bearbetningspipelines med en visuell nodredigerare.",
+    "nodes": "Noder",
+    "searchNodes": "Sök noder...",
+    "run": "Kör",
+    "clear": "Rensa",
+    "save": "Spara",
+    "load": "Ladda",
+    "export": "Exportera",
+    "import": "Importera",
+    "ready": "Redo",
+    "settings": "Inställningar",
+    "processing": "Bearbetar...",
+    "saveTemplate": "Spara mall",
+    "templateName": "Mallnamn",
+    "templatePlaceholder": "t.ex. Faktura-arbetsflöde",
+    "cancel": "Avbryt",
+    "loadTemplate": "Ladda mall",
+    "noTemplates": "Inga sparade mallar ännu.",
+    "ok": "OK",
+    "workflowCompleted": "Arbetsflöde klart",
+    "errorDuringExecution": "Fel under körning",
+    "addNodeError": "Lägg till minst en nod för att köra arbetsflödet.",
+    "needInputOutput": "Ditt arbetsflöde behöver minst en inmatningsnod och en utmatningsnod för att köra.",
+    "enterName": "Vänligen ange ett namn.",
+    "templateExists": "En mall med detta namn finns redan.",
+    "templateSaved": "Mallen \"{{name}}\" sparad.",
+    "templateLoaded": "Mallen \"{{name}}\" laddad.",
+    "failedLoadTemplate": "Det gick inte att ladda mallen.",
+    "noSettings": "Inga konfigurerbara inställningar för denna nod.",
+    "advancedSettings": "Avancerade inställningar"
+  }
+}

public/locales/tr/tools.json

@@ -22,7 +22,29 @@
   },
   "compressPdf": {
     "name": "PDF Sıkıştır",
-    "subtitle": "PDF dosya boyutunu küçültün."
+    "subtitle": "PDF dosya boyutunu küçültün.",
+    "algorithmLabel": "Sıkıştırma Algoritması",
+    "condense": "Condense (Önerilen)",
+    "photon": "Photon (Fotoğraf Ağırlıklı PDF'ler İçin)",
+    "condenseInfo": "Condense gelişmiş sıkıştırma kullanır: gereksiz verileri kaldırır, görselleri optimize eder, fontları küçültür. Çoğu PDF için idealdir.",
+    "photonInfo": "Photon sayfaları görsellere dönüştürür. Fotoğraf ağırlıklı/taranmış PDF'ler için kullanın.",
+    "photonWarning": "Uyarı: Metin seçilemez hale gelecek ve bağlantılar çalışmayacak.",
+    "levelLabel": "Sıkıştırma Seviyesi",
+    "light": "Hafif (Kaliteyi Koru)",
+    "balanced": "Dengeli (Önerilen)",
+    "aggressive": "Agresif (Daha Küçük Dosyalar)",
+    "extreme": "Aşırı (Maksimum Sıkıştırma)",
+    "grayscale": "Gri Tonlamaya Dönüştür",
+    "grayscaleHint": "Renk bilgisini kaldırarak dosya boyutunu küçültür",
+    "customSettings": "Özel Ayarlar",
+    "customSettingsHint": "Sıkıştırma parametrelerini ince ayarlayın:",
+    "outputQuality": "Çıktı Kalitesi",
+    "resizeImagesTo": "Görselleri Şu Boyuta Dönüştür",
+    "onlyProcessAbove": "Yalnızca Şunun Üzerini İşle",
+    "removeMetadata": "Meta verileri kaldır",
+    "subsetFonts": "Font alt kümesi oluştur (kullanılmayan glifleri kaldır)",
+    "removeThumbnails": "Gömülü küçük resimleri kaldır",
+    "compressButton": "PDF'yi Sıkıştır"
   },
   "pdfEditor": {
     "name": "PDF Düzenleyici",
@@ -70,7 +92,8 @@
   },
   "addWatermark": {
     "name": "Filigran Ekle",
-    "subtitle": "PDF sayfalarınızın üzerine metin veya görsel damgası ekleyin."
+    "subtitle": "PDF sayfalarınızın üzerine metin veya görsel damgası ekleyin.",
+    "applyToAllPages": "Tüm sayfalara uygula"
   },
   "headerFooter": {
     "name": "Üst Bilgi & Alt Bilgi",

public/locales/vi/tools.json

@@ -92,7 +92,8 @@
   },
   "addWatermark": {
     "name": "Thêm Watermark",
-    "subtitle": "Đóng dấu văn bản hoặc hình ảnh lên các trang PDF của bạn."
+    "subtitle": "Đóng dấu văn bản hoặc hình ảnh lên các trang PDF của bạn.",
+    "applyToAllPages": "Áp dụng cho tất cả các trang"
   },
   "headerFooter": {
     "name": "Đầu trang & Chân trang",

public/locales/zh-TW/tools.json

@@ -22,7 +22,29 @@
   },
   "compressPdf": {
     "name": "壓縮 PDF",
-    "subtitle": "降低你的 PDF 檔案大小。"
+    "subtitle": "降低你的 PDF 檔案大小。",
+    "algorithmLabel": "壓縮演算法",
+    "condense": "Condense（推薦）",
+    "photon": "Photon（適用於圖片較多的 PDF）",
+    "condenseInfo": "Condense 使用高級壓縮：移除冗餘資料、優化圖片、精簡字型。適用於大多數 PDF。",
+    "photonInfo": "Photon 將頁面轉換為圖片。適用於圖片較多/掃描的 PDF。",
+    "photonWarning": "警告：文字將無法選取，連結將失效。",
+    "levelLabel": "壓縮等級",
+    "light": "輕度（保持品質）",
+    "balanced": "平衡（推薦）",
+    "aggressive": "積極（更小檔案）",
+    "extreme": "極限（最大壓縮）",
+    "grayscale": "轉換為灰階",
+    "grayscaleHint": "透過移除色彩資訊來縮小檔案大小",
+    "customSettings": "自訂設定",
+    "customSettingsHint": "微調壓縮參數：",
+    "outputQuality": "輸出品質",
+    "resizeImagesTo": "調整圖片至",
+    "onlyProcessAbove": "僅處理高於",
+    "removeMetadata": "移除中繼資料",
+    "subsetFonts": "精簡字型（移除未使用的字符）",
+    "removeThumbnails": "移除嵌入的縮圖",
+    "compressButton": "壓縮 PDF"
   },
   "pdfEditor": {
     "name": "PDF 編輯器",
@@ -70,7 +92,8 @@
   },
   "addWatermark": {
     "name": "添加浮水印",
-    "subtitle": "在你的 PDF 頁面上壓印文字或圖片。"
+    "subtitle": "在你的 PDF 頁面上壓印文字或圖片。",
+    "applyToAllPages": "套用至所有頁面"
   },
   "headerFooter": {
     "name": "頁首與頁尾",

public/locales/zh/tools.json

@@ -92,7 +92,8 @@
   },
   "addWatermark": {
     "name": "添加水印",
-    "subtitle": "在您的 PDF 页面上添加文字或图片水印。"
+    "subtitle": "在您的 PDF 页面上添加文字或图片水印。",
+    "applyToAllPages": "应用到所有页面"
   },
   "headerFooter": {
     "name": "页眉和页脚",
@@ -143,7 +144,10 @@
   },
   "addStamps": {
     "name": "添加印章",
-    "subtitle": "使用注释工具栏向您的 PDF 添加图片印章。"
+    "subtitle": "使用注释工具栏向您的 PDF 添加图片印章。",
+    "usernameLabel": "印章用户名",
+    "usernamePlaceholder": "输入您的姓名（用于印章）",
+    "usernameHint": "此名称将显示在您创建的印章上。"
   },
   "removeAnnotations": {
     "name": "移除注释",

scripts/generate-i18n-pages.mjs

@@ -269,4 +269,7 @@ async function generateI18nPages() {
   console.log('✅ i18n pages generated successfully!');
 }
 
-generateI18nPages().catch(console.error);
+generateI18nPages().catch((err) => {
+  console.error('❌ i18n page generation failed:', err);
+  process.exit(1);
+});

signatures/cla.json

@@ -327,6 +327,22 @@
       "created_at": "2026-02-21T00:26:29Z",
       "repoId": 1074785178,
       "pullRequestNo": 501
+    },
+    {
+      "name": "hagibr",
+      "id": 23699887,
+      "comment_id": 3960964454,
+      "created_at": "2026-02-25T17:50:30Z",
+      "repoId": 1074785178,
+      "pullRequestNo": 516
+    },
+    {
+      "name": "maxbengtzen",
+      "id": 149163078,
+      "comment_id": 3972875117,
+      "created_at": "2026-02-27T13:07:34Z",
+      "repoId": 1074785178,
+      "pullRequestNo": 529
     }
   ]
 }

simple-index.html

@@ -332,6 +332,38 @@
                 </label>
               </div>
 
+              <div
+                class="flex items-center justify-between p-4 bg-gray-900 rounded-lg border border-gray-700"
+              >
+                <div class="flex-1">
+                  <label
+                    for="compact-mode-toggle"
+                    class="text-sm font-medium text-gray-200 cursor-pointer"
+                    data-i18n="settings.compactMode"
+                  >
+                    Compact Mode
+                  </label>
+                  <p
+                    class="text-xs text-gray-400 mt-1"
+                    data-i18n="settings.compactModeDescription"
+                  >
+                    Display tools as a compact list instead of cards
+                  </p>
+                </div>
+                <label
+                  class="relative inline-flex items-center cursor-pointer ml-4"
+                >
+                  <input
+                    type="checkbox"
+                    id="compact-mode-toggle"
+                    class="sr-only peer"
+                  />
+                  <div
+                    class="w-11 h-6 bg-gray-700 peer-focus:outline-none peer-focus:ring-4 peer-focus:ring-indigo-800 rounded-full peer peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:left-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all peer-checked:bg-indigo-600"
+                  ></div>
+                </label>
+              </div>
+
               <a
                 href="wasm-settings.html"
                 class="flex items-center justify-between p-4 bg-gray-900 rounded-lg border border-gray-700 hover:bg-gray-800 hover:border-indigo-500/50 transition-all group"

src/css/styles.css

@@ -701,6 +701,33 @@ button:disabled,
   pointer-events: none;
 }
 
+/* Color picker */
+input[type='color'] {
+  width: 2.5rem;
+  height: 2.5rem;
+  padding: 0;
+  border: 2px solid #4b5563;
+  border-radius: 9999px;
+  background: transparent;
+  cursor: pointer;
+  appearance: none;
+  -webkit-appearance: none;
+}
+
+input[type='color']::-webkit-color-swatch-wrapper {
+  padding: 0;
+}
+
+input[type='color']::-webkit-color-swatch {
+  border: none;
+  border-radius: 9999px;
+}
+
+input[type='color']::-moz-color-swatch {
+  border: none;
+  border-radius: 9999px;
+}
+
 /* Hide spin buttons for number inputs */
 input[type='number'] {
   appearance: none;

src/js/const/cdn-version.ts

@@ -1,4 +1,4 @@
 export const PACKAGE_VERSIONS = {
   ghostscript: '0.1.1',
-  pymupdf: '0.11.14',
+  pymupdf: '0.11.16',
 } as const;

src/js/i18n/i18n.ts

@@ -18,6 +18,7 @@ export const supportedLanguages = [
   'pt',
   'nl',
   'da',
+  'sv',
 ] as const;
 export type SupportedLanguage = (typeof supportedLanguages)[number];
 
@@ -37,6 +38,7 @@ export const languageNames: Record<SupportedLanguage, string> = {
   pt: 'Português',
   nl: 'Nederlands',
   da: 'Dansk',
+  sv: 'Svenska',
 };
 
 export const getLanguageFromUrl = (): SupportedLanguage => {

src/js/logic/bookmark-pdf.ts

@@ -253,7 +253,7 @@ placeholder="${field.placeholder || ''}" />
           )
           .join('')}
 </select>
-                                ${field.name === 'color' ? '<input type="color" id="modal-color-picker" class="hidden w-full h-10 mt-2 rounded cursor-pointer border border-gray-300" value="#000000" />' : ''}
+                                ${field.name === 'color' ? '<input type="color" id="modal-color-picker" class="hidden mt-2" value="#000000" />' : ''}
 </div>
   `;
         } else if (field.type === 'destination') {

src/js/logic/decrypt-pdf-page.ts

@@ -1,236 +1,358 @@
 import { showAlert } from '../ui.js';
-import { downloadFile, formatBytes, initializeQpdf, readFileAsArrayBuffer } from '../utils/helpers.js';
+import {
+  downloadFile,
+  formatBytes,
+  initializeQpdf,
+  readFileAsArrayBuffer,
+} from '../utils/helpers.js';
 import { icons, createIcons } from 'lucide';
+import JSZip from 'jszip';
 import { DecryptPdfState } from '@/types';
 
 const pageState: DecryptPdfState = {
-    file: null,
+  files: [],
 };
 
 function resetState() {
-    pageState.file = null;
+  pageState.files = [];
 
-    const fileDisplayArea = document.getElementById('file-display-area');
+  const fileDisplayArea = document.getElementById('file-display-area');
-    if (fileDisplayArea) fileDisplayArea.innerHTML = '';
+  if (fileDisplayArea) fileDisplayArea.innerHTML = '';
 
-    const toolOptions = document.getElementById('tool-options');
+  const toolOptions = document.getElementById('tool-options');
-    if (toolOptions) toolOptions.classList.add('hidden');
+  if (toolOptions) toolOptions.classList.add('hidden');
 
-    const fileInput = document.getElementById('file-input') as HTMLInputElement;
+  const fileControls = document.getElementById('file-controls');
-    if (fileInput) fileInput.value = '';
+  if (fileControls) fileControls.classList.add('hidden');
 
-    const passwordInput = document.getElementById('password-input') as HTMLInputElement;
+  const fileInput = document.getElementById('file-input') as HTMLInputElement;
-    if (passwordInput) passwordInput.value = '';
+  if (fileInput) fileInput.value = '';
+
+  const passwordInput = document.getElementById(
+    'password-input'
+  ) as HTMLInputElement;
+  if (passwordInput) passwordInput.value = '';
 }
 
 async function updateUI() {
-    const fileDisplayArea = document.getElementById('file-display-area');
+  const fileDisplayArea = document.getElementById('file-display-area');
-    const toolOptions = document.getElementById('tool-options');
+  const toolOptions = document.getElementById('tool-options');
+  const fileControls = document.getElementById('file-controls');
 
-    if (!fileDisplayArea) return;
+  if (!fileDisplayArea) return;
 
-    fileDisplayArea.innerHTML = '';
+  fileDisplayArea.innerHTML = '';
 
-    if (pageState.file) {
+  if (pageState.files.length > 0) {
-        const fileDiv = document.createElement('div');
+    pageState.files.forEach((file, index) => {
-        fileDiv.className = 'flex items-center justify-between bg-gray-700 p-3 rounded-lg text-sm';
+      const fileDiv = document.createElement('div');
+      fileDiv.className =
+        'flex items-center justify-between bg-gray-700 p-3 rounded-lg text-sm';
 
-        const infoContainer = document.createElement('div');
+      const infoContainer = document.createElement('div');
-        infoContainer.className = 'flex flex-col overflow-hidden';
+      infoContainer.className = 'flex flex-col overflow-hidden';
 
-        const nameSpan = document.createElement('div');
+      const nameSpan = document.createElement('div');
-        nameSpan.className = 'truncate font-medium text-gray-200 text-sm mb-1';
+      nameSpan.className = 'truncate font-medium text-gray-200 text-sm mb-1';
-        nameSpan.textContent = pageState.file.name;
+      nameSpan.textContent = file.name;
 
-        const metaSpan = document.createElement('div');
+      const metaSpan = document.createElement('div');
-        metaSpan.className = 'text-xs text-gray-400';
+      metaSpan.className = 'text-xs text-gray-400';
-        metaSpan.textContent = formatBytes(pageState.file.size);
+      metaSpan.textContent = formatBytes(file.size);
 
-        infoContainer.append(nameSpan, metaSpan);
+      infoContainer.append(nameSpan, metaSpan);
 
-        const removeBtn = document.createElement('button');
+      const removeBtn = document.createElement('button');
-        removeBtn.className = 'ml-4 text-red-400 hover:text-red-300 flex-shrink-0';
+      removeBtn.className =
-        removeBtn.innerHTML = '<i data-lucide="trash-2" class="w-4 h-4"></i>';
+        'ml-4 text-red-400 hover:text-red-300 flex-shrink-0';
-        removeBtn.onclick = function () {
+      removeBtn.innerHTML = '<i data-lucide="trash-2" class="w-4 h-4"></i>';
-            resetState();
+      removeBtn.onclick = function () {
-        };
+        pageState.files.splice(index, 1);
+        updateUI();
+      };
 
-        fileDiv.append(infoContainer, removeBtn);
+      fileDiv.append(infoContainer, removeBtn);
-        fileDisplayArea.appendChild(fileDiv);
+      fileDisplayArea.appendChild(fileDiv);
-        createIcons({ icons });
+    });
 
-        if (toolOptions) toolOptions.classList.remove('hidden');
+    createIcons({ icons });
-    } else {
+
-        if (toolOptions) toolOptions.classList.add('hidden');
+    if (toolOptions) toolOptions.classList.remove('hidden');
-    }
+    if (fileControls) fileControls.classList.remove('hidden');
+  } else {
+    if (toolOptions) toolOptions.classList.add('hidden');
+    if (fileControls) fileControls.classList.add('hidden');
+  }
 }
 
 function handleFileSelect(files: FileList | null) {
-    if (files && files.length > 0) {
+  if (files && files.length > 0) {
-        const file = files[0];
+    const pdfFiles = Array.from(files).filter(
-        if (file.type === 'application/pdf' || file.name.toLowerCase().endsWith('.pdf')) {
+      (f) =>
-            pageState.file = file;
+        f.type === 'application/pdf' || f.name.toLowerCase().endsWith('.pdf')
-            updateUI();
+    );
-        }
+    if (pdfFiles.length > 0) {
+      pageState.files.push(...pdfFiles);
+      updateUI();
     }
+  }
 }
 
 async function decryptPdf() {
-    if (!pageState.file) {
+  if (pageState.files.length === 0) {
-        showAlert('No File', 'Please upload a PDF file first.');
+    showAlert('No File', 'Please upload at least one PDF file.');
-        return;
+    return;
-    }
+  }
 
-    const password = (document.getElementById('password-input') as HTMLInputElement)?.value;
+  const password = (
+    document.getElementById('password-input') as HTMLInputElement
+  )?.value;
 
-    if (!password) {
+  if (!password) {
-        showAlert('Input Required', 'Please enter the PDF password.');
+    showAlert('Input Required', 'Please enter the PDF password.');
-        return;
+    return;
-    }
+  }
 
-    const inputPath = '/input.pdf';
+  const loaderModal = document.getElementById('loader-modal');
-    const outputPath = '/output.pdf';
+  const loaderText = document.getElementById('loader-text');
-    let qpdf: any;
+  let qpdf: any;
 
-    const loaderModal = document.getElementById('loader-modal');
+  try {
-    const loaderText = document.getElementById('loader-text');
+    if (loaderModal) loaderModal.classList.remove('hidden');
+    if (loaderText) loaderText.textContent = 'Initializing decryption...';
 
-    try {
+    qpdf = await initializeQpdf();
-        if (loaderModal) loaderModal.classList.remove('hidden');
-        if (loaderText) loaderText.textContent = 'Initializing decryption...';
 
-        qpdf = await initializeQpdf();
+    if (pageState.files.length === 1) {
+      // Single file: decrypt and download directly
+      const file = pageState.files[0];
+      const inputPath = '/input.pdf';
+      const outputPath = '/output.pdf';
 
+      try {
         if (loaderText) loaderText.textContent = 'Reading encrypted PDF...';
-        const fileBuffer = await readFileAsArrayBuffer(pageState.file);
+        const fileBuffer = await readFileAsArrayBuffer(file);
         const uint8Array = new Uint8Array(fileBuffer as ArrayBuffer);
-
         qpdf.FS.writeFile(inputPath, uint8Array);
 
         if (loaderText) loaderText.textContent = 'Decrypting PDF...';
-
+        const args = [
-        const args = [inputPath, '--password=' + password, '--decrypt', outputPath];
+          inputPath,
+          '--password=' + password,
+          '--decrypt',
+          outputPath,
+        ];
 
         try {
-            qpdf.callMain(args);
+          qpdf.callMain(args);
         } catch (qpdfError: any) {
-            console.error('qpdf execution error:', qpdfError);
+          if (
-
+            qpdfError.message?.includes('invalid password') ||
-            if (
+            qpdfError.message?.includes('password')
-                qpdfError.message?.includes('invalid password') ||
+          ) {
-                qpdfError.message?.includes('password')
+            throw new Error('INVALID_PASSWORD');
-            ) {
+          }
-                throw new Error('INVALID_PASSWORD');
+          throw qpdfError;
-            }
-            throw qpdfError;
         }
 
         if (loaderText) loaderText.textContent = 'Preparing download...';
         const outputFile = qpdf.FS.readFile(outputPath, { encoding: 'binary' });
 
         if (outputFile.length === 0) {
-            throw new Error('Decryption resulted in an empty file.');
+          throw new Error('Decryption resulted in an empty file.');
         }
 
-        const blob = new Blob([outputFile], { type: 'application/pdf' });
+        const blob = new Blob([new Uint8Array(outputFile)], {
-        downloadFile(blob, `unlocked-${pageState.file.name}`);
+          type: 'application/pdf',
+        });
+        downloadFile(blob, `unlocked-${file.name}`);
 
         if (loaderModal) loaderModal.classList.add('hidden');
         showAlert(
-            'Success',
+          'Success',
-            'PDF decrypted successfully! Your download has started.',
+          'PDF decrypted successfully! Your download has started.',
-            'success',
+          'success',
-            () => { resetState(); }
+          () => {
+            resetState();
+          }
         );
-    } catch (error: any) {
+      } finally {
-        console.error('Error during PDF decryption:', error);
-        if (loaderModal) loaderModal.classList.add('hidden');
-
-        if (error.message === 'INVALID_PASSWORD') {
-            showAlert(
-                'Incorrect Password',
-                'The password you entered is incorrect. Please try again.'
-            );
-        } else if (error.message?.includes('password')) {
-            showAlert(
-                'Password Error',
-                'Unable to decrypt the PDF with the provided password.'
-            );
-        } else {
-            showAlert(
-                'Decryption Failed',
-                `An error occurred: ${error.message || 'The password you entered is wrong or the file is corrupted.'}`
-            );
-        }
-    } finally {
         try {
-            if (qpdf?.FS) {
+          if (qpdf?.FS) {
-                try {
+            if (qpdf.FS.analyzePath(inputPath).exists)
-                    qpdf.FS.unlink(inputPath);
+              qpdf.FS.unlink(inputPath);
-                } catch (e) {
+            if (qpdf.FS.analyzePath(outputPath).exists)
-                    console.warn('Failed to unlink input file:', e);
+              qpdf.FS.unlink(outputPath);
-                }
+          }
-                try {
-                    qpdf.FS.unlink(outputPath);
-                } catch (e) {
-                    console.warn('Failed to unlink output file:', e);
-                }
-            }
         } catch (cleanupError) {
-            console.warn('Failed to cleanup WASM FS:', cleanupError);
+          console.warn('Failed to cleanup WASM FS:', cleanupError);
         }
+      }
+    } else {
+      // Multiple files: decrypt all and download as ZIP
+      const zip = new JSZip();
+      let successCount = 0;
+      let errorCount = 0;
+
+      for (let i = 0; i < pageState.files.length; i++) {
+        const file = pageState.files[i];
+        const inputPath = `/input_${i}.pdf`;
+        const outputPath = `/output_${i}.pdf`;
+
+        if (loaderText)
+          loaderText.textContent = `Decrypting ${file.name} (${i + 1}/${pageState.files.length})...`;
+
+        try {
+          const fileBuffer = await readFileAsArrayBuffer(file);
+          const uint8Array = new Uint8Array(fileBuffer as ArrayBuffer);
+          qpdf.FS.writeFile(inputPath, uint8Array);
+
+          const args = [
+            inputPath,
+            '--password=' + password,
+            '--decrypt',
+            outputPath,
+          ];
+
+          try {
+            qpdf.callMain(args);
+          } catch (qpdfError: any) {
+            if (
+              qpdfError.message?.includes('invalid password') ||
+              qpdfError.message?.includes('password')
+            ) {
+              throw new Error(`Invalid password for ${file.name}`);
+            }
+            throw qpdfError;
+          }
+
+          const outputFile = qpdf.FS.readFile(outputPath, {
+            encoding: 'binary',
+          });
+          if (!outputFile || outputFile.length === 0) {
+            throw new Error(
+              `Decryption resulted in an empty file for ${file.name}.`
+            );
+          }
+
+          zip.file(`unlocked-${file.name}`, outputFile, { binary: true });
+          successCount++;
+        } catch (fileError: any) {
+          errorCount++;
+          console.error(`Failed to decrypt ${file.name}:`, fileError);
+        } finally {
+          try {
+            if (qpdf?.FS) {
+              if (qpdf.FS.analyzePath(inputPath).exists)
+                qpdf.FS.unlink(inputPath);
+              if (qpdf.FS.analyzePath(outputPath).exists)
+                qpdf.FS.unlink(outputPath);
+            }
+          } catch (cleanupError) {
+            console.warn(
+              `Failed to cleanup WASM FS for ${file.name}:`,
+              cleanupError
+            );
+          }
+        }
+      }
+
+      if (successCount === 0) {
+        throw new Error(
+          'No PDF files could be decrypted. The password may be incorrect.'
+        );
+      }
+
+      if (loaderText) loaderText.textContent = 'Generating ZIP file...';
+      const zipBlob = await zip.generateAsync({ type: 'blob' });
+      downloadFile(zipBlob, 'decrypted-pdfs.zip');
+
+      let alertMessage = `${successCount} PDF(s) decrypted successfully.`;
+      if (errorCount > 0) {
+        alertMessage += ` ${errorCount} file(s) failed.`;
+      }
+      showAlert('Processing Complete', alertMessage, 'success', () => {
+        resetState();
+      });
     }
+  } catch (error: any) {
+    console.error('Error during PDF decryption:', error);
+
+    if (error.message === 'INVALID_PASSWORD') {
+      showAlert(
+        'Incorrect Password',
+        'The password you entered is incorrect. Please try again.'
+      );
+    } else if (error.message?.includes('password')) {
+      showAlert(
+        'Password Error',
+        'Unable to decrypt the PDF with the provided password.'
+      );
+    } else {
+      showAlert(
+        'Decryption Failed',
+        `An error occurred: ${error.message || 'The password you entered is wrong or the file is corrupted.'}`
+      );
+    }
+  } finally {
+    if (loaderModal) loaderModal.classList.add('hidden');
+  }
 }
 
 document.addEventListener('DOMContentLoaded', function () {
-    const fileInput = document.getElementById('file-input') as HTMLInputElement;
+  const fileInput = document.getElementById('file-input') as HTMLInputElement;
-    const dropZone = document.getElementById('drop-zone');
+  const dropZone = document.getElementById('drop-zone');
-    const processBtn = document.getElementById('process-btn');
+  const processBtn = document.getElementById('process-btn');
-    const backBtn = document.getElementById('back-to-tools');
+  const addMoreBtn = document.getElementById('add-more-btn');
+  const clearFilesBtn = document.getElementById('clear-files-btn');
+  const backBtn = document.getElementById('back-to-tools');
 
-    if (backBtn) {
+  if (backBtn) {
-        backBtn.addEventListener('click', function () {
+    backBtn.addEventListener('click', function () {
-            window.location.href = import.meta.env.BASE_URL;
+      window.location.href = import.meta.env.BASE_URL;
-        });
+    });
-    }
+  }
 
-    if (fileInput && dropZone) {
+  if (fileInput && dropZone) {
-        fileInput.addEventListener('change', function (e) {
+    fileInput.addEventListener('change', function (e) {
-            handleFileSelect((e.target as HTMLInputElement).files);
+      handleFileSelect((e.target as HTMLInputElement).files);
-        });
+    });
 
-        dropZone.addEventListener('dragover', function (e) {
+    dropZone.addEventListener('dragover', function (e) {
-            e.preventDefault();
+      e.preventDefault();
-            dropZone.classList.add('bg-gray-700');
+      dropZone.classList.add('bg-gray-700');
-        });
+    });
 
-        dropZone.addEventListener('dragleave', function (e) {
+    dropZone.addEventListener('dragleave', function (e) {
-            e.preventDefault();
+      e.preventDefault();
-            dropZone.classList.remove('bg-gray-700');
+      dropZone.classList.remove('bg-gray-700');
-        });
+    });
 
-        dropZone.addEventListener('drop', function (e) {
+    dropZone.addEventListener('drop', function (e) {
-            e.preventDefault();
+      e.preventDefault();
-            dropZone.classList.remove('bg-gray-700');
+      dropZone.classList.remove('bg-gray-700');
-            const files = e.dataTransfer?.files;
+      handleFileSelect(e.dataTransfer?.files);
-            if (files && files.length > 0) {
+    });
-                const pdfFiles = Array.from(files).filter(function (f) {
-                    return f.type === 'application/pdf' || f.name.toLowerCase().endsWith('.pdf');
-                });
-                if (pdfFiles.length > 0) {
-                    const dataTransfer = new DataTransfer();
-                    dataTransfer.items.add(pdfFiles[0]);
-                    handleFileSelect(dataTransfer.files);
-                }
-            }
-        });
 
-        fileInput.addEventListener('click', function () {
+    fileInput.addEventListener('click', function () {
-            fileInput.value = '';
+      fileInput.value = '';
-        });
+    });
-    }
+  }
 
-    if (processBtn) {
+  if (processBtn) {
-        processBtn.addEventListener('click', decryptPdf);
+    processBtn.addEventListener('click', decryptPdf);
-    }
+  }
+
+  if (addMoreBtn) {
+    addMoreBtn.addEventListener('click', function () {
+      fileInput.value = '';
+      fileInput.click();
+    });
+  }
+
+  if (clearFilesBtn) {
+    clearFilesBtn.addEventListener('click', function () {
+      resetState();
+    });
+  }
 });

src/js/logic/form-creator.ts

@@ -10,11 +10,18 @@ import {
   PDFDict,
   PDFArray,
   PDFRadioGroup,
+  PDFTextField,
+  PDFCheckBox,
+  PDFDropdown,
+  PDFOptionList,
+  PDFButton,
+  PDFSignature,
 } from 'pdf-lib';
 import { initializeGlobalShortcuts } from '../utils/shortcuts-init.js';
 import { downloadFile, hexToRgb, getPDFDocument } from '../utils/helpers.js';
 import { createIcons, icons } from 'lucide';
 import * as pdfjsLib from 'pdfjs-dist';
+import * as bwipjs from 'bwip-js/browser';
 import 'pdfjs-dist/web/pdf_viewer.css';
 
 // Initialize PDF.js worker
@@ -33,6 +40,7 @@ const existingRadioGroups: Set<string> = new Set();
 let draggedElement: HTMLElement | null = null;
 let offsetX = 0;
 let offsetY = 0;
+let pendingFieldExtraction = false;
 
 let pages: PageData[] = [];
 let currentPageIndex = 0;
@@ -384,8 +392,18 @@ function createField(type: FormField['type'], x: number, y: number): void {
     type: type,
     x: Math.max(0, Math.min(x, 816 - 150)),
     y: Math.max(0, Math.min(y, 1056 - 30)),
-    width: type === 'checkbox' || type === 'radio' ? 30 : 150,
+    width:
-    height: type === 'checkbox' || type === 'radio' ? 30 : 30,
+      type === 'checkbox' || type === 'radio'
+        ? 30
+        : type === 'barcode'
+          ? 150
+          : 150,
+    height:
+      type === 'checkbox' || type === 'radio'
+        ? 30
+        : type === 'barcode'
+          ? 150
+          : 30,
     name: `${type.charAt(0).toUpperCase() + type.slice(1)}_${fieldCounter}`,
     defaultValue: '',
     fontSize: 12,
@@ -417,6 +435,8 @@ function createField(type: FormField['type'], x: number, y: number): void {
     multiline: type === 'text' ? false : undefined,
     borderColor: '#000000',
     hideBorder: false,
+    barcodeFormat: type === 'barcode' ? 'qrcode' : undefined,
+    barcodeValue: type === 'barcode' ? 'https://example.com' : undefined,
   };
 
   fields.push(field);
@@ -575,6 +595,32 @@ function renderField(field: FormField): void {
       'w-full h-full flex items-center justify-center bg-gray-100 text-gray-500 border border-gray-300';
     contentEl.innerHTML = `<div class="flex flex-col items-center text-center p-1"><i data-lucide="image" class="w-6 h-6 mb-1"></i><span class="text-[10px] leading-tight">${field.label || 'Click to Upload Image'}</span></div>`;
     setTimeout(() => (window as any).lucide?.createIcons(), 0);
+  } else if (field.type === 'barcode') {
+    contentEl.className =
+      'w-full h-full flex items-center justify-center bg-white';
+    if (field.barcodeValue) {
+      try {
+        const offscreen = document.createElement('canvas');
+        bwipjs.toCanvas(offscreen, {
+          bcid: field.barcodeFormat || 'qrcode',
+          text: field.barcodeValue,
+          scale: 2,
+          includetext:
+            field.barcodeFormat !== 'qrcode' &&
+            field.barcodeFormat !== 'datamatrix',
+        });
+        const img = document.createElement('img');
+        img.src = offscreen.toDataURL('image/png');
+        img.className = 'max-w-full max-h-full object-contain';
+        contentEl.appendChild(img);
+      } catch {
+        contentEl.innerHTML = `<div class="flex flex-col items-center text-center p-1 text-gray-400"><i data-lucide="qr-code" class="w-6 h-6 mb-1"></i><span class="text-[10px] leading-tight">Invalid data</span></div>`;
+        setTimeout(() => (window as any).lucide?.createIcons(), 0);
+      }
+    } else {
+      contentEl.innerHTML = `<div class="flex flex-col items-center text-center p-1 text-gray-400"><i data-lucide="qr-code" class="w-6 h-6 mb-1"></i><span class="text-[10px] leading-tight">Barcode</span></div>`;
+      setTimeout(() => (window as any).lucide?.createIcons(), 0);
+    }
   }
 
   fieldContainer.appendChild(contentEl);
@@ -931,7 +977,7 @@ function showProperties(field: FormField): void {
         </div>
         <div>
             <label class="block text-xs font-semibold text-gray-300 mb-1">Text Color</label>
-            <input type="color" id="propTextColor" value="${field.textColor}" class="w-full border border-gray-500 rounded px-2 py-1 h-10">
+            <input type="color" id="propTextColor" value="${field.textColor}">
         </div>
         <div>
             <label class="block text-xs font-semibold text-gray-300 mb-1">Alignment</label>
@@ -1114,6 +1160,26 @@ function showProperties(field: FormField): void {
             Clicking this field in the PDF will open a file picker to upload an image.
         </div>
         `;
+  } else if (field.type === 'barcode') {
+    specificProps = `
+        <div>
+            <label class="block text-xs font-semibold text-gray-300 mb-1">Barcode Format</label>
+            <select id="propBarcodeFormat" class="w-full bg-gray-600 border border-gray-500 text-white rounded px-2 py-1 text-sm focus:ring-indigo-500 focus:border-indigo-500">
+                <option value="qrcode" ${field.barcodeFormat === 'qrcode' ? 'selected' : ''}>QR Code</option>
+                <option value="code128" ${field.barcodeFormat === 'code128' ? 'selected' : ''}>Code 128</option>
+                <option value="code39" ${field.barcodeFormat === 'code39' ? 'selected' : ''}>Code 39</option>
+                <option value="ean13" ${field.barcodeFormat === 'ean13' ? 'selected' : ''}>EAN-13</option>
+                <option value="upca" ${field.barcodeFormat === 'upca' ? 'selected' : ''}>UPC-A</option>
+                <option value="datamatrix" ${field.barcodeFormat === 'datamatrix' ? 'selected' : ''}>DataMatrix</option>
+                <option value="pdf417" ${field.barcodeFormat === 'pdf417' ? 'selected' : ''}>PDF417</option>
+            </select>
+        </div>
+        <div>
+            <label class="block text-xs font-semibold text-gray-300 mb-1">Barcode Value</label>
+            <input type="text" id="propBarcodeValue" value="${field.barcodeValue || ''}" class="w-full bg-gray-600 border border-gray-500 text-white rounded px-2 py-1 text-sm focus:ring-indigo-500 focus:border-indigo-500">
+        </div>
+        <div id="barcodeFormatHint" class="text-xs text-gray-400 italic"></div>
+        `;
   }
 
   propertiesPanel.innerHTML = `
@@ -1169,7 +1235,7 @@ function showProperties(field: FormField): void {
       </div>
       <div>
         <label class="block text-xs font-semibold text-gray-300 mb-1">Border Color</label>
-        <input type="color" id="propBorderColor" value="${field.borderColor || '#000000'}" class="w-full border border-gray-500 rounded px-2 py-1 h-10">
+        <input type="color" id="propBorderColor" value="${field.borderColor || '#000000'}">
       </div>
       <div class="flex items-center">
         <input type="checkbox" id="propHideBorder" ${field.hideBorder ? 'checked' : ''} class="mr-2">
@@ -1795,6 +1861,56 @@ function showProperties(field: FormField): void {
       field.label = (e.target as HTMLInputElement).value;
       renderField(field);
     });
+  } else if (field.type === 'barcode') {
+    const propBarcodeFormat = document.getElementById(
+      'propBarcodeFormat'
+    ) as HTMLSelectElement;
+    const propBarcodeValue = document.getElementById(
+      'propBarcodeValue'
+    ) as HTMLInputElement;
+
+    const barcodeSampleValues: Record<string, string> = {
+      qrcode: 'https://example.com',
+      code128: 'ABC-123',
+      code39: 'ABC123',
+      ean13: '590123412345',
+      upca: '01234567890',
+      datamatrix: 'https://example.com',
+      pdf417: 'https://example.com',
+    };
+
+    const barcodeFormatHints: Record<string, string> = {
+      qrcode: 'Any text, URL, or data',
+      code128: 'ASCII characters (letters, numbers, symbols)',
+      code39: 'Uppercase A-Z, digits 0-9, and - . $ / + % SPACE',
+      ean13: 'Exactly 12 or 13 digits',
+      upca: 'Exactly 11 or 12 digits',
+      datamatrix: 'Any text, URL, or data',
+      pdf417: 'Any text, URL, or data',
+    };
+
+    const hintEl = document.getElementById('barcodeFormatHint');
+    if (hintEl)
+      hintEl.textContent =
+        barcodeFormatHints[field.barcodeFormat || 'qrcode'] || '';
+
+    if (propBarcodeFormat) {
+      propBarcodeFormat.addEventListener('change', (e) => {
+        const newFormat = (e.target as HTMLSelectElement).value;
+        field.barcodeFormat = newFormat;
+        field.barcodeValue = barcodeSampleValues[newFormat] || 'hello';
+        if (propBarcodeValue) propBarcodeValue.value = field.barcodeValue;
+        if (hintEl) hintEl.textContent = barcodeFormatHints[newFormat] || '';
+        renderField(field);
+      });
+    }
+
+    if (propBarcodeValue) {
+      propBarcodeValue.addEventListener('input', (e) => {
+        field.barcodeValue = (e.target as HTMLInputElement).value;
+        renderField(field);
+      });
+    }
   }
 }
 
@@ -1911,6 +2027,19 @@ downloadBtn.addEventListener('click', async () => {
 
     const form = pdfDoc.getForm();
 
+    if (extractedFieldNames.size > 0) {
+      for (const fieldName of extractedFieldNames) {
+        try {
+          const existingField = form.getFieldMaybe(fieldName);
+          if (existingField) {
+            form.removeField(existingField);
+          }
+        } catch (e) {
+          console.warn(`Failed to remove existing field "${fieldName}":`, e);
+        }
+      }
+    }
+
     const helveticaFont = await pdfDoc.embedFont(StandardFonts.Helvetica);
 
     // Set document metadata for accessibility
@@ -2332,6 +2461,32 @@ downloadBtn.addEventListener('click', async () => {
         if (field.tooltip) {
           widgetDict.set(PDFName.of('TU'), PDFString.of(field.tooltip));
         }
+      } else if (field.type === 'barcode') {
+        if (field.barcodeValue) {
+          try {
+            const offscreen = document.createElement('canvas');
+            bwipjs.toCanvas(offscreen, {
+              bcid: field.barcodeFormat || 'qrcode',
+              text: field.barcodeValue,
+              scale: 3,
+              includetext:
+                field.barcodeFormat !== 'qrcode' &&
+                field.barcodeFormat !== 'datamatrix',
+            });
+            const dataUrl = offscreen.toDataURL('image/png');
+            const base64 = dataUrl.split(',')[1];
+            const pngBytes = Uint8Array.from(atob(base64), (c) =>
+              c.charCodeAt(0)
+            );
+            const pngImage = await pdfDoc.embedPng(pngBytes);
+            pdfPage.drawImage(pngImage, { x, y, width, height });
+          } catch (e) {
+            console.warn(
+              `Failed to generate barcode for field "${field.name}":`,
+              e
+            );
+          }
+        }
       }
     }
 
@@ -2429,6 +2584,8 @@ function resetToInitial(): void {
   currentPageIndex = 0;
   uploadedPdfDoc = null;
   selectedField = null;
+  extractedFieldNames.clear();
+  pendingFieldExtraction = false;
 
   canvas.innerHTML = '';
 
@@ -2611,6 +2768,27 @@ async function renderCanvas(): Promise<void> {
                         height: currentPage.height,
                       },
                     });
+
+                    if (pendingFieldExtraction && uploadedPdfDoc) {
+                      pendingFieldExtraction = false;
+                      extractExistingFields(uploadedPdfDoc);
+                      extractedFieldNames.forEach((name) =>
+                        existingFieldNames.delete(name)
+                      );
+
+                      try {
+                        const form = uploadedPdfDoc.getForm();
+                        for (const name of extractedFieldNames) {
+                          try {
+                            const f = form.getFieldMaybe(name);
+                            if (f) form.removeField(f);
+                          } catch {}
+                        }
+                      } catch {}
+
+                      renderCanvas();
+                      updateFieldCount();
+                    }
                   }, 50);
                 }
               }
@@ -2701,6 +2879,235 @@ confirmBlankBtn.addEventListener('click', () => {
   setTimeout(() => createIcons({ icons }), 100);
 });
 
+const extractedFieldNames: Set<string> = new Set();
+
+function extractExistingFields(pdfDoc: PDFDocument): void {
+  try {
+    const form = pdfDoc.getForm();
+    const pdfFields = form.getFields();
+    const pdfPages = pdfDoc.getPages();
+
+    const pageRefToIndex = new Map<any, number>();
+    pdfPages.forEach((page, index) => {
+      pageRefToIndex.set(page.ref, index);
+    });
+
+    for (const pdfField of pdfFields) {
+      const name = pdfField.getName();
+      const widgets = pdfField.acroField.getWidgets();
+
+      if (widgets.length === 0) continue;
+
+      let fieldType: FormField['type'];
+      if (pdfField instanceof PDFTextField) {
+        fieldType = 'text';
+      } else if (pdfField instanceof PDFCheckBox) {
+        fieldType = 'checkbox';
+      } else if (pdfField instanceof PDFRadioGroup) {
+        fieldType = 'radio';
+      } else if (pdfField instanceof PDFDropdown) {
+        fieldType = 'dropdown';
+      } else if (pdfField instanceof PDFOptionList) {
+        fieldType = 'optionlist';
+      } else if (pdfField instanceof PDFButton) {
+        fieldType = 'button';
+      } else if (pdfField instanceof PDFSignature) {
+        fieldType = 'signature';
+      } else {
+        continue;
+      }
+
+      if (fieldType === 'radio') {
+        const radioField = pdfField as PDFRadioGroup;
+        const options = radioField.getOptions();
+
+        for (let wi = 0; wi < widgets.length; wi++) {
+          const widget = widgets[wi];
+          const rect = widget.getRectangle();
+
+          const pageRef = widget.dict.get(PDFName.of('P'));
+          let pageIndex = 0;
+          if (pageRef) {
+            for (let pi = 0; pi < pdfPages.length; pi++) {
+              if (pdfPages[pi].ref === pageRef) {
+                pageIndex = pi;
+                break;
+              }
+            }
+          }
+
+          const page = pdfPages[pageIndex];
+          const { height: pageHeight } = page.getSize();
+
+          const canvasX = rect.x * pdfViewerScale + pdfViewerOffset.x;
+          const canvasY =
+            (pageHeight - rect.y - rect.height) * pdfViewerScale +
+            pdfViewerOffset.y;
+          const canvasWidth = rect.width * pdfViewerScale;
+          const canvasHeight = rect.height * pdfViewerScale;
+
+          fieldCounter++;
+          const exportValue = options[wi] || 'Yes';
+
+          let tooltip = '';
+          try {
+            const tu = widget.dict.get(PDFName.of('TU'));
+            if (tu instanceof PDFString) {
+              tooltip = tu.decodeText();
+            }
+          } catch {}
+
+          const formField: FormField = {
+            id: `field_${fieldCounter}`,
+            type: 'radio',
+            x: canvasX,
+            y: canvasY,
+            width: canvasWidth,
+            height: canvasHeight,
+            name: name,
+            defaultValue: '',
+            fontSize: 12,
+            alignment: 'left',
+            textColor: '#000000',
+            required: radioField.isRequired(),
+            readOnly: radioField.isReadOnly(),
+            tooltip: tooltip,
+            combCells: 0,
+            maxLength: 0,
+            checked: false,
+            exportValue: exportValue,
+            groupName: name,
+            pageIndex: pageIndex,
+            borderColor: '#000000',
+            hideBorder: false,
+          };
+
+          fields.push(formField);
+        }
+
+        extractedFieldNames.add(name);
+        continue;
+      }
+
+      const widget = widgets[0];
+      const rect = widget.getRectangle();
+
+      const pageRef = widget.dict.get(PDFName.of('P'));
+      let pageIndex = 0;
+      if (pageRef) {
+        for (let pi = 0; pi < pdfPages.length; pi++) {
+          if (pdfPages[pi].ref === pageRef) {
+            pageIndex = pi;
+            break;
+          }
+        }
+      }
+
+      const page = pdfPages[pageIndex];
+      const { height: pageHeight } = page.getSize();
+
+      const canvasX = rect.x * pdfViewerScale + pdfViewerOffset.x;
+      const canvasY =
+        (pageHeight - rect.y - rect.height) * pdfViewerScale +
+        pdfViewerOffset.y;
+      const canvasWidth = rect.width * pdfViewerScale;
+      const canvasHeight = rect.height * pdfViewerScale;
+
+      let tooltip = '';
+      try {
+        const tu = widget.dict.get(PDFName.of('TU'));
+        if (tu instanceof PDFString) {
+          tooltip = tu.decodeText();
+        }
+      } catch {}
+
+      fieldCounter++;
+
+      const formField: FormField = {
+        id: `field_${fieldCounter}`,
+        type: fieldType,
+        x: canvasX,
+        y: canvasY,
+        width: canvasWidth,
+        height: canvasHeight,
+        name: name,
+        defaultValue: '',
+        fontSize: 12,
+        alignment: 'left',
+        textColor: '#000000',
+        required: pdfField.isRequired(),
+        readOnly: pdfField.isReadOnly(),
+        tooltip: tooltip,
+        combCells: 0,
+        maxLength: 0,
+        pageIndex: pageIndex,
+        borderColor: '#000000',
+        hideBorder: false,
+      };
+
+      if (pdfField instanceof PDFTextField) {
+        try {
+          formField.defaultValue = pdfField.getText() || '';
+        } catch {}
+        try {
+          formField.multiline = pdfField.isMultiline();
+        } catch {}
+        try {
+          const maxLen = pdfField.getMaxLength();
+          if (maxLen !== undefined) {
+            if (pdfField.isCombed()) {
+              formField.combCells = maxLen;
+            } else {
+              formField.maxLength = maxLen;
+            }
+          }
+        } catch {}
+        try {
+          const alignment = pdfField.getAlignment();
+          if (alignment === TextAlignment.Center)
+            formField.alignment = 'center';
+          else if (alignment === TextAlignment.Right)
+            formField.alignment = 'right';
+          else formField.alignment = 'left';
+        } catch {}
+      } else if (pdfField instanceof PDFCheckBox) {
+        try {
+          formField.checked = pdfField.isChecked();
+        } catch {}
+        formField.exportValue = 'Yes';
+      } else if (pdfField instanceof PDFDropdown) {
+        try {
+          formField.options = pdfField.getOptions();
+        } catch {}
+        try {
+          const selected = pdfField.getSelected();
+          if (selected.length > 0) formField.defaultValue = selected[0];
+        } catch {}
+      } else if (pdfField instanceof PDFOptionList) {
+        try {
+          formField.options = pdfField.getOptions();
+        } catch {}
+        try {
+          const selected = pdfField.getSelected();
+          if (selected.length > 0) formField.defaultValue = selected[0];
+        } catch {}
+      } else if (pdfField instanceof PDFButton) {
+        formField.label = 'Button';
+        formField.action = 'none';
+      }
+
+      fields.push(formField);
+      extractedFieldNames.add(name);
+    }
+
+    console.log(
+      `Extracted ${extractedFieldNames.size} existing fields for editing`
+    );
+  } catch (e) {
+    console.warn('Error extracting existing fields:', e);
+  }
+}
+
 async function handlePdfUpload(file: File) {
   try {
     const arrayBuffer = await file.arrayBuffer();
@@ -2759,6 +3166,9 @@ async function handlePdfUpload(file: File) {
     }
 
     currentPageIndex = 0;
+
+    pendingFieldExtraction = true;
+
     renderCanvas();
     updatePageNavigation();
 

src/js/logic/pdf-multi-tool.ts

@@ -1,10 +1,15 @@
 import { createIcons, icons } from 'lucide';
-import { degrees, PDFDocument as PDFLibDocument } from 'pdf-lib';
+import { degrees, PDFDocument as PDFLibDocument, PDFPage } from 'pdf-lib';
 import * as pdfjsLib from 'pdfjs-dist';
 import JSZip from 'jszip';
 import Sortable from 'sortablejs';
 import { downloadFile, getPDFDocument } from '../utils/helpers';
-import { renderPagesProgressively, cleanupLazyRendering, renderPageToCanvas, createPlaceholder } from '../utils/render-utils';
+import {
+  renderPagesProgressively,
+  cleanupLazyRendering,
+  renderPageToCanvas,
+  createPlaceholder,
+} from '../utils/render-utils';
 import { initializeGlobalShortcuts } from '../utils/shortcuts-init.js';
 import { repairPdfFile } from './repair-pdf.js';
 
@@ -41,13 +46,17 @@ let sortableInstance: Sortable | null = null;
 
 const pageCanvasCache = new Map<string, HTMLCanvasElement>();
 
-type Snapshot = { allPages: PageData[]; selectedPages: number[]; splitMarkers: number[] };
+type Snapshot = {
+  allPages: PageData[];
+  selectedPages: number[];
+  splitMarkers: number[];
+};
 const undoStack: Snapshot[] = [];
 const redoStack: Snapshot[] = [];
 
 function snapshot() {
   const snap: Snapshot = {
-    allPages: allPages.map(p => ({ ...p, canvas: p.canvas })),
+    allPages: allPages.map((p) => ({ ...p, canvas: p.canvas })),
     selectedPages: Array.from(selectedPages),
     splitMarkers: Array.from(splitMarkers),
   };
@@ -56,16 +65,20 @@ function snapshot() {
 }
 
 function restore(snap: Snapshot) {
-  allPages = snap.allPages.map(p => ({
+  allPages = snap.allPages.map((p) => ({
     ...p,
-    canvas: p.canvas
+    canvas: p.canvas,
   }));
   selectedPages = new Set(snap.selectedPages);
   splitMarkers = new Set(snap.splitMarkers);
   updatePageDisplay();
 }
 
-function showModal(title: string, message: string, type: 'info' | 'error' | 'success' = 'info') {
+function showModal(
+  title: string,
+  message: string,
+  type: 'info' | 'error' | 'success' = 'info'
+) {
   const modal = document.getElementById('modal');
   const modalTitle = document.getElementById('modal-title');
   const modalMessage = document.getElementById('modal-message');
@@ -79,12 +92,12 @@ function showModal(title: string, message: string, type: 'info' | 'error' | 'suc
   const iconMap = {
     info: 'info',
     error: 'alert-circle',
-    success: 'check-circle'
+    success: 'check-circle',
   };
   const colorMap = {
     info: 'text-blue-400',
     error: 'text-red-400',
-    success: 'text-green-400'
+    success: 'text-green-400',
   };
 
   modalIcon.innerHTML = `<i data-lucide="${iconMap[type]}" class="w-12 h-12 ${colorMap[type]}"></i>`;
@@ -112,7 +125,10 @@ function showLoading(current: number, total: number) {
   text.textContent = t('multiTool.renderingPages');
 }
 
-async function withButtonLoading(buttonId: string, action: () => Promise<void>) {
+async function withButtonLoading(
+  buttonId: string,
+  action: () => Promise<void>
+) {
   const button = document.getElementById(buttonId) as HTMLButtonElement;
   if (!button) return;
 
@@ -122,7 +138,8 @@ async function withButtonLoading(buttonId: string, action: () => Promise<void>)
   try {
     button.disabled = true;
     button.style.pointerEvents = 'none';
-    button.innerHTML = '<svg class="animate-spin h-5 w-5 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle><path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path></svg>';
+    button.innerHTML =
+      '<svg class="animate-spin h-5 w-5 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle><path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path></svg>';
 
     await action();
   } finally {
@@ -143,7 +160,9 @@ if (document.readyState === 'loading') {
     initializeTool();
   });
 } else {
-  console.log('PDF Multi Tool: DOMContentLoaded already fired, initializing immediately');
+  console.log(
+    'PDF Multi Tool: DOMContentLoaded already fired, initializing immediately'
+  );
   initializeTool();
 }
 
@@ -160,20 +179,30 @@ function initializeTool() {
   document.getElementById('upload-pdfs-btn')?.addEventListener('click', () => {
     console.log('Upload button clicked, isRendering:', isRendering);
     if (isRendering) {
-      showModal(t('multiTool.pleaseWait'), t('multiTool.pagesRendering'), 'info');
+      showModal(
+        t('multiTool.pleaseWait'),
+        t('multiTool.pagesRendering'),
+        'info'
+      );
       return;
     }
     document.getElementById('pdf-file-input')?.click();
   });
 
-  document.getElementById('pdf-file-input')?.addEventListener('change', handlePdfUpload);
+  document
-  document.getElementById('insert-pdf-input')?.addEventListener('change', handleInsertPdf);
+    .getElementById('pdf-file-input')
+    ?.addEventListener('change', handlePdfUpload);
+  document
+    .getElementById('insert-pdf-input')
+    ?.addEventListener('change', handleInsertPdf);
 
-  document.getElementById('bulk-rotate-left-btn')?.addEventListener('click', () => {
+  document
-    if (isRendering) return;
+    .getElementById('bulk-rotate-left-btn')
-    snapshot();
+    ?.addEventListener('click', () => {
-    bulkRotate(-90);
+      if (isRendering) return;
-  });
+      snapshot();
+      bulkRotate(-90);
+    });
   document.getElementById('bulk-rotate-btn')?.addEventListener('click', () => {
     if (isRendering) return;
     snapshot();
@@ -184,27 +213,38 @@ function initializeTool() {
     snapshot();
     bulkDelete();
   });
-  document.getElementById('bulk-duplicate-btn')?.addEventListener('click', () => {
+  document
-    if (isRendering) return;
+    .getElementById('bulk-duplicate-btn')
-    snapshot();
+    ?.addEventListener('click', () => {
-    bulkDuplicate();
+      if (isRendering) return;
-  });
+      snapshot();
+      bulkDuplicate();
+    });
   document.getElementById('bulk-split-btn')?.addEventListener('click', () => {
     if (isRendering) return;
     snapshot();
     bulkSplit();
   });
-  document.getElementById('bulk-download-btn')?.addEventListener('click', () => {
+  document
-    if (isRendering) return;
+    .getElementById('bulk-download-btn')
-    if (isRendering) return;
+    ?.addEventListener('click', () => {
-    if (selectedPages.size === 0) {
+      if (isRendering) return;
-      showModal(t('multiTool.noPagesSelected'), t('multiTool.selectOnePage'), 'info');
+      if (isRendering) return;
-      return;
+      if (selectedPages.size === 0) {
-    }
+        showModal(
-    withButtonLoading('bulk-download-btn', async () => {
+          t('multiTool.noPagesSelected'),
-      await downloadPagesAsPdf(Array.from(selectedPages).sort((a, b) => a - b), 'selected-pages.pdf');
+          t('multiTool.selectOnePage'),
+          'info'
+        );
+        return;
+      }
+      withButtonLoading('bulk-download-btn', async () => {
+        await downloadPagesAsPdf(
+          Array.from(selectedPages).sort((a, b) => a - b),
+          'selected-pages.pdf'
+        );
+      });
     });
-  });
 
   document.getElementById('select-all-btn')?.addEventListener('click', () => {
     if (isRendering) return;
@@ -229,17 +269,19 @@ function initializeTool() {
       await downloadAll();
     });
   });
-  document.getElementById('add-blank-page-btn')?.addEventListener('click', () => {
+  document
-    if (isRendering) return;
+    .getElementById('add-blank-page-btn')
-    snapshot();
+    ?.addEventListener('click', () => {
-    addBlankPage();
+      if (isRendering) return;
-  });
+      snapshot();
+      addBlankPage();
+    });
   document.getElementById('undo-btn')?.addEventListener('click', () => {
     if (isRendering) return;
     const last = undoStack.pop();
     if (last) {
       const current: Snapshot = {
-        allPages: allPages.map(p => ({ ...p })),
+        allPages: allPages.map((p) => ({ ...p })),
         selectedPages: Array.from(selectedPages),
         splitMarkers: Array.from(splitMarkers),
       };
@@ -252,7 +294,7 @@ function initializeTool() {
     const next = redoStack.pop();
     if (next) {
       const current: Snapshot = {
-        allPages: allPages.map(p => ({ ...p })),
+        allPages: allPages.map((p) => ({ ...p })),
         selectedPages: Array.from(selectedPages),
         splitMarkers: Array.from(splitMarkers),
       };
@@ -269,7 +311,9 @@ function initializeTool() {
     }
   });
 
-  document.getElementById('modal-close-btn')?.addEventListener('click', hideModal);
+  document
+    .getElementById('modal-close-btn')
+    ?.addEventListener('click', hideModal);
   document.getElementById('modal')?.addEventListener('click', (e) => {
     if (e.target === document.getElementById('modal')) {
       hideModal();
@@ -288,7 +332,9 @@ function initializeTool() {
     uploadArea.addEventListener('drop', (e) => {
       e.preventDefault();
       uploadArea.classList.remove('border-indigo-500');
-      const files = Array.from(e.dataTransfer?.files || []).filter(f => f.type === 'application/pdf');
+      const files = Array.from(e.dataTransfer?.files || []).filter(
+        (f) => f.type === 'application/pdf'
+      );
       if (files.length > 0) {
         loadPdfs(files);
       }
@@ -361,27 +407,38 @@ async function loadPdfs(files: File[]) {
         try {
           console.log(`Repairing ${file.name}...`);
           const loadingText = document.getElementById('loading-text');
-          if (loadingText) loadingText.textContent = `Repairing ${file.name}...`;
+          if (loadingText)
+            loadingText.textContent = `Repairing ${file.name}...`;
 
           const repairedData = await repairPdfFile(file);
           if (repairedData) {
             arrayBuffer = repairedData.buffer as ArrayBuffer;
             console.log(`Successfully repaired ${file.name} before loading.`);
           } else {
-            console.warn(`Repair returned null for ${file.name}, using original file.`);
+            console.warn(
+              `Repair returned null for ${file.name}, using original file.`
+            );
             arrayBuffer = await file.arrayBuffer();
           }
         } catch (repairError) {
-          console.warn(`Failed to repair ${file.name}, attempting to load original:`, repairError);
+          console.warn(
+            `Failed to repair ${file.name}, attempting to load original:`,
+            repairError
+          );
           arrayBuffer = await file.arrayBuffer();
         }
 
-        const pdfDoc = await PDFLibDocument.load(arrayBuffer, { ignoreEncryption: true, throwOnInvalidObject: false });
+        const pdfDoc = await PDFLibDocument.load(arrayBuffer, {
+          ignoreEncryption: true,
+          throwOnInvalidObject: false,
+        });
         currentPdfDocs.push(pdfDoc);
         const pdfIndex = currentPdfDocs.length - 1;
 
         const pdfBytes = await pdfDoc.save();
-        const pdfjsDoc = await getPDFDocument({ data: new Uint8Array(pdfBytes) }).promise;
+        const pdfjsDoc = await getPDFDocument({
+          data: new Uint8Array(pdfBytes),
+        }).promise;
         const numPages = pdfjsDoc.numPages;
 
         // Pre-fill allPages with placeholders to maintain order/state
@@ -425,10 +482,13 @@ async function loadPdfs(files: File[]) {
             shouldCancel: () => renderCancelled, // Pass cancellation check
           }
         );
-
       } catch (e) {
         console.error(`Failed to load PDF ${file.name}:`, e);
-        showModal(t('multiTool.error'), `${t('multiTool.failedToLoad')} ${file.name}.`, 'error');
+        showModal(
+          t('multiTool.error'),
+          `${t('multiTool.failedToLoad')} ${file.name}.`,
+          'error'
+        );
       }
     }
 
@@ -439,7 +499,9 @@ async function loadPdfs(files: File[]) {
   } finally {
     hideLoading();
     isRendering = false;
-    console.log('PDF Multi Tool: Render finished/cancelled, isRendering set to false');
+    console.log(
+      'PDF Multi Tool: Render finished/cancelled, isRendering set to false'
+    );
     if (renderCancelled) {
       renderCancelled = false;
     }
@@ -464,7 +526,10 @@ function createPageCard(pageData: PageData, index: number) {
 }
 
 // Modified to return the element instead of appending it
-function createPageElement(canvas: HTMLCanvasElement | null, index: number): HTMLElement {
+function createPageElement(
+  canvas: HTMLCanvasElement | null,
+  index: number
+): HTMLElement {
   const pageData = allPages[index];
   if (!pageData) {
     console.error(`Page data not found for index ${index}`);
@@ -472,7 +537,8 @@ function createPageElement(canvas: HTMLCanvasElement | null, index: number): HTM
   }
 
   const card = document.createElement('div');
-  card.className = 'bg-gray-800 rounded-lg border-2 border-gray-700 p-2 relative group cursor-move';
+  card.className =
+    'bg-gray-800 rounded-lg border-2 border-gray-700 p-2 relative group cursor-move';
   card.dataset.pageIndex = index.toString();
   card.dataset.pageId = pageData.id; // Set ID for reconciliation
 
@@ -490,7 +556,8 @@ function createPageElement(canvas: HTMLCanvasElement | null, index: number): HTM
   }
 
   const preview = document.createElement('div');
-  preview.className = 'bg-white rounded mb-2 overflow-hidden w-full flex items-center justify-center relative h-36 sm:h-64';
+  preview.className =
+    'bg-white rounded mb-2 overflow-hidden w-full flex items-center justify-center relative h-36 sm:h-64';
 
   if (canvas) {
     const previewCanvas = canvas;
@@ -502,7 +569,8 @@ function createPageElement(canvas: HTMLCanvasElement | null, index: number): HTM
   } else {
     // Show loading placeholder if canvas is null
     const loading = document.createElement('div');
-    loading.className = 'flex flex-col items-center justify-center text-gray-400';
+    loading.className =
+      'flex flex-col items-center justify-center text-gray-400';
     loading.innerHTML = `
       <i data-lucide="loader" class="w-8 h-8 animate-spin mb-2"></i>
       <span class="text-xs">${t('common.loading')}</span>
@@ -518,15 +586,18 @@ function createPageElement(canvas: HTMLCanvasElement | null, index: number): HTM
 
   // Actions toolbar
   const actions = document.createElement('div');
-  actions.className = 'flex items-center justify-center gap-1 sm:opacity-0 group-hover:opacity-100 transition-opacity absolute bottom-2 left-0 right-0';
+  actions.className =
+    'flex items-center justify-center gap-1 sm:opacity-0 group-hover:opacity-100 transition-opacity absolute bottom-2 left-0 right-0';
 
   const actionsInner = document.createElement('div');
-  actionsInner.className = 'flex items-center gap-1 bg-gray-900/90 rounded px-2 py-1';
+  actionsInner.className =
+    'flex items-center gap-1 bg-gray-900/90 rounded px-2 py-1';
   actions.appendChild(actionsInner);
 
   // Select checkbox
   const selectBtn = document.createElement('button');
-  selectBtn.className = 'absolute top-2 right-2 p-1 rounded bg-gray-900/70 hover:bg-gray-800 z-10';
+  selectBtn.className =
+    'absolute top-2 right-2 p-1 rounded bg-gray-900/70 hover:bg-gray-800 z-10';
   selectBtn.innerHTML = selectedPages.has(index)
     ? '<i data-lucide="check-square" class="w-4 h-4 text-indigo-400"></i>'
     : '<i data-lucide="square" class="w-4 h-4 text-gray-200"></i>';
@@ -538,14 +609,16 @@ function createPageElement(canvas: HTMLCanvasElement | null, index: number): HTM
   // Rotate button
   const rotateBtn = document.createElement('button');
   rotateBtn.className = 'p-1 rounded hover:bg-gray-700';
-  rotateBtn.innerHTML = '<i data-lucide="rotate-cw" class="w-4 h-4 text-gray-300"></i>';
+  rotateBtn.innerHTML =
+    '<i data-lucide="rotate-cw" class="w-4 h-4 text-gray-300"></i>';
   rotateBtn.onclick = (e) => {
     e.stopPropagation();
     rotatePage(index, 90);
   };
   const rotateLeftBtn = document.createElement('button');
   rotateLeftBtn.className = 'p-1 rounded hover:bg-gray-700';
-  rotateLeftBtn.innerHTML = '<i data-lucide="rotate-ccw" class="w-4 h-4 text-gray-300"></i>';
+  rotateLeftBtn.innerHTML =
+    '<i data-lucide="rotate-ccw" class="w-4 h-4 text-gray-300"></i>';
   rotateLeftBtn.onclick = (e) => {
     e.stopPropagation();
     rotatePage(index, -90);
@@ -554,7 +627,8 @@ function createPageElement(canvas: HTMLCanvasElement | null, index: number): HTM
   // Duplicate button
   const duplicateBtn = document.createElement('button');
   duplicateBtn.className = 'p-1 rounded hover:bg-gray-700';
-  duplicateBtn.innerHTML = '<i data-lucide="copy" class="w-4 h-4 text-gray-300"></i>';
+  duplicateBtn.innerHTML =
+    '<i data-lucide="copy" class="w-4 h-4 text-gray-300"></i>';
   duplicateBtn.title = t('multiTool.actions.duplicatePage');
   duplicateBtn.onclick = (e) => {
     e.stopPropagation();
@@ -565,7 +639,8 @@ function createPageElement(canvas: HTMLCanvasElement | null, index: number): HTM
   // Delete button
   const deleteBtn = document.createElement('button');
   deleteBtn.className = 'p-1 rounded hover:bg-gray-700';
-  deleteBtn.innerHTML = '<i data-lucide="trash-2" class="w-4 h-4 text-red-400"></i>';
+  deleteBtn.innerHTML =
+    '<i data-lucide="trash-2" class="w-4 h-4 text-red-400"></i>';
   deleteBtn.title = t('multiTool.actions.deletePage');
   deleteBtn.onclick = (e) => {
     e.stopPropagation();
@@ -576,7 +651,8 @@ function createPageElement(canvas: HTMLCanvasElement | null, index: number): HTM
   // Insert PDF button
   const insertBtn = document.createElement('button');
   insertBtn.className = 'p-1 rounded hover:bg-gray-700';
-  insertBtn.innerHTML = '<i data-lucide="file-plus" class="w-4 h-4 text-gray-300"></i>';
+  insertBtn.innerHTML =
+    '<i data-lucide="file-plus" class="w-4 h-4 text-gray-300"></i>';
   insertBtn.title = t('multiTool.actions.insertPdf');
   insertBtn.onclick = (e) => {
     e.stopPropagation();
@@ -587,7 +663,8 @@ function createPageElement(canvas: HTMLCanvasElement | null, index: number): HTM
   // Split button
   const splitBtn = document.createElement('button');
   splitBtn.className = 'p-1 rounded hover:bg-gray-700';
-  splitBtn.innerHTML = '<i data-lucide="scissors" class="w-4 h-4 text-gray-300"></i>';
+  splitBtn.innerHTML =
+    '<i data-lucide="scissors" class="w-4 h-4 text-gray-300"></i>';
   splitBtn.title = t('multiTool.actions.toggleSplit');
   splitBtn.onclick = (e) => {
     e.stopPropagation();
@@ -596,14 +673,23 @@ function createPageElement(canvas: HTMLCanvasElement | null, index: number): HTM
     renderSplitMarkers();
   };
 
-  actionsInner.append(rotateLeftBtn, rotateBtn, duplicateBtn, insertBtn, splitBtn, deleteBtn);
+  actionsInner.append(
+    rotateLeftBtn,
+    rotateBtn,
+    duplicateBtn,
+    insertBtn,
+    splitBtn,
+    deleteBtn
+  );
   card.append(preview, info, actions, selectBtn);
 
   // Check for split marker
   if (splitMarkers.has(index)) {
     const marker = document.createElement('div');
-    marker.className = 'split-marker absolute -right-3 top-0 bottom-0 w-6 flex items-center justify-center z-20 pointer-events-none';
+    marker.className =
-    marker.innerHTML = '<div class="h-full w-0.5 border-l-2 border-dashed border-blue-400"></div>';
+      'split-marker absolute -right-3 top-0 bottom-0 w-6 flex items-center justify-center z-20 pointer-events-none';
+    marker.innerHTML =
+      '<div class="h-full w-0.5 border-l-2 border-dashed border-blue-400"></div>';
     card.appendChild(marker);
   }
 
@@ -655,15 +741,19 @@ function toggleSelectOptimized(index: number) {
   const card = pagesContainer.children[index] as HTMLElement;
   if (!card) return;
 
-  const selectBtn = card.querySelector('button[class*="absolute top-2 right-2"]');
+  const selectBtn = card.querySelector(
+    'button[class*="absolute top-2 right-2"]'
+  );
   if (!selectBtn) return;
 
   if (selectedPages.has(index)) {
     card.classList.add('border-indigo-500', 'ring-2', 'ring-indigo-500');
-    selectBtn.innerHTML = '<i data-lucide="check-square" class="w-4 h-4 text-indigo-400"></i>';
+    selectBtn.innerHTML =
+      '<i data-lucide="check-square" class="w-4 h-4 text-indigo-400"></i>';
   } else {
     card.classList.remove('border-indigo-500', 'ring-2', 'ring-indigo-500');
-    selectBtn.innerHTML = '<i data-lucide="square" class="w-4 h-4 text-gray-200"></i>';
+    selectBtn.innerHTML =
+      '<i data-lucide="square" class="w-4 h-4 text-gray-200"></i>';
   }
 
   createIcons({ icons });
@@ -730,7 +820,7 @@ function deletePage(index: number) {
   allPages.splice(index, 1);
   selectedPages.delete(index);
   const newSelected = new Set<number>();
-  selectedPages.forEach(i => {
+  selectedPages.forEach((i) => {
     if (i > index) newSelected.add(i - 1);
     else if (i < index) newSelected.add(i);
   });
@@ -759,13 +849,17 @@ async function handleInsertPdf(e: Event) {
 
   try {
     const arrayBuffer = await file.arrayBuffer();
-    const pdfDoc = await PDFLibDocument.load(arrayBuffer, { ignoreEncryption: true, throwOnInvalidObject: false });
+    const pdfDoc = await PDFLibDocument.load(arrayBuffer, {
+      ignoreEncryption: true,
+      throwOnInvalidObject: false,
+    });
     currentPdfDocs.push(pdfDoc);
     const pdfIndex = currentPdfDocs.length - 1;
 
     // Load PDF.js document for rendering
     const pdfBytes = await pdfDoc.save();
-    const pdfjsDoc = await getPDFDocument({ data: new Uint8Array(pdfBytes) }).promise;
+    const pdfjsDoc = await getPDFDocument({ data: new Uint8Array(pdfBytes) })
+      .promise;
     const numPages = pdfjsDoc.numPages;
 
     const newPages: PageData[] = [];
@@ -802,13 +896,18 @@ async function handleInsertPdf(e: Event) {
 
         // Update UI if card exists
         const pagesContainer = document.getElementById('pages-container');
-        const card = pagesContainer?.querySelector(`div[data-page-index="${globalIndex}"]`);
+        const card = pagesContainer?.querySelector(
+          `div[data-page-index="${globalIndex}"]`
+        );
         if (card) {
-          const preview = card.querySelector('.bg-gray-700') || card.querySelector('.bg-white');
+          const preview =
+            card.querySelector('.bg-gray-700') ||
+            card.querySelector('.bg-white');
           if (preview) {
             // Re-create the preview content
             preview.innerHTML = '';
-            preview.className = 'bg-white rounded mb-2 overflow-hidden w-full flex items-center justify-center relative h-36 sm:h-64';
+            preview.className =
+              'bg-white rounded mb-2 overflow-hidden w-full flex items-center justify-center relative h-36 sm:h-64';
 
             const previewCanvas = canvas;
             previewCanvas.className = 'max-w-full max-h-full object-contain';
@@ -819,10 +918,13 @@ async function handleInsertPdf(e: Event) {
         }
       }
     }
-
   } catch (e) {
     console.error('Failed to insert PDF:', e);
-    showModal('Error', 'Failed to insert PDF. The file may be corrupted.', 'error');
+    showModal(
+      'Error',
+      'Failed to insert PDF. The file may be corrupted.',
+      'error'
+    );
   }
 
   input.value = '';
@@ -837,13 +939,15 @@ function renderSplitMarkers() {
   const pagesContainer = document.getElementById('pages-container');
   if (!pagesContainer) return;
 
-  pagesContainer.querySelectorAll('.split-marker').forEach(m => m.remove());
+  pagesContainer.querySelectorAll('.split-marker').forEach((m) => m.remove());
 
   Array.from(pagesContainer.children).forEach((cardEl, i) => {
     if (splitMarkers.has(i)) {
       const marker = document.createElement('div');
-      marker.className = 'split-marker absolute -right-3 top-0 bottom-0 w-6 flex items-center justify-center z-20 pointer-events-none';
+      marker.className =
-      marker.innerHTML = '<div class="h-full w-0.5 border-l-2 border-dashed border-blue-400"></div>';
+        'split-marker absolute -right-3 top-0 bottom-0 w-6 flex items-center justify-center z-20 pointer-events-none';
+      marker.innerHTML =
+        '<div class="h-full w-0.5 border-l-2 border-dashed border-blue-400"></div>';
       (cardEl as HTMLElement).appendChild(marker);
     }
   });
@@ -881,7 +985,7 @@ function bulkRotate(delta: number) {
     return;
   }
 
-  selectedPages.forEach(index => {
+  selectedPages.forEach((index) => {
     const pageData = allPages[index];
     if (pageData) {
       // Update state
@@ -890,13 +994,15 @@ function bulkRotate(delta: number) {
 
       // Update DOM immediately if it exists
       const pagesContainer = document.getElementById('pages-container');
-      const card = pagesContainer?.querySelector(`div[data-page-index="${index}"]`);
+      const card = pagesContainer?.querySelector(
+        `div[data-page-index="${index}"]`
+      );
       if (card) {
         const canvas = card.querySelector('canvas');
         if (canvas) {
           canvas.style.transform = `rotate(${pageData.visualRotation}deg)`;
         }
-        // If no canvas (placeholder), the state update is enough. 
+        // If no canvas (placeholder), the state update is enough.
         // When it eventually renders, createPageElement will use the new rotation.
       }
     }
@@ -911,7 +1017,7 @@ function bulkDelete() {
     return;
   }
   const indices = Array.from(selectedPages).sort((a, b) => b - a);
-  indices.forEach(index => allPages.splice(index, 1));
+  indices.forEach((index) => allPages.splice(index, 1));
   selectedPages.clear();
 
   if (allPages.length === 0) {
@@ -928,7 +1034,7 @@ function bulkDuplicate() {
     return;
   }
   const indices = Array.from(selectedPages).sort((a, b) => b - a);
-  indices.forEach(index => {
+  indices.forEach((index) => {
     duplicatePage(index);
   });
   selectedPages.clear();
@@ -937,11 +1043,15 @@ function bulkDuplicate() {
 
 function bulkSplit() {
   if (selectedPages.size === 0) {
-    showModal('No Selection', 'Please select pages to mark for splitting.', 'info');
+    showModal(
+      'No Selection',
+      'Please select pages to mark for splitting.',
+      'info'
+    );
     return;
   }
   const indices = Array.from(selectedPages);
-  indices.forEach(index => {
+  indices.forEach((index) => {
     if (!splitMarkers.has(index)) {
       splitMarkers.add(index);
     }
@@ -951,7 +1061,6 @@ function bulkSplit() {
   updatePageDisplay();
 }
 
-
 async function downloadAll() {
   if (allPages.length === 0) {
     showModal('No Pages', 'Please upload PDFs first.', 'info');
@@ -993,24 +1102,63 @@ async function downloadSplitPdfs() {
       segments.push(currentSegment);
     }
 
-    // Create PDFs for each segment
     for (let segIndex = 0; segIndex < segments.length; segIndex++) {
       const segment = segments[segIndex];
       const newPdf = await PDFLibDocument.create();
 
+      const segSpecs: (
+        | {
+            type: 'pdf';
+            pdfDoc: PDFLibDocument;
+            originalPageIndex: number;
+            rotation: number;
+          }
+        | { type: 'blank' }
+      )[] = [];
       for (const index of segment) {
         const pageData = allPages[index];
-        if (!pageData) {
+        if (!pageData) continue;
-          console.warn(`Page data missing for index ${index}`);
-          continue;
-        }
         if (pageData.pdfDoc && pageData.originalPageIndex >= 0) {
-          const [copiedPage] = await newPdf.copyPages(pageData.pdfDoc, [pageData.originalPageIndex]);
+          segSpecs.push({
-          const page = newPdf.addPage(copiedPage);
+            type: 'pdf',
+            pdfDoc: pageData.pdfDoc,
+            originalPageIndex: pageData.originalPageIndex,
+            rotation: pageData.rotation,
+          });
+        } else {
+          segSpecs.push({ type: 'blank' });
+        }
+      }
 
-          if (pageData.rotation !== 0) {
+      const docPageIndices = new Map<PDFLibDocument, number[]>();
+      for (const spec of segSpecs) {
+        if (spec.type === 'pdf') {
+          if (!docPageIndices.has(spec.pdfDoc)) {
+            docPageIndices.set(spec.pdfDoc, []);
+          }
+          docPageIndices.get(spec.pdfDoc)!.push(spec.originalPageIndex);
+        }
+      }
+
+      const copiedPagesMap = new Map<PDFLibDocument, PDFPage[]>();
+      for (const [doc, pageIdxs] of Array.from(docPageIndices)) {
+        const copied = await newPdf.copyPages(doc, pageIdxs);
+        copiedPagesMap.set(doc, copied);
+      }
+
+      const docConsumeIndex = new Map<PDFLibDocument, number>();
+      docPageIndices.forEach((_, doc) => docConsumeIndex.set(doc, 0));
+
+      for (const spec of segSpecs) {
+        if (spec.type === 'pdf') {
+          const idx = docConsumeIndex.get(spec.pdfDoc)!;
+          const copiedPage = copiedPagesMap.get(spec.pdfDoc)![idx];
+          docConsumeIndex.set(spec.pdfDoc, idx + 1);
+
+          const page = newPdf.addPage(copiedPage);
+          if (spec.rotation !== 0) {
             const currentRotation = page.getRotation().angle;
-            page.setRotation(degrees(currentRotation + pageData.rotation));
+            page.setRotation(degrees(currentRotation + spec.rotation));
           }
         } else {
           newPdf.addPage([595, 842]);
@@ -1025,7 +1173,11 @@ async function downloadSplitPdfs() {
     const zipBlob = await zip.generateAsync({ type: 'blob' });
     downloadFile(zipBlob, 'split-documents.zip');
 
-    showModal('Success', `Downloaded ${segments.length} PDF files in a ZIP archive.`, 'success');
+    showModal(
+      'Success',
+      `Downloaded ${segments.length} PDF files in a ZIP archive.`,
+      'success'
+    );
   } catch (e) {
     console.error('Failed to create split PDFs:', e);
     showModal('Error', 'Failed to create split PDFs.', 'error');
@@ -1038,20 +1190,59 @@ async function downloadPagesAsPdf(indices: number[], filename: string) {
   try {
     const newPdf = await PDFLibDocument.create();
 
+    const pageSpecs: (
+      | {
+          type: 'pdf';
+          pdfDoc: PDFLibDocument;
+          originalPageIndex: number;
+          rotation: number;
+        }
+      | { type: 'blank' }
+    )[] = [];
     for (const index of indices) {
       const pageData = allPages[index];
-      if (!pageData) {
+      if (!pageData) continue;
-        console.warn(`Page data missing for index ${index}`);
-        continue;
-      }
       if (pageData.pdfDoc && pageData.originalPageIndex >= 0) {
-        // Copy page from original PDF
+        pageSpecs.push({
-        const [copiedPage] = await newPdf.copyPages(pageData.pdfDoc, [pageData.originalPageIndex]);
+          type: 'pdf',
-        const page = newPdf.addPage(copiedPage);
+          pdfDoc: pageData.pdfDoc,
+          originalPageIndex: pageData.originalPageIndex,
+          rotation: pageData.rotation,
+        });
+      } else {
+        pageSpecs.push({ type: 'blank' });
+      }
+    }
 
-        if (pageData.rotation !== 0) {
+    const docPageIndices = new Map<PDFLibDocument, number[]>();
+    for (const spec of pageSpecs) {
+      if (spec.type === 'pdf') {
+        if (!docPageIndices.has(spec.pdfDoc)) {
+          docPageIndices.set(spec.pdfDoc, []);
+        }
+        docPageIndices.get(spec.pdfDoc)!.push(spec.originalPageIndex);
+      }
+    }
+
+    const copiedPagesMap = new Map<PDFLibDocument, PDFPage[]>();
+    for (const [doc, pageIdxs] of Array.from(docPageIndices)) {
+      const copied = await newPdf.copyPages(doc, pageIdxs);
+      copiedPagesMap.set(doc, copied);
+    }
+
+    const docConsumeIndex = new Map<PDFLibDocument, number>();
+    docPageIndices.forEach((_, doc) => docConsumeIndex.set(doc, 0));
+
+    for (const spec of pageSpecs) {
+      if (spec.type === 'pdf') {
+        const idx = docConsumeIndex.get(spec.pdfDoc)!;
+        const copiedPage = copiedPagesMap.get(spec.pdfDoc)![idx];
+        docConsumeIndex.set(spec.pdfDoc, idx + 1);
+
+        const page = newPdf.addPage(copiedPage);
+        if (spec.rotation !== 0) {
           const currentRotation = page.getRotation().angle;
-          page.setRotation(degrees(currentRotation + pageData.rotation));
+          page.setRotation(degrees(currentRotation + spec.rotation));
         }
       } else {
         newPdf.addPage([595, 842]);
@@ -1059,7 +1250,9 @@ async function downloadPagesAsPdf(indices: number[], filename: string) {
     }
 
     const pdfBytes = await newPdf.save();
-    const blob = new Blob([new Uint8Array(pdfBytes)], { type: 'application/pdf' });
+    const blob = new Blob([new Uint8Array(pdfBytes)], {
+      type: 'application/pdf',
+    });
 
     downloadFile(blob, filename);
     showModal('Success', 'PDF downloaded successfully.', 'success');
@@ -1101,18 +1294,28 @@ function updatePageDisplay() {
 
       // Update index-dependent attributes
       card.dataset.pageIndex = index.toString();
-      const info = card.querySelector('.text-xs.text-gray-400.text-center.mb-2');
+      const info = card.querySelector(
+        '.text-xs.text-gray-400.text-center.mb-2'
+      );
       if (info) info.textContent = `Page ${index + 1} `;
 
       // Update selection state
-      const selectBtn = card.querySelector('button[class*="absolute top-2 right-2"]');
+      const selectBtn = card.querySelector(
+        'button[class*="absolute top-2 right-2"]'
+      );
       if (selectBtn) {
         if (selectedPages.has(index)) {
           card.classList.add('border-indigo-500', 'ring-2', 'ring-indigo-500');
-          selectBtn.innerHTML = '<i data-lucide="check-square" class="w-4 h-4 text-indigo-400"></i>';
+          selectBtn.innerHTML =
+            '<i data-lucide="check-square" class="w-4 h-4 text-indigo-400"></i>';
         } else {
-          card.classList.remove('border-indigo-500', 'ring-2', 'ring-indigo-500');
+          card.classList.remove(
-          selectBtn.innerHTML = '<i data-lucide="square" class="w-4 h-4 text-gray-200"></i>';
+            'border-indigo-500',
+            'ring-2',
+            'ring-indigo-500'
+          );
+          selectBtn.innerHTML =
+            '<i data-lucide="square" class="w-4 h-4 text-gray-200"></i>';
         }
         // Update click handler to use new index
         (selectBtn as HTMLElement).onclick = (e) => {
@@ -1128,17 +1331,47 @@ function updatePageDisplay() {
       }
 
       // Update action buttons
-      const actionsInner = card.querySelector('.flex.items-center.gap-1.bg-gray-900\\/90');
+      const actionsInner = card.querySelector(
+        '.flex.items-center.gap-1.bg-gray-900\\/90'
+      );
       if (actionsInner) {
         const buttons = actionsInner.querySelectorAll('button');
-        if (buttons[0]) (buttons[0] as HTMLElement).onclick = (e) => { e.stopPropagation(); rotatePage(index, -90); };
+        if (buttons[0])
-        if (buttons[1]) (buttons[1] as HTMLElement).onclick = (e) => { e.stopPropagation(); rotatePage(index, 90); };
+          (buttons[0] as HTMLElement).onclick = (e) => {
-        if (buttons[2]) (buttons[2] as HTMLElement).onclick = (e) => { e.stopPropagation(); snapshot(); duplicatePage(index); };
+            e.stopPropagation();
-        if (buttons[3]) (buttons[3] as HTMLElement).onclick = (e) => { e.stopPropagation(); snapshot(); insertPdfAfter(index); };
+            rotatePage(index, -90);
-        if (buttons[4]) (buttons[4] as HTMLElement).onclick = (e) => { e.stopPropagation(); snapshot(); toggleSplitMarker(index); renderSplitMarkers(); };
+          };
-        if (buttons[5]) (buttons[5] as HTMLElement).onclick = (e) => { e.stopPropagation(); snapshot(); deletePage(index); };
+        if (buttons[1])
+          (buttons[1] as HTMLElement).onclick = (e) => {
+            e.stopPropagation();
+            rotatePage(index, 90);
+          };
+        if (buttons[2])
+          (buttons[2] as HTMLElement).onclick = (e) => {
+            e.stopPropagation();
+            snapshot();
+            duplicatePage(index);
+          };
+        if (buttons[3])
+          (buttons[3] as HTMLElement).onclick = (e) => {
+            e.stopPropagation();
+            snapshot();
+            insertPdfAfter(index);
+          };
+        if (buttons[4])
+          (buttons[4] as HTMLElement).onclick = (e) => {
+            e.stopPropagation();
+            snapshot();
+            toggleSplitMarker(index);
+            renderSplitMarkers();
+          };
+        if (buttons[5])
+          (buttons[5] as HTMLElement).onclick = (e) => {
+            e.stopPropagation();
+            snapshot();
+            deletePage(index);
+          };
       }
-
     } else {
       // Element doesn't exist, create it
       card = createPageElement(pageData.canvas, index);
@@ -1179,7 +1412,9 @@ function updatePageNumbers() {
     // We need to find the buttons and update their onclick handlers
     // This is necessary because the original handlers captured the old index
 
-    const selectBtn = card.querySelector('button[class*="absolute top-2 right-2"]') as HTMLButtonElement;
+    const selectBtn = card.querySelector(
+      'button[class*="absolute top-2 right-2"]'
+    ) as HTMLButtonElement;
     if (selectBtn) {
       selectBtn.onclick = (e) => {
         e.stopPropagation();
@@ -1187,16 +1422,47 @@ function updatePageNumbers() {
       };
     }
 
-    const actionsInner = card.querySelector('.flex.items-center.gap-1.bg-gray-900\\/90');
+    const actionsInner = card.querySelector(
+      '.flex.items-center.gap-1.bg-gray-900\\/90'
+    );
     if (actionsInner) {
       const buttons = actionsInner.querySelectorAll('button');
       // Order: Rotate Left, Rotate Right, Duplicate, Insert, Split, Delete
-      if (buttons[0]) buttons[0].onclick = (e) => { e.stopPropagation(); rotatePage(index, -90); };
+      if (buttons[0])
-      if (buttons[1]) buttons[1].onclick = (e) => { e.stopPropagation(); rotatePage(index, 90); };
+        buttons[0].onclick = (e) => {
-      if (buttons[2]) buttons[2].onclick = (e) => { e.stopPropagation(); snapshot(); duplicatePage(index); };
+          e.stopPropagation();
-      if (buttons[3]) buttons[3].onclick = (e) => { e.stopPropagation(); snapshot(); insertPdfAfter(index); };
+          rotatePage(index, -90);
-      if (buttons[4]) buttons[4].onclick = (e) => { e.stopPropagation(); snapshot(); toggleSplitMarker(index); renderSplitMarkers(); };
+        };
-      if (buttons[5]) buttons[5].onclick = (e) => { e.stopPropagation(); snapshot(); deletePage(index); };
+      if (buttons[1])
+        buttons[1].onclick = (e) => {
+          e.stopPropagation();
+          rotatePage(index, 90);
+        };
+      if (buttons[2])
+        buttons[2].onclick = (e) => {
+          e.stopPropagation();
+          snapshot();
+          duplicatePage(index);
+        };
+      if (buttons[3])
+        buttons[3].onclick = (e) => {
+          e.stopPropagation();
+          snapshot();
+          insertPdfAfter(index);
+        };
+      if (buttons[4])
+        buttons[4].onclick = (e) => {
+          e.stopPropagation();
+          snapshot();
+          toggleSplitMarker(index);
+          renderSplitMarkers();
+        };
+      if (buttons[5])
+        buttons[5].onclick = (e) => {
+          e.stopPropagation();
+          snapshot();
+          deletePage(index);
+        };
     }
   });
-}
+}

src/js/logic/pdf-workflow-page.ts

@@ -2,7 +2,11 @@ import { showAlert } from '../ui.js';
 import { tesseractLanguages } from '../config/tesseract-languages.js';
 import { createWorkflowEditor, updateNodeDisplay } from '../workflow/editor';
 import { executeWorkflow } from '../workflow/engine';
-import { nodeRegistry, getNodesByCategory } from '../workflow/nodes/registry';
+import {
+  nodeRegistry,
+  getNodesByCategory,
+  createNodeByType,
+} from '../workflow/nodes/registry';
 import type { BaseWorkflowNode } from '../workflow/nodes/base-node';
 import type { WorkflowEditor } from '../workflow/editor';
 import {
@@ -43,6 +47,7 @@ import {
 
 let workflowEditor: WorkflowEditor | null = null;
 let selectedNodeId: string | null = null;
+let deleteNodeHandler: EventListener | null = null;
 
 if (document.readyState === 'loading') {
   document.addEventListener('DOMContentLoaded', initializePage);
@@ -245,10 +250,14 @@ async function initializePage() {
     }
   });
 
-  document.addEventListener('wf-delete-node', ((e: CustomEvent) => {
+  if (deleteNodeHandler) {
+    document.removeEventListener('wf-delete-node', deleteNodeHandler);
+  }
+  deleteNodeHandler = ((e: CustomEvent) => {
     const nodeId = e.detail?.nodeId;
     if (nodeId) deleteNodeById(nodeId);
-  }) as EventListener);
+  }) as EventListener;
+  document.addEventListener('wf-delete-node', deleteNodeHandler);
 }
 
 async function deleteNodeById(nodeId: string) {
@@ -539,14 +548,12 @@ async function addNodeToCanvas(
   if (!workflowEditor) return;
   const { editor, area } = workflowEditor;
 
-  const entry = nodeRegistry[type];
-  if (!entry) {
-    console.error('Node type not found in registry:', type);
-    return;
-  }
-
   try {
-    const node = entry.factory();
+    const node = createNodeByType(type);
+    if (!node) {
+      console.error('Node type not found in registry:', type);
+      return;
+    }
     await editor.addNode(node);
 
     const pos = position || getCanvasCenter(area);

src/js/main.ts

@@ -138,6 +138,7 @@ const init = async () => {
   };
 
   const toolTranslationKeys: Record<string, string> = {
+    'PDF Workflow Builder': 'tools:pdfWorkflow',
     'PDF Multi Tool': 'tools:pdfMultiTool',
     'Merge PDF': 'tools:mergePdf',
     'Split PDF': 'tools:splitPdf',
@@ -158,6 +159,7 @@ const init = async () => {
     'Background Color': 'tools:backgroundColor',
     'Change Text Color': 'tools:changeTextColor',
     'Add Stamps': 'tools:addStamps',
+    'Bates Numbering': 'tools:batesNumbering',
     'Remove Annotations': 'tools:removeAnnotations',
     'PDF Form Filler': 'tools:pdfFormFiller',
     'Create PDF Form': 'tools:createPdfForm',

src/js/types/add-watermark-type.ts

@@ -1,6 +1,26 @@
 import { PDFDocument as PDFLibDocument } from 'pdf-lib';
 
 export interface AddWatermarkState {
-    file: File | null;
+  file: File | null;
-    pdfDoc: PDFLibDocument | null;
+  pdfDoc: PDFLibDocument | null;
-}
+  pdfBytes: Uint8Array | null;
+  previewCanvas: HTMLCanvasElement | null;
+  watermarkX: number; // 0–1, percentage from left
+  watermarkY: number; // 0–1, percentage from top (flipped to bottom for PDF)
+}
+
+export interface PageWatermarkConfig {
+  type: 'text' | 'image';
+  x: number;
+  y: number;
+  text: string;
+  fontSize: number;
+  color: string;
+  opacityText: number;
+  angleText: number;
+  imageDataUrl: string | null;
+  imageFile: File | null;
+  imageScale: number;
+  opacityImage: number;
+  angleImage: number;
+}

src/js/types/decrypt-pdf-type.ts

@@ -1,3 +1,3 @@
 export interface DecryptPdfState {
-    file: File | null;
+  files: File[];
 }

src/js/types/form-creator-type.ts

@@ -1,40 +1,52 @@
-export interface FormField {
+export interface FormField {
-    id: string
+  id: string;
-    type: 'text' | 'checkbox' | 'radio' | 'dropdown' | 'optionlist' | 'button' | 'signature' | 'date' | 'image'
+  type:
-    x: number
+    | 'text'
-    y: number
+    | 'checkbox'
-    width: number
+    | 'radio'
-    height: number
+    | 'dropdown'
-    name: string
+    | 'optionlist'
-    defaultValue: string
+    | 'button'
-    fontSize: number
+    | 'signature'
-    alignment: 'left' | 'center' | 'right'
+    | 'date'
-    textColor: string
+    | 'image'
-    required: boolean
+    | 'barcode';
-    readOnly: boolean
+  x: number;
-    tooltip: string
+  y: number;
-    combCells: number
+  width: number;
-    maxLength: number
+  height: number;
-    options?: string[]
+  name: string;
-    checked?: boolean
+  defaultValue: string;
-    exportValue?: string
+  fontSize: number;
-    groupName?: string
+  alignment: 'left' | 'center' | 'right';
-    label?: string
+  textColor: string;
-    pageIndex: number
+  required: boolean;
-    action?: 'none' | 'reset' | 'print' | 'url' | 'js' | 'showHide'
+  readOnly: boolean;
-    actionUrl?: string
+  tooltip: string;
-    jsScript?: string
+  combCells: number;
-    targetFieldName?: string
+  maxLength: number;
-    visibilityAction?: 'show' | 'hide' | 'toggle'
+  options?: string[];
-    dateFormat?: string
+  checked?: boolean;
-    multiline?: boolean
+  exportValue?: string;
-    borderColor?: string
+  groupName?: string;
-    hideBorder?: boolean
+  label?: string;
-}
+  pageIndex: number;
-
+  action?: 'none' | 'reset' | 'print' | 'url' | 'js' | 'showHide';
-export interface PageData {
+  actionUrl?: string;
-    index: number
+  jsScript?: string;
-    width: number
+  targetFieldName?: string;
-    height: number
+  visibilityAction?: 'show' | 'hide' | 'toggle';
-    pdfPageData?: string
+  dateFormat?: string;
-}
+  multiline?: boolean;
+  borderColor?: string;
+  hideBorder?: boolean;
+  barcodeFormat?: string;
+  barcodeValue?: string;
+}
+
+export interface PageData {
+  index: number;
+  width: number;
+  height: number;
+  pdfPageData?: string;
+}

src/js/utils/compress.ts

@@ -83,25 +83,22 @@ export async function performCondenseCompression(
   try {
     const result = await pymupdf.compressPdf(fileBlob, options);
     return result;
-  } catch (error: any) {
+  } catch {
-    const errorMessage = error?.message || String(error);
+    const fallbackOptions = {
-    if (
+      ...options,
-      errorMessage.includes('PatternType') ||
+      images: {
-      errorMessage.includes('pattern')
+        ...options.images,
-    ) {
+        enabled: false,
-      const fallbackOptions = {
+      },
-        ...options,
+    };
-        images: {
-          ...options.images,
-          enabled: false,
-        },
-      };
 
+    try {
       const result = await pymupdf.compressPdf(fileBlob, fallbackOptions);
       return { ...result, usedFallback: true };
+    } catch (fallbackError: any) {
+      const msg = fallbackError?.message || String(fallbackError);
+      throw new Error(`PDF compression failed: ${msg}`);
     }
-
-    throw new Error(`PDF compression failed: ${errorMessage}`);
   }
 }
 

src/js/utils/pdf-operations.ts

@@ -187,6 +187,9 @@ export interface TextWatermarkOptions {
   color: { r: number; g: number; b: number };
   opacity: number;
   angle: number;
+  x?: number;
+  y?: number;
+  pageIndices?: number[];
 }
 
 export async function addTextWatermark(
@@ -194,19 +197,60 @@ export async function addTextWatermark(
   options: TextWatermarkOptions
 ): Promise<Uint8Array> {
   const pdfDoc = await PDFDocument.load(pdfBytes);
-  const font = await pdfDoc.embedFont(StandardFonts.Helvetica);
+
+  const canvas = document.createElement('canvas');
+  const ctx = canvas.getContext('2d');
+  if (!ctx) throw new Error('Failed to create canvas context');
+
+  const dpr = 2;
+  const colorR = Math.round(options.color.r * 255);
+  const colorG = Math.round(options.color.g * 255);
+  const colorB = Math.round(options.color.b * 255);
+  const fontStr = `bold ${options.fontSize * dpr}px "Noto Sans SC", "Noto Sans JP", "Noto Sans KR", "Noto Sans Arabic", Arial, sans-serif`;
+
+  ctx.font = fontStr;
+  const metrics = ctx.measureText(options.text);
+
+  canvas.width = Math.ceil(metrics.width) + 4;
+  canvas.height = Math.ceil(options.fontSize * dpr * 1.4);
+
+  ctx.font = fontStr;
+  ctx.fillStyle = `rgb(${colorR}, ${colorG}, ${colorB})`;
+  ctx.textBaseline = 'middle';
+  ctx.fillText(options.text, 2, canvas.height / 2);
+
+  const blob = await new Promise<Blob>((resolve, reject) => {
+    canvas.toBlob(
+      (b) => (b ? resolve(b) : reject(new Error('Canvas toBlob failed'))),
+      'image/png'
+    );
+  });
+  const imageBytes = new Uint8Array(await blob.arrayBuffer());
+
+  const image = await pdfDoc.embedPng(imageBytes);
   const pages = pdfDoc.getPages();
+  const posX = options.x ?? 0.5;
+  const posY = options.y ?? 0.5;
+  const imgWidth = image.width / dpr;
+  const imgHeight = image.height / dpr;
 
-  for (const page of pages) {
+  const rad = (options.angle * Math.PI) / 180;
+  const halfW = imgWidth / 2;
+  const halfH = imgHeight / 2;
+
+  const targetIndices = options.pageIndices ?? pages.map((_, i) => i);
+  for (const idx of targetIndices) {
+    const page = pages[idx];
+    if (!page) continue;
     const { width, height } = page.getSize();
-    const textWidth = font.widthOfTextAtSize(options.text, options.fontSize);
+    const cx = posX * width;
+    const cy = posY * height;
 
-    page.drawText(options.text, {
+    page.drawImage(image, {
-      x: (width - textWidth) / 2,
+      x: cx - Math.cos(rad) * halfW + Math.sin(rad) * halfH,
-      y: height / 2,
+      y: cy - Math.sin(rad) * halfW - Math.cos(rad) * halfH,
-      font,
+      width: imgWidth,
-      size: options.fontSize,
+      height: imgHeight,
-      color: rgb(options.color.r, options.color.g, options.color.b),
       opacity: options.opacity,
       rotate: degrees(options.angle),
     });
@@ -221,6 +265,9 @@ export interface ImageWatermarkOptions {
   opacity: number;
   angle: number;
   scale: number;
+  x?: number;
+  y?: number;
+  pageIndices?: number[];
 }
 
 export async function addImageWatermark(
@@ -233,15 +280,26 @@ export async function addImageWatermark(
       ? await pdfDoc.embedPng(options.imageBytes)
       : await pdfDoc.embedJpg(options.imageBytes);
   const pages = pdfDoc.getPages();
+  const posX = options.x ?? 0.5;
+  const posY = options.y ?? 0.5;
 
-  for (const page of pages) {
+  const imgWidth = image.width * options.scale;
+  const imgHeight = image.height * options.scale;
+  const rad = (options.angle * Math.PI) / 180;
+  const halfW = imgWidth / 2;
+  const halfH = imgHeight / 2;
+
+  const targetIndices = options.pageIndices ?? pages.map((_, i) => i);
+  for (const idx of targetIndices) {
+    const page = pages[idx];
+    if (!page) continue;
     const { width, height } = page.getSize();
-    const imgWidth = image.width * options.scale;
+    const cx = posX * width;
-    const imgHeight = image.height * options.scale;
+    const cy = posY * height;
 
     page.drawImage(image, {
-      x: (width - imgWidth) / 2,
+      x: cx - Math.cos(rad) * halfW + Math.sin(rad) * halfH,
-      y: (height - imgHeight) / 2,
+      y: cy - Math.sin(rad) * halfW - Math.cos(rad) * halfH,
       width: imgWidth,
       height: imgHeight,
       opacity: options.opacity,

src/js/utils/render-utils.ts

@@ -103,7 +103,10 @@ export async function renderPageToCanvas(
   canvas.height = viewport.height;
   canvas.width = viewport.width;
 
-  const context = canvas.getContext('2d')!;
+  const context = canvas.getContext('2d');
+  if (!context) {
+    throw new Error(`Failed to get 2D context for page ${pageNumber}`);
+  }
 
   await page.render({
     canvasContext: context,
@@ -115,12 +118,9 @@ export async function renderPageToCanvas(
 }
 
 /**
- * Renders a batch of pages in parallel
+ * Renders a batch of pages
  */
-async function renderPageBatch(
+async function renderPageBatch(tasks: PageTask[]): Promise<void> {
-  tasks: PageTask[],
-  onProgress?: (current: number, total: number) => void
-): Promise<void> {
   for (const task of tasks) {
     try {
       const canvas = await renderPageToCanvas(
@@ -147,6 +147,13 @@ async function renderPageBatch(
         parent.insertBefore(wrapper, placeholder);
         parent.removeChild(placeholder);
       } else {
+        const existingRendered = task.container.querySelector(
+          `[data-page-number="${task.pageNumber}"]:not([data-lazy-load="true"])`
+        );
+        if (existingRendered) {
+          continue;
+        }
+
         const allChildren = Array.from(
           task.container.children
         ) as HTMLElement[];
@@ -207,7 +214,7 @@ function setupLazyRendering(
           task.placeholderElement = placeholder;
 
           // Render this page immediately (not waiting for isRendering flag)
-          renderPageBatch([task], config.onProgress)
+          renderPageBatch([task])
             .then(() => {
               // Trigger callback after lazy load batch
               if (config.onBatchComplete) {
@@ -263,21 +270,19 @@ export async function renderPagesProgressively(
   config: RenderConfig = {}
 ): Promise<void> {
   const {
-    batchSize = 8, // Increased from 5 to 8 for faster initial render
+    batchSize = 8,
     useLazyLoading = true,
-    eagerLoadBatches = 2, // Eagerly load 1 batch ahead by default
+    eagerLoadBatches = 2,
     onProgress,
     onBatchComplete,
   } = config;
 
   const totalPages = pdfjsDoc.numPages;
 
-  // Render more pages initially to reduce lazy loading issues
   const initialRenderCount = useLazyLoading
-    ? Math.min(20, totalPages) // Increased from 12 to 20 pages
+    ? Math.min(20, totalPages)
     : totalPages;
 
-  // CRITICAL FIX: Create placeholders for ALL pages first to maintain order
   const placeholders: HTMLElement[] = [];
   for (let i = 1; i <= totalPages; i++) {
     const placeholder = createPlaceholder(i);
@@ -293,7 +298,7 @@ export async function renderPagesProgressively(
       pageNumber: i,
       pdfjsDoc,
       container,
-      scale: config.useLazyLoading ? 0.3 : 0.5,
+      scale: useLazyLoading ? 0.3 : 0.5,
       createWrapper,
       placeholderElement: placeholders[i - 1],
     });
@@ -330,19 +335,24 @@ export async function renderPagesProgressively(
 
     const batch = initialTasks.slice(i, i + batchSize);
 
-    await new Promise<void>((resolve) => {
+    await new Promise<void>((resolve, reject) => {
-      requestIdleCallbackPolyfill(async () => {
+      requestIdleCallbackPolyfill(() => {
-        await renderPageBatch(batch, onProgress);
+        renderPageBatch(batch)
+          .then(() => {
+            if (onProgress) {
+              onProgress(
+                Math.min(i + batchSize, initialRenderCount),
+                totalPages
+              );
+            }
 
-        if (onProgress) {
+            if (onBatchComplete) {
-          onProgress(Math.min(i + batchSize, initialRenderCount), totalPages);
+              onBatchComplete();
-        }
+            }
 
-        if (onBatchComplete) {
+            resolve();
-          onBatchComplete();
+          })
-        }
+          .catch(reject);
-
-        resolve();
       });
     });
   }
@@ -397,8 +407,11 @@ function renderEagerBatch(config: RenderConfig): void {
   requestIdleCallbackPolyfill(async () => {
     if (config.shouldCancel?.()) return;
 
-    // Remove these tasks from pending since we're rendering them eagerly
+    const tasksToRender = batch.filter((task) =>
-    batch.forEach((task) => {
+      lazyLoadState.pendingTasksByPageNumber.has(task.pageNumber)
+    );
+
+    tasksToRender.forEach((task) => {
       const placeholder = task.placeholderElement;
       if (placeholder && lazyLoadState.observer) {
         lazyLoadState.observer.unobserve(placeholder);
@@ -407,7 +420,18 @@ function renderEagerBatch(config: RenderConfig): void {
       }
     });
 
-    await renderPageBatch(batch, config.onProgress);
+    if (tasksToRender.length === 0) {
+      lazyLoadState.nextEagerIndex = batchEnd;
+      const remainingBatches = Math.ceil(
+        (eagerLoadQueue.length - batchEnd) / batchSize
+      );
+      if (remainingBatches > 0 && remainingBatches < eagerLoadBatches) {
+        renderEagerBatch(config);
+      }
+      return;
+    }
+
+    await renderPageBatch(tasksToRender);
 
     if (config.onBatchComplete) {
       config.onBatchComplete();
@@ -421,7 +445,6 @@ function renderEagerBatch(config: RenderConfig): void {
       (eagerLoadQueue.length - batchEnd) / batchSize
     );
     if (remainingBatches > 0 && remainingBatches < eagerLoadBatches) {
-      // Continue eager loading if we have more batches within the eager threshold
       renderEagerBatch(config);
     }
   });

src/js/utils/wasm-provider.ts

@@ -9,7 +9,7 @@ interface WasmProviderConfig {
 const STORAGE_KEY = 'bentopdf:wasm-providers';
 
 const CDN_DEFAULTS: Record<WasmPackage, string> = {
-  pymupdf: 'https://cdn.jsdelivr.net/npm/@bentopdf/pymupdf-wasm@0.11.14/',
+  pymupdf: 'https://cdn.jsdelivr.net/npm/@bentopdf/pymupdf-wasm@0.11.16/',
   ghostscript: 'https://cdn.jsdelivr.net/npm/@bentopdf/gs-wasm/assets/',
   cpdf: 'https://cdn.jsdelivr.net/npm/coherentpdf/dist/',
 };

src/js/workflow/editor.ts

@@ -8,7 +8,7 @@ import { LitPlugin, Presets as LitPresets } from '@retejs/lit-plugin';
 import type { ClassicScheme, LitArea2D } from '@retejs/lit-plugin';
 import { DataflowEngine } from 'rete-engine';
 import type { DataflowEngineScheme } from 'rete-engine';
-import { html } from 'lit';
+import { LitElement, html } from 'lit';
 import type { BaseWorkflowNode } from './nodes/base-node';
 // @ts-ignore -- Vite ?inline import for injecting into Shadow DOM
 import phosphorCSS from '@phosphor-icons/web/regular?inline';
@@ -49,6 +49,175 @@ function getStatusInfo(status: string, connected: boolean) {
   };
 }
 
+class WorkflowNodeElement extends LitElement {
+  static properties = {
+    data: { attribute: false },
+    emit: { attribute: false },
+  };
+
+  declare data: BaseWorkflowNode | undefined;
+  declare emit: ((data: unknown) => void) | undefined;
+
+  createRenderRoot(): HTMLElement | ShadowRoot {
+    return this;
+  }
+
+  render() {
+    if (!this.data) return html``;
+    const node = this.data;
+    const inputs = Object.entries(node.inputs || {});
+    const outputs = Object.entries(node.outputs || {});
+    const color = categoryColors[node.category] || '#6b7280';
+    const emitFn = this.emit;
+
+    return html`
+      <div
+        style="
+        position: relative; display: flex; flex-direction: column;
+        align-items: center; width: 280px;
+      "
+      >
+        ${inputs.length > 0
+          ? html`
+              <div
+                style="display: flex; justify-content: center; gap: 8px; position: relative; z-index: 1; margin-bottom: -7px;"
+              >
+                ${inputs.map(([key, input]) =>
+                  input
+                    ? html`
+                        <div
+                          style="display: flex; align-items: center; justify-content: center;"
+                        >
+                          <rete-ref
+                            .data=${{
+                              type: 'socket',
+                              side: 'input',
+                              key,
+                              nodeId: node.id,
+                              payload: input.socket,
+                            }}
+                            .emit=${emitFn}
+                          ></rete-ref>
+                        </div>
+                      `
+                    : null
+                )}
+              </div>
+            `
+          : null}
+        <div
+          style="
+          background: #1f2937; border: 1px solid #374151;
+          border-radius: 12px; width: 100%; overflow: hidden;
+        "
+        >
+          <div
+            style="height: 3px; border-radius: 10px 10px 0 0; overflow: hidden;"
+          >
+            <div
+              data-wf="bar"
+              style="
+              height: 100%; width: 100%;
+              background: #6b7280; opacity: 0.25;
+            "
+            ></div>
+          </div>
+          <div
+            style="padding: 6px 14px; display: flex; align-items: center; gap: 6px;"
+          >
+            <span
+              data-wf="dot"
+              style="
+              width: 7px; height: 7px; border-radius: 50%; background: #6b7280; flex-shrink: 0;
+            "
+            ></span>
+            <span
+              data-wf="label"
+              style="font-size: 10px; color: #6b7280; font-weight: 500; flex: 1;"
+              >Not connected</span
+            >
+            <span
+              data-wf-delete="${node.id}"
+              style="
+              cursor: pointer; display: flex; align-items: center; justify-content: center;
+              width: 18px; height: 18px; border-radius: 4px;
+              color: #6b7280; transition: all 0.15s;
+            "
+            >
+              <svg
+                width="12"
+                height="12"
+                viewBox="0 0 24 24"
+                fill="none"
+                stroke="currentColor"
+                stroke-width="2"
+                stroke-linecap="round"
+                stroke-linejoin="round"
+              >
+                <line x1="18" y1="6" x2="6" y2="18"></line>
+                <line x1="6" y1="6" x2="18" y2="18"></line>
+              </svg>
+            </span>
+          </div>
+          <div style="height: 1px; background: #374151; margin: 0 14px;"></div>
+          <div
+            style="padding: 10px 14px 12px; display: flex; align-items: flex-start; gap: 10px;"
+          >
+            <i
+              class="ph ${node.icon}"
+              style="font-size: 18px; color: ${color}; flex-shrink: 0; margin-top: 1px; line-height: 1;"
+            ></i>
+            <div style="flex: 1; min-width: 0;">
+              <div
+                style="font-size: 13px; font-weight: 600; color: #f3f4f6; line-height: 1.3;"
+              >
+                ${node.label}
+              </div>
+              <div
+                style="font-size: 11px; color: #9ca3af; margin-top: 2px; line-height: 1.3;"
+              >
+                ${node.description}
+              </div>
+            </div>
+          </div>
+        </div>
+        ${outputs.length > 0
+          ? html`
+              <div
+                style="display: flex; justify-content: center; gap: 8px; position: relative; z-index: 1; margin-top: -7px;"
+              >
+                ${outputs.map(([key, output]) =>
+                  output
+                    ? html`
+                        <div
+                          style="display: flex; align-items: center; justify-content: center;"
+                        >
+                          <rete-ref
+                            .data=${{
+                              type: 'socket',
+                              side: 'output',
+                              key,
+                              nodeId: node.id,
+                              payload: output.socket,
+                            }}
+                            .emit=${emitFn}
+                          ></rete-ref>
+                        </div>
+                      `
+                    : null
+                )}
+              </div>
+            `
+          : null}
+      </div>
+    `;
+  }
+}
+
+if (!customElements.get('wf-node')) {
+  customElements.define('wf-node', WorkflowNodeElement);
+}
+
 export function updateNodeDisplay(
   nodeId: string,
   editor: NodeEditor<ClassicScheme>,
@@ -111,154 +280,10 @@ export async function createWorkflowEditor(
       customize: {
         node(data) {
           return ({ emit }: { emit: (data: unknown) => void }) => {
-            const node = data.payload as BaseWorkflowNode;
+            return html`<wf-node
-            const inputs = Object.entries(node.inputs || {});
+              .data=${data.payload}
-            const outputs = Object.entries(node.outputs || {});
+              .emit=${emit}
-            const color = categoryColors[node.category] || '#6b7280';
+            ></wf-node>`;
-
-            return html`
-              <div
-                style="
-              position: relative; display: flex; flex-direction: column;
-              align-items: center; width: 280px;
-            "
-              >
-                ${inputs.length > 0
-                  ? html`
-                      <div
-                        style="display: flex; justify-content: center; gap: 8px; position: relative; z-index: 1; margin-bottom: -7px;"
-                      >
-                        ${inputs.map(([key, input]) =>
-                          input
-                            ? html`
-                                <div
-                                  style="display: flex; align-items: center; justify-content: center;"
-                                >
-                                  <rete-ref
-                                    .data=${{
-                                      type: 'socket',
-                                      side: 'input',
-                                      key,
-                                      nodeId: node.id,
-                                      payload: input.socket,
-                                    }}
-                                    .emit=${emit}
-                                  ></rete-ref>
-                                </div>
-                              `
-                            : null
-                        )}
-                      </div>
-                    `
-                  : null}
-                <div
-                  style="
-                background: #1f2937; border: 1px solid #374151;
-                border-radius: 12px; width: 100%; overflow: hidden;
-              "
-                >
-                  <div
-                    style="height: 3px; border-radius: 10px 10px 0 0; overflow: hidden;"
-                  >
-                    <div
-                      data-wf="bar"
-                      style="
-                    height: 100%; width: 100%;
-                    background: #6b7280; opacity: 0.25;
-                  "
-                    ></div>
-                  </div>
-                  <div
-                    style="padding: 6px 14px; display: flex; align-items: center; gap: 6px;"
-                  >
-                    <span
-                      data-wf="dot"
-                      style="
-                    width: 7px; height: 7px; border-radius: 50%; background: #6b7280; flex-shrink: 0;
-                  "
-                    ></span>
-                    <span
-                      data-wf="label"
-                      style="font-size: 10px; color: #6b7280; font-weight: 500; flex: 1;"
-                      >Not connected</span
-                    >
-                    <span
-                      data-wf-delete="${node.id}"
-                      style="
-                      cursor: pointer; display: flex; align-items: center; justify-content: center;
-                      width: 18px; height: 18px; border-radius: 4px;
-                      color: #6b7280; transition: all 0.15s;
-                    "
-                    >
-                      <svg
-                        width="12"
-                        height="12"
-                        viewBox="0 0 24 24"
-                        fill="none"
-                        stroke="currentColor"
-                        stroke-width="2"
-                        stroke-linecap="round"
-                        stroke-linejoin="round"
-                      >
-                        <line x1="18" y1="6" x2="6" y2="18"></line>
-                        <line x1="6" y1="6" x2="18" y2="18"></line>
-                      </svg>
-                    </span>
-                  </div>
-                  <div
-                    style="height: 1px; background: #374151; margin: 0 14px;"
-                  ></div>
-                  <div
-                    style="padding: 10px 14px 12px; display: flex; align-items: flex-start; gap: 10px;"
-                  >
-                    <i
-                      class="ph ${node.icon}"
-                      style="font-size: 18px; color: ${color}; flex-shrink: 0; margin-top: 1px; line-height: 1;"
-                    ></i>
-                    <div style="flex: 1; min-width: 0;">
-                      <div
-                        style="font-size: 13px; font-weight: 600; color: #f3f4f6; line-height: 1.3;"
-                      >
-                        ${node.label}
-                      </div>
-                      <div
-                        style="font-size: 11px; color: #9ca3af; margin-top: 2px; line-height: 1.3;"
-                      >
-                        ${node.description}
-                      </div>
-                    </div>
-                  </div>
-                </div>
-                ${outputs.length > 0
-                  ? html`
-                      <div
-                        style="display: flex; justify-content: center; gap: 8px; position: relative; z-index: 1; margin-top: -7px;"
-                      >
-                        ${outputs.map(([key, output]) =>
-                          output
-                            ? html`
-                                <div
-                                  style="display: flex; align-items: center; justify-content: center;"
-                                >
-                                  <rete-ref
-                                    .data=${{
-                                      type: 'socket',
-                                      side: 'output',
-                                      key,
-                                      nodeId: node.id,
-                                      payload: output.socket,
-                                    }}
-                                    .emit=${emit}
-                                  ></rete-ref>
-                                </div>
-                              `
-                            : null
-                        )}
-                      </div>
-                    `
-                  : null}
-              </div>
-            `;
           };
         },
         socket() {

src/js/workflow/nodes/base-node.ts

@@ -9,6 +9,7 @@ export abstract class BaseWorkflowNode extends ClassicPreset.Node {
   width = 280;
   height = 140;
   execStatus: 'idle' | 'running' | 'completed' | 'error' = 'idle';
+  nodeType: string = '';
 
   constructor(label: string) {
     super(label);

src/js/workflow/nodes/registry.ts

@@ -593,7 +593,9 @@ export const nodeRegistry: Record<string, NodeRegistryEntry> = {
 export function createNodeByType(type: string): BaseWorkflowNode | null {
   const entry = nodeRegistry[type];
   if (!entry) return null;
-  return entry.factory();
+  const node = entry.factory();
+  node.nodeType = type;
+  return node;
 }
 
 export function getNodesByCategory(): Record<

src/js/workflow/nodes/watermark-node.ts

@@ -3,9 +3,10 @@ import { BaseWorkflowNode } from './base-node';
 import { pdfSocket } from '../sockets';
 import type { SocketData } from '../types';
 import { requirePdfInput, processBatch } from '../types';
-import { addTextWatermark } from '../../utils/pdf-operations';
+import { addTextWatermark, parsePageRange } from '../../utils/pdf-operations';
 import { PDFDocument } from 'pdf-lib';
 import { hexToRgb } from '../../utils/helpers.js';
+import * as pdfjsLib from 'pdfjs-dist';
 
 export class WatermarkNode extends BaseWorkflowNode {
   readonly category = 'Edit & Annotate' as const;
@@ -39,6 +40,18 @@ export class WatermarkNode extends BaseWorkflowNode {
       'angle',
       new ClassicPreset.InputControl('number', { initial: -45 })
     );
+    this.addControl(
+      'position',
+      new ClassicPreset.InputControl('text', { initial: 'center' })
+    );
+    this.addControl(
+      'pages',
+      new ClassicPreset.InputControl('text', { initial: 'all' })
+    );
+    this.addControl(
+      'flatten',
+      new ClassicPreset.InputControl('text', { initial: 'no' })
+    );
   }
 
   async data(
@@ -67,16 +80,89 @@ export class WatermarkNode extends BaseWorkflowNode {
     const opacity = getNum('opacity', 30) / 100;
     const angle = getNum('angle', -45);
 
+    const positionPresets: Record<string, { x: number; y: number }> = {
+      'top-left': { x: 0.15, y: 0.15 },
+      top: { x: 0.5, y: 0.15 },
+      'top-right': { x: 0.85, y: 0.15 },
+      left: { x: 0.15, y: 0.5 },
+      center: { x: 0.5, y: 0.5 },
+      right: { x: 0.85, y: 0.5 },
+      'bottom-left': { x: 0.15, y: 0.85 },
+      bottom: { x: 0.5, y: 0.85 },
+      'bottom-right': { x: 0.85, y: 0.85 },
+    };
+    const posKey = getText('position', 'center').trim().toLowerCase();
+    const { x, y } = positionPresets[posKey] ?? positionPresets['center'];
+
+    const pagesStr = getText('pages', 'all').trim().toLowerCase();
+    const shouldFlatten =
+      getText('flatten', 'no').trim().toLowerCase() === 'yes';
+
     return {
       pdf: await processBatch(pdfInputs, async (input) => {
-        const resultBytes = await addTextWatermark(input.bytes, {
+        const srcDoc = await PDFDocument.load(input.bytes);
+        const totalPages = srcDoc.getPageCount();
+
+        const pageIndices =
+          pagesStr === 'all' ? undefined : parsePageRange(pagesStr, totalPages);
+
+        let resultBytes = await addTextWatermark(input.bytes, {
           text: watermarkText,
           fontSize,
           color: { r: c.r, g: c.g, b: c.b },
           opacity,
           angle,
+          x,
+          y: 1 - y,
+          pageIndices,
         });
 
+        if (shouldFlatten) {
+          const watermarkedPdf = await pdfjsLib.getDocument({
+            data: resultBytes.slice(),
+          }).promise;
+          const flattenedDoc = await PDFDocument.create();
+          const renderScale = 2.5;
+
+          for (let i = 1; i <= watermarkedPdf.numPages; i++) {
+            const page = await watermarkedPdf.getPage(i);
+            const unscaledVP = page.getViewport({ scale: 1 });
+            const viewport = page.getViewport({ scale: renderScale });
+
+            const canvas = document.createElement('canvas');
+            canvas.width = viewport.width;
+            canvas.height = viewport.height;
+            const ctx = canvas.getContext('2d')!;
+            await page.render({ canvasContext: ctx, canvas, viewport }).promise;
+
+            const jpegBytes = await new Promise<ArrayBuffer>(
+              (resolve, reject) =>
+                canvas.toBlob(
+                  (blob) =>
+                    blob
+                      ? blob.arrayBuffer().then(resolve)
+                      : reject(new Error(`Failed to rasterize page ${i}`)),
+                  'image/jpeg',
+                  0.92
+                )
+            );
+
+            const image = await flattenedDoc.embedJpg(jpegBytes);
+            const newPage = flattenedDoc.addPage([
+              unscaledVP.width,
+              unscaledVP.height,
+            ]);
+            newPage.drawImage(image, {
+              x: 0,
+              y: 0,
+              width: unscaledVP.width,
+              height: unscaledVP.height,
+            });
+          }
+
+          resultBytes = new Uint8Array(await flattenedDoc.save());
+        }
+
         const resultDoc = await PDFDocument.load(resultBytes);
 
         return {

src/js/workflow/serialization.ts

@@ -25,8 +25,7 @@ interface SerializedConnection {
 }
 
 function getNodeType(node: BaseWorkflowNode): string | null {
-  const constructorName = node.constructor.name;
+  return node.nodeType || null;
-  return constructorName || null;
 }
 
 function serializeWorkflow(
@@ -79,6 +78,22 @@ async function deserializeWorkflow(
   editor: NodeEditor<ClassicScheme>,
   area: AreaPlugin<ClassicScheme, AreaExtra>
 ): Promise<void> {
+  if (
+    !data ||
+    !Array.isArray((data as any).nodes) ||
+    !Array.isArray((data as any).connections)
+  ) {
+    throw new Error(
+      'Invalid workflow file: missing nodes or connections array.'
+    );
+  }
+
+  if ((data as any).version !== WORKFLOW_VERSION) {
+    console.warn(
+      `Workflow version mismatch: expected ${WORKFLOW_VERSION}, got ${(data as any).version}. Attempting load anyway.`
+    );
+  }
+
   for (const conn of editor.getConnections()) {
     await editor.removeConnection(conn.id);
   }
@@ -129,9 +144,6 @@ async function deserializeWorkflow(
 
   if (skippedTypes.length > 0) {
     console.warn('Skipped unknown node types during load:', skippedTypes);
-    throw new Error(
-      `Some nodes could not be loaded: ${skippedTypes.join(', ')}. They may have been removed or renamed.`
-    );
   }
 }
 
@@ -215,14 +227,11 @@ export function exportWorkflow(
   const json = JSON.stringify(data, null, 2);
   const blob = new Blob([json], { type: 'application/json' });
   const url = URL.createObjectURL(blob);
-  try {
+  const a = document.createElement('a');
-    const a = document.createElement('a');
+  a.href = url;
-    a.href = url;
+  a.download = 'workflow.json';
-    a.download = 'workflow.json';
+  a.click();
-    a.click();
+  setTimeout(() => URL.revokeObjectURL(url), 1000);
-  } finally {
-    URL.revokeObjectURL(url);
-  }
 }
 
 export async function importWorkflow(
@@ -233,13 +242,16 @@ export async function importWorkflow(
     const input = document.createElement('input');
     input.type = 'file';
     input.accept = '.json';
+
+    let settled = false;
+
     input.onchange = async () => {
+      settled = true;
       const file = input.files?.[0];
       if (!file) {
         resolve();
         return;
       }
-
       try {
         const text = await file.text();
         const data = JSON.parse(text) as SerializedWorkflow;
@@ -250,6 +262,15 @@ export async function importWorkflow(
         reject(new Error(`Failed to import workflow: ${message}`));
       }
     };
+
+    const onFocus = () => {
+      window.removeEventListener('focus', onFocus);
+      setTimeout(() => {
+        if (!settled) resolve();
+      }, 300);
+    };
+    window.addEventListener('focus', onFocus);
+
     input.click();
   });
 }

src/pages/add-watermark.html

@@ -158,171 +158,406 @@
         </div>
 
         <div id="file-display-area" class="mt-4 space-y-2"></div>
+      </div>
+    </div>
 
-        <div id="options-panel" class="hidden mt-6 space-y-4">
+    <div id="editor-panel" class="hidden bg-gray-900 px-2 sm:px-4 py-4 sm:py-8">
-          <div class="flex gap-4 mb-4">
+      <div class="max-w-7xl mx-auto">
-            <label class="flex items-center gap-2 cursor-pointer">
+        <div
-              <input
+          class="flex flex-col sm:flex-row sm:items-center gap-1 sm:gap-0 sm:justify-between mb-4 sm:mb-6"
-                type="radio"
+        >
-                name="watermark-type"
+          <button
-                value="text"
+            id="editor-back-btn"
-                checked
+            class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 font-semibold text-sm"
-                class="w-4 h-4 text-indigo-600 bg-gray-700 border-gray-600 focus:ring-indigo-500"
+          >
-              />
+            <i data-lucide="arrow-left" class="w-4 h-4"></i>
-              <span class="text-sm font-medium text-gray-300"
+            <span>Change File</span>
-                >Text Watermark</span
+          </button>
+          <div
+            id="editor-file-info"
+            class="text-xs sm:text-sm text-gray-400 truncate max-w-full sm:max-w-[60%]"
+          ></div>
+        </div>
+
+        <div class="flex flex-col lg:flex-row gap-4 sm:gap-6">
+          <div class="flex-1 min-w-0 flex flex-col">
+            <div
+              class="bg-gray-800 rounded-xl border border-gray-700 p-2 sm:p-4 flex-1 flex flex-col"
+            >
+              <div class="flex items-center justify-between mb-2 sm:mb-3">
+                <span class="text-xs sm:text-sm font-medium text-gray-300"
+                  >Preview</span
+                >
+                <div class="flex items-center gap-2">
+                  <button
+                    id="prev-page-btn"
+                    disabled
+                    class="p-1 rounded hover:bg-gray-700 text-gray-400 disabled:opacity-30 disabled:cursor-not-allowed transition-colors"
+                  >
+                    <i data-lucide="chevron-left" class="w-4 h-4"></i>
+                  </button>
+                  <div class="flex items-center gap-1 text-xs text-gray-300">
+                    <input
+                      id="page-num-input"
+                      type="number"
+                      min="1"
+                      value="1"
+                      class="w-10 bg-gray-700 border border-gray-600 text-white rounded text-center text-xs py-0.5"
+                    />
+                    <span>/ <span id="total-pages">1</span></span>
+                  </div>
+                  <button
+                    id="next-page-btn"
+                    disabled
+                    class="p-1 rounded hover:bg-gray-700 text-gray-400 disabled:opacity-30 disabled:cursor-not-allowed transition-colors"
+                  >
+                    <i data-lucide="chevron-right" class="w-4 h-4"></i>
+                  </button>
+                </div>
+                <span class="text-xs text-gray-500 hidden sm:inline"
+                  >Drag watermark to position</span
+                >
+              </div>
+              <div
+                id="preview-wrapper"
+                class="flex-1 min-h-[200px] lg:min-h-0 flex items-center justify-center bg-gray-900 rounded-lg overflow-hidden"
               >
-            </label>
+                <div
-            <label class="flex items-center gap-2 cursor-pointer">
+                  id="preview-container"
-              <input
+                  class="relative overflow-hidden select-none"
-                type="radio"
+                  style="touch-action: none"
-                name="watermark-type"
+                >
-                value="image"
+                  <canvas id="preview-canvas"></canvas>
-                class="w-4 h-4 text-indigo-600 bg-gray-700 border-gray-600 focus:ring-indigo-500"
+                  <div
-              />
+                    id="watermark-box"
-              <span class="text-sm font-medium text-gray-300"
+                    class="absolute pointer-events-auto"
-                >Image Watermark</span
+                    style="
-              >
+                      left: 50%;
-            </label>
+                      top: 50%;
+                      transform: translate(-50%, -50%);
+                    "
+                  >
+                    <div
+                      class="relative border border-dashed border-indigo-400/60 cursor-grab active:cursor-grabbing"
+                    >
+                      <div id="watermark-overlay" class="whitespace-nowrap">
+                        CONFIDENTIAL
+                      </div>
+                      <img id="image-watermark-overlay" class="hidden" alt="" />
+                      <div
+                        data-handle="nw"
+                        class="resize-handle absolute -top-1.5 -left-1.5 w-3 h-3 bg-white border-2 border-indigo-500 rounded-sm cursor-nw-resize pointer-events-auto z-10"
+                      ></div>
+                      <div
+                        data-handle="ne"
+                        class="resize-handle absolute -top-1.5 -right-1.5 w-3 h-3 bg-white border-2 border-indigo-500 rounded-sm cursor-ne-resize pointer-events-auto z-10"
+                      ></div>
+                      <div
+                        data-handle="sw"
+                        class="resize-handle absolute -bottom-1.5 -left-1.5 w-3 h-3 bg-white border-2 border-indigo-500 rounded-sm cursor-sw-resize pointer-events-auto z-10"
+                      ></div>
+                      <div
+                        data-handle="se"
+                        class="resize-handle absolute -bottom-1.5 -right-1.5 w-3 h-3 bg-white border-2 border-indigo-500 rounded-sm cursor-se-resize pointer-events-auto z-10"
+                      ></div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
           </div>
 
-          <div id="text-watermark-options">
+          <div class="w-full lg:w-80 flex-shrink-0">
-            <div class="space-y-4">
+            <div
-              <div>
+              class="bg-gray-800 rounded-xl border border-gray-700 p-3 sm:p-5 space-y-3 sm:space-y-5"
+            >
+              <div class="flex gap-2">
+                <button
+                  id="type-text-btn"
+                  class="flex-1 py-2 px-3 text-sm font-medium rounded-lg bg-indigo-600 text-white transition-colors"
+                >
+                  Text
+                </button>
+                <button
+                  id="type-image-btn"
+                  class="flex-1 py-2 px-3 text-sm font-medium rounded-lg bg-gray-700 text-gray-300 hover:bg-gray-600 transition-colors"
+                >
+                  Image
+                </button>
+              </div>
+
+              <div
+                class="flex items-center gap-2 bg-gray-900 rounded-lg px-3 py-2"
+              >
+                <input
+                  type="checkbox"
+                  id="apply-all-pages"
+                  checked
+                  class="w-4 h-4 accent-indigo-500 bg-gray-700 border-gray-600 rounded focus:ring-indigo-500"
+                />
                 <label
-                  for="watermark-text"
+                  for="apply-all-pages"
-                  class="block mb-2 text-sm font-medium text-gray-300"
+                  class="text-sm text-gray-300 cursor-pointer"
-                  >Watermark Text</label
+                  data-i18n="tools:addWatermark.applyToAllPages"
+                  >Apply to all pages</label
+                >
+              </div>
+
+              <div id="page-range-section" class="space-y-1.5">
+                <label
+                  for="page-range-input"
+                  class="block text-sm font-medium text-gray-300"
+                  >Page Range</label
                 >
                 <input
                   type="text"
-                  id="watermark-text"
+                  id="page-range-input"
-                  placeholder="CONFIDENTIAL"
+                  value="all"
-                  class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2.5"
+                  placeholder="all  or  1-3, 5, 7-9"
+                  class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2.5 text-sm placeholder-gray-500"
                 />
+                <p class="text-xs text-gray-500">
+                  Use "all" or specify pages, e.g. 1-3, 5, 7-9
+                </p>
+              </div>
+
+              <div id="text-watermark-options">
+                <div class="space-y-4">
+                  <div>
+                    <label
+                      for="watermark-text"
+                      class="block mb-1.5 text-sm font-medium text-gray-300"
+                      >Text</label
+                    >
+                    <input
+                      type="text"
+                      id="watermark-text"
+                      placeholder="CONFIDENTIAL"
+                      class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2.5 text-sm"
+                    />
+                  </div>
+                  <div class="grid grid-cols-2 gap-3">
+                    <div>
+                      <label
+                        for="font-size"
+                        class="block mb-1.5 text-sm font-medium text-gray-300"
+                        >Font Size</label
+                      >
+                      <input
+                        type="number"
+                        id="font-size"
+                        value="72"
+                        min="10"
+                        max="200"
+                        class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2.5 text-sm"
+                      />
+                    </div>
+                    <div>
+                      <label
+                        for="text-color"
+                        class="block mb-1.5 text-sm font-medium text-gray-300"
+                        >Color</label
+                      >
+                      <input
+                        type="color"
+                        id="text-color"
+                        value="#888888"
+                        class=""
+                      />
+                    </div>
+                  </div>
+                  <div>
+                    <label
+                      for="opacity-text"
+                      class="block mb-1.5 text-sm font-medium text-gray-300"
+                    >
+                      Opacity: <span id="opacity-value-text">0.3</span>
+                    </label>
+                    <input
+                      type="range"
+                      id="opacity-text"
+                      min="0.05"
+                      max="1"
+                      step="0.05"
+                      value="0.3"
+                      class="w-full h-2 bg-gray-700 rounded-lg cursor-pointer accent-indigo-500"
+                    />
+                  </div>
+                  <div>
+                    <label
+                      for="angle-text"
+                      class="block mb-1.5 text-sm font-medium text-gray-300"
+                    >
+                      Angle: <span id="angle-value-text">-45</span>&deg;
+                    </label>
+                    <input
+                      type="range"
+                      id="angle-text"
+                      min="-90"
+                      max="90"
+                      step="1"
+                      value="-45"
+                      class="w-full h-2 bg-gray-700 rounded-lg cursor-pointer accent-indigo-500"
+                    />
+                  </div>
+                </div>
+              </div>
+
+              <div id="image-watermark-options" class="hidden">
+                <div class="space-y-4">
+                  <div>
+                    <label
+                      for="image-watermark-input"
+                      class="block mb-1.5 text-sm font-medium text-gray-300"
+                      >Watermark Image</label
+                    >
+                    <input
+                      type="file"
+                      id="image-watermark-input"
+                      accept="image/png, image/jpeg"
+                      class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2 text-sm file:mr-3 file:py-1.5 file:px-3 file:rounded-md file:border-0 file:text-xs file:font-semibold file:bg-indigo-600 file:text-white hover:file:bg-indigo-700"
+                    />
+                  </div>
+                  <div>
+                    <label
+                      for="image-scale"
+                      class="block mb-1.5 text-sm font-medium text-gray-300"
+                    >
+                      Scale: <span id="image-scale-value">100</span>%
+                    </label>
+                    <input
+                      type="range"
+                      id="image-scale"
+                      min="10"
+                      max="200"
+                      step="5"
+                      value="100"
+                      class="w-full h-2 bg-gray-700 rounded-lg cursor-pointer accent-indigo-500"
+                    />
+                  </div>
+                  <div>
+                    <label
+                      for="opacity-image"
+                      class="block mb-1.5 text-sm font-medium text-gray-300"
+                    >
+                      Opacity: <span id="opacity-value-image">0.3</span>
+                    </label>
+                    <input
+                      type="range"
+                      id="opacity-image"
+                      min="0.05"
+                      max="1"
+                      step="0.05"
+                      value="0.3"
+                      class="w-full h-2 bg-gray-700 rounded-lg cursor-pointer accent-indigo-500"
+                    />
+                  </div>
+                  <div>
+                    <label
+                      for="angle-image"
+                      class="block mb-1.5 text-sm font-medium text-gray-300"
+                    >
+                      Angle: <span id="angle-value-image">0</span>&deg;
+                    </label>
+                    <input
+                      type="range"
+                      id="angle-image"
+                      min="-90"
+                      max="90"
+                      step="1"
+                      value="0"
+                      class="w-full h-2 bg-gray-700 rounded-lg cursor-pointer accent-indigo-500"
+                    />
+                  </div>
+                </div>
               </div>
-              <div class="grid grid-cols-2 gap-4">
-                <div>
-                  <label
-                    for="font-size"
-                    class="block mb-2 text-sm font-medium text-gray-300"
-                    >Font Size</label
-                  >
-                  <input
-                    type="number"
-                    id="font-size"
-                    value="72"
-                    min="10"
-                    max="200"
-                    class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2.5"
-                  />
-                </div>
-                <div>
-                  <label
-                    for="text-color"
-                    class="block mb-2 text-sm font-medium text-gray-300"
-                    >Color</label
-                  >
-                  <input
-                    type="color"
-                    id="text-color"
-                    value="#888888"
-                    class="w-full h-10 bg-gray-700 border border-gray-600 rounded-lg cursor-pointer"
-                  />
-                </div>
-              </div>
-              <div class="grid grid-cols-2 gap-4">
-                <div>
-                  <label
-                    for="opacity-text"
-                    class="block mb-2 text-sm font-medium text-gray-300"
-                    >Opacity: <span id="opacity-value-text">0.3</span></label
-                  >
-                  <input
-                    type="range"
-                    id="opacity-text"
-                    min="0.1"
-                    max="1"
-                    step="0.1"
-                    value="0.3"
-                    class="w-full h-2 bg-gray-700 rounded-lg cursor-pointer"
-                  />
-                </div>
-                <div>
-                  <label
-                    for="angle-text"
-                    class="block mb-2 text-sm font-medium text-gray-300"
-                    >Angle: <span id="angle-value-text">-45</span>°</label
-                  >
-                  <input
-                    type="range"
-                    id="angle-text"
-                    min="-90"
-                    max="90"
-                    step="5"
-                    value="-45"
-                    class="w-full h-2 bg-gray-700 rounded-lg cursor-pointer"
-                  />
-                </div>
-              </div>
-            </div>
-          </div>
 
-          <div id="image-watermark-options" class="hidden">
-            <div class="space-y-4">
               <div>
-                <label
+                <label class="block mb-1.5 text-sm font-medium text-gray-300"
-                  for="image-watermark-input"
+                  >Position</label
-                  class="block mb-2 text-sm font-medium text-gray-300"
-                  >Watermark Image (PNG/JPG)</label
                 >
+                <div class="grid grid-cols-3 gap-1.5">
+                  <button
+                    data-pos="0.15,0.15"
+                    class="pos-preset-btn py-1.5 text-xs bg-gray-700 hover:bg-gray-600 text-gray-300 rounded-md transition-colors"
+                  >
+                    Top Left
+                  </button>
+                  <button
+                    data-pos="0.5,0.15"
+                    class="pos-preset-btn py-1.5 text-xs bg-gray-700 hover:bg-gray-600 text-gray-300 rounded-md transition-colors"
+                  >
+                    Top
+                  </button>
+                  <button
+                    data-pos="0.85,0.15"
+                    class="pos-preset-btn py-1.5 text-xs bg-gray-700 hover:bg-gray-600 text-gray-300 rounded-md transition-colors"
+                  >
+                    Top Right
+                  </button>
+                  <button
+                    data-pos="0.15,0.5"
+                    class="pos-preset-btn py-1.5 text-xs bg-gray-700 hover:bg-gray-600 text-gray-300 rounded-md transition-colors"
+                  >
+                    Left
+                  </button>
+                  <button
+                    data-pos="0.5,0.5"
+                    class="pos-preset-btn py-1.5 text-xs bg-indigo-600 hover:bg-indigo-500 text-white rounded-md transition-colors"
+                  >
+                    Center
+                  </button>
+                  <button
+                    data-pos="0.85,0.5"
+                    class="pos-preset-btn py-1.5 text-xs bg-gray-700 hover:bg-gray-600 text-gray-300 rounded-md transition-colors"
+                  >
+                    Right
+                  </button>
+                  <button
+                    data-pos="0.15,0.85"
+                    class="pos-preset-btn py-1.5 text-xs bg-gray-700 hover:bg-gray-600 text-gray-300 rounded-md transition-colors"
+                  >
+                    Bottom Left
+                  </button>
+                  <button
+                    data-pos="0.5,0.85"
+                    class="pos-preset-btn py-1.5 text-xs bg-gray-700 hover:bg-gray-600 text-gray-300 rounded-md transition-colors"
+                  >
+                    Bottom
+                  </button>
+                  <button
+                    data-pos="0.85,0.85"
+                    class="pos-preset-btn py-1.5 text-xs bg-gray-700 hover:bg-gray-600 text-gray-300 rounded-md transition-colors"
+                  >
+                    Bottom Right
+                  </button>
+                </div>
+              </div>
+
+              <div class="flex items-start gap-3 bg-gray-900 rounded-lg p-3">
                 <input
-                  type="file"
+                  type="checkbox"
-                  id="image-watermark-input"
+                  id="flatten-watermark"
-                  accept="image/png, image/jpeg"
+                  class="mt-0.5 w-4 h-4 text-indigo-600 bg-gray-700 border-gray-600 rounded focus:ring-indigo-500"
-                  class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2.5 file:mr-4 file:py-2 file:px-4 file:rounded-lg file:border-0 file:text-sm file:font-semibold file:bg-indigo-600 file:text-white hover:file:bg-indigo-700"
                 />
-              </div>
-              <div class="grid grid-cols-2 gap-4">
                 <div>
                   <label
-                    for="opacity-image"
+                    for="flatten-watermark"
-                    class="block mb-2 text-sm font-medium text-gray-300"
+                    class="text-sm font-medium text-gray-300 cursor-pointer"
-                    >Opacity: <span id="opacity-value-image">0.3</span></label
+                    >Flatten watermark</label
                   >
-                  <input
+                  <p class="text-xs text-gray-500 mt-0.5">
-                    type="range"
+                    Bakes the watermark into page pixels, making it
-                    id="opacity-image"
+                    tamper-resistant. Text will no longer be selectable.
-                    min="0.1"
+                  </p>
-                    max="1"
-                    step="0.1"
-                    value="0.3"
-                    class="w-full h-2 bg-gray-700 rounded-lg cursor-pointer"
-                  />
-                </div>
-                <div>
-                  <label
-                    for="angle-image"
-                    class="block mb-2 text-sm font-medium text-gray-300"
-                    >Angle: <span id="angle-value-image">0</span>°</label
-                  >
-                  <input
-                    type="range"
-                    id="angle-image"
-                    min="-90"
-                    max="90"
-                    step="5"
-                    value="0"
-                    class="w-full h-2 bg-gray-700 rounded-lg cursor-pointer"
-                  />
                 </div>
               </div>
+
+              <button id="process-btn" class="btn-gradient w-full">
+                Add Watermark
+              </button>
             </div>
           </div>
-
-          <button id="process-btn" class="btn-gradient w-full mt-4">
-            Add Watermark
-          </button>
         </div>
       </div>
     </div>

src/pages/background-color.html

@@ -182,12 +182,7 @@
               class="block mb-2 text-sm font-medium text-gray-300"
               >Background Color</label
             >
-            <input
+            <input type="color" id="background-color" value="#FFFFCC" />
-              type="color"
-              id="background-color"
-              value="#FFFFCC"
-              class="w-full h-12 bg-gray-700 border border-gray-600 rounded-lg cursor-pointer"
-            />
           </div>
           <button id="process-btn" class="btn-gradient w-full mt-4">
             Change Background Color

src/pages/bates-numbering.html

@@ -320,12 +320,7 @@
                 class="block mb-2 text-sm font-medium text-gray-300"
                 >Color</label
               >
-              <input
+              <input type="color" id="text-color" value="#000000" />
-                type="color"
-                id="text-color"
-                value="#000000"
-                class="w-full h-10 bg-gray-700 border border-gray-600 rounded-lg cursor-pointer"
-              />
             </div>
           </div>
 

src/pages/combine-single-page.html

@@ -217,12 +217,7 @@
                 class="block mb-2 text-sm font-medium text-gray-300"
                 >Background Color</label
               >
-              <input
+              <input type="color" id="background-color" value="#FFFFFF" />
-                type="color"
-                id="background-color"
-                value="#FFFFFF"
-                class="w-full h-10 bg-gray-700 border border-gray-600 rounded-lg cursor-pointer"
-              />
             </div>
             <div class="flex items-end">
               <label class="flex items-center gap-2 cursor-pointer">
@@ -261,12 +256,7 @@
                 class="block mb-2 text-sm font-medium text-gray-300"
                 >Separator Color</label
               >
-              <input
+              <input type="color" id="separator-color" value="#000000" />
-                type="color"
-                id="separator-color"
-                value="#000000"
-                class="w-full h-10 bg-gray-700 border border-gray-600 rounded-lg cursor-pointer"
-              />
             </div>
           </div>
 

src/pages/decrypt-pdf.html

@@ -141,6 +141,12 @@
               >
               <span data-i18n="upload.orDragAndDrop">or drag and drop</span>
             </p>
+            <p
+              class="text-xs text-gray-500"
+              data-i18n="upload.hints.singleOrMultiplePdfs"
+            >
+              Single or multiple PDF files supported
+            </p>
             <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">
               Your files never leave your device.
             </p>
@@ -150,9 +156,28 @@
             type="file"
             class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
             accept="application/pdf"
+            multiple
           />
         </div>
 
+        <!-- Control buttons for multi-file uploads -->
+        <div id="file-controls" class="hidden mt-4 flex gap-3">
+          <button
+            id="add-more-btn"
+            class="btn bg-indigo-600 hover:bg-indigo-700 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2"
+          >
+            <i data-lucide="plus"></i>
+            <span data-i18n="upload.addMore">Add More Files</span>
+          </button>
+          <button
+            id="clear-files-btn"
+            class="btn bg-gray-600 hover:bg-gray-500 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2"
+          >
+            <i data-lucide="trash-2"></i>
+            <span data-i18n="upload.clearAll">Clear All</span>
+          </button>
+        </div>
+
         <div id="file-display-area" class="mt-4 space-y-2"></div>
 
         <div id="tool-options" class="hidden mt-6 space-y-4">

src/pages/digital-sign-pdf.html

@@ -477,12 +477,7 @@
                     class="block text-sm font-medium text-gray-300 mb-2"
                     >Text Color</label
                   >
-                  <input
+                  <input type="color" id="sig-text-color" value="#000000" />
-                    type="color"
-                    id="sig-text-color"
-                    value="#000000"
-                    class="w-full h-10 bg-gray-700 border border-gray-600 rounded-lg cursor-pointer"
-                  />
                 </div>
                 <div>
                   <label

src/pages/fix-page-size.html

@@ -296,12 +296,7 @@
               >Background Color</label
             >
             <div class="flex items-center gap-3">
-              <input
+              <input type="color" id="background-color" value="#ffffff" />
-                type="color"
-                id="background-color"
-                value="#ffffff"
-                class="h-10 w-20 rounded border border-gray-600 bg-gray-700 cursor-pointer"
-              />
               <span class="text-sm text-gray-400"
                 >Color for margins/padding</span
               >

src/pages/form-creator.html

@@ -504,6 +504,16 @@
                   <i data-lucide="image" class="w-4 h-4"></i>
                   <span class="text-xs">Image</span>
                 </div>
+
+                <div
+                  class="tool-item bg-gray-600 hover:bg-indigo-600 text-white p-2 rounded cursor-move transition-colors flex items-center gap-2"
+                  draggable="true"
+                  data-type="barcode"
+                  title="Barcode Field"
+                >
+                  <i data-lucide="qr-code" class="w-4 h-4"></i>
+                  <span class="text-xs">Barcode</span>
+                </div>
               </div>
             </div>
             <div class="bg-gray-700 rounded-lg p-4 mb-4 overflow-auto w-full">

src/pages/header-footer.html

@@ -202,12 +202,7 @@
                   class="block mb-2 text-sm font-medium text-gray-300"
                   >Font Color</label
                 >
-                <input
+                <input type="color" id="font-color" value="#000000" class="" />
-                  type="color"
-                  id="font-color"
-                  value="#000000"
-                  class="w-full h-[42px] bg-gray-700 border border-gray-600 rounded-lg p-1 cursor-pointer"
-                />
               </div>
             </div>
           </div>

src/pages/n-up-pdf.html

@@ -253,12 +253,7 @@
                 class="block mb-2 text-sm font-medium text-gray-300"
                 >Border Color</label
               >
-              <input
+              <input type="color" id="border-color" value="#000000" />
-                type="color"
-                id="border-color"
-                value="#000000"
-                class="w-full h-10 bg-gray-700 border border-gray-600 rounded-lg cursor-pointer"
-              />
             </div>
           </div>
 

src/pages/page-numbers.html

@@ -219,12 +219,7 @@
                 class="block mb-2 text-sm font-medium text-gray-300"
                 >Color</label
               >
-              <input
+              <input type="color" id="text-color" value="#000000" />
-                type="color"
-                id="text-color"
-                value="#000000"
-                class="w-full h-10 bg-gray-700 border border-gray-600 rounded-lg cursor-pointer"
-              />
             </div>
           </div>
 

src/pages/text-color.html

@@ -169,12 +169,7 @@
               class="block mb-2 text-sm font-medium text-gray-300"
               >New Text Color</label
             >
-            <input
+            <input type="color" id="text-color-input" value="#0000FF" />
-              type="color"
-              id="text-color-input"
-              value="#0000FF"
-              class="w-full h-12 bg-gray-700 border border-gray-600 rounded-lg cursor-pointer"
-            />
           </div>
           <button id="process-btn" class="btn-gradient w-full mt-4">
             Change Text Color

src/pages/txt-to-pdf.html

@@ -250,12 +250,7 @@
               class="block mb-2 text-sm font-medium text-gray-300"
               >Text Color</label
             >
-            <input
+            <input type="color" id="text-color" value="#000000" />
-              type="color"
-              id="text-color"
-              value="#000000"
-              class="w-full h-[42px] bg-gray-700 border border-gray-600 rounded-lg p-1 cursor-pointer"
-            />
           </div>
           <div>
             <label

src/pages/wasm-settings.html

@@ -144,10 +144,10 @@
               <span class="text-xs text-gray-500">Recommended:</span>
               <code
                 class="text-xs text-indigo-400 bg-gray-800 px-2 py-1 rounded flex-1 truncate"
-                >https://cdn.jsdelivr.net/npm/@bentopdf/pymupdf-wasm@0.11.14/</code
+                >https://cdn.jsdelivr.net/npm/@bentopdf/pymupdf-wasm@0.11.16/</code
               >
               <button
-                data-copy="https://cdn.jsdelivr.net/npm/@bentopdf/pymupdf-wasm@0.11.14/"
+                data-copy="https://cdn.jsdelivr.net/npm/@bentopdf/pymupdf-wasm@0.11.16/"
                 class="copy-btn p-1.5 bg-gray-600 hover:bg-gray-500 rounded text-gray-300 hover:text-white transition-colors"
                 title="Copy to clipboard"
               >

vite.config.ts

@@ -14,19 +14,21 @@ import type { OutputBundle } from 'rollup';
 
 const SUPPORTED_LANGUAGES = [
   'en',
+  'ar',
   'be',
+  'da',
   'de',
   'es',
+  'fr',
+  'id',
+  'it',
+  'nl',
+  'pt',
+  'sv',
+  'tr',
+  'vi',
   'zh',
   'zh-TW',
-  'vi',
-  'it',
-  'id',
-  'tr',
-  'fr',
-  'pt',
-  'nl',
-  'da',
 ] as const;
 const LANG_REGEX = new RegExp(
   `^/(${SUPPORTED_LANGUAGES.join('|')})(?:/(.*))?$`