restyle add-wallet tabs: 'From' prefix, underline tab style

- Tab labels: 'From Phrase', 'From Key', 'From xprv' - Visual: bottom-border underline on active tab (not filled buttons) - Inactive tabs: muted text with hover highlight - Container: bottom border connects tabs to content area
refactor: unify add-wallet, import-key, and import-xprv into single view
2026-02-28 12:44:48 -08:00 · 2026-02-28 12:44:48 -08:00 · 2026-02-28 12:44:48 -08:00 · 2026-02-28 12:44:48 -08:00
2 changed files with 15 additions and 9 deletions
--- a/src/popup/index.html
+++ b/src/popup/index.html
@@ -58,24 +58,27 @@
                <h2 class="font-bold mb-2">Add Wallet</h2>

                <!-- Mode selector tabs -->
-                <div class="flex gap-1 mb-3">
+                <div
+                    class="flex border-b border-border mb-3"
+                    id="add-wallet-tabs"
+                >
                    <button
                        id="tab-mnemonic"
-                        class="border border-border px-2 py-1 cursor-pointer text-xs hover:bg-fg hover:text-bg bg-fg text-bg"
+                        class="px-2 py-1 cursor-pointer text-xs border-b-2 border-fg font-bold"
                    >
-                        Recovery Phrase
+                        From Phrase
                    </button>
                    <button
                        id="tab-privkey"
-                        class="border border-border px-2 py-1 cursor-pointer text-xs hover:bg-fg hover:text-bg"
+                        class="px-2 py-1 cursor-pointer text-xs border-b-2 border-transparent text-muted hover:text-fg"
                    >
-                        Private Key
+                        From Key
                    </button>
                    <button
                        id="tab-xprv"
-                        class="border border-border px-2 py-1 cursor-pointer text-xs hover:bg-fg hover:text-bg"
+                        class="px-2 py-1 cursor-pointer text-xs border-b-2 border-transparent text-muted hover:text-fg"
                    >
-                        Extended Key (xprv)
+                        From xprv
                    </button>
                </div>

--- a/src/popup/views/addWallet.js
+++ b/src/popup/views/addWallet.js
@@ -27,8 +27,11 @@ function switchMode(mode) {
    currentMode = mode;
    for (const m of MODES) {
        $("add-wallet-section-" + m).classList.toggle("hidden", m !== mode);
-        $("tab-" + m).classList.toggle("bg-fg", m === mode);
-        $("tab-" + m).classList.toggle("text-bg", m === mode);
+        const tab = $("tab-" + m);
+        tab.classList.toggle("border-fg", m === mode);
+        tab.classList.toggle("font-bold", m === mode);
+        tab.classList.toggle("border-transparent", m !== mode);
+        tab.classList.toggle("text-muted", m !== mode);
    }
    $("add-wallet-password-hint").textContent = PASSWORD_HINTS[mode];
 }
Author	SHA1	Message	Date
user	005b97cdab	restyle add-wallet tabs: 'From' prefix, underline tab style All checks were successful check / check (push) Successful in 1m1s Details - Tab labels: 'From Phrase', 'From Key', 'From xprv' - Visual: bottom-border underline on active tab (not filled buttons) - Inactive tabs: muted text with hover highlight - Container: bottom border connects tabs to content area	2026-02-28 12:44:48 -08:00
user	0d110914a7	refactor: unify add-wallet, import-key, and import-xprv into single view Merge all three wallet import methods (recovery phrase, private key, extended key/xprv) into one tabbed add-wallet view with a mode selector. This fixes the blank import-xprv render (it was missing from the VIEWS array) and the broken back-button navigation from the separate import views. - Add tab selector: Recovery Phrase \| Private Key \| Extended Key (xprv) - Share password fields across all modes - Remove separate import-key and import-xprv views and modules - Add duplicate wallet detection for private key imports - All tabs follow affordance policy (visible border + hover state) Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>	2026-02-28 12:44:48 -08:00
user	612df5cfca	fix: derive xprv addresses from correct BIP44 path (m/44'/60'/0'/0) hdWalletFromXprv() and getSignerForAddress() for xprv type were deriving addresses directly from the root key (m/N) instead of the standard BIP44 Ethereum path (m/44'/60'/0'/0/N). This caused imported xprv wallets to generate completely wrong addresses. Navigate to the BIP44 Ethereum derivation path before deriving child addresses, matching the behavior of mnemonic-based wallet imports.	2026-02-28 12:44:48 -08:00
user	eba962b271	feat: add xprv wallet import support Add the ability to import an existing HD wallet using an extended private key (xprv) instead of a mnemonic phrase. - New 'xprv' wallet type with full HD derivation and address scanning - New importXprv view with password encryption - Updated getSignerForAddress to handle xprv wallet type - Added xprv link to the add-wallet view - Allow adding derived addresses for xprv wallets Closes #20	2026-02-28 12:44:48 -08:00