src/wallet/WalletLoginModal.tsx

@@ -146,18 +146,6 @@ export function WalletLoginModal() {
       .finally(() => setState("idle"));
   };
 
-  // Desktop: open the RainbowKit modal — it discovers every installed wallet
-  // via EIP-6963 (robust when several extensions fight over window.ethereum)
-  // and also offers a WalletConnect QR. Fall back to the raw injected flow only
-  // when WalletConnect has no project id configured.
-  const connectBrowserWallet = () => {
-    if (wc.available) {
-      wc.start();
-      return;
-    }
-    void signInjected();
-  };
-
   const openApp = (kind: WalletKind) => {
     setError("");
     setOpeningWallet(kind);
@@ -213,29 +201,20 @@ export function WalletLoginModal() {
         </div>
 
         <div className="mt-5 grid gap-3">
-          {/* Browser wallet: in a wallet's in-app browser we sign directly with
-              the injected provider; on desktop we open the RainbowKit picker so
-              the user can choose among installed extensions reliably. */}
-          {mobileDevice && hasInjected ? (
+          {/* Browser wallet: sign directly with the injected provider — the
+              reliable path for a BNB-chain extension (desktop) or a wallet's
+              in-app browser. No WalletConnect relay involved. */}
+          {!mobileDevice || hasInjected ? (
             <button
               type="button"
               onClick={() => void signInjected()}
               disabled={busy}
               className="flex items-center justify-center gap-2 rounded-2xl bg-ark-gold px-4 py-4 text-base font-bold text-black transition hover:bg-ark-gold2 disabled:cursor-wait disabled:opacity-70"
             >
-              {state === "signing" ? t("walletSigning") : t("walletUseCurrent")}
-            </button>
-          ) : !mobileDevice ? (
-            <button
-              type="button"
-              onClick={connectBrowserWallet}
-              disabled={busy || wc.state !== "idle"}
-              className="flex items-center justify-center gap-2 rounded-2xl bg-ark-gold px-4 py-4 text-base font-bold text-black transition hover:bg-ark-gold2 disabled:cursor-wait disabled:opacity-70"
-            >
-              {wc.state === "connecting"
-                ? t("walletConnecting")
-                : wc.state === "signing" || state === "signing"
-                  ? t("walletSigning")
+              {state === "signing"
+                ? t("walletSigning")
+                : mobileDevice
+                  ? t("walletUseCurrent")
                   : t("walletInjected")}
             </button>
           ) : null}

src/wallet/injected.ts

@@ -34,30 +34,66 @@ export function getInjectedWallet(kind?: WalletKind): EthereumProvider | null {
   return match ?? null;
 }
 
+/** Diagnostic: log what injected providers the browser exposes. */
+export function logWalletProviders(): void {
+  const ethereum = getInjectedEthereum();
+  const list = (
+    ethereum?.providers?.length
+      ? ethereum.providers
+      : ethereum
+        ? [ethereum]
+        : []
+  ).map((p) => ({
+    isMetaMask: Boolean(p.isMetaMask),
+    isTokenPocket: Boolean(p.isTokenPocket),
+    isImToken: Boolean(p.isImToken),
+  }));
+  // eslint-disable-next-line no-console
+  console.info("[wallet-login] providers", {
+    hasEthereum: Boolean(ethereum),
+    count: list.length,
+    list,
+  });
+}
+
 export async function signInWithInjectedWallet(kind?: WalletKind): Promise<{
   token: string;
   wallet: string;
 }> {
+  /* eslint-disable no-console */
+  console.info("[wallet-login] start injected", { kind });
+  logWalletProviders();
   const ethereum = getInjectedWallet(kind);
-  if (!ethereum) throw new Error("No injected wallet found");
+  if (!ethereum) {
+    console.warn("[wallet-login] no injected provider found");
+    throw new Error("No injected wallet found");
+  }
 
   // Login is signature-only (EIP-191 personal_sign). The backend verifies the
   // recovered address and never inspects chainId, so we deliberately do NOT
   // switch or add any chain — that only adds a failure-prone wallet popup.
+  console.info("[wallet-login] requesting accounts (eth_requestAccounts)…");
   const accounts = await ethereum.request<string[]>({
     method: "eth_requestAccounts",
   });
+  console.info("[wallet-login] accounts", accounts);
   const address = accounts[0];
   if (!address) throw new Error("No wallet account returned");
 
+  console.info("[wallet-login] requesting nonce for", address);
   const nonce = await requestWalletNonce(address);
+  console.info("[wallet-login] got nonce, requesting personal_sign…");
   const signature = await ethereum.request<string>({
     method: "personal_sign",
     params: [nonce.message, address],
   });
-  return verifyWalletSignature({
+  console.info("[wallet-login] signed, verifying with backend…");
+  const result = await verifyWalletSignature({
     address,
     message: nonce.message,
     signature,
   });
+  console.info("[wallet-login] verified, wallet =", result.wallet);
+  return result;
+  /* eslint-enable no-console */
 }