Fix type errors

frontend/package-lock.json

@@ -39,7 +39,7 @@
       },
       "devDependencies": {
         "@playwright/test": "^1.40.0",
-        "@types/node": "^24.2.0",
+        "@types/node": "^24.2.1",
         "@types/react": "^19.1.4",
         "@types/react-dom": "^19.1.5",
         "@vitejs/plugin-react": "^4.5.0",
@@ -2386,10 +2386,11 @@
       "license": "MIT"
     },
     "node_modules/@types/node": {
-      "version": "24.2.0",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-24.2.0.tgz",
-      "integrity": "sha512-3xyG3pMCq3oYCNg7/ZP+E1ooTaGB4cG8JWRsqqOYQdbWNY4zbaV0Ennrd7stjiJEFZCaybcIgpTjJWHRfBSIDw==",
+      "version": "24.2.1",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-24.2.1.tgz",
+      "integrity": "sha512-DRh5K+ka5eJic8CjH7td8QpYEV6Zo10gfRkjHCO3weqZHWDtAaSTFtl4+VMqOJ4N5jcuhZ9/l+yy8rVgw7BQeQ==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "undici-types": "~7.10.0"
       }

frontend/package.json

@@ -65,7 +65,7 @@
   },
   "devDependencies": {
     "@playwright/test": "^1.40.0",
-    "@types/node": "^24.2.0",
+    "@types/node": "^24.2.1",
     "@types/react": "^19.1.4",
     "@types/react-dom": "^19.1.5",
     "@vitejs/plugin-react": "^4.5.0",

frontend/src/hooks/tools/compress/useCompressOperation.ts

@@ -11,7 +11,7 @@ export interface CompressParameters {
   fileSizeUnit: 'KB' | 'MB';
 }
 
-const buildFormData = (file: File, parameters: CompressParameters): FormData => {
+const buildFormData = (parameters: CompressParameters, file: File): FormData => {
   const formData = new FormData();
   formData.append("fileInput", file);
 

frontend/src/hooks/tools/ocr/useOCROperation.ts

@@ -38,7 +38,7 @@ function stripExt(name: string): string {
 }
 
 // Signature must be (file, params) to match useToolApiCalls interface
-const buildFormData = (file: File, parameters: OCRParameters): FormData => {
+const buildFormData = (parameters: OCRParameters, file: File): FormData => {
   const formData = new FormData();
   formData.append('fileInput', file);
   parameters.languages.forEach((lang) => formData.append('languages', lang));

frontend/src/hooks/tools/shared/useToolApiCalls.ts

@@ -5,7 +5,7 @@ import type { ProcessingProgress } from './useToolState';
 
 export interface ApiCallsConfig<TParams = void> {
   endpoint: string | ((params: TParams) => string);
-  buildFormData: (file: File, params: TParams) => FormData;
+  buildFormData: (params: TParams, file: File) => FormData;
   filePrefix: string;
   responseHandler?: ResponseHandler;
 }
@@ -34,7 +34,7 @@ export const useToolApiCalls = <TParams = void>() => {
       onStatus(`Processing ${file.name} (${i + 1}/${total})`);
 
       try {
-        const formData = config.buildFormData(file, params);
+        const formData = config.buildFormData(params, file);
         const endpoint = typeof config.endpoint === 'function' ? config.endpoint(params) : config.endpoint;
         const response = await axios.post(endpoint, formData, {
           responseType: 'blob',

frontend/src/hooks/tools/shared/useToolOperation.ts

@@ -170,7 +170,7 @@ export const useToolOperation = <TParams = void>(
           // Individual file processing - separate API call per file
           const apiCallsConfig: ApiCallsConfig<TParams> = {
             endpoint: config.endpoint,
-            buildFormData: config.buildFormData as (file: File, params: TParams) => FormData,
+            buildFormData: config.buildFormData as (params: TParams, file: File) => FormData,
             filePrefix: config.filePrefix,
             responseHandler: config.responseHandler
           };

frontend/src/tools/OCR.tsx

@@ -36,7 +36,7 @@ const OCR = ({ onPreviewFile, onComplete, onError }: BaseToolProps) => {
   useEffect(() => {
     ocrOperation.resetResults();
     onPreviewFile?.(null);
-  }, [ocrParams.parameters, selectedFiles]);
+  }, [ocrParams.parameters]);
 
   useEffect(() => {
     if (selectedFiles.length > 0 && expandedStep === 'files') {

frontend/src/tools/Sanitize.tsx

@@ -29,7 +29,7 @@ const Sanitize = ({ onPreviewFile, onComplete, onError }: BaseToolProps) => {
   useEffect(() => {
     sanitizeOperation.resetResults();
     onPreviewFile?.(null);
-  }, [sanitizeParams.parameters, selectedFiles]);
+  }, [sanitizeParams.parameters]);
 
   const handleSanitize = async () => {
     try {

frontend/src/tools/Split.tsx

@@ -28,7 +28,7 @@ const Split = ({ onPreviewFile, onComplete, onError }: BaseToolProps) => {
   useEffect(() => {
     splitOperation.resetResults();
     onPreviewFile?.(null);
-  }, [splitParams.parameters, selectedFiles]);
+  }, [splitParams.parameters]);
 
   const handleSplit = async () => {
     try {