syntaqxSix-digit codes are typed into six boxes: the sign-in's second step, turning two-factor on or off in settings, and confirming an email address. It is shadcn's Input OTP (components/ui/input-otp.tsx, on input-otp 1.4.2) in g1t's tokens: two groups of three with a rule between, the current box ringed in lavender with a blinking caret (still under reduced motion), every box red when the code was refused. One real input sits under the boxes with the field's id, name="code" and autocomplete="one-time-code", so password managers and phones' code suggestions fill it and the form posts what it did before. A pasted "123 456" or "123-456" lands as six digits. On sign-in and email confirmation the form is sent as soon as the sixth digit is in, and a refused code is cleared and the boxes focused for the next. Where a recovery code is also taken (signing in, turning two-factor off), "Use a recovery code" switches to the text field, and a recovery code pasted into the boxes switches by itself with the code carried across, so one is never cut to digits (lib/otp.ts looksLikeRecoveryCode, codeDigits). components/one-time-code.tsx holds CodeSlots and TwoFactorCodeField. Checked: apps/web tsc -b and npm test (993; new: pasted codes and telling a recovery code apart; the confirm page's field test reads the boxes), and the fields rendered alone in headless Chrome driven over CDP: focus on load, typing 123456 submitted 123456, pasting "987 654" gave 987654 and submitted, pasting k7m2q-9xw4d into the boxes moved it whole to the Recovery code field. Not tried with a real password manager or on a phone.2fe7d45History
- ..
- ai-elements
- chat
- emoji
- folios
- notifications
- ui
- access.tsx
- account-settings.tsx
- actions.tsx
- add-ci.tsx
- agent-avatar.tsx
- agent-setup.tsx
- analytics-consent.tsx
- apps.tsx
- art.tsx
- ask-button.tsx
- ask-composer.tsx
- ask-steps.tsx
- attempts.tsx
- audit.tsx
- auth-card.tsx
- avatar-field.tsx
- base-branch.tsx
- billing-settings.tsx
- billing.tsx
- blame-view.tsx
- boundary.tsx
- branch-list.tsx
- branches.tsx
- checks.tsx
- clone-box.tsx
- code-lines.tsx
- codeowners.tsx
- coding-agent.tsx
- command-palette-dialog.tsx
- command-palette.tsx
- commit-checks.tsx
- commit-message.tsx
- commit-person.tsx
- confirm-name.tsx
- connection-toast.tsx
- connectors.tsx
- contribution-calendar.tsx
- coordination.tsx
- danger-zone.tsx
- debug-details.tsx
- delete-account.tsx
- dependency-updates.tsx
- deploy.tsx
- deployments-panel.tsx
- desktop-app.tsx
- desktop-runner-link.tsx
- desktop-runner-menu.tsx
- desktop-runners.tsx
- desktop-settings.tsx
- details-disclosure.tsx
- developer-mode-switch.tsx
- diff-view.tsx
- emails-section.tsx
- footer.tsx
- fork-bar.tsx
- fork-button.tsx
- github.tsx
- guardrails.tsx
- home-ask.tsx
- home-summary.tsx
- home.tsx
- honeypot.tsx
- inbox.tsx
- inline-markdown.tsx
- invitation-list.tsx
- invite-dialog.tsx
- invites-section.tsx
- labels.tsx
- landing-home.tsx
- landing.tsx
- landmark.tsx
- legal-doc.tsx
- logo.tsx
- markdown.tsx
- mention-textarea.tsx
- merge-actions.tsx
- merge-box.tsx
- merge-queue.tsx
- merge-settings.tsx
- milestones.tsx
- mission-control.tsx
- mission.tsx
- mobile.tsx
- model-providers.tsx
- not-found.tsx
- notifications.tsx
- observability-logs.tsx
- observability.tsx
- onboarding.tsx
- one-time-code.tsx
- package-icon.tsx
- package-settings.tsx
- people-picker.tsx
- people.tsx
- pin-button.tsx
- platform-mark.tsx
- policies-draft.tsx
- policy-notice.tsx
- presence.tsx
- product-tour.tsx
- production-image-field.tsx
- production-shot.tsx
- profile-form.tsx
- project-about.tsx
- project-head.tsx
- project-icon.tsx
- project-lifecycle.tsx
- public-header.tsx
- qr-code.tsx
- rail.tsx
- reactions.tsx
- releases.tsx
- repo-about.tsx
- repo-lifecycle.tsx
- repo-live.tsx
- repo-settings-heading.tsx
- repo-view.tsx
- route-error.tsx
- rules.tsx
- run-graph.tsx
- runners-page.tsx
- runners.tsx
- search.tsx
- secrets.tsx
- security-suite.tsx
- security.tsx
- session-entries.tsx
- settings-section.tsx
- shell.tsx
- spike-banner.tsx
- standalone.tsx
- star-button.tsx
- start-plan.tsx
- statement.tsx
- teams.tsx
- theme-switch.tsx
- token-form.tsx
- token-list.tsx
- token-regenerate.tsx
- token-scopes.tsx
- topics.tsx
- trust-page.tsx
- usage-card.tsx
- usage.tsx
- user-card.tsx
- webhooks.tsx
- welcome.tsx
- work-icons.tsx
- work.tsx
- workspace-security-tabs.tsx
- workspace-skeletons.tsx