V48 (implementation-only): Permanent Connect button border; glow-only attention

Keep a solid orange default border on Connect Xverse/Leather so they stay
distinct from Rescan. Attention animates scale and outer glow only — not
border-color — so highlight does not trail after the run ends.

Author: geraldarthurdavis

uapi/components/auxillaries/AuxillariesWalletConnectionPanel/AuxillariesWalletConnectionPanel.tsx

@@ -100,7 +100,8 @@ export default function AuxillariesWalletConnectionPanel({
   }, []);
 
   const connectButtonClassName = [
-    'wallet-connect-provider-button inline-flex items-center justify-center rounded-none border border-orange-300/34 bg-orange-400/14 px-5 py-2.5 text-[11px] font-semibold uppercase tracking-[0.18em] text-orange-50 transition hover:border-orange-300/54 hover:bg-orange-400/22 disabled:cursor-wait disabled:opacity-60',
+    /* Border/fill owned in CSS so default border never drops after attention. */
+    'wallet-connect-provider-button inline-flex items-center justify-center rounded-none px-5 py-2.5 text-[11px] font-semibold uppercase tracking-[0.18em] transition disabled:cursor-wait disabled:opacity-60',
     attentionActive ? 'wallet-connect-attention-button' : '',
   ]
     .filter(Boolean)

uapi/styles/auxillaries-bitcode.css

@@ -1009,29 +1009,42 @@
   }
 }
 
+/*
+ * Connect provider buttons: permanent orange border (always distinct from
+ * Rescan). Attention only animates scale + outer glow — not border-color or
+ * background — so nothing trails after the run settles.
+ */
+.wallet-required-section .wallet-connect-provider-button {
+  border: 1px solid rgba(251, 146, 60, 0.55) !important;
+  background: rgba(251, 146, 60, 0.14);
+  color: rgba(255, 247, 237, 0.96);
+  box-shadow: none;
+}
+
+.wallet-required-section .wallet-connect-provider-button:hover:not(:disabled) {
+  border-color: rgba(253, 186, 116, 0.78) !important;
+  background: rgba(251, 146, 60, 0.2);
+}
+
 @keyframes wallet-connect-button-attention {
-  /* No background animation — only border, glow, and scale. */
   0%,
   58%,
   100% {
     transform: translateY(0) scale(1);
     box-shadow: none;
-    border-color: rgba(251, 146, 60, 0.34);
   }
   12%,
   40% {
     transform: translateY(-1px) scale(1.045);
-    border-color: rgba(254, 215, 170, 0.95);
     box-shadow:
-      0 0 0 2px rgba(251, 146, 60, 0.75),
+      0 0 0 2px rgba(251, 146, 60, 0.55),
       0 0 28px rgba(251, 146, 60, 0.65),
       0 12px 28px rgba(0, 0, 0, 0.28);
   }
   48% {
     transform: translateY(0) scale(1.015);
-    border-color: rgba(253, 186, 116, 0.72);
     box-shadow:
-      0 0 0 1px rgba(251, 146, 60, 0.4),
+      0 0 0 1px rgba(251, 146, 60, 0.35),
       0 0 14px rgba(251, 146, 60, 0.32);
   }
 }
@@ -1045,7 +1058,7 @@
 
 .wallet-connect-attention-button {
   animation: wallet-connect-button-attention 2.1s ease-in-out 1 both;
-  will-change: transform, box-shadow, border-color;
+  will-change: transform, box-shadow;
 }
 
 @media (prefers-reduced-motion: reduce) {
@@ -1069,9 +1082,8 @@
   }
 
   .wallet-connect-attention-button {
-    border-color: rgba(254, 215, 170, 0.9) !important;
     box-shadow:
-      0 0 0 2px rgba(251, 146, 60, 0.65),
+      0 0 0 2px rgba(251, 146, 60, 0.55),
       0 0 20px rgba(251, 146, 60, 0.4);
   }
 }