diff --git a/web/src/components/TwoStageKeyModal.tsx b/web/src/components/TwoStageKeyModal.tsx index 70e0f478..d960b28a 100644 --- a/web/src/components/TwoStageKeyModal.tsx +++ b/web/src/components/TwoStageKeyModal.tsx @@ -63,8 +63,10 @@ export function TwoStageKeyModal({ const stage1Ref = useRef(null) const stage2Ref = useRef(null) - const expectedPart1Length = Math.ceil(expectedLength / 2) - const expectedPart2Length = expectedLength - expectedPart1Length + // UX improvement: Use 58 + 6 split (most of the key + last 6 chars) + // Advantage: Second stage only requires entering 6 characters, much easier to count + const expectedPart1Length = expectedLength - 6 // 64 - 6 = 58 + const expectedPart2Length = 6 // Last 6 characters useEffect(() => { if (isOpen && stage === 1 && stage1Ref.current) {