fix: friendly error handling + faucet link on register page

- Replace [object Object] with human-friendly messages when MetaMask/Circle SDK throws plain objects

- Add extractErrorMessage() helper in wallet-context.tsx and register/page.tsx

- Add 'Get tUSDC from faucet' link under wallet bar on register page

Author: HP

packages/web/app/register/page.tsx

@@ -233,6 +233,16 @@ export default function RegisterPage() {
               )}
             </div>
           </div>
+          <div className="mt-sm" style={{ textAlign: "right" }}>
+            <a
+              href="https://faucet.circle.com/"
+              target="_blank"
+              rel="noopener noreferrer"
+              className="text-xs text-secondary hover:text-accent transition"
+            >
+              Get tUSDC from faucet →
+            </a>
+          </div>
         </section>
 
         {/* Type Selector */}
@@ -378,14 +388,10 @@ export default function RegisterPage() {
 }
 
 function readableError(err: unknown): string {
-  const msg = err instanceof Error
-    ? err.message
-    : (typeof err === "object" && err !== null && "message" in err)
-      ? String((err as { message: unknown }).message)
-      : String(err);
+  const msg = extractErrorMessage(err);
   const lower = msg.toLowerCase();
   if (lower.includes("insufficient usdc") || lower.includes("you need")) return msg;
-  if (lower.includes("user rejected") || lower.includes("user denied")) return "You rejected the transaction in your wallet.";
+  if (lower.includes("user rejected") || lower.includes("user denied") || lower.includes("user cancelled")) return "You cancelled the transaction in your wallet.";
   if (lower.includes("reserved")) return "This name is reserved and cannot be registered.";
   if (lower.includes("name not available") || lower.includes("namenotavailable")) return "This name is no longer available.";
   if (lower.includes("commit")) return "Timing issue with commit-reveal. Please wait a moment and try again.";
@@ -394,3 +400,18 @@ function readableError(err: unknown): string {
   if (lower.includes("network") || lower.includes("fetch")) return "Network error. Check your connection and try again.";
   return msg;
 }
+
+/** Extract a human-readable string from any thrown value (plain object, Error, etc.). */
+function extractErrorMessage(err: unknown): string {
+  if (typeof err === "string") return err;
+  if (err instanceof Error) return err.message;
+  if (typeof err === "object" && err !== null) {
+    const obj = err as { message?: unknown; code?: unknown };
+    if (typeof obj.message === "string") return obj.message;
+  }
+  const fallback = String(err);
+  if (fallback === "[object Object]" || fallback === "[object Undefined]" || fallback === "[object Null]") {
+    return "Something went wrong. Please try again.";
+  }
+  return fallback;
+}

packages/web/app/wallet-context.tsx

@@ -119,9 +119,9 @@ export function WalletProvider({ children }: { children: React.ReactNode }) {
           setWalletError("Failed to add Arc Testnet to your wallet.");
         }
       } else {
-        const msg = switchErr instanceof Error ? switchErr.message : String(switchErr);
+        const msg = extractErrorMessage(switchErr);
         if (msg.toLowerCase().includes("user rejected")) {
-          setWalletError("Network switch was rejected.");
+          setWalletError("Network switch was cancelled.");
         } else {
           setWalletError(msg);
         }
@@ -169,3 +169,18 @@ export function WalletProvider({ children }: { children: React.ReactNode }) {
     </WalletContext.Provider>
   );
 }
+
+/** Extract a human-readable string from any thrown value (MetaMask plain objects, Error, etc.). */
+function extractErrorMessage(err: unknown): string {
+  if (typeof err === "string") return err;
+  if (err instanceof Error) return err.message;
+  if (typeof err === "object" && err !== null) {
+    const obj = err as { message?: unknown };
+    if (typeof obj.message === "string") return obj.message;
+  }
+  const fallback = String(err);
+  if (fallback === "[object Object]" || fallback === "[object Undefined]" || fallback === "[object Null]") {
+    return "Something went wrong. Please try again.";
+  }
+  return fallback;
+}