diff --git a/.env b/.env
new file mode 100644
index 0000000..828f118
--- /dev/null
+++ b/.env
@@ -0,0 +1 @@
+VITE_WALLETCONNECT_PROJECT_ID=placeholder_project_id
diff --git a/.env.example b/.env.example
new file mode 100644
index 0000000..c55c6ac
--- /dev/null
+++ b/.env.example
@@ -0,0 +1,2 @@
+# Get a free projectId at https://cloud.walletconnect.com
+VITE_WALLETCONNECT_PROJECT_ID=your_project_id_here
diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
deleted file mode 100644
index e2043aa..0000000
--- a/.github/workflows/ci.yml
+++ /dev/null
@@ -1,33 +0,0 @@
-name: CI Pipeline
-
-on:
-  push:
-    branches:
-      - main
-  pull_request:
-
-jobs:
-  build-and-test:
-    runs-on: ubuntu-latest
-
-    steps:
-      - name: Checkout repository
-        uses: actions/checkout@v4
-
-      - name: Setup Node.js
-        uses: actions/setup-node@v4
-        with:
-          node-version: '22'
-          cache: 'npm'
-
-      - name: Install dependencies
-        run: npm ci
-
-      - name: Run linter
-        run: npm run lint
-
-      - name: Run tests
-        run: npm run test
-
-      - name: Build project
-        run: npm run build
diff --git a/.gitignore b/.gitignore
index a547bf3..8dff0e3 100644
--- a/.gitignore
+++ b/.gitignore
@@ -12,6 +12,11 @@ dist
 dist-ssr
 *.local
 
+# Environment variables — never commit real secrets
+.env
+.env.*
+!.env.example
+
 # Editor directories and files
 .vscode/*
 !.vscode/extensions.json
diff --git a/package-lock.json b/package-lock.json
index b90c0d3..aa68339 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -17,7 +17,7 @@
         "jszip": "^3.10.1",
         "lucide-react": "^0.577.0",
         "pdf-lib": "^1.17.1",
-        "pdfjs-dist": "^5.5.207",
+        "pdfjs-dist": "4.4.168",
         "react": "^19.2.4",
         "react-dom": "^19.2.4",
         "react-router-dom": "^7.13.1",
@@ -733,40 +733,6 @@
         "@noble/ciphers": "^1.0.0"
       }
     },
-    "node_modules/@emnapi/core": {
-      "version": "1.9.1",
-      "resolved": "https://registry.npmjs.org/@emnapi/core/-/core-1.9.1.tgz",
-      "integrity": "sha512-mukuNALVsoix/w1BJwFzwXBN/dHeejQtuVzcDsfOEsdpCumXb/E9j8w11h5S54tT1xhifGfbbSm/ICrObRb3KA==",
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "dependencies": {
-        "@emnapi/wasi-threads": "1.2.0",
-        "tslib": "^2.4.0"
-      }
-    },
-    "node_modules/@emnapi/runtime": {
-      "version": "1.9.1",
-      "resolved": "https://registry.npmjs.org/@emnapi/runtime/-/runtime-1.9.1.tgz",
-      "integrity": "sha512-VYi5+ZVLhpgK4hQ0TAjiQiZ6ol0oe4mBx7mVv7IflsiEp0OWoVsp/+f9Vc1hOhE0TtkORVrI1GvzyreqpgWtkA==",
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "dependencies": {
-        "tslib": "^2.4.0"
-      }
-    },
-    "node_modules/@emnapi/wasi-threads": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/@emnapi/wasi-threads/-/wasi-threads-1.2.0.tgz",
-      "integrity": "sha512-N10dEJNSsUx41Z6pZsXU8FjPjpBEplgH24sfkmITrBED1/U2Esum9F3lfLrMjKHHjmi557zQn7kR9R+XWXu5Rg==",
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "dependencies": {
-        "tslib": "^2.4.0"
-      }
-    },
     "node_modules/@emotion/hash": {
       "version": "0.9.2",
       "resolved": "https://registry.npmjs.org/@emotion/hash/-/hash-0.9.2.tgz",
@@ -2407,273 +2373,6 @@
         "uuid": "dist/bin/uuid"
       }
     },
-    "node_modules/@napi-rs/canvas": {
-      "version": "0.1.97",
-      "resolved": "https://registry.npmjs.org/@napi-rs/canvas/-/canvas-0.1.97.tgz",
-      "integrity": "sha512-8cFniXvrIEnVwuNSRCW9wirRZbHvrD3JVujdS2P5n5xiJZNZMOZcfOvJ1pb66c7jXMKHHglJEDVJGbm8XWFcXQ==",
-      "license": "MIT",
-      "optional": true,
-      "workspaces": [
-        "e2e/*"
-      ],
-      "engines": {
-        "node": ">= 10"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/Brooooooklyn"
-      },
-      "optionalDependencies": {
-        "@napi-rs/canvas-android-arm64": "0.1.97",
-        "@napi-rs/canvas-darwin-arm64": "0.1.97",
-        "@napi-rs/canvas-darwin-x64": "0.1.97",
-        "@napi-rs/canvas-linux-arm-gnueabihf": "0.1.97",
-        "@napi-rs/canvas-linux-arm64-gnu": "0.1.97",
-        "@napi-rs/canvas-linux-arm64-musl": "0.1.97",
-        "@napi-rs/canvas-linux-riscv64-gnu": "0.1.97",
-        "@napi-rs/canvas-linux-x64-gnu": "0.1.97",
-        "@napi-rs/canvas-linux-x64-musl": "0.1.97",
-        "@napi-rs/canvas-win32-arm64-msvc": "0.1.97",
-        "@napi-rs/canvas-win32-x64-msvc": "0.1.97"
-      }
-    },
-    "node_modules/@napi-rs/canvas-android-arm64": {
-      "version": "0.1.97",
-      "resolved": "https://registry.npmjs.org/@napi-rs/canvas-android-arm64/-/canvas-android-arm64-0.1.97.tgz",
-      "integrity": "sha512-V1c/WVw+NzH8vk7ZK/O8/nyBSCQimU8sfMsB/9qeSvdkGKNU7+mxy/bIF0gTgeBFmHpj30S4E9WHMSrxXGQuVQ==",
-      "cpu": [
-        "arm64"
-      ],
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "android"
-      ],
-      "engines": {
-        "node": ">= 10"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/Brooooooklyn"
-      }
-    },
-    "node_modules/@napi-rs/canvas-darwin-arm64": {
-      "version": "0.1.97",
-      "resolved": "https://registry.npmjs.org/@napi-rs/canvas-darwin-arm64/-/canvas-darwin-arm64-0.1.97.tgz",
-      "integrity": "sha512-ok+SCEF4YejcxuJ9Rm+WWunHHpf2HmiPxfz6z1a/NFQECGXtsY7A4B8XocK1LmT1D7P174MzwPF9Wy3AUAwEPw==",
-      "cpu": [
-        "arm64"
-      ],
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": ">= 10"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/Brooooooklyn"
-      }
-    },
-    "node_modules/@napi-rs/canvas-darwin-x64": {
-      "version": "0.1.97",
-      "resolved": "https://registry.npmjs.org/@napi-rs/canvas-darwin-x64/-/canvas-darwin-x64-0.1.97.tgz",
-      "integrity": "sha512-PUP6e6/UGlclUvAQNnuXCcnkpdUou6VYZfQOQxExLp86epOylmiwLkqXIvpFmjoTEDmPmXrI+coL/9EFU1gKPA==",
-      "cpu": [
-        "x64"
-      ],
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": ">= 10"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/Brooooooklyn"
-      }
-    },
-    "node_modules/@napi-rs/canvas-linux-arm-gnueabihf": {
-      "version": "0.1.97",
-      "resolved": "https://registry.npmjs.org/@napi-rs/canvas-linux-arm-gnueabihf/-/canvas-linux-arm-gnueabihf-0.1.97.tgz",
-      "integrity": "sha512-XyXH2L/cic8eTNtbrXCcvqHtMX/nEOxN18+7rMrAM2XtLYC/EB5s0wnO1FsLMWmK+04ZSLN9FBGipo7kpIkcOw==",
-      "cpu": [
-        "arm"
-      ],
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">= 10"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/Brooooooklyn"
-      }
-    },
-    "node_modules/@napi-rs/canvas-linux-arm64-gnu": {
-      "version": "0.1.97",
-      "resolved": "https://registry.npmjs.org/@napi-rs/canvas-linux-arm64-gnu/-/canvas-linux-arm64-gnu-0.1.97.tgz",
-      "integrity": "sha512-Kuq/M3djq0K8ktgz6nPlK7Ne5d4uWeDxPpyKWOjWDK2RIOhHVtLtyLiJw2fuldw7Vn4mhw05EZXCEr4Q76rs9w==",
-      "cpu": [
-        "arm64"
-      ],
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">= 10"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/Brooooooklyn"
-      }
-    },
-    "node_modules/@napi-rs/canvas-linux-arm64-musl": {
-      "version": "0.1.97",
-      "resolved": "https://registry.npmjs.org/@napi-rs/canvas-linux-arm64-musl/-/canvas-linux-arm64-musl-0.1.97.tgz",
-      "integrity": "sha512-kKmSkQVnWeqg7qdsiXvYxKhAFuHz3tkBjW/zyQv5YKUPhotpaVhpBGv5LqCngzyuRV85SXoe+OFj+Tv0a0QXkQ==",
-      "cpu": [
-        "arm64"
-      ],
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">= 10"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/Brooooooklyn"
-      }
-    },
-    "node_modules/@napi-rs/canvas-linux-riscv64-gnu": {
-      "version": "0.1.97",
-      "resolved": "https://registry.npmjs.org/@napi-rs/canvas-linux-riscv64-gnu/-/canvas-linux-riscv64-gnu-0.1.97.tgz",
-      "integrity": "sha512-Jc7I3A51jnEOIAXeLsN/M/+Z28LUeakcsXs07FLq9prXc0eYOtVwsDEv913Gr+06IRo34gJJVgT0TXvmz+N2VA==",
-      "cpu": [
-        "riscv64"
-      ],
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">= 10"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/Brooooooklyn"
-      }
-    },
-    "node_modules/@napi-rs/canvas-linux-x64-gnu": {
-      "version": "0.1.97",
-      "resolved": "https://registry.npmjs.org/@napi-rs/canvas-linux-x64-gnu/-/canvas-linux-x64-gnu-0.1.97.tgz",
-      "integrity": "sha512-iDUBe7AilfuBSRbSa8/IGX38Mf+iCSBqoVKLSQ5XaY2JLOaqz1TVyPFEyIck7wT6mRQhQt5sN6ogfjIDfi74tg==",
-      "cpu": [
-        "x64"
-      ],
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">= 10"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/Brooooooklyn"
-      }
-    },
-    "node_modules/@napi-rs/canvas-linux-x64-musl": {
-      "version": "0.1.97",
-      "resolved": "https://registry.npmjs.org/@napi-rs/canvas-linux-x64-musl/-/canvas-linux-x64-musl-0.1.97.tgz",
-      "integrity": "sha512-AKLFd/v0Z5fvgqBDqhvqtAdx+fHMJ5t9JcUNKq4FIZ5WH+iegGm8HPdj00NFlCSnm83Fp3Ln8I2f7uq1aIiWaA==",
-      "cpu": [
-        "x64"
-      ],
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">= 10"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/Brooooooklyn"
-      }
-    },
-    "node_modules/@napi-rs/canvas-win32-arm64-msvc": {
-      "version": "0.1.97",
-      "resolved": "https://registry.npmjs.org/@napi-rs/canvas-win32-arm64-msvc/-/canvas-win32-arm64-msvc-0.1.97.tgz",
-      "integrity": "sha512-u883Yr6A6fO7Vpsy9YE4FVCIxzzo5sO+7pIUjjoDLjS3vQaNMkVzx5bdIpEL+ob+gU88WDK4VcxYMZ6nmnoX9A==",
-      "cpu": [
-        "arm64"
-      ],
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": ">= 10"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/Brooooooklyn"
-      }
-    },
-    "node_modules/@napi-rs/canvas-win32-x64-msvc": {
-      "version": "0.1.97",
-      "resolved": "https://registry.npmjs.org/@napi-rs/canvas-win32-x64-msvc/-/canvas-win32-x64-msvc-0.1.97.tgz",
-      "integrity": "sha512-sWtD2EE3fV0IzN+iiQUqr/Q1SwqWhs2O1FKItFlxtdDkikpEj5g7DKQpY3x55H/MAOnL8iomnlk3mcEeGiUMoQ==",
-      "cpu": [
-        "x64"
-      ],
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": ">= 10"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/Brooooooklyn"
-      }
-    },
-    "node_modules/@napi-rs/wasm-runtime": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@napi-rs/wasm-runtime/-/wasm-runtime-1.1.1.tgz",
-      "integrity": "sha512-p64ah1M1ld8xjWv3qbvFwHiFVWrq1yFvV4f7w+mzaqiR4IlSgkqhcRdHwsGgomwzBH51sRY4NEowLxnaBjcW/A==",
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "dependencies": {
-        "@emnapi/core": "^1.7.1",
-        "@emnapi/runtime": "^1.7.1",
-        "@tybys/wasm-util": "^0.10.1"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/Brooooooklyn"
-      }
-    },
     "node_modules/@noble/ciphers": {
       "version": "1.3.0",
       "resolved": "https://registry.npmjs.org/@noble/ciphers/-/ciphers-1.3.0.tgz",
@@ -3929,304 +3628,66 @@
         "url": "https://github.com/sponsors/colinhacks"
       }
     },
-    "node_modules/@rolldown/binding-android-arm64": {
+    "node_modules/@rolldown/binding-win32-x64-msvc": {
       "version": "1.0.0-rc.10",
-      "resolved": "https://registry.npmjs.org/@rolldown/binding-android-arm64/-/binding-android-arm64-1.0.0-rc.10.tgz",
-      "integrity": "sha512-jOHxwXhxmFKuXztiu1ORieJeTbx5vrTkcOkkkn2d35726+iwhrY1w/+nYY/AGgF12thg33qC3R1LMBF5tHTZHg==",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-win32-x64-msvc/-/binding-win32-x64-msvc-1.0.0-rc.10.tgz",
+      "integrity": "sha512-PYxKHMVHOb5NJuDL53vBUl1VwUjymDcYI6rzpIni0C9+9mTiJedvUxSk7/RPp7OOAm3v+EjgMu9bIy3N6b408w==",
       "cpu": [
-        "arm64"
+        "x64"
       ],
       "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
-        "android"
+        "win32"
       ],
       "engines": {
         "node": "^20.19.0 || >=22.12.0"
       }
     },
-    "node_modules/@rolldown/binding-darwin-arm64": {
-      "version": "1.0.0-rc.10",
-      "resolved": "https://registry.npmjs.org/@rolldown/binding-darwin-arm64/-/binding-darwin-arm64-1.0.0-rc.10.tgz",
-      "integrity": "sha512-gED05Teg/vtTZbIJBc4VNMAxAFDUPkuO/rAIyyxZjTj1a1/s6z5TII/5yMGZ0uLRCifEtwUQn8OlYzuYc0m70w==",
-      "cpu": [
-        "arm64"
-      ],
+    "node_modules/@rolldown/pluginutils": {
+      "version": "1.0.0-rc.7",
+      "resolved": "https://registry.npmjs.org/@rolldown/pluginutils/-/pluginutils-1.0.0-rc.7.tgz",
+      "integrity": "sha512-qujRfC8sFVInYSPPMLQByRh7zhwkGFS4+tyMQ83srV1qrxL4g8E2tyxVVyxd0+8QeBM1mIk9KbWxkegRr76XzA==",
       "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@safe-global/safe-apps-provider": {
+      "version": "0.18.6",
+      "resolved": "https://registry.npmjs.org/@safe-global/safe-apps-provider/-/safe-apps-provider-0.18.6.tgz",
+      "integrity": "sha512-4LhMmjPWlIO8TTDC2AwLk44XKXaK6hfBTWyljDm0HQ6TWlOEijVWNrt2s3OCVMSxlXAcEzYfqyu1daHZooTC2Q==",
       "license": "MIT",
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": "^20.19.0 || >=22.12.0"
+      "dependencies": {
+        "@safe-global/safe-apps-sdk": "^9.1.0",
+        "events": "^3.3.0"
       }
     },
-    "node_modules/@rolldown/binding-darwin-x64": {
-      "version": "1.0.0-rc.10",
-      "resolved": "https://registry.npmjs.org/@rolldown/binding-darwin-x64/-/binding-darwin-x64-1.0.0-rc.10.tgz",
-      "integrity": "sha512-rI15NcM1mA48lqrIxVkHfAqcyFLcQwyXWThy+BQ5+mkKKPvSO26ir+ZDp36AgYoYVkqvMcdS8zOE6SeBsR9e8A==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
+    "node_modules/@safe-global/safe-apps-sdk": {
+      "version": "9.1.0",
+      "resolved": "https://registry.npmjs.org/@safe-global/safe-apps-sdk/-/safe-apps-sdk-9.1.0.tgz",
+      "integrity": "sha512-N5p/ulfnnA2Pi2M3YeWjULeWbjo7ei22JwU/IXnhoHzKq3pYCN6ynL9mJBOlvDVv892EgLPCWCOwQk/uBT2v0Q==",
       "license": "MIT",
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": "^20.19.0 || >=22.12.0"
+      "dependencies": {
+        "@safe-global/safe-gateway-typescript-sdk": "^3.5.3",
+        "viem": "^2.1.1"
       }
     },
-    "node_modules/@rolldown/binding-freebsd-x64": {
-      "version": "1.0.0-rc.10",
-      "resolved": "https://registry.npmjs.org/@rolldown/binding-freebsd-x64/-/binding-freebsd-x64-1.0.0-rc.10.tgz",
-      "integrity": "sha512-XZRXHdTa+4ME1MuDVp021+doQ+z6Ei4CCFmNc5/sKbqb8YmkiJdj8QKlV3rCI0AJtAeSB5n0WGPuJWNL9p/L2w==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
+    "node_modules/@safe-global/safe-gateway-typescript-sdk": {
+      "version": "3.23.1",
+      "resolved": "https://registry.npmjs.org/@safe-global/safe-gateway-typescript-sdk/-/safe-gateway-typescript-sdk-3.23.1.tgz",
+      "integrity": "sha512-6ORQfwtEJYpalCeVO21L4XXGSdbEMfyp2hEv6cP82afKXSwvse6d3sdelgaPWUxHIsFRkWvHDdzh8IyyKHZKxw==",
       "license": "MIT",
-      "optional": true,
-      "os": [
-        "freebsd"
-      ],
       "engines": {
-        "node": "^20.19.0 || >=22.12.0"
+        "node": ">=16"
       }
     },
-    "node_modules/@rolldown/binding-linux-arm-gnueabihf": {
-      "version": "1.0.0-rc.10",
-      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm-gnueabihf/-/binding-linux-arm-gnueabihf-1.0.0-rc.10.tgz",
-      "integrity": "sha512-R0SQMRluISSLzFE20sPWYHVmJdDQnRyc/FzSCN72BqQmh2SOZUFG+N3/vBZpR4C6WpEUVYJLrYUXaj43sJsNLA==",
-      "cpu": [
-        "arm"
-      ],
-      "dev": true,
+    "node_modules/@scure/base": {
+      "version": "1.2.6",
+      "resolved": "https://registry.npmjs.org/@scure/base/-/base-1.2.6.tgz",
+      "integrity": "sha512-g/nm5FgUa//MCj1gV09zTJTaM6KBAHqLN907YVQqf7zC49+DcO4B1so4ZX07Ef10Twr6nuqYEH9GEggFXA4Fmg==",
       "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": "^20.19.0 || >=22.12.0"
-      }
-    },
-    "node_modules/@rolldown/binding-linux-arm64-gnu": {
-      "version": "1.0.0-rc.10",
-      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm64-gnu/-/binding-linux-arm64-gnu-1.0.0-rc.10.tgz",
-      "integrity": "sha512-Y1reMrV/o+cwpduYhJuOE3OMKx32RMYCidf14y+HssARRmhDuWXJ4yVguDg2R/8SyyGNo+auzz64LnPK9Hq6jg==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": "^20.19.0 || >=22.12.0"
-      }
-    },
-    "node_modules/@rolldown/binding-linux-arm64-musl": {
-      "version": "1.0.0-rc.10",
-      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm64-musl/-/binding-linux-arm64-musl-1.0.0-rc.10.tgz",
-      "integrity": "sha512-vELN+HNb2IzuzSBUOD4NHmP9yrGwl1DVM29wlQvx1OLSclL0NgVWnVDKl/8tEks79EFek/kebQKnNJkIAA4W2g==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": "^20.19.0 || >=22.12.0"
-      }
-    },
-    "node_modules/@rolldown/binding-linux-ppc64-gnu": {
-      "version": "1.0.0-rc.10",
-      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-ppc64-gnu/-/binding-linux-ppc64-gnu-1.0.0-rc.10.tgz",
-      "integrity": "sha512-ZqrufYTgzxbHwpqOjzSsb0UV/aV2TFIY5rP8HdsiPTv/CuAgCRjM6s9cYFwQ4CNH+hf9Y4erHW1GjZuZ7WoI7w==",
-      "cpu": [
-        "ppc64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": "^20.19.0 || >=22.12.0"
-      }
-    },
-    "node_modules/@rolldown/binding-linux-s390x-gnu": {
-      "version": "1.0.0-rc.10",
-      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-s390x-gnu/-/binding-linux-s390x-gnu-1.0.0-rc.10.tgz",
-      "integrity": "sha512-gSlmVS1FZJSRicA6IyjoRoKAFK7IIHBs7xJuHRSmjImqk3mPPWbR7RhbnfH2G6bcmMEllCt2vQ/7u9e6bBnByg==",
-      "cpu": [
-        "s390x"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": "^20.19.0 || >=22.12.0"
-      }
-    },
-    "node_modules/@rolldown/binding-linux-x64-gnu": {
-      "version": "1.0.0-rc.10",
-      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-x64-gnu/-/binding-linux-x64-gnu-1.0.0-rc.10.tgz",
-      "integrity": "sha512-eOCKUpluKgfObT2pHjztnaWEIbUabWzk3qPZ5PuacuPmr4+JtQG4k2vGTY0H15edaTnicgU428XW/IH6AimcQw==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": "^20.19.0 || >=22.12.0"
-      }
-    },
-    "node_modules/@rolldown/binding-linux-x64-musl": {
-      "version": "1.0.0-rc.10",
-      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-x64-musl/-/binding-linux-x64-musl-1.0.0-rc.10.tgz",
-      "integrity": "sha512-Xdf2jQbfQowJnLcgYfD/m0Uu0Qj5OdxKallD78/IPPfzaiaI4KRAwZzHcKQ4ig1gtg1SuzC7jovNiM2TzQsBXA==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": "^20.19.0 || >=22.12.0"
-      }
-    },
-    "node_modules/@rolldown/binding-openharmony-arm64": {
-      "version": "1.0.0-rc.10",
-      "resolved": "https://registry.npmjs.org/@rolldown/binding-openharmony-arm64/-/binding-openharmony-arm64-1.0.0-rc.10.tgz",
-      "integrity": "sha512-o1hYe8hLi1EY6jgPFyxQgQ1wcycX+qz8eEbVmot2hFkgUzPxy9+kF0u0NIQBeDq+Mko47AkaFFaChcvZa9UX9Q==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "openharmony"
-      ],
-      "engines": {
-        "node": "^20.19.0 || >=22.12.0"
-      }
-    },
-    "node_modules/@rolldown/binding-wasm32-wasi": {
-      "version": "1.0.0-rc.10",
-      "resolved": "https://registry.npmjs.org/@rolldown/binding-wasm32-wasi/-/binding-wasm32-wasi-1.0.0-rc.10.tgz",
-      "integrity": "sha512-Ugv9o7qYJudqQO5Y5y2N2SOo6S4WiqiNOpuQyoPInnhVzCY+wi/GHltcLHypG9DEUYMB0iTB/huJrpadiAcNcA==",
-      "cpu": [
-        "wasm32"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "dependencies": {
-        "@napi-rs/wasm-runtime": "^1.1.1"
-      },
-      "engines": {
-        "node": ">=14.0.0"
-      }
-    },
-    "node_modules/@rolldown/binding-win32-arm64-msvc": {
-      "version": "1.0.0-rc.10",
-      "resolved": "https://registry.npmjs.org/@rolldown/binding-win32-arm64-msvc/-/binding-win32-arm64-msvc-1.0.0-rc.10.tgz",
-      "integrity": "sha512-7UODQb4fQUNT/vmgDZBl3XOBAIOutP5R3O/rkxg0aLfEGQ4opbCgU5vOw/scPe4xOqBwL9fw7/RP1vAMZ6QlAQ==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": "^20.19.0 || >=22.12.0"
-      }
-    },
-    "node_modules/@rolldown/binding-win32-x64-msvc": {
-      "version": "1.0.0-rc.10",
-      "resolved": "https://registry.npmjs.org/@rolldown/binding-win32-x64-msvc/-/binding-win32-x64-msvc-1.0.0-rc.10.tgz",
-      "integrity": "sha512-PYxKHMVHOb5NJuDL53vBUl1VwUjymDcYI6rzpIni0C9+9mTiJedvUxSk7/RPp7OOAm3v+EjgMu9bIy3N6b408w==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": "^20.19.0 || >=22.12.0"
-      }
-    },
-    "node_modules/@rolldown/pluginutils": {
-      "version": "1.0.0-rc.7",
-      "resolved": "https://registry.npmjs.org/@rolldown/pluginutils/-/pluginutils-1.0.0-rc.7.tgz",
-      "integrity": "sha512-qujRfC8sFVInYSPPMLQByRh7zhwkGFS4+tyMQ83srV1qrxL4g8E2tyxVVyxd0+8QeBM1mIk9KbWxkegRr76XzA==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/@safe-global/safe-apps-provider": {
-      "version": "0.18.6",
-      "resolved": "https://registry.npmjs.org/@safe-global/safe-apps-provider/-/safe-apps-provider-0.18.6.tgz",
-      "integrity": "sha512-4LhMmjPWlIO8TTDC2AwLk44XKXaK6hfBTWyljDm0HQ6TWlOEijVWNrt2s3OCVMSxlXAcEzYfqyu1daHZooTC2Q==",
-      "license": "MIT",
-      "dependencies": {
-        "@safe-global/safe-apps-sdk": "^9.1.0",
-        "events": "^3.3.0"
-      }
-    },
-    "node_modules/@safe-global/safe-apps-sdk": {
-      "version": "9.1.0",
-      "resolved": "https://registry.npmjs.org/@safe-global/safe-apps-sdk/-/safe-apps-sdk-9.1.0.tgz",
-      "integrity": "sha512-N5p/ulfnnA2Pi2M3YeWjULeWbjo7ei22JwU/IXnhoHzKq3pYCN6ynL9mJBOlvDVv892EgLPCWCOwQk/uBT2v0Q==",
-      "license": "MIT",
-      "dependencies": {
-        "@safe-global/safe-gateway-typescript-sdk": "^3.5.3",
-        "viem": "^2.1.1"
-      }
-    },
-    "node_modules/@safe-global/safe-gateway-typescript-sdk": {
-      "version": "3.23.1",
-      "resolved": "https://registry.npmjs.org/@safe-global/safe-gateway-typescript-sdk/-/safe-gateway-typescript-sdk-3.23.1.tgz",
-      "integrity": "sha512-6ORQfwtEJYpalCeVO21L4XXGSdbEMfyp2hEv6cP82afKXSwvse6d3sdelgaPWUxHIsFRkWvHDdzh8IyyKHZKxw==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=16"
-      }
-    },
-    "node_modules/@scure/base": {
-      "version": "1.2.6",
-      "resolved": "https://registry.npmjs.org/@scure/base/-/base-1.2.6.tgz",
-      "integrity": "sha512-g/nm5FgUa//MCj1gV09zTJTaM6KBAHqLN907YVQqf7zC49+DcO4B1so4ZX07Ef10Twr6nuqYEH9GEggFXA4Fmg==",
-      "license": "MIT",
-      "funding": {
-        "url": "https://paulmillr.com/funding/"
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
       }
     },
     "node_modules/@scure/bip32": {
@@ -5337,260 +4798,60 @@
         "url": "https://github.com/chalk/chalk?sponsor=1"
       }
     },
-    "node_modules/@standard-schema/spec": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@standard-schema/spec/-/spec-1.1.0.tgz",
-      "integrity": "sha512-l2aFy5jALhniG5HgqrD6jXLi/rUWrKvqN/qJx6yoJsgKhblVd+iqqU4RCXavm/jPityDo5TCvKMnpjKnOriy0w==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/@swc/helpers": {
-      "version": "0.5.19",
-      "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.5.19.tgz",
-      "integrity": "sha512-QamiFeIK3txNjgUTNppE6MiG3p7TdninpZu0E0PbqVh1a9FNLT2FRhisaa4NcaX52XVhA5l7Pk58Ft7Sqi/2sA==",
-      "license": "Apache-2.0",
-      "dependencies": {
-        "tslib": "^2.8.0"
-      }
-    },
-    "node_modules/@tailwindcss/node": {
-      "version": "4.2.2",
-      "resolved": "https://registry.npmjs.org/@tailwindcss/node/-/node-4.2.2.tgz",
-      "integrity": "sha512-pXS+wJ2gZpVXqFaUEjojq7jzMpTGf8rU6ipJz5ovJV6PUGmlJ+jvIwGrzdHdQ80Sg+wmQxUFuoW1UAAwHNEdFA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@jridgewell/remapping": "^2.3.5",
-        "enhanced-resolve": "^5.19.0",
-        "jiti": "^2.6.1",
-        "lightningcss": "1.32.0",
-        "magic-string": "^0.30.21",
-        "source-map-js": "^1.2.1",
-        "tailwindcss": "4.2.2"
-      }
-    },
-    "node_modules/@tailwindcss/oxide": {
-      "version": "4.2.2",
-      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide/-/oxide-4.2.2.tgz",
-      "integrity": "sha512-qEUA07+E5kehxYp9BVMpq9E8vnJuBHfJEC0vPC5e7iL/hw7HR61aDKoVoKzrG+QKp56vhNZe4qwkRmMC0zDLvg==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">= 20"
-      },
-      "optionalDependencies": {
-        "@tailwindcss/oxide-android-arm64": "4.2.2",
-        "@tailwindcss/oxide-darwin-arm64": "4.2.2",
-        "@tailwindcss/oxide-darwin-x64": "4.2.2",
-        "@tailwindcss/oxide-freebsd-x64": "4.2.2",
-        "@tailwindcss/oxide-linux-arm-gnueabihf": "4.2.2",
-        "@tailwindcss/oxide-linux-arm64-gnu": "4.2.2",
-        "@tailwindcss/oxide-linux-arm64-musl": "4.2.2",
-        "@tailwindcss/oxide-linux-x64-gnu": "4.2.2",
-        "@tailwindcss/oxide-linux-x64-musl": "4.2.2",
-        "@tailwindcss/oxide-wasm32-wasi": "4.2.2",
-        "@tailwindcss/oxide-win32-arm64-msvc": "4.2.2",
-        "@tailwindcss/oxide-win32-x64-msvc": "4.2.2"
-      }
-    },
-    "node_modules/@tailwindcss/oxide-android-arm64": {
-      "version": "4.2.2",
-      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-android-arm64/-/oxide-android-arm64-4.2.2.tgz",
-      "integrity": "sha512-dXGR1n+P3B6748jZO/SvHZq7qBOqqzQ+yFrXpoOWWALWndF9MoSKAT3Q0fYgAzYzGhxNYOoysRvYlpixRBBoDg==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "android"
-      ],
-      "engines": {
-        "node": ">= 20"
-      }
-    },
-    "node_modules/@tailwindcss/oxide-darwin-arm64": {
-      "version": "4.2.2",
-      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-arm64/-/oxide-darwin-arm64-4.2.2.tgz",
-      "integrity": "sha512-iq9Qjr6knfMpZHj55/37ouZeykwbDqF21gPFtfnhCCKGDcPI/21FKC9XdMO/XyBM7qKORx6UIhGgg6jLl7BZlg==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": ">= 20"
-      }
-    },
-    "node_modules/@tailwindcss/oxide-darwin-x64": {
-      "version": "4.2.2",
-      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-x64/-/oxide-darwin-x64-4.2.2.tgz",
-      "integrity": "sha512-BlR+2c3nzc8f2G639LpL89YY4bdcIdUmiOOkv2GQv4/4M0vJlpXEa0JXNHhCHU7VWOKWT/CjqHdTP8aUuDJkuw==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": ">= 20"
-      }
-    },
-    "node_modules/@tailwindcss/oxide-freebsd-x64": {
-      "version": "4.2.2",
-      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-freebsd-x64/-/oxide-freebsd-x64-4.2.2.tgz",
-      "integrity": "sha512-YUqUgrGMSu2CDO82hzlQ5qSb5xmx3RUrke/QgnoEx7KvmRJHQuZHZmZTLSuuHwFf0DJPybFMXMYf+WJdxHy/nQ==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "freebsd"
-      ],
-      "engines": {
-        "node": ">= 20"
-      }
-    },
-    "node_modules/@tailwindcss/oxide-linux-arm-gnueabihf": {
-      "version": "4.2.2",
-      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm-gnueabihf/-/oxide-linux-arm-gnueabihf-4.2.2.tgz",
-      "integrity": "sha512-FPdhvsW6g06T9BWT0qTwiVZYE2WIFo2dY5aCSpjG/S/u1tby+wXoslXS0kl3/KXnULlLr1E3NPRRw0g7t2kgaQ==",
-      "cpu": [
-        "arm"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">= 20"
-      }
-    },
-    "node_modules/@tailwindcss/oxide-linux-arm64-gnu": {
-      "version": "4.2.2",
-      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-gnu/-/oxide-linux-arm64-gnu-4.2.2.tgz",
-      "integrity": "sha512-4og1V+ftEPXGttOO7eCmW7VICmzzJWgMx+QXAJRAhjrSjumCwWqMfkDrNu1LXEQzNAwz28NCUpucgQPrR4S2yw==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">= 20"
-      }
-    },
-    "node_modules/@tailwindcss/oxide-linux-arm64-musl": {
-      "version": "4.2.2",
-      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-musl/-/oxide-linux-arm64-musl-4.2.2.tgz",
-      "integrity": "sha512-oCfG/mS+/+XRlwNjnsNLVwnMWYH7tn/kYPsNPh+JSOMlnt93mYNCKHYzylRhI51X+TbR+ufNhhKKzm6QkqX8ag==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">= 20"
-      }
-    },
-    "node_modules/@tailwindcss/oxide-linux-x64-gnu": {
-      "version": "4.2.2",
-      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-gnu/-/oxide-linux-x64-gnu-4.2.2.tgz",
-      "integrity": "sha512-rTAGAkDgqbXHNp/xW0iugLVmX62wOp2PoE39BTCGKjv3Iocf6AFbRP/wZT/kuCxC9QBh9Pu8XPkv/zCZB2mcMg==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">= 20"
-      }
-    },
-    "node_modules/@tailwindcss/oxide-linux-x64-musl": {
-      "version": "4.2.2",
-      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-musl/-/oxide-linux-x64-musl-4.2.2.tgz",
-      "integrity": "sha512-XW3t3qwbIwiSyRCggeO2zxe3KWaEbM0/kW9e8+0XpBgyKU4ATYzcVSMKteZJ1iukJ3HgHBjbg9P5YPRCVUxlnQ==",
-      "cpu": [
-        "x64"
-      ],
+    "node_modules/@standard-schema/spec": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@standard-schema/spec/-/spec-1.1.0.tgz",
+      "integrity": "sha512-l2aFy5jALhniG5HgqrD6jXLi/rUWrKvqN/qJx6yoJsgKhblVd+iqqU4RCXavm/jPityDo5TCvKMnpjKnOriy0w==",
       "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">= 20"
+      "license": "MIT"
+    },
+    "node_modules/@swc/helpers": {
+      "version": "0.5.19",
+      "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.5.19.tgz",
+      "integrity": "sha512-QamiFeIK3txNjgUTNppE6MiG3p7TdninpZu0E0PbqVh1a9FNLT2FRhisaa4NcaX52XVhA5l7Pk58Ft7Sqi/2sA==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "tslib": "^2.8.0"
       }
     },
-    "node_modules/@tailwindcss/oxide-wasm32-wasi": {
+    "node_modules/@tailwindcss/node": {
       "version": "4.2.2",
-      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-wasm32-wasi/-/oxide-wasm32-wasi-4.2.2.tgz",
-      "integrity": "sha512-eKSztKsmEsn1O5lJ4ZAfyn41NfG7vzCg496YiGtMDV86jz1q/irhms5O0VrY6ZwTUkFy/EKG3RfWgxSI3VbZ8Q==",
-      "bundleDependencies": [
-        "@napi-rs/wasm-runtime",
-        "@emnapi/core",
-        "@emnapi/runtime",
-        "@tybys/wasm-util",
-        "@emnapi/wasi-threads",
-        "tslib"
-      ],
-      "cpu": [
-        "wasm32"
-      ],
+      "resolved": "https://registry.npmjs.org/@tailwindcss/node/-/node-4.2.2.tgz",
+      "integrity": "sha512-pXS+wJ2gZpVXqFaUEjojq7jzMpTGf8rU6ipJz5ovJV6PUGmlJ+jvIwGrzdHdQ80Sg+wmQxUFuoW1UAAwHNEdFA==",
       "dev": true,
       "license": "MIT",
-      "optional": true,
       "dependencies": {
-        "@emnapi/core": "^1.8.1",
-        "@emnapi/runtime": "^1.8.1",
-        "@emnapi/wasi-threads": "^1.1.0",
-        "@napi-rs/wasm-runtime": "^1.1.1",
-        "@tybys/wasm-util": "^0.10.1",
-        "tslib": "^2.8.1"
-      },
-      "engines": {
-        "node": ">=14.0.0"
+        "@jridgewell/remapping": "^2.3.5",
+        "enhanced-resolve": "^5.19.0",
+        "jiti": "^2.6.1",
+        "lightningcss": "1.32.0",
+        "magic-string": "^0.30.21",
+        "source-map-js": "^1.2.1",
+        "tailwindcss": "4.2.2"
       }
     },
-    "node_modules/@tailwindcss/oxide-win32-arm64-msvc": {
+    "node_modules/@tailwindcss/oxide": {
       "version": "4.2.2",
-      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-arm64-msvc/-/oxide-win32-arm64-msvc-4.2.2.tgz",
-      "integrity": "sha512-qPmaQM4iKu5mxpsrWZMOZRgZv1tOZpUm+zdhhQP0VhJfyGGO3aUKdbh3gDZc/dPLQwW4eSqWGrrcWNBZWUWaXQ==",
-      "cpu": [
-        "arm64"
-      ],
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide/-/oxide-4.2.2.tgz",
+      "integrity": "sha512-qEUA07+E5kehxYp9BVMpq9E8vnJuBHfJEC0vPC5e7iL/hw7HR61aDKoVoKzrG+QKp56vhNZe4qwkRmMC0zDLvg==",
       "dev": true,
       "license": "MIT",
-      "optional": true,
-      "os": [
-        "win32"
-      ],
       "engines": {
         "node": ">= 20"
+      },
+      "optionalDependencies": {
+        "@tailwindcss/oxide-android-arm64": "4.2.2",
+        "@tailwindcss/oxide-darwin-arm64": "4.2.2",
+        "@tailwindcss/oxide-darwin-x64": "4.2.2",
+        "@tailwindcss/oxide-freebsd-x64": "4.2.2",
+        "@tailwindcss/oxide-linux-arm-gnueabihf": "4.2.2",
+        "@tailwindcss/oxide-linux-arm64-gnu": "4.2.2",
+        "@tailwindcss/oxide-linux-arm64-musl": "4.2.2",
+        "@tailwindcss/oxide-linux-x64-gnu": "4.2.2",
+        "@tailwindcss/oxide-linux-x64-musl": "4.2.2",
+        "@tailwindcss/oxide-wasm32-wasi": "4.2.2",
+        "@tailwindcss/oxide-win32-arm64-msvc": "4.2.2",
+        "@tailwindcss/oxide-win32-x64-msvc": "4.2.2"
       }
     },
     "node_modules/@tailwindcss/oxide-win32-x64-msvc": {
@@ -5741,17 +5002,6 @@
         "@testing-library/dom": ">=7.21.4"
       }
     },
-    "node_modules/@tybys/wasm-util": {
-      "version": "0.10.1",
-      "resolved": "https://registry.npmjs.org/@tybys/wasm-util/-/wasm-util-0.10.1.tgz",
-      "integrity": "sha512-9tTaPJLSiejZKx+Bmog4uSubteqTvFrVrURwkmHixBo0G4seD0zUxp98E1DzUBJxLQ3NPwXrGKDiVjwx/DpPsg==",
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "dependencies": {
-        "tslib": "^2.4.0"
-      }
-    },
     "node_modules/@types/aria-query": {
       "version": "5.0.4",
       "resolved": "https://registry.npmjs.org/@types/aria-query/-/aria-query-5.0.4.tgz",
@@ -8032,13 +7282,13 @@
       }
     },
     "node_modules/entities": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/entities/-/entities-6.0.1.tgz",
-      "integrity": "sha512-aN97NXWF6AWBTahfVOIrB/NShkzi5H7F9r1s9mD3cDj4Ko5f2qhhVoYMibXF7GlLveb/D2ioWay8lxI97Ven3g==",
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-8.0.0.tgz",
+      "integrity": "sha512-zwfzJecQ/Uej6tusMqwAqU/6KL2XaB2VZ2Jg54Je6ahNBGNH6Ek6g3jjNCF0fG9EWQKGZNddNjU5F1ZQn/sBnA==",
       "dev": true,
       "license": "BSD-2-Clause",
       "engines": {
-        "node": ">=0.12"
+        "node": ">=20.19.0"
       },
       "funding": {
         "url": "https://github.com/fb55/entities?sponsor=1"
@@ -8884,21 +8134,6 @@
         }
       }
     },
-    "node_modules/fsevents": {
-      "version": "2.3.3",
-      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
-      "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
-      "dev": true,
-      "hasInstallScript": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
-      }
-    },
     "node_modules/function-bind": {
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
@@ -9820,216 +9055,6 @@
         "lightningcss-win32-x64-msvc": "1.32.0"
       }
     },
-    "node_modules/lightningcss-android-arm64": {
-      "version": "1.32.0",
-      "resolved": "https://registry.npmjs.org/lightningcss-android-arm64/-/lightningcss-android-arm64-1.32.0.tgz",
-      "integrity": "sha512-YK7/ClTt4kAK0vo6w3X+Pnm0D2cf2vPHbhOXdoNti1Ga0al1P4TBZhwjATvjNwLEBCnKvjJc2jQgHXH0NEwlAg==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MPL-2.0",
-      "optional": true,
-      "os": [
-        "android"
-      ],
-      "engines": {
-        "node": ">= 12.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
-      }
-    },
-    "node_modules/lightningcss-darwin-arm64": {
-      "version": "1.32.0",
-      "resolved": "https://registry.npmjs.org/lightningcss-darwin-arm64/-/lightningcss-darwin-arm64-1.32.0.tgz",
-      "integrity": "sha512-RzeG9Ju5bag2Bv1/lwlVJvBE3q6TtXskdZLLCyfg5pt+HLz9BqlICO7LZM7VHNTTn/5PRhHFBSjk5lc4cmscPQ==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MPL-2.0",
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": ">= 12.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
-      }
-    },
-    "node_modules/lightningcss-darwin-x64": {
-      "version": "1.32.0",
-      "resolved": "https://registry.npmjs.org/lightningcss-darwin-x64/-/lightningcss-darwin-x64-1.32.0.tgz",
-      "integrity": "sha512-U+QsBp2m/s2wqpUYT/6wnlagdZbtZdndSmut/NJqlCcMLTWp5muCrID+K5UJ6jqD2BFshejCYXniPDbNh73V8w==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MPL-2.0",
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": ">= 12.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
-      }
-    },
-    "node_modules/lightningcss-freebsd-x64": {
-      "version": "1.32.0",
-      "resolved": "https://registry.npmjs.org/lightningcss-freebsd-x64/-/lightningcss-freebsd-x64-1.32.0.tgz",
-      "integrity": "sha512-JCTigedEksZk3tHTTthnMdVfGf61Fky8Ji2E4YjUTEQX14xiy/lTzXnu1vwiZe3bYe0q+SpsSH/CTeDXK6WHig==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MPL-2.0",
-      "optional": true,
-      "os": [
-        "freebsd"
-      ],
-      "engines": {
-        "node": ">= 12.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
-      }
-    },
-    "node_modules/lightningcss-linux-arm-gnueabihf": {
-      "version": "1.32.0",
-      "resolved": "https://registry.npmjs.org/lightningcss-linux-arm-gnueabihf/-/lightningcss-linux-arm-gnueabihf-1.32.0.tgz",
-      "integrity": "sha512-x6rnnpRa2GL0zQOkt6rts3YDPzduLpWvwAF6EMhXFVZXD4tPrBkEFqzGowzCsIWsPjqSK+tyNEODUBXeeVHSkw==",
-      "cpu": [
-        "arm"
-      ],
-      "dev": true,
-      "license": "MPL-2.0",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">= 12.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
-      }
-    },
-    "node_modules/lightningcss-linux-arm64-gnu": {
-      "version": "1.32.0",
-      "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-gnu/-/lightningcss-linux-arm64-gnu-1.32.0.tgz",
-      "integrity": "sha512-0nnMyoyOLRJXfbMOilaSRcLH3Jw5z9HDNGfT/gwCPgaDjnx0i8w7vBzFLFR1f6CMLKF8gVbebmkUN3fa/kQJpQ==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MPL-2.0",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">= 12.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
-      }
-    },
-    "node_modules/lightningcss-linux-arm64-musl": {
-      "version": "1.32.0",
-      "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-musl/-/lightningcss-linux-arm64-musl-1.32.0.tgz",
-      "integrity": "sha512-UpQkoenr4UJEzgVIYpI80lDFvRmPVg6oqboNHfoH4CQIfNA+HOrZ7Mo7KZP02dC6LjghPQJeBsvXhJod/wnIBg==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MPL-2.0",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">= 12.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
-      }
-    },
-    "node_modules/lightningcss-linux-x64-gnu": {
-      "version": "1.32.0",
-      "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-gnu/-/lightningcss-linux-x64-gnu-1.32.0.tgz",
-      "integrity": "sha512-V7Qr52IhZmdKPVr+Vtw8o+WLsQJYCTd8loIfpDaMRWGUZfBOYEJeyJIkqGIDMZPwPx24pUMfwSxxI8phr/MbOA==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MPL-2.0",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">= 12.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
-      }
-    },
-    "node_modules/lightningcss-linux-x64-musl": {
-      "version": "1.32.0",
-      "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-musl/-/lightningcss-linux-x64-musl-1.32.0.tgz",
-      "integrity": "sha512-bYcLp+Vb0awsiXg/80uCRezCYHNg1/l3mt0gzHnWV9XP1W5sKa5/TCdGWaR/zBM2PeF/HbsQv/j2URNOiVuxWg==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MPL-2.0",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">= 12.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
-      }
-    },
-    "node_modules/lightningcss-win32-arm64-msvc": {
-      "version": "1.32.0",
-      "resolved": "https://registry.npmjs.org/lightningcss-win32-arm64-msvc/-/lightningcss-win32-arm64-msvc-1.32.0.tgz",
-      "integrity": "sha512-8SbC8BR40pS6baCM8sbtYDSwEVQd4JlFTOlaD3gWGHfThTcABnNDBda6eTZeqbofalIJhFx0qKzgHJmcPTnGdw==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MPL-2.0",
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": ">= 12.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
-      }
-    },
     "node_modules/lightningcss-win32-x64-msvc": {
       "version": "1.32.0",
       "resolved": "https://registry.npmjs.org/lightningcss-win32-x64-msvc/-/lightningcss-win32-x64-msvc-1.32.0.tgz",
@@ -10377,13 +9402,6 @@
       "integrity": "sha512-8DY+kFsDkNXy1sJglUfuODx1/opAGJGyrTuFqEoN90oRc2Vk0ZbD4K2qmKXBBEhZQzdKHIVfEJpDU8Ak2NJEvQ==",
       "license": "MIT"
     },
-    "node_modules/node-readable-to-web-readable-stream": {
-      "version": "0.4.2",
-      "resolved": "https://registry.npmjs.org/node-readable-to-web-readable-stream/-/node-readable-to-web-readable-stream-0.4.2.tgz",
-      "integrity": "sha512-/cMZNI34v//jUTrI+UIo4ieHAB5EZRY/+7OmXZgBxaWBMcW2tGdceIw06RFxWxrKZ5Jp3sI2i5TsRo+CBhtVLQ==",
-      "license": "MIT",
-      "optional": true
-    },
     "node_modules/node-releases": {
       "version": "2.0.36",
       "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.36.tgz",
@@ -10572,13 +9590,13 @@
       }
     },
     "node_modules/parse5": {
-      "version": "8.0.0",
-      "resolved": "https://registry.npmjs.org/parse5/-/parse5-8.0.0.tgz",
-      "integrity": "sha512-9m4m5GSgXjL4AjumKzq1Fgfp3Z8rsvjRNbnkVwfu2ImRqE5D0LnY2QfDen18FSY9C573YU5XxSapdHZTZ2WolA==",
+      "version": "8.0.1",
+      "resolved": "https://registry.npmjs.org/parse5/-/parse5-8.0.1.tgz",
+      "integrity": "sha512-z1e/HMG90obSGeidlli3hj7cbocou0/wa5HacvI3ASx34PecNjNQeaHNo5WIZpWofN9kgkqV1q5YvXe3F0FoPw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "entities": "^6.0.0"
+        "entities": "^8.0.0"
       },
       "funding": {
         "url": "https://github.com/inikulin/parse5?sponsor=1"
@@ -10603,6 +9621,16 @@
         "node": ">=8"
       }
     },
+    "node_modules/path2d": {
+      "version": "0.2.2",
+      "resolved": "https://registry.npmjs.org/path2d/-/path2d-0.2.2.tgz",
+      "integrity": "sha512-+vnG6S4dYcYxZd+CZxzXCNKdELYZSKfohrk98yajCo1PtRoDgCTrrwOvK1GT0UoAdVszagDVllQc0U1vaX4NUQ==",
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/pathe": {
       "version": "2.0.3",
       "resolved": "https://registry.npmjs.org/pathe/-/pathe-2.0.3.tgz",
@@ -10629,16 +9657,16 @@
       "license": "0BSD"
     },
     "node_modules/pdfjs-dist": {
-      "version": "5.5.207",
-      "resolved": "https://registry.npmjs.org/pdfjs-dist/-/pdfjs-dist-5.5.207.tgz",
-      "integrity": "sha512-WMqqw06w1vUt9ZfT0gOFhMf3wHsWhaCrxGrckGs5Cci6ybDW87IvPaOd2pnBwT6BJuP/CzXDZxjFgmSULLdsdw==",
+      "version": "4.4.168",
+      "resolved": "https://registry.npmjs.org/pdfjs-dist/-/pdfjs-dist-4.4.168.tgz",
+      "integrity": "sha512-MbkAjpwka/dMHaCfQ75RY1FXX3IewBVu6NGZOcxerRFlaBiIkZmUoR0jotX5VUzYZEXAGzSFtknWs5xRKliXPA==",
       "license": "Apache-2.0",
       "engines": {
-        "node": ">=20.19.0 || >=22.13.0 || >=24"
+        "node": ">=18"
       },
       "optionalDependencies": {
-        "@napi-rs/canvas": "^0.1.95",
-        "node-readable-to-web-readable-stream": "^0.4.2"
+        "canvas": "^2.11.2",
+        "path2d": "^0.2.0"
       }
     },
     "node_modules/picocolors": {
diff --git a/package.json b/package.json
index 81e46e5..c38f7d5 100644
--- a/package.json
+++ b/package.json
@@ -21,7 +21,7 @@
     "jszip": "^3.10.1",
     "lucide-react": "^0.577.0",
     "pdf-lib": "^1.17.1",
-    "pdfjs-dist": "^5.5.207",
+    "pdfjs-dist": "4.4.168",
     "react": "^19.2.4",
     "react-dom": "^19.2.4",
     "react-router-dom": "^7.13.1",
diff --git a/src/components/pdf/BatchPanel.jsx b/src/components/pdf/BatchPanel.jsx
new file mode 100644
index 0000000..cac33e1
--- /dev/null
+++ b/src/components/pdf/BatchPanel.jsx
@@ -0,0 +1,160 @@
+import React from "react";
+import { X, FileText, Loader2, Download, CheckCircle2, PackageOpen } from "lucide-react";
+import { motion, AnimatePresence } from "framer-motion";
+import { Button } from "../ui/Button";
+import { formatFileSize } from "../../utils/formatters";
+
+export function BatchPanel({
+  batchFiles,
+  addFiles,
+  removeFile,
+  isProcessing,
+  progress,
+  error,
+  done,
+  onRun,
+  runDisabled = false,          // extra disable flag (e.g. password not set)
+  runLabel = "Process All & Download ZIP",
+  previewUrl,
+  accept = "application/pdf",
+}) {
+  function handleDrop(e) {
+    e.preventDefault();
+    if (isProcessing) return;   // ignore drops mid-run
+    addFiles(Array.from(e.dataTransfer.files));
+  }
+
+  function handleInput(e) {
+    addFiles(Array.from(e.target.files));
+    e.target.value = "";
+  }
+
+  const canRun = batchFiles.length > 0 && !isProcessing && !runDisabled;
+
+  return (
+    <div className="space-y-6">
+      {/* Drop zone */}
+      <label
+        onDragOver={(e) => e.preventDefault()}
+        onDrop={handleDrop}
+        className={`flex flex-col items-center justify-center w-full h-36 border-2 border-dashed rounded-2xl transition-all
+          ${isProcessing
+            ? "border-white/5 opacity-40 cursor-not-allowed"
+            : "border-white/10 cursor-pointer hover:border-white/25 hover:bg-white/[0.02]"}`}
+      >
+        <PackageOpen className="w-8 h-8 text-zinc-600 mb-2" />
+        <span className="text-sm text-zinc-500">
+          Drop PDFs here or <span className="text-white underline underline-offset-2">browse</span>
+        </span>
+        <span className="text-xs text-zinc-700 mt-1">Multiple files supported</span>
+        <input
+          type="file"
+          accept={accept}
+          multiple
+          className="hidden"
+          onChange={handleInput}
+          disabled={isProcessing}
+        />
+      </label>
+
+      {/* File list */}
+      <AnimatePresence initial={false}>
+        {batchFiles.map((file, i) => (
+          <motion.div
+            key={`${file.name}-${file.size}`}
+            initial={{ opacity: 0, height: 0 }}
+            animate={{ opacity: 1, height: "auto" }}
+            exit={{ opacity: 0, height: 0 }}
+            className="overflow-hidden"
+          >
+            <div className="flex items-center gap-3 px-4 py-3 bg-zinc-900/50 border border-white/[0.06] rounded-xl">
+              <FileText className="w-4 h-4 text-zinc-500 shrink-0" />
+              <div className="flex-1 min-w-0">
+                <p className="text-sm text-zinc-200 truncate">{file.name}</p>
+                <p className="text-xs text-zinc-600">{formatFileSize(file.size)}</p>
+              </div>
+              {i === 0 && previewUrl && (
+                <span className="text-[10px] text-zinc-500 border border-white/10 rounded px-1.5 py-0.5 shrink-0">
+                  preview
+                </span>
+              )}
+              <button
+                onClick={() => removeFile(i)}
+                disabled={isProcessing}
+                className="p-1.5 text-zinc-600 hover:text-red-400 hover:bg-white/5 rounded-lg transition-colors disabled:opacity-40"
+              >
+                <X className="w-4 h-4" />
+              </button>
+            </div>
+          </motion.div>
+        ))}
+      </AnimatePresence>
+
+      {/* First-file preview */}
+      {previewUrl && (
+        <div className="rounded-xl overflow-hidden border border-white/10">
+          <p className="text-xs text-zinc-600 px-3 py-2 border-b border-white/[0.06]">
+            Preview — first file only
+          </p>
+          <iframe
+            src={previewUrl}
+            title="Batch preview"
+            className="w-full bg-white"
+            style={{ height: "clamp(240px, 40vh, 480px)" }}
+          />
+        </div>
+      )}
+
+      {/* Error */}
+      {error && (
+        <div className="p-4 bg-red-500/10 text-red-400 rounded-xl text-sm border border-red-500/20">
+          {error}
+        </div>
+      )}
+
+      {/* Progress */}
+      <AnimatePresence>
+        {isProcessing && (
+          <motion.div
+            initial={{ opacity: 0, height: 0 }}
+            animate={{ opacity: 1, height: "auto" }}
+            exit={{ opacity: 0, height: 0 }}
+            className="overflow-hidden"
+          >
+            <div className="p-4 bg-zinc-900/50 border border-white/10 rounded-xl space-y-3">
+              <div className="flex items-center justify-between text-sm">
+                <span className="text-zinc-400 flex items-center gap-2">
+                  <Loader2 className="w-4 h-4 animate-spin" />
+                  Processing {progress.current} of {progress.total}…
+                </span>
+                <span className="text-zinc-500 text-xs">
+                  {Math.round((progress.current / progress.total) * 100)}%
+                </span>
+              </div>
+              <div className="w-full bg-zinc-800 rounded-full h-1.5 overflow-hidden">
+                <motion.div
+                  className="bg-white h-1.5 rounded-full"
+                  animate={{ width: `${(progress.current / progress.total) * 100}%` }}
+                  transition={{ duration: 0.3 }}
+                />
+              </div>
+            </div>
+          </motion.div>
+        )}
+      </AnimatePresence>
+
+      {/* CTA */}
+      {batchFiles.length > 0 && (
+        <Button onClick={onRun} disabled={!canRun} className="w-full h-12">
+          {isProcessing ? (
+            <><Loader2 className="w-4 h-4 mr-2 animate-spin" />Processing…</>
+          ) : done ? (
+            <><CheckCircle2 className="w-4 h-4 mr-2 text-emerald-400" />Downloaded!</>
+          ) : (
+            <><Download className="w-4 h-4 mr-2" />{runLabel} ({batchFiles.length} file{batchFiles.length > 1 ? "s" : ""})</>
+          )}
+        </Button>
+      )}
+    </div>
+  );
+}
diff --git a/src/components/ui/BatchToggle.jsx b/src/components/ui/BatchToggle.jsx
new file mode 100644
index 0000000..ed0d737
--- /dev/null
+++ b/src/components/ui/BatchToggle.jsx
@@ -0,0 +1,38 @@
+import React from "react";
+import { Layers, FileText } from "lucide-react";
+
+/**
+ * Small toggle that switches between single-file and batch mode.
+ */
+export function BatchToggle({ isBatchMode, onChange, disabled }) {
+  return (
+    <div className="inline-flex items-center gap-1 p-1 bg-zinc-900 border border-white/10 rounded-xl">
+      <button
+        onClick={() => onChange(false)}
+        disabled={disabled}
+        className={[
+          "flex items-center gap-1.5 px-3 py-1.5 rounded-lg text-xs font-semibold transition-all",
+          !isBatchMode
+            ? "bg-white text-black shadow"
+            : "text-zinc-500 hover:text-white",
+        ].join(" ")}
+      >
+        <FileText className="w-3.5 h-3.5" />
+        Single
+      </button>
+      <button
+        onClick={() => onChange(true)}
+        disabled={disabled}
+        className={[
+          "flex items-center gap-1.5 px-3 py-1.5 rounded-lg text-xs font-semibold transition-all",
+          isBatchMode
+            ? "bg-white text-black shadow"
+            : "text-zinc-500 hover:text-white",
+        ].join(" ")}
+      >
+        <Layers className="w-3.5 h-3.5" />
+        Batch
+      </button>
+    </div>
+  );
+}
diff --git a/src/hooks/useBatchProcess.js b/src/hooks/useBatchProcess.js
new file mode 100644
index 0000000..606ff27
--- /dev/null
+++ b/src/hooks/useBatchProcess.js
@@ -0,0 +1,112 @@
+import { useState, useCallback } from "react";
+import JSZip from "jszip";
+
+/**
+ * Reusable batch processing hook.
+ *
+ * @param {Function} processFn      - async (file, options) => Blob
+ * @param {Function} getOutputName  - (originalName) => string
+ * @param {Object}   guards         - optional { canProcess(file) => bool, onAfterEach() => Promise }
+ *   canProcess  — called before each file; return false to skip (e.g. size/global limit check)
+ *   onAfterEach — called after each successful file (e.g. incrementUsage)
+ */
+export function useBatchProcess(processFn, getOutputName, guards = {}) {
+  const [isBatchMode, setIsBatchMode]   = useState(false);
+  const [batchFiles, setBatchFiles]     = useState([]);
+  const [isProcessing, setIsProcessing] = useState(false);
+  const [progress, setProgress]         = useState({ current: 0, total: 0 });
+  const [error, setError]               = useState(null);
+  const [done, setDone]                 = useState(false);
+
+  const addFiles = useCallback((incoming) => {
+    if (isProcessing) return; // ignore drops mid-run
+    const pdfs = incoming.filter((f) => f.type === "application/pdf");
+    if (pdfs.length === 0) { setError("Please upload valid PDF files."); return; }
+    setError(null);
+    setDone(false);
+    setBatchFiles((prev) => {
+      const existing = new Set(prev.map((f) => `${f.name}-${f.size}`));
+      const fresh = pdfs.filter((f) => !existing.has(`${f.name}-${f.size}`));
+      return [...prev, ...fresh];
+    });
+  }, [isProcessing]);
+
+  const removeFile = useCallback((index) => {
+    setBatchFiles((prev) => prev.filter((_, i) => i !== index));
+    setDone(false);
+  }, []);
+
+  const clearFiles = useCallback(() => {
+    setBatchFiles([]);
+    setDone(false);
+    setError(null);
+    setProgress({ current: 0, total: 0 });
+  }, []);
+
+  /**
+   * Process all files with the given options and download as ZIP.
+   * Respects canProcess guard and calls onAfterEach per file.
+   */
+  const runBatch = useCallback(async (options = {}) => {
+    if (batchFiles.length === 0) return;
+
+    // Check global guard before starting
+    if (guards.canProcess && !guards.canProcess(batchFiles[0])) {
+      setError("You have reached your free-tier limit. Upgrade to continue.");
+      return;
+    }
+
+    setIsProcessing(true);
+    setError(null);
+    setDone(false);
+    setProgress({ current: 0, total: batchFiles.length });
+
+    const zip = new JSZip();
+
+    try {
+      for (let i = 0; i < batchFiles.length; i++) {
+        const file = batchFiles[i];
+        setProgress({ current: i + 1, total: batchFiles.length });
+
+        // Per-file guard (size limit etc.)
+        if (guards.canProcess && !guards.canProcess(file)) {
+          setError(`"${file.name}" exceeds the free-tier size limit and was skipped.`);
+          continue;
+        }
+
+        // Yield to event loop — keeps UI responsive and lets WASM workers reset
+        await new Promise((r) => setTimeout(r, 150));
+
+        const blob = await processFn(file, options);
+        zip.file(getOutputName(file.name), blob);
+
+        // Increment usage per file
+        if (guards.onAfterEach) await guards.onAfterEach();
+      }
+
+      const zipBlob = await zip.generateAsync({ type: "blob" });
+      const url = URL.createObjectURL(zipBlob);
+      const a = document.createElement("a");
+      a.href = url;
+      a.download = `QuickPDF_Batch_${Date.now()}.zip`;
+      document.body.appendChild(a);
+      a.click();
+      document.body.removeChild(a);
+      // Revoke after next tick so the browser has time to start the download
+      setTimeout(() => URL.revokeObjectURL(url), 100);
+      setDone(true);
+    } catch (err) {
+      console.error(err);
+      setError("One or more files failed to process. They may be encrypted or corrupted.");
+    } finally {
+      setIsProcessing(false);
+    }
+  }, [batchFiles, processFn, getOutputName, guards]);
+
+  return {
+    isBatchMode, setIsBatchMode,
+    batchFiles, addFiles, removeFile, clearFiles,
+    isProcessing, progress, error, done,
+    runBatch,
+  };
+}
diff --git a/src/pages/Compress/Compress.jsx b/src/pages/Compress/Compress.jsx
index b835ebb..02fca32 100644
--- a/src/pages/Compress/Compress.jsx
+++ b/src/pages/Compress/Compress.jsx
@@ -4,6 +4,9 @@ import { Minimize2, X, Download, Loader2, Zap, ShieldCheck, Gauge, Flame } from
 import { AnimatePresence, motion as Motion } from "framer-motion";
 import { Button } from "../../components/ui/Button";
 import { UpgradeButton } from "../../components/ui/UpgradeButton";
+import { BatchToggle } from "../../components/ui/BatchToggle";
+import { BatchPanel } from "../../components/pdf/BatchPanel";
+import { useBatchProcess } from "../../hooks/useBatchProcess";
 import { compressWithQuality } from "../../services/pdf.service";
 import { Dropzone } from "../../components/pdf/Dropzone";
 import { formatFileSize } from "../../utils/formatters";
@@ -19,6 +22,15 @@ export function Compress() {
 
   const { isPremium, hasReachedGlobalLimit, incrementUsage, isWalletConnected } = useSubscription();
 
+  const batch = useBatchProcess(
+    (f, opts) => compressWithQuality(f, opts.quality),
+    (name) => `QuickPDF_Compressed_${name}`,
+    {
+      canProcess: (f) => !hasReachedGlobalLimit && (isPremium || f.size <= mbToBytes(FREE_LIMITS.compress.maxFileSizeMb)),
+      onAfterEach: incrementUsage,
+    }
+  );
+
   const fileTooLarge = !isPremium && file && file.size > mbToBytes(FREE_LIMITS.compress.maxFileSizeMb);
   const isLocked     = hasReachedGlobalLimit || fileTooLarge;
   const lockReason   = hasReachedGlobalLimit ? "global" : "size";
@@ -77,9 +89,47 @@ export function Compress() {
             </span>
           )}
         </p>
+        <div className="mt-4 flex justify-center">
+          <BatchToggle isBatchMode={batch.isBatchMode} onChange={(v) => { batch.setIsBatchMode(v); batch.clearFiles(); }} disabled={isProcessing || batch.isProcessing} />
+        </div>
       </div>
 
-      <div className="bg-[#0a0a0a] rounded-2xl border border-white/10 p-6 md:p-8 shadow-2xl">
+      {batch.isBatchMode ? (
+        <div className="bg-[#0a0a0a] rounded-2xl border border-white/10 p-6 md:p-8 shadow-2xl">
+          {isLocked && (
+            <div className="mb-6">
+              <UpgradeButton reason={lockReason} limitLabel={lockLabel} isWalletConnected={isWalletConnected} isPremium={isPremium} className="w-full" />
+            </div>
+          )}
+          <div className="space-y-3 mb-6">
+            <label className="block text-sm font-medium text-zinc-400 mb-2">Compression Level (applied to all files)</label>
+            <div className="grid sm:grid-cols-3 gap-4">
+              {options.map((opt) => (
+                <button key={opt.id} onClick={() => setLevel(opt.id)}
+                  className={`flex flex-col items-center justify-center p-4 rounded-xl border transition-all ${level === opt.id ? "bg-white/10 border-white/30 text-white" : "bg-zinc-900/30 border-white/5 text-zinc-400 hover:bg-zinc-900/60 hover:border-white/15"}`}
+                >
+                  <div className="mb-2">{opt.icon}</div>
+                  <span className="font-semibold text-sm">{opt.label}</span>
+                  <span className="text-xs opacity-70 mt-1">{opt.desc}</span>
+                </button>
+              ))}
+            </div>
+          </div>
+          <BatchPanel
+            batchFiles={batch.batchFiles}
+            addFiles={batch.addFiles}
+            removeFile={batch.removeFile}
+            isProcessing={batch.isProcessing}
+            progress={batch.progress}
+            error={batch.error}
+            done={batch.done}
+            onRun={() => batch.runBatch({ quality: options.find(o => o.id === level).val })}
+            runLabel="Compress All & Download ZIP"
+            runDisabled={isLocked}
+          />
+        </div>
+      ) : (
+        <div className="bg-[#0a0a0a] rounded-2xl border border-white/10 p-6 md:p-8 shadow-2xl">
         {error && (
           <div className="mb-6 p-4 bg-red-500/10 text-red-400 rounded-lg text-sm border border-red-500/20">{error}</div>
         )}
@@ -149,7 +199,8 @@ export function Compress() {
             </div>
           </div>
         )}
-      </div>
+        </div>
+      )} {/* end batch.isBatchMode conditional */}
     </div>
   );
 }
\ No newline at end of file
diff --git a/src/pages/Grayscale/Grayscale.jsx b/src/pages/Grayscale/Grayscale.jsx
index 947650b..0309e32 100644
--- a/src/pages/Grayscale/Grayscale.jsx
+++ b/src/pages/Grayscale/Grayscale.jsx
@@ -1,9 +1,12 @@
-import React, { useState } from "react";
+import React, { useState, useEffect, useRef } from "react";
 import { useFileStore } from "../../hooks/useFileStore";
 import { Contrast, X, Download, Loader2, FileText } from "lucide-react";
 import { AnimatePresence, motion as Motion } from "framer-motion";
 import { Button } from "../../components/ui/Button";
 import { UpgradeButton } from "../../components/ui/UpgradeButton";
+import { BatchToggle } from "../../components/ui/BatchToggle";
+import { BatchPanel } from "../../components/pdf/BatchPanel";
+import { useBatchProcess } from "../../hooks/useBatchProcess";
 import { convertToGrayscale } from "../../services/pdf.service";
 import { Dropzone } from "../../components/pdf/Dropzone";
 import { formatFileSize } from "../../utils/formatters";
@@ -19,6 +22,34 @@ export function Grayscale() {
 
   const { isPremium, hasReachedGlobalLimit, incrementUsage, isWalletConnected } = useSubscription();
 
+  const [batchPreviewUrl, setBatchPreviewUrl] = useState(null);
+  const batchPreviewRef = useRef(null);
+
+  const batch = useBatchProcess(
+    (f) => convertToGrayscale(f, () => {}),
+    (name) => `Grayscale_${name}`,
+    {
+      canProcess: (f) => !hasReachedGlobalLimit && (isPremium || f.size <= mbToBytes(FREE_LIMITS.grayscale.maxFileSizeMb)),
+      onAfterEach: incrementUsage,
+    }
+  );
+
+  useEffect(() => { batchPreviewRef.current = batchPreviewUrl; }, [batchPreviewUrl]);
+  useEffect(() => { return () => { if (batchPreviewRef.current) URL.revokeObjectURL(batchPreviewRef.current); }; }, []);
+
+  const clearBatchPreview = () => { if (batchPreviewRef.current) URL.revokeObjectURL(batchPreviewRef.current); setBatchPreviewUrl(null); };
+
+  const handleBatchFilesAdded = async (files) => {
+    batch.addFiles(files);
+    if (files.length > 0 && !batchPreviewUrl) {
+      try {
+        const blob = await convertToGrayscale(files[0], () => {});
+        clearBatchPreview();
+        setBatchPreviewUrl(URL.createObjectURL(blob));
+      } catch { /* preview is optional */ }
+    }
+  };
+
   const fileTooLarge = !isPremium && file && file.size > mbToBytes(FREE_LIMITS.grayscale.maxFileSizeMb);
   const isLocked     = hasReachedGlobalLimit || fileTooLarge;
   const lockReason   = hasReachedGlobalLimit ? "global" : "size";
@@ -61,8 +92,33 @@ export function Grayscale() {
           Strip colors from your document to save printing ink. Processed locally in your browser.
           {!isPremium && <span className="block text-sm text-zinc-600 mt-1">Free tier: files up to {FREE_LIMITS.grayscale.maxFileSizeMb} MB</span>}
         </p>
+        <div className="mt-4 flex justify-center">
+          <BatchToggle isBatchMode={batch.isBatchMode} onChange={(v) => { batch.setIsBatchMode(v); clearBatchPreview(); batch.clearFiles(); }} disabled={isProcessing || batch.isProcessing} />
+        </div>
       </div>
 
+      {batch.isBatchMode ? (
+        <div className="bg-[#0a0a0a] rounded-2xl border border-white/10 p-6 md:p-8 shadow-2xl">
+          {isLocked && (
+            <div className="mb-6">
+              <UpgradeButton reason={lockReason} limitLabel={lockLabel} isWalletConnected={isWalletConnected} isPremium={isPremium} className="w-full" />
+            </div>
+          )}
+          <BatchPanel
+            batchFiles={batch.batchFiles}
+            addFiles={handleBatchFilesAdded}
+            removeFile={(i) => { batch.removeFile(i); if (i === 0) clearBatchPreview(); }}
+            isProcessing={batch.isProcessing}
+            progress={batch.progress}
+            error={batch.error}
+            done={batch.done}
+            runDisabled={isLocked}
+            onRun={() => batch.runBatch()}
+            runLabel="Convert All to Grayscale & Download ZIP"
+            previewUrl={batchPreviewUrl}
+          />
+        </div>
+      ) : (
       <div className="bg-[#0a0a0a] rounded-2xl border border-white/10 p-6 md:p-8 shadow-2xl">
         {error && <div className="mb-6 p-4 bg-red-500/10 text-red-400 rounded-lg text-sm border border-red-500/20">{error}</div>}
 
@@ -125,6 +181,7 @@ export function Grayscale() {
           </div>
         )}
       </div>
+      )} {/* end batch.isBatchMode conditional */}
     </div>
   );
 }
diff --git a/src/pages/LockPdf/LockPdf.jsx b/src/pages/LockPdf/LockPdf.jsx
index 60e116f..4aed762 100644
--- a/src/pages/LockPdf/LockPdf.jsx
+++ b/src/pages/LockPdf/LockPdf.jsx
@@ -7,6 +7,9 @@ import {
 import { AnimatePresence, motion as Motion } from "framer-motion";
 import { Button }        from "../../components/ui/Button";
 import { UpgradeButton } from "../../components/ui/UpgradeButton";
+import { BatchToggle }   from "../../components/ui/BatchToggle";
+import { BatchPanel }    from "../../components/pdf/BatchPanel";
+import { useBatchProcess } from "../../hooks/useBatchProcess";
 import { Dropzone }      from "../../components/pdf/Dropzone";
 import { formatFileSize } from "../../utils/formatters";
 import { lockPdf }       from "../../services/pdf.service";
@@ -40,6 +43,15 @@ export function LockPdf() {
   const { isPremium, isWalletConnected: isConnected, hasReachedGlobalLimit, incrementUsage } =
     useSubscription();
 
+  const batch = useBatchProcess(
+    (f, opts) => lockPdf(f, opts.password),
+    (name) => `locked_${name}`,
+    {
+      canProcess: (f) => !hasReachedGlobalLimit && (isPremium || f.size <= mbToBytes(LIMIT_MB)),
+      onAfterEach: incrementUsage,
+    }
+  );
+
   const LIMIT_MB      = FREE_LIMITS.lockPdf.maxFileSizeMb;
   const isOverSize    = !isPremium && !!file && file.size > mbToBytes(LIMIT_MB);
   const isLocked      = !isPremium && (isOverSize || hasReachedGlobalLimit);
@@ -104,6 +116,9 @@ export function LockPdf() {
         <p className="text-zinc-500 text-lg font-light max-w-md mx-auto">
           Password-protect your document entirely in the browser — nothing is uploaded to any server.
         </p>
+        <div className="mt-6 flex justify-center">
+          <BatchToggle isBatchMode={batch.isBatchMode} onChange={batch.setIsBatchMode} disabled={isProcessing || batch.isProcessing} />
+        </div>
 
         {/* global-limit banner */}
         <AnimatePresence>
@@ -120,12 +135,59 @@ export function LockPdf() {
       </div>
 
       {/* ── Drop zone ── */}
-      {!file ? (
+      {!file && !batch.isBatchMode ? (
         <Dropzone
           onFilesSelected={(f) => { setFile(f[0]); setDone(false); }}
           multiple={false}
           text="Drop a PDF to lock it"
         />
+      ) : batch.isBatchMode ? (
+        <div className="bg-[#0a0a0a] border border-white/10 rounded-[2.5rem] p-8 shadow-2xl space-y-6">
+          {isLocked && (
+            <div className="mb-2">
+              <UpgradeButton reason={paywallReason} limitLabel={`${LIMIT_MB} MB`} isWalletConnected={isConnected} isPremium={isPremium} className="w-full" />
+            </div>
+          )}
+          <p className="text-sm text-zinc-400">The same password will be applied to all files.</p>
+          {/* Password inputs reused */}
+          <div className="space-y-4">
+            <div className="relative">
+              <input type={showPw ? "text" : "password"} value={password}
+                onChange={(e) => setPassword(e.target.value)}
+                placeholder="Password for all files"
+                className="w-full h-12 px-4 pr-12 bg-zinc-900/60 border border-white/10 rounded-xl text-sm text-white placeholder-zinc-600 focus:outline-none focus:border-white/30"
+                autoComplete="new-password" />
+              <button type="button" onClick={() => setShowPw(v => !v)}
+                className="absolute right-3 top-1/2 -translate-y-1/2 p-1 text-zinc-500 hover:text-white">
+                {showPw ? <EyeOff className="w-4 h-4" /> : <Eye className="w-4 h-4" />}
+              </button>
+            </div>
+            <div className="relative">
+              <input type={showConfirm ? "text" : "password"} value={confirm}
+                onChange={(e) => setConfirm(e.target.value)}
+                placeholder="Confirm password"
+                className={`w-full h-12 px-4 pr-12 bg-zinc-900/60 border rounded-xl text-sm text-white placeholder-zinc-600 focus:outline-none transition-colors ${mismatch ? "border-red-500/50" : "border-white/10 focus:border-white/30"}`}
+                autoComplete="new-password" />
+              <button type="button" onClick={() => setShowConfirm(v => !v)}
+                className="absolute right-3 top-1/2 -translate-y-1/2 p-1 text-zinc-500 hover:text-white">
+                {showConfirm ? <EyeOff className="w-4 h-4" /> : <Eye className="w-4 h-4" />}
+              </button>
+            </div>
+            {mismatch && <p className="text-xs text-red-400">Passwords don't match</p>}
+          </div>
+          <BatchPanel
+            batchFiles={batch.batchFiles}
+            addFiles={(files) => { if (password && password === confirm) batch.addFiles(files); }}
+            removeFile={batch.removeFile}
+            isProcessing={batch.isProcessing}
+            progress={batch.progress}
+            error={batch.error || (!password || mismatch ? "Set a matching password before adding files." : null)}
+            done={batch.done}
+            runDisabled={!password || mismatch || isLocked}
+            onRun={() => batch.runBatch({ password })}
+            runLabel="Lock All & Download ZIP"
+          />
+        </div>
       ) : (
         <Motion.div initial={{ opacity: 0, y: 20 }} animate={{ opacity: 1, y: 0 }}>
 
diff --git a/src/pages/PageNumbers/PageNumbers.jsx b/src/pages/PageNumbers/PageNumbers.jsx
index f5a900a..1ba1187 100644
--- a/src/pages/PageNumbers/PageNumbers.jsx
+++ b/src/pages/PageNumbers/PageNumbers.jsx
@@ -1,9 +1,12 @@
-import React, { useState } from "react";
+import React, { useState, useEffect, useRef } from "react";
 import { useFileStore } from "../../hooks/useFileStore";
 import { Hash, Download, Loader2, CheckCircle2, AlertTriangle, AlignLeft, AlignCenter, AlignRight } from "lucide-react";
 import { AnimatePresence, motion as Motion } from "framer-motion";
 import { Button }        from "../../components/ui/Button";
 import { UpgradeButton } from "../../components/ui/UpgradeButton";
+import { BatchToggle }   from "../../components/ui/BatchToggle";
+import { BatchPanel }    from "../../components/pdf/BatchPanel";
+import { useBatchProcess } from "../../hooks/useBatchProcess";
 import { Dropzone }      from "../../components/pdf/Dropzone";
 import { formatFileSize } from "../../utils/formatters";
 import { addPageNumbers } from "../../services/pdf.service";
@@ -29,6 +32,35 @@ export function PageNumbers() {
   const [error, setError]           = useState(null);
 
   const { isPremium, isWalletConnected: isConnected, hasReachedGlobalLimit, incrementUsage } = useSubscription();
+
+  const [batchPreviewUrl, setBatchPreviewUrl] = useState(null);
+  const batchPreviewRef = useRef(null);
+
+  const batch = useBatchProcess(
+    (f, opts) => addPageNumbers(f, opts),
+    (name) => `numbered_${name}`,
+    {
+      canProcess: (f) => !hasReachedGlobalLimit && (isPremium || f.size <= mbToBytes(LIMIT_MB)),
+      onAfterEach: incrementUsage,
+    }
+  );
+
+  useEffect(() => { batchPreviewRef.current = batchPreviewUrl; }, [batchPreviewUrl]);
+  useEffect(() => { return () => { if (batchPreviewRef.current) URL.revokeObjectURL(batchPreviewRef.current); }; }, []);
+
+  const clearBatchPreview = () => { if (batchPreviewRef.current) URL.revokeObjectURL(batchPreviewRef.current); setBatchPreviewUrl(null); };
+
+  const handleBatchFilesAdded = async (files) => {
+    batch.addFiles(files);
+    if (files.length > 0 && !batchPreviewUrl) {
+      try {
+        const blob = await addPageNumbers(files[0], { position, fontSize, prefix, startNumber });
+        clearBatchPreview();
+        setBatchPreviewUrl(URL.createObjectURL(blob));
+      } catch { /* preview is optional */ }
+    }
+  };
+
   const LIMIT_MB = FREE_LIMITS.pageNumbers.maxFileSizeMb;
   const isOverSizeLimit = !isPremium && !!file && file.size > mbToBytes(LIMIT_MB);
   const isLocked        = !isPremium && (isOverSizeLimit || hasReachedGlobalLimit);
@@ -76,6 +108,9 @@ export function PageNumbers() {
         <p className="text-zinc-500 text-lg font-light max-w-md mx-auto">
           Auto-stamp sequential numbers on every page footer. Processed entirely in your browser.
         </p>
+        <div className="mt-6 flex justify-center">
+          <BatchToggle isBatchMode={batch.isBatchMode} onChange={(v) => { batch.setIsBatchMode(v); clearBatchPreview(); batch.clearFiles(); }} disabled={isProcessing || batch.isProcessing} />
+        </div>
 
         <AnimatePresence>
           {hasReachedGlobalLimit && !isPremium && (
@@ -90,8 +125,44 @@ export function PageNumbers() {
         </AnimatePresence>
       </div>
 
-      {!file ? (
+      {!file && !batch.isBatchMode ? (
         <Dropzone onFilesSelected={(f) => { setFile(f[0]); setDone(false); }} multiple={false} text="Drop a PDF to number its pages" />
+      ) : batch.isBatchMode ? (
+        <div className="bg-[#0a0a0a] border border-white/10 rounded-[2.5rem] p-8 shadow-2xl space-y-6">
+          <p className="text-sm text-zinc-400">Settings below will be applied to all files.</p>
+          <div className="grid grid-cols-2 gap-4">
+            <div>
+              <label className="block text-xs text-zinc-500 uppercase tracking-widest font-semibold mb-2">Position</label>
+              <div className="flex gap-2">
+                {POSITIONS.map(({ value, label, Icon }) => (
+                  <button key={value} onClick={() => setPosition(value)}
+                    className={`flex-1 flex flex-col items-center gap-1 py-2 rounded-xl border text-xs font-medium transition-all ${position === value ? "border-white/40 bg-white/8 text-white" : "border-white/[0.06] text-zinc-500 hover:text-white"}`}>
+                    <Icon className="w-4 h-4" />{label}
+                  </button>
+                ))}
+              </div>
+            </div>
+            <div>
+              <label className="block text-xs text-zinc-500 uppercase tracking-widest font-semibold mb-2">Start #</label>
+              <input type="number" value={startNumber} min={0} max={9999}
+                onChange={(e) => setStartNumber(Math.max(0, parseInt(e.target.value) || 0))}
+                className="w-full h-10 px-3 bg-zinc-900/60 border border-white/10 rounded-xl text-sm text-white focus:outline-none focus:border-white/30" />
+            </div>
+          </div>
+          <BatchPanel
+            batchFiles={batch.batchFiles}
+            addFiles={handleBatchFilesAdded}
+            removeFile={(i) => { batch.removeFile(i); if (i === 0) clearBatchPreview(); }}
+            isProcessing={batch.isProcessing}
+            progress={batch.progress}
+            error={batch.error}
+            done={batch.done}
+            runDisabled={isLocked}
+            onRun={() => batch.runBatch({ position, fontSize, prefix, startNumber })}
+            runLabel="Add Page Numbers to All & Download ZIP"
+            previewUrl={batchPreviewUrl}
+          />
+        </div>
       ) : (
         <Motion.div initial={{ opacity: 0, y: 20 }} animate={{ opacity: 1, y: 0 }}>
 
diff --git a/src/pages/Rotate/Rotate.jsx b/src/pages/Rotate/Rotate.jsx
index 9a42f0f..f508062 100644
--- a/src/pages/Rotate/Rotate.jsx
+++ b/src/pages/Rotate/Rotate.jsx
@@ -4,7 +4,10 @@ import { RotateCw, RotateCcw, Download, Loader2, RefreshCw, AlertTriangle, Check
 import { AnimatePresence, motion as Motion } from "framer-motion";
 import { Button }         from "../../components/ui/Button";
 import { UpgradeButton }  from "../../components/ui/UpgradeButton";
-import { rotatePdfPerPage } from "../../services/pdf.service";
+import { BatchToggle }    from "../../components/ui/BatchToggle";
+import { BatchPanel }     from "../../components/pdf/BatchPanel";
+import { useBatchProcess } from "../../hooks/useBatchProcess";
+import { rotatePdfPerPage, rotatePdf } from "../../services/pdf.service";
 import { Dropzone }       from "../../components/pdf/Dropzone";
 import { formatFileSize } from "../../utils/formatters";
 import { useSubscription } from "../../hooks/useSubscription";
@@ -138,6 +141,17 @@ export function Rotate() {
   const sentinelRef = useRef(null);
 
   const { isPremium, isWalletConnected: isConnected, hasReachedGlobalLimit, incrementUsage } = useSubscription();
+
+  const [batchAngle, setBatchAngle] = useState(90);
+  const batch = useBatchProcess(
+    (f, opts) => rotatePdf(f, opts.angle),
+    (name) => `rotated_${name}`,
+    {
+      canProcess: (f) => !hasReachedGlobalLimit && (isPremium || f.size <= mbToBytes(ROTATE_LIMIT_MB)),
+      onAfterEach: incrementUsage,
+    }
+  );
+
   const ROTATE_LIMIT_MB = FREE_LIMITS.rotate.maxFileSizeMb;
   const isOverSizeLimit = !isPremium && !!file && file.size > mbToBytes(ROTATE_LIMIT_MB);
   const isLocked        = !isPremium && (isOverSizeLimit || hasReachedGlobalLimit);
@@ -215,6 +229,9 @@ export function Rotate() {
         <p className="text-zinc-500 text-lg font-light max-w-md mx-auto">
           Rotate individual pages or the whole document. Processed entirely in your browser.
         </p>
+        <div className="mt-6 flex justify-center">
+          <BatchToggle isBatchMode={batch.isBatchMode} onChange={batch.setIsBatchMode} disabled={isProcessing || batch.isProcessing} />
+        </div>
 
         <AnimatePresence>
           {hasReachedGlobalLimit && !isPremium && (
@@ -229,7 +246,38 @@ export function Rotate() {
         </AnimatePresence>
       </div>
 
-      {!file ? (
+      {batch.isBatchMode ? (
+        <div className="bg-zinc-900/50 border border-white/[0.06] rounded-2xl p-6 space-y-6">
+          {isLocked && (
+            <UpgradeButton reason={paywallReason} limitLabel={`${ROTATE_LIMIT_MB} MB`} isWalletConnected={isConnected} isPremium={isPremium} className="w-full" />
+          )}
+          <div>
+            <label className="block text-xs text-zinc-500 uppercase tracking-widest font-semibold mb-3">
+              Rotation angle (applied to all pages of all files)
+            </label>
+            <div className="flex gap-3">
+              {[-90, 90, 180].map((angle) => (
+                <button key={angle} onClick={() => setBatchAngle(angle)}
+                  className={`flex-1 py-3 rounded-xl border text-sm font-semibold transition-all ${batchAngle === angle ? "border-white/40 bg-white/8 text-white" : "border-white/[0.06] text-zinc-500 hover:text-white"}`}>
+                  {angle > 0 ? `+${angle}°` : `${angle}°`}
+                </button>
+              ))}
+            </div>
+          </div>
+          <BatchPanel
+            batchFiles={batch.batchFiles}
+            addFiles={batch.addFiles}
+            removeFile={batch.removeFile}
+            isProcessing={batch.isProcessing}
+            progress={batch.progress}
+            error={batch.error}
+            done={batch.done}
+            onRun={() => batch.runBatch({ angle: batchAngle })}
+            runLabel="Rotate All & Download ZIP"
+            runDisabled={isLocked}
+          />
+        </div>
+      ) : !file ? (
         <Dropzone onFilesSelected={(f) => setFile(f[0])} multiple={false} text="Drop PDF to rotate" />
       ) : (
         <Motion.div initial={{ opacity: 0, y: 20 }} animate={{ opacity: 1, y: 0 }} className="pb-36">
diff --git a/src/pages/Watermark/Watermark.jsx b/src/pages/Watermark/Watermark.jsx
index cad75c6..7bec02c 100644
--- a/src/pages/Watermark/Watermark.jsx
+++ b/src/pages/Watermark/Watermark.jsx
@@ -1,8 +1,11 @@
-import React, { useState } from "react";
+import React, { useState, useEffect, useRef } from "react";
 import { useFileStore } from "../../hooks/useFileStore";
 import { Stamp, X, Download, Loader2 } from "lucide-react";
 import { Button } from "../../components/ui/Button";
 import { UpgradeButton } from "../../components/ui/UpgradeButton";
+import { BatchToggle } from "../../components/ui/BatchToggle";
+import { BatchPanel } from "../../components/pdf/BatchPanel";
+import { useBatchProcess } from "../../hooks/useBatchProcess";
 import { addWatermark } from "../../services/pdf.service";
 import { Dropzone } from "../../components/pdf/Dropzone";
 import { formatFileSize } from "../../utils/formatters";
@@ -15,203 +18,180 @@ export function Watermark() {
   const [isProcessing, setIsProcessing] = useState(false);
   const [error, setError] = useState(null);
   const [previewUrl, setPreviewUrl] = useState(null);
+  const [batchPreviewUrl, setBatchPreviewUrl] = useState(null);
+  const batchPreviewRef = useRef(null);
 
-  const {
-    isPremium,
-    hasReachedGlobalLimit,
-    incrementUsage,
-    isWalletConnected,
-  } = useSubscription();
-
-  const fileTooLarge =
-    !isPremium &&
-    file &&
-    file.size > mbToBytes(FREE_LIMITS.watermark.maxFileSizeMb);
+  const { isPremium, hasReachedGlobalLimit, incrementUsage, isWalletConnected } = useSubscription();
 
+  const fileTooLarge = !isPremium && file && file.size > mbToBytes(FREE_LIMITS.watermark.maxFileSizeMb);
   const isLocked = hasReachedGlobalLimit || fileTooLarge;
   const lockReason = hasReachedGlobalLimit ? "global" : "size";
-  const lockLabel = fileTooLarge
-    ? `${FREE_LIMITS.watermark.maxFileSizeMb} MB`
-    : undefined;
+  const lockLabel = fileTooLarge ? `${FREE_LIMITS.watermark.maxFileSizeMb} MB` : undefined;
+
+  const batch = useBatchProcess(
+    (f, opts) => addWatermark(f, opts.watermarkText),
+    (name) => `QuickPDF_Watermarked_${name}`,
+    {
+      canProcess: (f) => !hasReachedGlobalLimit && (isPremium || f.size <= mbToBytes(FREE_LIMITS.watermark.maxFileSizeMb)),
+      onAfterEach: incrementUsage,
+    }
+  );
+
+  // Revoke batch preview URL on change or unmount
+  useEffect(() => {
+    batchPreviewRef.current = batchPreviewUrl;
+  }, [batchPreviewUrl]);
+
+  useEffect(() => {
+    return () => {
+      if (batchPreviewRef.current) URL.revokeObjectURL(batchPreviewRef.current);
+      if (previewUrl) URL.revokeObjectURL(previewUrl);
+    };
+  }, []); // eslint-disable-line
+
+  const clearBatchPreview = () => {
+    if (batchPreviewRef.current) URL.revokeObjectURL(batchPreviewRef.current);
+    setBatchPreviewUrl(null);
+  };
 
   const handleFileSelected = (selectedFiles) => {
     const selectedFile = selectedFiles[0];
-    if (!selectedFile) return;
-
-    if (selectedFile.type !== "application/pdf") {
-      setError("Please upload a valid PDF file.");
-      return;
+    if (!selectedFile || selectedFile.type !== "application/pdf") {
+      setError("Please upload a valid PDF file."); return;
     }
-
-    setError(null);
-    setFile(selectedFile);
-    setPreviewUrl(null);
+    setError(null); setFile(selectedFile); setPreviewUrl(null);
   };
 
-  const clearFile = () => {
-    setFile(null);
-    setError(null);
-    setPreviewUrl(null);
-  };
+  const clearFile = () => { setFile(null); setError(null); setPreviewUrl(null); };
 
   const handleProcess = async () => {
     if (!file || !watermarkText.trim()) return;
-
     try {
-      setIsProcessing(true);
-      setError(null);
-
-      const watermarkedBlob = await addWatermark(file, watermarkText);
-      const url = URL.createObjectURL(watermarkedBlob);
-
-      setPreviewUrl(url);
+      setIsProcessing(true); setError(null);
+      const blob = await addWatermark(file, watermarkText);
+      setPreviewUrl(URL.createObjectURL(blob));
       await incrementUsage();
     } catch {
       setError("Could not read the PDF file. It might be corrupted or encrypted.");
       setFile(null);
-    } finally {
-      setIsProcessing(false);
+    } finally { setIsProcessing(false); }
+  };
+
+  const handleBatchFilesAdded = async (files) => {
+    batch.addFiles(files);
+    if (files.length > 0 && !batchPreviewUrl) {
+      try {
+        const blob = await addWatermark(files[0], watermarkText);
+        clearBatchPreview();
+        setBatchPreviewUrl(URL.createObjectURL(blob));
+      } catch { /* preview is optional */ }
     }
   };
 
+  const enterBatchMode = (v) => {
+    batch.setIsBatchMode(v);
+    clearBatchPreview();
+    batch.clearFiles();
+    // Clear single-file layout state when entering batch
+    if (v) { setPreviewUrl(null); setFile(null); }
+  };
+
   return (
-    <div className={`mx-auto py-8 sm:py-12 px-4 sm:px-6 transition-all duration-500 ease-in-out ${previewUrl ? 'w-full max-w-[1600px]' : 'max-w-3xl'}`}>
+    <div className={`mx-auto py-8 sm:py-12 px-4 sm:px-6 transition-all duration-500 ease-in-out ${!batch.isBatchMode && previewUrl ? 'w-full max-w-[1600px]' : 'max-w-3xl'}`}>
       <div className="text-center mb-10">
         <div className="inline-flex items-center justify-center w-16 h-16 rounded-2xl bg-zinc-900 border border-white/10 text-white mb-4">
           <Stamp className="w-8 h-8" />
         </div>
-
-        <h1 className="text-4xl font-extrabold text-white mb-4">
-          Add Watermark
-        </h1>
-
+        <h1 className="text-4xl font-extrabold text-white mb-4">Add Watermark</h1>
         <p className="text-lg text-zinc-400">
           Stamp text across your document securely in your browser.
-          {!isPremium && (
-            <span className="block text-sm text-zinc-600 mt-1">
-              Free tier: files up to{" "}
-              {FREE_LIMITS.watermark.maxFileSizeMb} MB
-            </span>
-          )}
+          {!isPremium && <span className="block text-sm text-zinc-600 mt-1">Free tier: files up to {FREE_LIMITS.watermark.maxFileSizeMb} MB</span>}
         </p>
+        <div className="mt-4 flex justify-center">
+          <BatchToggle isBatchMode={batch.isBatchMode} onChange={enterBatchMode} disabled={isProcessing || batch.isProcessing} />
+        </div>
       </div>
 
-      <div className={previewUrl ? "grid grid-cols-1 lg:grid-cols-[400px_1fr] gap-6 lg:gap-8 items-start" : ""}>
-        <div className="bg-[#0a0a0a] rounded-2xl border border-white/10 p-6 md:p-8 shadow-2xl">
-          {error && (
-          <div className="mb-6 p-4 bg-red-500/10 text-red-400 rounded-lg text-sm border border-red-500/20">
-            {error}
-          </div>
-        )}
-
-        {!file ? (
-          <Dropzone
-            onFilesSelected={handleFileSelected}
-            multiple={false}
-            disabled={isProcessing}
-            text="Click to upload a PDF"
-          />
-        ) : (
-          <div className="space-y-8">
-            <div className="flex items-center justify-between p-4 bg-zinc-900/50 border border-white/10 rounded-xl">
-              <div className="flex flex-col overflow-hidden mr-4">
-                <span className="font-medium text-zinc-200 truncate">
-                  {file.name}
-                </span>
-
-                <span className="text-sm text-zinc-500 mt-0.5">
-                  {formatFileSize(file.size)}
-                  {fileTooLarge && (
-                    <span className="text-amber-400 ml-2">
-                      (exceeds free limit)
-                    </span>
-                  )}
-                </span>
+      <div className={!batch.isBatchMode && previewUrl ? "grid grid-cols-1 lg:grid-cols-[400px_1fr] gap-6 lg:gap-8 items-start" : ""}>
+        {batch.isBatchMode ? (
+          <div className="bg-[#0a0a0a] rounded-2xl border border-white/10 p-6 md:p-8 shadow-2xl">
+            {isLocked && (
+              <div className="mb-6">
+                <UpgradeButton reason={lockReason} limitLabel={lockLabel} isWalletConnected={isWalletConnected} isPremium={isPremium} className="w-full" />
               </div>
-
-              <button
-                onClick={clearFile}
-                className="p-2 text-zinc-500 hover:text-red-400 hover:bg-white/5 rounded-lg transition-colors"
-              >
-                <X className="w-5 h-5" />
-              </button>
-            </div>
-
-            <div className="space-y-2">
-              <label className="block text-sm font-medium text-zinc-400">
-                Watermark Text
-              </label>
-
-              <input
-                type="text"
-                value={watermarkText}
-                onChange={(e) => setWatermarkText(e.target.value)}
+            )}
+            <div className="space-y-4 mb-6">
+              <label className="block text-sm font-medium text-zinc-400">Watermark Text (applied to all files)</label>
+              <input type="text" value={watermarkText} onChange={(e) => setWatermarkText(e.target.value)}
                 placeholder="e.g., CONFIDENTIAL"
-                className="w-full h-11 px-4 bg-black border border-white/10 text-white rounded-lg focus:ring-2 focus:ring-white/20 outline-none transition-all placeholder:text-zinc-600 uppercase"
-              />
+                className="w-full h-11 px-4 bg-black border border-white/10 text-white rounded-lg focus:ring-2 focus:ring-white/20 outline-none transition-all placeholder:text-zinc-600 uppercase" />
             </div>
-
-            <div className="flex justify-end border-t border-white/10 pt-6">
-              {isLocked ? (
-                <UpgradeButton
-                  reason={lockReason}
-                  limitLabel={lockLabel}
-                  isWalletConnected={isWalletConnected}
-                  isPremium={isPremium}
-                  className="w-full sm:w-auto"
-                />
-              ) : (
-                <Button
-                  onClick={handleProcess}
-                  disabled={isProcessing || !watermarkText.trim()}
-                  className="w-full sm:w-auto"
-                >
-                  {isProcessing ? (
-                    <>
-                      <Loader2 className="w-5 h-5 mr-2 animate-spin" />
-                      Processing...
-                    </>
+            <BatchPanel
+              batchFiles={batch.batchFiles}
+              addFiles={handleBatchFilesAdded}
+              removeFile={(i) => { batch.removeFile(i); if (i === 0) clearBatchPreview(); }}
+              isProcessing={batch.isProcessing}
+              progress={batch.progress}
+              error={batch.error}
+              done={batch.done}
+              runDisabled={isLocked || !watermarkText.trim()}
+              onRun={() => batch.runBatch({ watermarkText })}
+              runLabel="Watermark All & Download ZIP"
+              previewUrl={batchPreviewUrl}
+            />
+          </div>
+        ) : (
+          <div className="bg-[#0a0a0a] rounded-2xl border border-white/10 p-6 md:p-8 shadow-2xl">
+            {error && <div className="mb-6 p-4 bg-red-500/10 text-red-400 rounded-lg text-sm border border-red-500/20">{error}</div>}
+            {!file ? (
+              <Dropzone onFilesSelected={handleFileSelected} multiple={false} disabled={isProcessing} text="Click to upload a PDF" />
+            ) : (
+              <div className="space-y-8">
+                <div className="flex items-center justify-between p-4 bg-zinc-900/50 border border-white/10 rounded-xl">
+                  <div className="flex flex-col overflow-hidden mr-4">
+                    <span className="font-medium text-zinc-200 truncate">{file.name}</span>
+                    <span className="text-sm text-zinc-500 mt-0.5">
+                      {formatFileSize(file.size)}
+                      {fileTooLarge && <span className="text-amber-400 ml-2">(exceeds free limit)</span>}
+                    </span>
+                  </div>
+                  <button onClick={clearFile} className="p-2 text-zinc-500 hover:text-red-400 hover:bg-white/5 rounded-lg transition-colors">
+                    <X className="w-5 h-5" />
+                  </button>
+                </div>
+                <div className="space-y-2">
+                  <label className="block text-sm font-medium text-zinc-400">Watermark Text</label>
+                  <input type="text" value={watermarkText} onChange={(e) => setWatermarkText(e.target.value)}
+                    placeholder="e.g., CONFIDENTIAL"
+                    className="w-full h-11 px-4 bg-black border border-white/10 text-white rounded-lg focus:ring-2 focus:ring-white/20 outline-none transition-all placeholder:text-zinc-600 uppercase" />
+                </div>
+                <div className="flex justify-end border-t border-white/10 pt-6">
+                  {isLocked ? (
+                    <UpgradeButton reason={lockReason} limitLabel={lockLabel} isWalletConnected={isWalletConnected} isPremium={isPremium} className="w-full sm:w-auto" />
                   ) : (
-                    <>
-                      <Download className="w-5 h-5 mr-2" />
-                      Generate Preview
-                    </>
+                    <Button onClick={handleProcess} disabled={isProcessing || !watermarkText.trim()} className="w-full sm:w-auto">
+                      {isProcessing ? <><Loader2 className="w-5 h-5 mr-2 animate-spin" />Processing...</> : <><Download className="w-5 h-5 mr-2" />Generate Preview</>}
+                    </Button>
                   )}
-                </Button>
-              )}
-            </div>
-
+                </div>
+              </div>
+            )}
           </div>
         )}
-        </div>
 
-        {previewUrl && (
+        {!batch.isBatchMode && previewUrl && (
           <div className="bg-[#0a0a0a] rounded-2xl border border-white/10 p-6 md:p-8 shadow-2xl flex flex-col h-full min-h-[60vh]">
-            <h2 className="text-lg font-semibold text-white mb-6">
-              Preview
-            </h2>
-
-            <iframe
-              src={previewUrl}
-              title="Watermarked PDF Preview"
+            <h2 className="text-lg font-semibold text-white mb-6">Preview</h2>
+            <iframe src={previewUrl} title="Watermarked PDF Preview"
               className="w-full flex-grow rounded-xl border border-white/10 bg-white mb-6"
-              style={{ height: "clamp(320px, 60vh, 600px)" }}
-            />
-
+              style={{ height: "clamp(320px, 60vh, 600px)" }} />
             <div className="mt-auto pt-4 border-t border-white/10">
-              <Button
-                className="w-full"
-                onClick={() => {
-                  const link = document.createElement("a");
-                  link.href = previewUrl;
-                  link.download = `QuickPDF_Watermarked_${Date.now()}.pdf`;
-                  document.body.appendChild(link);
-                  link.click();
-                  document.body.removeChild(link);
-                }}
-              >
-                <Download className="w-5 h-5 mr-2" />
-                Download PDF
+              <Button className="w-full" onClick={() => {
+                const a = document.createElement("a");
+                a.href = previewUrl; a.download = `QuickPDF_Watermarked_${Date.now()}.pdf`;
+                document.body.appendChild(a); a.click(); document.body.removeChild(a);
+              }}>
+                <Download className="w-5 h-5 mr-2" />Download PDF
               </Button>
             </div>
           </div>