Skip to content

Show secret phrase words with index prefix + 4×6 grid (24 words) #4379

@victtorqueiroz

Description

@victtorqueiroz

Context

The wallet always generates a 24-word Secret Recovery Phrase. We want to:

  • Show an index with a dot before each word (e.g., 1.hat, 2.word, …).
  • Render the 24-word phrase in a 4-column × 6-row grid.

Scope

  • UI only: prepend {index}. to each displayed word.
  • Layout: force 4 columns × 6 rows for the 24-word phrase.
  • Preserve copy behavior: clicking copy must copy the real 24-word phrase (no indices).

Requirements

  • Each cell shows i + 1 + . before the word (e.g., 1.hat).
  • Use a 4×6 grid for 24 words.
  • Copy feature copies mnemonicWords.join(" ") (no indices).
  • Input mode remains editable; adornment shows the index.

Files likely impacted

  • packages/app-extension/src/components/common/Account/MnemonicInput.tsx
    (components: MnemonicInputFields, _ReadonlyMnemonicTable)

Branch / PR

  • Branch: feature/mnemonic-index-display-4x6
  • PR title: Show secret phrase words with index prefix + 4×6 grid (24 words)

Labels

  • type: feature
  • area: ui
  • priority: medium
  • wallet/onboarding

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions