From ca78da2e075118ad3ac1100df64d899142be6508 Mon Sep 17 00:00:00 2001
From: user <user@Mac.lan guest wan>
Date: Sat, 28 Feb 2026 01:19:36 -0800
Subject: [PATCH 1/9] feat: add export private key from address detail view

Adds an 'Export Private Key' button to the address detail view.
Clicking it opens a password confirmation screen; after verification,
the derived private key is displayed in a copyable field with a
security warning. The key is cleared when navigating away.

Closes #19
---
 src/popup/index.html             | 53 ++++++++++++++++++++++++++++
 src/popup/views/addressDetail.js | 60 ++++++++++++++++++++++++++++++++
 2 files changed, 113 insertions(+)

diff --git a/src/popup/index.html b/src/popup/index.html
index 74dfb69..d20503d 100644
--- a/src/popup/index.html
+++ b/src/popup/index.html
@@ -307,6 +307,16 @@
                     </button>
                 </div>
 
+                <!-- actions row 2 -->
+                <div class="flex gap-2 mb-3">
+                    <button
+                        id="btn-export-privkey"
+                        class="border border-border px-2 py-1 hover:bg-fg hover:text-bg cursor-pointer flex-1 text-xs"
+                    >
+                        Export Private Key
+                    </button>
+                </div>
+
                 <!-- transactions -->
                 <div class="mt-3">
                     <div class="border-b border-border pb-1 mb-1">
@@ -318,6 +328,49 @@
                 </div>
             </div>
 
+            <!-- ============ EXPORT PRIVATE KEY VIEW ============ -->
+            <div id="view-export-privkey" class="view hidden">
+                <button
+                    id="btn-export-privkey-back"
+                    class="border border-border px-2 py-1 hover:bg-fg hover:text-bg cursor-pointer mb-2"
+                >
+                    &lt; Back
+                </button>
+                <h2 class="font-bold mb-3">Export Private Key</h2>
+                <p class="text-xs mb-1" id="export-privkey-label"></p>
+                <p class="text-xs mb-3 text-muted">
+                    Warning: anyone with this private key can access and
+                    transfer all funds from this address. Never share it.
+                </p>
+                <div
+                    id="export-privkey-flash"
+                    class="text-xs mb-2 hidden"
+                ></div>
+                <div id="export-privkey-password-section" class="mb-2">
+                    <label class="block mb-1">Password</label>
+                    <input
+                        type="password"
+                        id="export-privkey-password"
+                        class="border border-border p-1 w-full font-mono text-sm bg-bg text-fg"
+                        placeholder="Enter your password to continue"
+                    />
+                    <button
+                        id="btn-export-privkey-confirm"
+                        class="border border-border px-2 py-1 hover:bg-fg hover:text-bg cursor-pointer mt-2"
+                    >
+                        Reveal
+                    </button>
+                </div>
+                <div id="export-privkey-result" class="hidden">
+                    <div
+                        id="export-privkey-value"
+                        class="border border-dashed border-border p-2 font-mono text-xs break-all cursor-pointer mb-1"
+                        title="Click to copy"
+                    ></div>
+                    <p class="text-xs text-muted">Click to copy.</p>
+                </div>
+            </div>
+
             <!-- ============ ADDRESS-TOKEN DETAIL VIEW ============ -->
             <div id="view-address-token" class="view hidden">
                 <button
diff --git a/src/popup/views/addressDetail.js b/src/popup/views/addressDetail.js
index 8e6f7ee..e2d1d18 100644
--- a/src/popup/views/addressDetail.js
+++ b/src/popup/views/addressDetail.js
@@ -18,6 +18,8 @@ const { resolveEnsNames } = require("../../shared/ens");
 const { updateSendBalance, renderSendTokenSelect } = require("./send");
 const { log } = require("../../shared/log");
 const makeBlockie = require("ethereum-blockies-base64");
+const { decryptWithPassword } = require("../../shared/vault");
+const { getSignerForAddress } = require("../../shared/wallet");
 
 let ctx;
 
@@ -261,6 +263,64 @@ function init(_ctx) {
     });
 
     $("btn-add-token").addEventListener("click", ctx.showAddTokenView);
+
+    $("btn-export-privkey").addEventListener("click", () => {
+        const wallet = state.wallets[state.selectedWallet];
+        const addr = wallet.addresses[state.selectedAddress];
+        const title = addressTitle(addr.address, state.wallets);
+        const label = title || "Address " + (state.selectedAddress + 1);
+        $("export-privkey-label").textContent = "Exporting key for: " + label;
+        $("export-privkey-password").value = "";
+        $("export-privkey-flash").classList.add("hidden");
+        $("export-privkey-flash").textContent = "";
+        $("export-privkey-password-section").classList.remove("hidden");
+        $("export-privkey-result").classList.add("hidden");
+        $("export-privkey-value").textContent = "";
+        showView("export-privkey");
+    });
+
+    $("btn-export-privkey-confirm").addEventListener("click", async () => {
+        const password = $("export-privkey-password").value;
+        if (!password) {
+            $("export-privkey-flash").textContent = "Password is required.";
+            $("export-privkey-flash").classList.remove("hidden");
+            return;
+        }
+        const wallet = state.wallets[state.selectedWallet];
+        try {
+            const secret = await decryptWithPassword(
+                wallet.encryptedSecret,
+                password,
+            );
+            const signer = getSignerForAddress(
+                wallet,
+                state.selectedAddress,
+                secret,
+            );
+            const privateKey = signer.privateKey;
+            $("export-privkey-password-section").classList.add("hidden");
+            $("export-privkey-value").textContent = privateKey;
+            $("export-privkey-result").classList.remove("hidden");
+            $("export-privkey-flash").classList.add("hidden");
+        } catch {
+            $("export-privkey-flash").textContent = "Wrong password.";
+            $("export-privkey-flash").classList.remove("hidden");
+        }
+    });
+
+    $("export-privkey-value").addEventListener("click", () => {
+        const key = $("export-privkey-value").textContent;
+        if (key) {
+            navigator.clipboard.writeText(key);
+            showFlash("Copied!");
+        }
+    });
+
+    $("btn-export-privkey-back").addEventListener("click", () => {
+        $("export-privkey-value").textContent = "";
+        $("export-privkey-password").value = "";
+        show();
+    });
 }
 
 module.exports = { init, show };

From 41794f8bf5d8019753a2f205aaf41fd0717b6945 Mon Sep 17 00:00:00 2001
From: user <user@Mac.lan guest wan>
Date: Sat, 28 Feb 2026 01:37:45 -0800
Subject: [PATCH 2/9] fix: make export key a subtle link, add view to VIEWS
 array
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Moved 'Export private key' from prominent button row to a small
  muted text link at the bottom of the address detail view
- Added 'export-privkey' to the VIEWS array in helpers.js — this was
  the cause of the blank view (showView toggled all known views but
  didn't know about export-privkey, so it was never unhidden)
---
 src/popup/index.html       | 17 +++++++----------
 src/popup/views/helpers.js |  1 +
 2 files changed, 8 insertions(+), 10 deletions(-)

diff --git a/src/popup/index.html b/src/popup/index.html
index d20503d..2f4861f 100644
--- a/src/popup/index.html
+++ b/src/popup/index.html
@@ -307,16 +307,6 @@
                     </button>
                 </div>
 
-                <!-- actions row 2 -->
-                <div class="flex gap-2 mb-3">
-                    <button
-                        id="btn-export-privkey"
-                        class="border border-border px-2 py-1 hover:bg-fg hover:text-bg cursor-pointer flex-1 text-xs"
-                    >
-                        Export Private Key
-                    </button>
-                </div>
-
                 <!-- transactions -->
                 <div class="mt-3">
                     <div class="border-b border-border pb-1 mb-1">
@@ -326,6 +316,13 @@
                         <div class="text-muted text-xs py-1">Loading...</div>
                     </div>
                 </div>
+                <div class="mt-3 text-center">
+                    <span
+                        id="btn-export-privkey"
+                        class="text-xs text-muted underline decoration-dashed cursor-pointer hover:text-fg"
+                        >Export private key</span
+                    >
+                </div>
             </div>
 
             <!-- ============ EXPORT PRIVATE KEY VIEW ============ -->
diff --git a/src/popup/views/helpers.js b/src/popup/views/helpers.js
index e5b71d0..8fdfe65 100644
--- a/src/popup/views/helpers.js
+++ b/src/popup/views/helpers.js
@@ -31,6 +31,7 @@ const VIEWS = [
     "approve-site",
     "approve-tx",
     "approve-sign",
+    "export-privkey",
 ];
 
 function $(id) {

From 91c3b4e394f9da50b0b375c5ffb83340cd4fec8f Mon Sep 17 00:00:00 2001
From: user <user@Mac.lan guest wan>
Date: Sat, 28 Feb 2026 04:27:56 -0800
Subject: [PATCH 3/9] refactor: move Export Private Key into overflow menu
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Replace the muted text link at the bottom of AddressDetail with a
'···' overflow/more button in the action button row. Clicking it
opens a dropdown with 'Export Private Key' as an option. Clicking
outside closes the dropdown. The pattern is reusable for future
secondary actions.
---
 src/popup/index.html             | 27 ++++++++++++++++++++-------
 src/popup/views/addressDetail.js | 15 +++++++++++++++
 2 files changed, 35 insertions(+), 7 deletions(-)

diff --git a/src/popup/index.html b/src/popup/index.html
index 2f4861f..c88a963 100644
--- a/src/popup/index.html
+++ b/src/popup/index.html
@@ -305,6 +305,26 @@
                     >
                         + Token
                     </button>
+                    <div class="relative">
+                        <button
+                            id="btn-more-menu"
+                            class="border border-border px-2 py-1 hover:bg-fg hover:text-bg cursor-pointer"
+                            aria-label="More actions"
+                        >
+                            &middot;&middot;&middot;
+                        </button>
+                        <div
+                            id="more-menu-dropdown"
+                            class="hidden absolute right-0 top-full mt-1 border border-border bg-bg z-50 min-w-[10rem]"
+                        >
+                            <button
+                                id="btn-export-privkey"
+                                class="block w-full text-left px-3 py-2 text-sm hover:bg-fg hover:text-bg cursor-pointer"
+                            >
+                                Export Private Key
+                            </button>
+                        </div>
+                    </div>
                 </div>
 
                 <!-- transactions -->
@@ -316,13 +336,6 @@
                         <div class="text-muted text-xs py-1">Loading...</div>
                     </div>
                 </div>
-                <div class="mt-3 text-center">
-                    <span
-                        id="btn-export-privkey"
-                        class="text-xs text-muted underline decoration-dashed cursor-pointer hover:text-fg"
-                        >Export private key</span
-                    >
-                </div>
             </div>
 
             <!-- ============ EXPORT PRIVATE KEY VIEW ============ -->
diff --git a/src/popup/views/addressDetail.js b/src/popup/views/addressDetail.js
index e2d1d18..71eb3d2 100644
--- a/src/popup/views/addressDetail.js
+++ b/src/popup/views/addressDetail.js
@@ -264,7 +264,22 @@ function init(_ctx) {
 
     $("btn-add-token").addEventListener("click", ctx.showAddTokenView);
 
+    // More menu dropdown
+    const moreBtn = $("btn-more-menu");
+    const moreDropdown = $("more-menu-dropdown");
+    moreBtn.addEventListener("click", (e) => {
+        e.stopPropagation();
+        moreDropdown.classList.toggle("hidden");
+    });
+    document.addEventListener("click", () => {
+        moreDropdown.classList.add("hidden");
+    });
+    moreDropdown.addEventListener("click", (e) => {
+        e.stopPropagation();
+    });
+
     $("btn-export-privkey").addEventListener("click", () => {
+        moreDropdown.classList.add("hidden");
         const wallet = state.wallets[state.selectedWallet];
         const addr = wallet.addresses[state.selectedAddress];
         const title = addressTitle(addr.address, state.wallets);

From 68bd909345c0c67ce127e7ef098439d766a1cc9d Mon Sep 17 00:00:00 2001
From: user <user@Mac.lan guest wan>
Date: Sat, 28 Feb 2026 04:39:45 -0800
Subject: [PATCH 4/9] fix: make overflow menu auto-width to prevent text
 wrapping

---
 src/popup/index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/popup/index.html b/src/popup/index.html
index c88a963..dee853c 100644
--- a/src/popup/index.html
+++ b/src/popup/index.html
@@ -315,7 +315,7 @@
                         </button>
                         <div
                             id="more-menu-dropdown"
-                            class="hidden absolute right-0 top-full mt-1 border border-border bg-bg z-50 min-w-[10rem]"
+                            class="hidden absolute right-0 top-full mt-1 border border-border bg-bg z-50 whitespace-nowrap"
                         >
                             <button
                                 id="btn-export-privkey"

From 70a8ac6f99591f2474a8b84f3484e5b41cf2bd3b Mon Sep 17 00:00:00 2001
From: clawbot <clawbot@git.eeqj.de>
Date: Sat, 28 Feb 2026 08:29:12 -0800
Subject: [PATCH 5/9] style: dropdown menu with subtle grey hover and list
 padding

Use bg-hover token for grey mouseover instead of full fg/bg
inversion. Add py-1 padding to dropdown container and px-4 to
items for proper list appearance with margin around items.
---
 src/popup/index.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/popup/index.html b/src/popup/index.html
index dee853c..4b60399 100644
--- a/src/popup/index.html
+++ b/src/popup/index.html
@@ -315,11 +315,11 @@
                         </button>
                         <div
                             id="more-menu-dropdown"
-                            class="hidden absolute right-0 top-full mt-1 border border-border bg-bg z-50 whitespace-nowrap"
+                            class="hidden absolute right-0 top-full mt-1 border border-border bg-bg z-50 whitespace-nowrap py-1"
                         >
                             <button
                                 id="btn-export-privkey"
-                                class="block w-full text-left px-3 py-2 text-sm hover:bg-fg hover:text-bg cursor-pointer"
+                                class="block w-full text-left px-4 py-1.5 text-sm hover:bg-hover cursor-pointer"
                             >
                                 Export Private Key
                             </button>

From 3daba279d2d90550175eaf8094c2483d52a4e37c Mon Sep 17 00:00:00 2001
From: user <user@Mac.lan guest wan>
Date: Sat, 28 Feb 2026 08:39:57 -0800
Subject: [PATCH 6/9] style: rework overflow menu to look like menu items, not
 buttons
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Menu items now use text-xs font-light for smaller, lighter type
  that's clearly distinct from the pushbuttons in the action row
- The ··· button stays visually inverted (bg-fg text-bg) while the
  dropdown menu is open, reverting when closed
- Menu items styled as plain text rows with subtle hover background,
  no borders or button-like appearance
---
 src/popup/index.html             | 2 +-
 src/popup/views/addressDetail.js | 6 +++++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/popup/index.html b/src/popup/index.html
index 4b60399..df9bbc4 100644
--- a/src/popup/index.html
+++ b/src/popup/index.html
@@ -319,7 +319,7 @@
                         >
                             <button
                                 id="btn-export-privkey"
-                                class="block w-full text-left px-4 py-1.5 text-sm hover:bg-hover cursor-pointer"
+                                class="block w-full text-left px-4 py-1.5 text-xs font-light text-muted hover:bg-hover hover:text-fg cursor-pointer"
                             >
                                 Export Private Key
                             </button>
diff --git a/src/popup/views/addressDetail.js b/src/popup/views/addressDetail.js
index 71eb3d2..81c301f 100644
--- a/src/popup/views/addressDetail.js
+++ b/src/popup/views/addressDetail.js
@@ -269,10 +269,13 @@ function init(_ctx) {
     const moreDropdown = $("more-menu-dropdown");
     moreBtn.addEventListener("click", (e) => {
         e.stopPropagation();
-        moreDropdown.classList.toggle("hidden");
+        const isOpen = !moreDropdown.classList.toggle("hidden");
+        moreBtn.classList.toggle("bg-fg", isOpen);
+        moreBtn.classList.toggle("text-bg", isOpen);
     });
     document.addEventListener("click", () => {
         moreDropdown.classList.add("hidden");
+        moreBtn.classList.remove("bg-fg", "text-bg");
     });
     moreDropdown.addEventListener("click", (e) => {
         e.stopPropagation();
@@ -280,6 +283,7 @@ function init(_ctx) {
 
     $("btn-export-privkey").addEventListener("click", () => {
         moreDropdown.classList.add("hidden");
+        moreBtn.classList.remove("bg-fg", "text-bg");
         const wallet = state.wallets[state.selectedWallet];
         const addr = wallet.addresses[state.selectedAddress];
         const title = addressTitle(addr.address, state.wallets);

From d3d9f9a8b0ed1ade650f936bafe2942f565833b3 Mon Sep 17 00:00:00 2001
From: user <user@Mac.lan guest wan>
Date: Sat, 28 Feb 2026 11:41:28 -0800
Subject: [PATCH 7/9] fix: export-privkey view address display consistency

Add blockie identicon, wallet/address title, and color dot with full
address display to the export-privkey view, matching the pattern used
by AddressDetail and other views. Address is click-to-copy.
---
 src/popup/index.html             | 16 ++++++++++++++--
 src/popup/views/addressDetail.js | 25 ++++++++++++++++++++++---
 2 files changed, 36 insertions(+), 5 deletions(-)

diff --git a/src/popup/index.html b/src/popup/index.html
index 58d16ff..e9646ba 100644
--- a/src/popup/index.html
+++ b/src/popup/index.html
@@ -346,8 +346,20 @@
                 >
                     &lt; Back
                 </button>
-                <h2 class="font-bold mb-3">Export Private Key</h2>
-                <p class="text-xs mb-1" id="export-privkey-label"></p>
+                <div
+                    id="export-privkey-jazzicon"
+                    class="flex justify-center mt-1 mb-3"
+                ></div>
+                <h2 class="font-bold mb-1">Export Private Key</h2>
+                <p class="text-xs mb-1" id="export-privkey-title"></p>
+                <p class="text-xs mb-3">
+                    <span id="export-privkey-dot"></span>
+                    <span
+                        id="export-privkey-address"
+                        class="cursor-pointer"
+                        title="Click to copy"
+                    ></span>
+                </p>
                 <p class="text-xs mb-3 text-muted">
                     Warning: anyone with this private key can access and
                     transfer all funds from this address. Never share it.
diff --git a/src/popup/views/addressDetail.js b/src/popup/views/addressDetail.js
index 77b6d27..3c65e24 100644
--- a/src/popup/views/addressDetail.js
+++ b/src/popup/views/addressDetail.js
@@ -290,9 +290,20 @@ function init(_ctx) {
         moreBtn.classList.remove("bg-fg", "text-bg");
         const wallet = state.wallets[state.selectedWallet];
         const addr = wallet.addresses[state.selectedAddress];
-        const title = addressTitle(addr.address, state.wallets);
-        const label = title || "Address " + (state.selectedAddress + 1);
-        $("export-privkey-label").textContent = "Exporting key for: " + label;
+        const blockieEl = $("export-privkey-jazzicon");
+        blockieEl.innerHTML = "";
+        const bImg = document.createElement("img");
+        bImg.src = makeBlockie(addr.address);
+        bImg.width = 48;
+        bImg.height = 48;
+        bImg.style.imageRendering = "pixelated";
+        bImg.style.borderRadius = "50%";
+        blockieEl.appendChild(bImg);
+        $("export-privkey-title").textContent =
+            wallet.name + " \u2014 Address " + (state.selectedAddress + 1);
+        $("export-privkey-dot").innerHTML = addressDotHtml(addr.address);
+        $("export-privkey-address").textContent = addr.address;
+        $("export-privkey-address").dataset.full = addr.address;
         $("export-privkey-password").value = "";
         $("export-privkey-flash").classList.add("hidden");
         $("export-privkey-flash").textContent = "";
@@ -339,6 +350,14 @@ function init(_ctx) {
         }
     });
 
+    $("export-privkey-address").addEventListener("click", () => {
+        const full = $("export-privkey-address").dataset.full;
+        if (full) {
+            navigator.clipboard.writeText(full);
+            showFlash("Copied!");
+        }
+    });
+
     $("btn-export-privkey-back").addEventListener("click", () => {
         $("export-privkey-value").textContent = "";
         $("export-privkey-password").value = "";

From a2fbb0e30d982e2fc328a1b6c89b1a07872b15ed Mon Sep 17 00:00:00 2001
From: clawbot <clawbot@noreply.example.org>
Date: Sat, 28 Feb 2026 11:47:45 -0800
Subject: [PATCH 8/9] fix: use formatAddressHtml in receive view for display
 consistency
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The receive view was using raw textContent and a manually constructed
color dot instead of the shared formatAddressHtml helper used by other
views. This violated the display consistency policy ('Same data
formatted identically across all screens').

Changes:
- Use formatAddressHtml() to render address with color dot, title
  (e.g. 'Wallet 1 — Address 1'), and ENS name — matching addressDetail
- Make the address block itself click-to-copy (matching policy:
  'Clicking any address copies the full untruncated value')
- Replace separate receive-dot/receive-address spans with a single
  receive-address-block element
- Address is still shown in full (no truncation) as appropriate for
  the receive view

Closes #58
---
 src/popup/index.html       |  7 ++++---
 src/popup/views/receive.js | 26 ++++++++++++++++++++++----
 2 files changed, 26 insertions(+), 7 deletions(-)

diff --git a/src/popup/index.html b/src/popup/index.html
index 0d6961c..daf0d77 100644
--- a/src/popup/index.html
+++ b/src/popup/index.html
@@ -637,9 +637,10 @@
                 <div class="flex justify-center mb-3">
                     <canvas id="receive-qr"></canvas>
                 </div>
-                <div class="border border-border p-2 break-all mb-3 text-xs">
-                    <span id="receive-dot"></span>
-                    <span id="receive-address" class="select-all"></span>
+                <div
+                    class="border border-border p-2 break-all mb-3 text-xs cursor-pointer"
+                >
+                    <span id="receive-address-block" class="select-all"></span>
                     <span id="receive-etherscan-link"></span>
                 </div>
                 <button
diff --git a/src/popup/views/receive.js b/src/popup/views/receive.js
index c986fef..1c2403f 100644
--- a/src/popup/views/receive.js
+++ b/src/popup/views/receive.js
@@ -1,4 +1,10 @@
-const { $, showView, showFlash, addressDotHtml } = require("./helpers");
+const {
+    $,
+    showView,
+    showFlash,
+    formatAddressHtml,
+    addressTitle,
+} = require("./helpers");
 const { state, currentAddress } = require("../../shared/state");
 const QRCode = require("qrcode");
 
@@ -12,8 +18,12 @@ const EXT_ICON =
 function show() {
     const addr = currentAddress();
     const address = addr ? addr.address : "";
-    $("receive-dot").innerHTML = address ? addressDotHtml(address) : "";
-    $("receive-address").textContent = address;
+    const title = address ? addressTitle(address, state.wallets) : null;
+    const ensName = addr ? addr.ensName || null : null;
+    $("receive-address-block").innerHTML = address
+        ? formatAddressHtml(address, ensName, null, title)
+        : "";
+    $("receive-address-block").dataset.full = address;
     const link = address ? `https://etherscan.io/address/${address}` : "";
     $("receive-etherscan-link").innerHTML = link
         ? `<a href="${link}" target="_blank" rel="noopener" class="inline-flex items-center">${EXT_ICON}</a>`
@@ -50,8 +60,16 @@ function show() {
 }
 
 function init(ctx) {
+    $("receive-address-block").addEventListener("click", () => {
+        const addr = $("receive-address-block").dataset.full;
+        if (addr) {
+            navigator.clipboard.writeText(addr);
+            showFlash("Copied!");
+        }
+    });
+
     $("btn-receive-copy").addEventListener("click", () => {
-        const addr = $("receive-address").textContent;
+        const addr = $("receive-address-block").dataset.full;
         if (addr) {
             navigator.clipboard.writeText(addr);
             showFlash("Copied!");

From 0c1150ac4d715694f3434416db33759c5c027172 Mon Sep 17 00:00:00 2001
From: user <user@Mac.lan guest wan>
Date: Sat, 28 Feb 2026 11:54:20 -0800
Subject: [PATCH 9/9] fix: style private key as red well, remove explicit copy
 text

- Replace dashed border with light red well (bg-danger-well) and rounded corners
- Remove redundant 'Click to copy.' paragraph
- Add --color-danger-well theme token
---
 src/popup/index.html      | 3 +--
 src/popup/styles/main.css | 1 +
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/popup/index.html b/src/popup/index.html
index 87ee22f..e32d717 100644
--- a/src/popup/index.html
+++ b/src/popup/index.html
@@ -386,10 +386,9 @@
                 <div id="export-privkey-result" class="hidden">
                     <div
                         id="export-privkey-value"
-                        class="border border-dashed border-border p-2 font-mono text-xs break-all cursor-pointer mb-1"
+                        class="bg-danger-well rounded p-2 font-mono text-xs break-all cursor-pointer mb-1"
                         title="Click to copy"
                     ></div>
-                    <p class="text-xs text-muted">Click to copy.</p>
                 </div>
             </div>
 
diff --git a/src/popup/styles/main.css b/src/popup/styles/main.css
index 8c909ba..851dcc8 100644
--- a/src/popup/styles/main.css
+++ b/src/popup/styles/main.css
@@ -11,6 +11,7 @@
     --color-border-light: #cccccc;
     --color-hover: #eeeeee;
     --color-well: #f5f5f5;
+    --color-danger-well: #fef2f2;
     --color-section: #dddddd;
 }