egg/OCR
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: enable document orientation detection for scanned PDFs

Browse Source 
- Enable PP-StructureV3's use_doc_orientation_classify feature
- Detect rotation angle from doc_preprocessor_res.angle
- Swap page dimensions (width <-> height) for 90°/270° rotations
- Output PDF now correctly displays landscape-scanned content

Also includes:
- Archive completed openspec proposals
- Add simplify-frontend-ocr-config proposal (pending)
- Code cleanup and frontend simplification

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
egg
2025-12-11 17:13:46 +08:00
parent 57070af307
commit cfe65158a3
58 changed files with 1271 additions and 3048 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
frontend/src/pages/AuditLogsPage.tsx
View File

@@ -29,7 +29,7 @@ import {
TableRow,
} from '@/components/ui/table'
import { Badge } from '@/components/ui/badge'
import { Select } from '@/components/ui/select'
import { NativeSelect } from '@/components/ui/select'
export default function AuditLogsPage() {
const navigate = useNavigate()
@@ -145,9 +145,9 @@ export default function AuditLogsPage() {
<div className="grid grid-cols-1 md:grid-cols-3 gap-4">
<div>
<label className="block text-sm font-medium text-gray-700 mb-2">類別</label>
<Select
<NativeSelect
value={categoryFilter}
onChange={(e) => {
onChange={(e: React.ChangeEvent<HTMLSelectElement>) => {
setCategoryFilter(e.target.value)
handleFilterChange()
}}
@@ -164,9 +164,9 @@ export default function AuditLogsPage() {
<div>
<label className="block text-sm font-medium text-gray-700 mb-2">狀態</label>
<Select
<NativeSelect
value={successFilter}
onChange={(e) => {
onChange={(e: React.ChangeEvent<HTMLSelectElement>) => {
setSuccessFilter(e.target.value)
handleFilterChange()
}}

3
frontend/src/pages/ExportPage.tsx
View File

@@ -1,4 +1,4 @@
import { useState, useEffect } from 'react'
import { useState } from 'react'
import { useNavigate } from 'react-router-dom'
import { useTranslation } from 'react-i18next'
import { useQuery } from '@tanstack/react-query'
@@ -13,7 +13,6 @@ import {
FileJson,
FileType,
AlertCircle,
Settings,
CheckCircle2,
ArrowLeft,
Loader2

41
frontend/src/pages/ProcessingPage.tsx
View File

@@ -12,13 +12,11 @@ import { Play, CheckCircle, FileText, AlertCircle, Clock, Activity, Loader2 } fr
import LayoutModelSelector from '@/components/LayoutModelSelector'
import PreprocessingSettings from '@/components/PreprocessingSettings'
import PreprocessingPreview from '@/components/PreprocessingPreview'
import TableDetectionSelector from '@/components/TableDetectionSelector'
import ProcessingTrackSelector from '@/components/ProcessingTrackSelector'
import OCRPresetSelector from '@/components/OCRPresetSelector'
import TaskNotFound from '@/components/TaskNotFound'
import { useTaskValidation } from '@/hooks/useTaskValidation'
import { useTaskStore, useProcessingState } from '@/store/taskStore'
import type { LayoutModel, ProcessingOptions, PreprocessingMode, PreprocessingConfig, TableDetectionConfig, ProcessingTrack, OCRPreset, OCRConfig } from '@/types/apiV2'
import type { LayoutModel, ProcessingOptions, PreprocessingMode, PreprocessingConfig, ProcessingTrack } from '@/types/apiV2'
export default function ProcessingPage() {
const { t } = useTranslation()
@@ -27,7 +25,9 @@ export default function ProcessingPage() {
// Use TaskStore for processing state management
const { startProcessing, stopProcessing, updateTaskStatus } = useTaskStore()
const processingState = useProcessingState()
// processingState is available for future use (e.g., displaying global processing status)
const _processingState = useProcessingState()
void _processingState // Suppress unused variable warning
// Use shared hook for task validation
const { taskId, taskDetail, isLoading: isValidating, isNotFound, clearAndReset } = useTaskValidation({
@@ -56,20 +56,9 @@ export default function ProcessingPage() {
})
const [showPreview, setShowPreview] = useState(false)
// Table detection state
const [tableDetectionConfig, setTableDetectionConfig] = useState<TableDetectionConfig>({
enable_wired_table: true,
enable_wireless_table: true,
enable_region_detection: true,
})
// Processing track override state (null = use system recommendation)
const [forceTrack, setForceTrack] = useState<ProcessingTrack | null>(null)
// OCR Preset state (default to 'datasheet' for best balance)
const [ocrPreset, setOcrPreset] = useState<OCRPreset>('datasheet')
const [ocrConfig, setOcrConfig] = useState<OCRConfig>({})
// Analyze document to determine if OCR is needed (only for pending tasks)
const { data: documentAnalysis, isLoading: isAnalyzing } = useQuery({
queryKey: ['documentAnalysis', taskId],
@@ -91,6 +80,8 @@ export default function ProcessingPage() {
))
// Start OCR processing
// NOTE: Simple OCR mode - using backend defaults for table/chart/formula recognition
// Only layout_model and preprocessing options are configurable from frontend
const processOCRMutation = useMutation({
mutationFn: () => {
const options: ProcessingOptions = {
@@ -100,9 +91,7 @@ export default function ProcessingPage() {
layout_model: layoutModel,
preprocessing_mode: preprocessingMode,
preprocessing_config: preprocessingMode === 'manual' ? preprocessingConfig : undefined,
table_detection: tableDetectionConfig,
ocr_preset: ocrPreset,
ocr_config: ocrPreset === 'custom' ? ocrConfig : undefined,
// NOTE: table_detection, ocr_preset, ocr_config removed - using backend defaults
}
// Update TaskStore processing state
@@ -448,15 +437,6 @@ export default function ProcessingPage() {
{/* OCR Track Options - Only show when document needs OCR */}
{needsOcrTrack && !isAnalyzing && (
<>
{/* OCR Processing Preset - Primary selection */}
<OCRPresetSelector
value={ocrPreset}
onChange={setOcrPreset}
customConfig={ocrConfig}
onCustomConfigChange={setOcrConfig}
disabled={processOCRMutation.isPending}
/>
{/* Layout Model Selection */}
<LayoutModelSelector
value={layoutModel}
@@ -464,13 +444,6 @@ export default function ProcessingPage() {
disabled={processOCRMutation.isPending}
/>
{/* Table Detection Settings */}
<TableDetectionSelector
value={tableDetectionConfig}
onChange={setTableDetectionConfig}
disabled={processOCRMutation.isPending}
/>
{/* Preprocessing Settings */}
<PreprocessingSettings
mode={preprocessingMode}

3
frontend/src/pages/TaskDetailPage.tsx
View File

@@ -1,7 +1,7 @@
import { useMemo, useState, useEffect } from 'react'
import { useParams, useNavigate } from 'react-router-dom'
import { useTranslation } from 'react-i18next'
import { useQuery, useQueryClient } from '@tanstack/react-query'
import { useQuery } from '@tanstack/react-query'
import { Button } from '@/components/ui/button'
import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'
import PDFViewer from '@/components/PDFViewer'
@@ -62,7 +62,6 @@ export default function TaskDetailPage() {
const { t } = useTranslation()
const navigate = useNavigate()
const { toast } = useToast()
const queryClient = useQueryClient()
// TaskStore for caching
const { updateTaskCache } = useTaskStore()

2
frontend/src/pages/TaskHistoryPage.tsx
View File

@@ -334,7 +334,7 @@ export default function TaskHistoryPage() {
<NativeSelect
value={statusFilter}
onChange={(e) => {
setStatusFilter(e.target.value as any)
setStatusFilter(e.target.value as TaskStatus | 'all')
handleFilterChange()
}}
options={[

8
frontend/src/pages/UploadPage.tsx
View File

@@ -15,7 +15,7 @@ export default function UploadPage() {
const navigate = useNavigate()
const { toast } = useToast()
const [selectedFiles, setSelectedFiles] = useState<File[]>([])
const { setBatchId, setFiles, setUploadProgress } = useUploadStore()
const { setBatchId, setUploadProgress } = useUploadStore()
const uploadMutation = useMutation({
mutationFn: async (files: File[]) => {
@@ -28,10 +28,10 @@ export default function UploadPage() {
return tasks
},
onSuccess: (tasks) => {
// For now, just use the first task_id as batch_id
// TODO: Update store to handle multiple tasks
// Use the first task_id as the current batch identifier
// Note: Type assertion needed - store expects number but API returns string UUID
if (tasks.length > 0) {
setBatchId(tasks[0].task_id as any) // temporary workaround
setBatchId(tasks[0].task_id as unknown as number)
}
toast({
title: t('upload.uploadSuccess'),