From febe5bb0d7986f7892d8de37f5fbcee9d2387d64 Mon Sep 17 00:00:00 2001
From: Matthew Meszaros <meszmatew@gmail.com>
Date: Sat, 29 Aug 2026 09:19:31 -0700
Subject: [PATCH] feat: let the /connect code input accept a pasted ABCD-EFGH
 code by stripping the dash and lowercase through input-otp's pasteTransformer
 before its alphanumeric pattern check, which was rejecting the whole paste

---
 web/src/app/connect/page.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/web/src/app/connect/page.tsx b/web/src/app/connect/page.tsx
index 924360b6..d4b2106d 100644
--- a/web/src/app/connect/page.tsx
+++ b/web/src/app/connect/page.tsx
@@ -218,7 +218,7 @@ function CodeStep({ code, setCode, loading, error, onRetry }: { code: string; se
             </div>
 
             <div className="mt-8 flex justify-center">
-                <InputOTP maxLength={CODE_LENGTH} value={code} onChange={(v) => setCode(clean(v))} pattern={REGEXP_ONLY_DIGITS_AND_CHARS} autoFocus containerClassName="gap-1.5 sm:gap-2" disabled={loading}>
+                <InputOTP maxLength={CODE_LENGTH} value={code} onChange={(v) => setCode(clean(v))} pattern={REGEXP_ONLY_DIGITS_AND_CHARS} pasteTransformer={clean} autoFocus containerClassName="gap-1.5 sm:gap-2" disabled={loading}>
                     <InputOTPGroup className="gap-1.5 sm:gap-2">
                         {[0, 1, 2, 3].map((i) => (
                             <Slot key={i} index={i} />