Fix commit job and OCR text editing

- OCR text is now shown in an editable textarea (plain_ocr mode) so
  users can correct it before committing
- editedOcrText state tracks edits; commit job sends the edited value
  instead of the original result.text
- Remove silent early-return guard that blocked commit when text was empty
- Copy and download also use the edited text

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

frontend/src/App.jsx

@@ -39,6 +39,9 @@ function App() {
   // Job metadata
   const [metadata, setMetadata] = useState({ author: '', book: '', chapter: '', page: '' })
 
+  // Editable OCR text (for plain_ocr mode, editable before commit)
+  const [editedOcrText, setEditedOcrText] = useState('')
+
   // Job commit state
   const [commitLoading, setCommitLoading] = useState(false)
   const [commitResult, setCommitResult] = useState(null)
@@ -64,6 +67,7 @@ function App() {
       setImagePreview(fileType === 'image' ? URL.createObjectURL(file) : file)
       setError(null)
       setResult(null)
+      setEditedOcrText('')
       setCommitResult(null)
     }
   }, [imagePreview, fileType])
@@ -95,6 +99,8 @@ function App() {
         headers: { 'Content-Type': 'multipart/form-data' },
       })
       setResult(response.data)
+      setEditedOcrText(response.data.text || '')
+      setCommitResult(null)
     } catch (err) {
       setError(err.response?.data?.detail || err.message || 'An error occurred')
     } finally {
@@ -103,7 +109,7 @@ function App() {
   }
 
   const handleCommitJob = useCallback(async () => {
-    if (!image || !result?.text) return
+    if (!image) return
     setCommitLoading(true)
     setCommitResult(null)
     try {
@@ -113,7 +119,7 @@ function App() {
       formData.append('book', metadata.book)
       formData.append('chapter', metadata.chapter)
       formData.append('page', metadata.page)
-      formData.append('ocr_text', result.text)
+      formData.append('ocr_text', editedOcrText)
       formData.append('mode', mode)
 
       const response = await axios.post(`${API_BASE}/jobs`, formData, {
@@ -125,16 +131,18 @@ function App() {
     } finally {
       setCommitLoading(false)
     }
-  }, [image, result, metadata, mode])
+  }, [image, editedOcrText, metadata, mode])
 
   const handleCopy = useCallback(() => {
-    if (result?.text) navigator.clipboard.writeText(result.text)
-  }, [result])
+    const text = editedOcrText || result?.text
+    if (text) navigator.clipboard.writeText(text)
+  }, [editedOcrText, result])
 
   const handleDownload = useCallback(() => {
-    if (!result?.text) return
+    const text = editedOcrText || result?.text
+    if (!text) return
     const ext = { plain_ocr: 'txt', describe: 'txt', find_ref: 'txt', freeform: 'txt' }[mode] || 'txt'
-    const blob = new Blob([result.text], { type: 'text/plain' })
+    const blob = new Blob([text], { type: 'text/plain' })
     const url = URL.createObjectURL(blob)
     const a = document.createElement('a')
     a.href = url
@@ -391,6 +399,8 @@ function App() {
                     onCommitJob={mode === 'plain_ocr' && result ? handleCommitJob : null}
                     commitLoading={commitLoading}
                     commitResult={commitResult}
+                    editedOcrText={editedOcrText}
+                    onOcrTextChange={setEditedOcrText}
                   />
                 </motion.div>
               </div>