hd-wallet-ui 1.2.2 → 1.2.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hd-wallet-ui",
-  "version": "1.2.2",
+  "version": "1.2.3",
   "description": "HD Wallet modal UI — login, keys, identity, trust map, and security bond. Attach to any button in your app.",
   "type": "module",
   "main": "src/app.js",
@@ -35,7 +35,7 @@
     "buffer": "^6.0.3",
     "flatbuffers": "^25.9.23",
     "flatc-wasm": "^25.12.19-wasm.43",
-    "hd-wallet-wasm": "^1.2.2",
+    "hd-wallet-wasm": "^1.2.3",
     "qrcode": "^1.5.3",
     "spacedatastandards.org": "^23.3.3-0.3.4",
     "vcard-cryptoperson": "^1.1.11"

package/src/app.js

@@ -1297,9 +1297,10 @@ async function scanActiveAccounts() {
   updateWalletBondTotal();
 
   const statusEl = $('wallet-scan-status');
-  const labelEl = $('wallet-scan-label');
+  const barEl = $('wallet-scan-bar');
   const scanBtn = $('wallet-scan-btn');
-  if (statusEl) statusEl.style.display = 'flex';
+  if (statusEl) statusEl.style.display = 'block';
+  if (barEl) barEl.style.width = '0%';
   if (scanBtn) scanBtn.disabled = true;
 
   try {
@@ -1329,10 +1330,9 @@ async function scanActiveAccounts() {
       });
     });
 
-    for (const target of targets) {
-      if (labelEl) {
-        labelEl.textContent = `Scanning ${target.name} m/44'/${target.coinType}'/${target.account}'/0/${target.index}...`;
-      }
+    for (let ti = 0; ti < targets.length; ti++) {
+      const target = targets[ti];
+      if (barEl) barEl.style.width = Math.round(((ti + 1) / targets.length) * 100) + '%';
 
       let derived;
       try {

package/src/template.js

@@ -70,10 +70,9 @@ export function getModalHTML() {
               </button>
             </div>
 
-            <!-- Scan Status -->
-            <div id="wallet-scan-status" class="ph-scan-status" style="display:none;">
-              <div class="wallet-scan-spinner"></div>
-              <span id="wallet-scan-label">Scanning derivation paths...</span>
+            <!-- Scan Progress Bar -->
+            <div id="wallet-scan-status" class="wallet-scan-progress" style="display:none;">
+              <div id="wallet-scan-bar" class="wallet-scan-bar"></div>
             </div>
 
             <!-- Token List -->

package/styles/main.css

@@ -2081,30 +2081,21 @@ body:has(.modal.active) .nav-bar {
   cursor: not-allowed;
 }
 
-/* Scan Status */
-.ph-scan-status {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  padding: 10px 14px;
-  margin-bottom: 8px;
-  font-size: 12px;
-  color: var(--muted);
-  background: var(--white-05);
-  border-radius: 12px;
-}
-
-.wallet-scan-spinner {
-  width: 14px;
-  height: 14px;
-  border: 2px solid var(--glass-border);
-  border-top-color: #AB82FF;
-  border-radius: 50%;
-  animation: spin 0.8s linear infinite;
+/* Scan Progress Bar */
+.wallet-scan-progress {
+  height: 2px;
+  background: var(--glass-border);
+  border-radius: 1px;
+  overflow: hidden;
+  margin-bottom: 4px;
 }
 
-@keyframes spin {
-  to { transform: rotate(360deg); }
+.wallet-scan-bar {
+  height: 100%;
+  width: 0%;
+  background: #22c55e;
+  border-radius: 1px;
+  transition: width 0.3s ease;
 }
 
 /* Token List */