Function handleFileUpload

frontend/components/autofigure/BottomBar.tsx:53–117

(e: React.ChangeEvent<HTMLInputElement>)

    const [isPdfProcessing, setIsPdfProcessing] = useState(false)

    const handleFileUpload = async (e: React.ChangeEvent<HTMLInputElement>) => {
        const file = e.target.files?.[0]
        if (!file) return

        setUploadedFile(file)

        // Read file content
        if (file.type === "text/plain" || file.name.endsWith(".md") || file.name.endsWith(".tex")) {
            const text = await file.text()
            setInputText(text)
        } else if (file.type === "application/pdf") {
            // Use Server Action to extract PDF content, with local fallback
            setIsPdfProcessing(true)
            setInputText(`[Processing PDF: ${file.name}...]`)

            try {
                const formData = new FormData()
                formData.append("pdf_file", file)

                // Try Server Action (remote API) first
                console.log("[AutoFigure] Trying remote API extraction...")
                const result = await convertPdfToMarkdown(formData)

                if (result.success && result.markdown) {
                    setInputText(result.markdown)
                    console.log("[AutoFigure] PDF extraction successful (remote API)")
                } else {
                    // Remote API failed, try local extraction as fallback
                    console.log("[AutoFigure] Remote API failed, trying local extraction...")
                    setInputText(`[Remote API failed, using local extraction...]`)

                    try {
                        const localText = await extractPdfText(file)
                        if (localText && localText.trim()) {
                            setInputText(localText)
                            console.log("[AutoFigure] PDF extraction successful (local fallback)")
                        } else {
                            setInputText(`[PDF extraction failed: No text extracted]`)
                            console.error("[AutoFigure] Local extraction returned empty text")
                        }
                    } catch (localError) {
                        setInputText(`[PDF extraction failed: ${result.error || "Unknown error"}]`)
                        console.error("[AutoFigure] Both remote and local extraction failed:", localError)
                    }
                }
            } catch (error) {
                // Server Action completely failed, try local extraction
                console.log("[AutoFigure] Server Action failed, trying local extraction...")
                try {
                    const localText = await extractPdfText(file)
                    if (localText && localText.trim()) {
                        setInputText(localText)
                        console.log("[AutoFigure] PDF extraction successful (local fallback after error)")
                    } else {
                        setInputText(`[PDF extraction failed: ${error}]`)
                    }
                } catch (localError) {
                    setInputText(`[PDF extraction failed: ${error}]`)