Benjamin_Boenisch/breakpilot-lehrer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(dewarp): change manual slider to percentage (0-200%) instead of raw multiplier

Browse Source 
The old -3.0 to +3.0 scale multiplied the full displacement map (up to ~79px)
directly, causing extreme distortion at values >1. New slider:
- 0% = no correction
- 100% = auto-detected correction (default)
- 200% = double correction
- Step size: 5%

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Benjamin Admin
2026-02-26 18:10:34 +01:00
parent fb496c5e34
commit ff2bb79a91
3 changed files with 16 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
admin-lehrer/components/ocr-pipeline/DewarpControls.tsx
View File

@@ -29,7 +29,7 @@ export function DewarpControls({
onNext,
isApplying,
}: DewarpControlsProps) {
const [manualScale, setManualScale] = useState(0)
const [manualScale, setManualScale] = useState(100)
const [gtFeedback, setGtFeedback] = useState<'correct' | 'incorrect' | null>(null)
const [gtNotes, setGtNotes] = useState('')
const [gtSaved, setGtSaved] = useState(false)
@@ -94,22 +94,22 @@ export function DewarpControls({
{/* Manual scale slider */}
{dewarpResult && (
<div className="bg-white dark:bg-gray-800 rounded-lg border border-gray-200 dark:border-gray-700 p-4">
<div className="text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">Manuelle Staerke</div>
<div className="text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">Korrekturstaerke</div>
<div className="flex items-center gap-3">
<span className="text-xs text-gray-400 w-8 text-right">-3.0</span>
<span className="text-xs text-gray-400 w-8 text-right">0%</span>
<input
type="range"
min={-3}
max={3}
step={0.1}
min={0}
max={200}
step={5}
value={manualScale}
onChange={(e) => setManualScale(parseFloat(e.target.value))}
onChange={(e) => setManualScale(parseInt(e.target.value))}
className="flex-1 h-2 bg-gray-200 rounded-lg appearance-none cursor-pointer dark:bg-gray-700 accent-teal-500"
/>
<span className="text-xs text-gray-400 w-8">+3.0</span>
<span className="font-mono text-sm w-14 text-right">{manualScale.toFixed(1)}</span>
<span className="text-xs text-gray-400 w-10">200%</span>
<span className="font-mono text-sm w-14 text-right">{manualScale}%</span>
<button
onClick={() => onManualDewarp(manualScale)}
onClick={() => onManualDewarp(manualScale / 100)}
disabled={isApplying}
className="px-3 py-1.5 text-sm bg-teal-600 text-white rounded-md hover:bg-teal-700 disabled:opacity-50 transition-colors"
>
@@ -117,7 +117,7 @@ export function DewarpControls({
</button>
</div>
<p className="text-xs text-gray-400 mt-1">
0 = keine Korrektur, positiv = nach rechts entzerren, negativ = nach links
100% = automatisch erkannte Korrektur, 0% = keine, 200% = doppelt so stark
</p>
</div>
)}