fix(wizard): enhance PDF upload error handling and localization

- Improved error handling in the PDF upload process to set a user-friendly error message when a PDF cannot be read due to corruption or password protection.
- Added localization support for the new error message in English, Spanish, and Portuguese, ensuring consistent user feedback across languages.
- Updated the PDF upload component to display the error message conditionally, enhancing the user experience during file uploads.

Author: Eliezir

apps/studio/src/components/wizard/bookCreationConfig.ts

@@ -43,7 +43,7 @@ export function buildConfigOverrides(values: WizardFormValues): Record<string, u
   if (validPageRange && parsedEndPage !== undefined) config.end_page = parsedEndPage
   if (values.imageSegmentation && values.segmentationMinSide.trim()) {
     const n = Number(values.segmentationMinSide.trim())
-    if (!isNaN(n)) config.image_segmentation = { min_side: n }
+    if (Number.isInteger(n) && n >= 0) config.image_segmentation = { min_side: n }
   }
 
   return config

apps/studio/src/components/wizard/step1BasicInfo/PdfUpload.tsx

@@ -1,5 +1,6 @@
 import { useCallback, useEffect, useRef, useState } from "react"
 import { Trans, useLingui } from "@lingui/react/macro"
+import { msg } from "@lingui/core/macro"
 import { Upload, Trash2, XCircle } from "lucide-react"
 import { useStore } from "@tanstack/react-form"
 import { Button } from "@/components/ui/button"
@@ -56,9 +57,11 @@ const pdfCache = { file: null as File | null, totalPages: 0 }
 
 export function usePdfUpload() {
   const form = useWizardForm()
+  const { i18n } = useLingui()
   const { data: books } = useBooks()
   const file = useStore(form.store, (s) => s.values.file)
   const [totalPages, setTotalPages] = useState(pdfCache.file === file ? pdfCache.totalPages : 0)
+  const [pdfError, setPdfError] = useState<string | null>(null)
 
   useEffect(() => {
     if (!file) {
@@ -74,6 +77,7 @@ export function usePdfUpload() {
       return
     }
 
+    setPdfError(null)
     let cancelled = false
     ;(async () => {
       await waitTwoAnimationFrames()
@@ -88,9 +92,11 @@ export function usePdfUpload() {
         form.setFieldValue("endPage", String(count))
       } catch {
         if (cancelled) return
-        pdfCache.file = file
+        pdfCache.file = null
         pdfCache.totalPages = 0
         setTotalPages(0)
+        setPdfError(i18n._(msg`Could not read this PDF. The file may be corrupted or password-protected.`))
+        form.setFieldValue("file", null)
       }
     })()
 
@@ -112,12 +118,12 @@ export function usePdfUpload() {
     form.setFieldValue("file", null)
   }, [form])
 
-  return { file, totalPages, setFile, clearFile }
+  return { file, totalPages, pdfError, setFile, clearFile }
 }
 
 export function PdfUpload() {
   const { t } = useLingui()
-  const { file, setFile, clearFile } = usePdfUpload()
+  const { file, pdfError, setFile, clearFile } = usePdfUpload()
   const pdfRef = useRef<HTMLInputElement>(null)
   const [overlay, setOverlay] = useState<OverlayState>("idle")
   const overlayRef = useRef<OverlayState>("idle")
@@ -274,6 +280,9 @@ export function PdfUpload() {
           )}
         </div>
 
+        {pdfError && (
+          <p className="text-xs text-[#ef4444] mt-1">{pdfError}</p>
+        )}
       </div>
     </>
   )

apps/studio/src/locales/en.po

@@ -1030,6 +1030,9 @@ msgstr "Converted"
 msgid "Coral reefs cover less than 1% of the ocean floor, yet they support roughly 25% of all marine species. Often called the 'rainforests of the sea,' these underwater ecosystems are built by tiny animals called coral polyps."
 msgstr "Coral reefs cover less than 1% of the ocean floor, yet they support roughly 25% of all marine species. Often called the 'rainforests of the sea,' these underwater ecosystems are built by tiny animals called coral polyps."
 
+msgid "Could not read this PDF. The file may be corrupted or password-protected."
+msgstr "Could not read this PDF. The file may be corrupted or password-protected."
+
 msgid "Cover"
 msgstr "Cover"
 

apps/studio/src/locales/es.po

@@ -1030,6 +1030,9 @@ msgstr "Convertido"
 msgid "Coral reefs cover less than 1% of the ocean floor, yet they support roughly 25% of all marine species. Often called the 'rainforests of the sea,' these underwater ecosystems are built by tiny animals called coral polyps."
 msgstr "Los arrecifes de coral cubren menos del 1% del fondo oceánico, pero sostienen aproximadamente el 25% de todas las especies marinas. A menudo llamados 'los bosques lluviosos del mar', estos ecosistemas submarinos son construidos por pequeños animales llamados pólipos de coral."
 
+msgid "Could not read this PDF. The file may be corrupted or password-protected."
+msgstr "No se pudo leer este PDF. El archivo puede estar dañado o protegido con contraseña."
+
 msgid "Cover"
 msgstr "Portada"
 

apps/studio/src/locales/pt-BR.po

@@ -1030,6 +1030,9 @@ msgstr "Convertido"
 msgid "Coral reefs cover less than 1% of the ocean floor, yet they support roughly 25% of all marine species. Often called the 'rainforests of the sea,' these underwater ecosystems are built by tiny animals called coral polyps."
 msgstr "Os recifes de coral cobrem menos de 1% do fundo do oceano, mas sustentam cerca de 25% de todas as espécies marinhas. Frequentemente chamados de 'florestas tropicais do mar', esses ecossistemas subaquáticos são construídos por pequenos animais chamados pólipos de coral."
 
+msgid "Could not read this PDF. The file may be corrupted or password-protected."
+msgstr "Não foi possível ler este PDF. O arquivo pode estar corrompido ou protegido por senha."
+
 msgid "Cover"
 msgstr "Capa"