@xrpl-wallet-kit/browser 0.1.7 → 0.1.9

package/dist/xrpl-wallet-kit.iife.js

@@ -1,4 +1,4 @@
-/*! @xrpl-wallet-kit/browser v0.1.7 | MIT | https://github.com/XRPDomains/xrpl-wallet-kit */
+/*! @xrpl-wallet-kit/browser v0.1.9 | MIT | https://github.com/XRPDomains/xrpl-wallet-kit */
 var __defProp = Object.defineProperty;
 var __typeError = (msg) => {
   throw TypeError(msg);
@@ -2431,6 +2431,8 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
   const SESSION_KEY = "session";
   const WALLET_STORAGE_VERSION = 1;
   const RECOVER_SESSION_RETRY_DELAYS_MS = [0, 700, 1600, 3e3];
+  const DEFAULT_AUTO_RECONNECT_RESTORE_TIMEOUT_MS = 3e3;
+  const DEFAULT_PENDING_RETURN_RECOVERY_TIMEOUT_MS = 1e4;
   const DEFAULT_ACCOUNT_STATUS_TIMEOUT_MS = 2500;
   const DEFAULT_AUTHENTICATE_EXPIRES_IN_SECONDS = 3600;
   const DEFAULT_TX_CONFIRMATION_ATTEMPTS = 6;
@@ -2543,9 +2545,14 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
       }
       try {
         if (adapter.restoreSession) {
-          const restored = await adapter.restoreSession(session);
+          const restoredResult = await this.withTimeout(adapter.restoreSession(session), DEFAULT_AUTO_RECONNECT_RESTORE_TIMEOUT_MS);
+          if (restoredResult.timedOut) {
+            await this.clearStoredSessionAsStale(session, "restore_timeout");
+            return null;
+          }
+          const restored = restoredResult.value;
           if (!(restored == null ? void 0 : restored.session)) {
-            this.emit("session_stale", { adapterId: session.adapterId, account: session.account, session, reason: "restore_unavailable" });
+            await this.clearStoredSessionAsStale(session, "restore_unavailable");
             return null;
           }
           const enrichedSession2 = await this.enrichSession(this.withWalletMetadata(restored.session, adapter));
@@ -2555,8 +2562,19 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
           this.emit("connected", { adapterId: enrichedSession2.adapterId, account: enrichedSession2.account, session: enrichedSession2 });
           return enrichedSession2;
         }
-        if (adapter.isAvailable && !await adapter.isAvailable()) {
-          this.emit("session_stale", { adapterId: session.adapterId, account: session.account, session, reason: "adapter_unavailable" });
+        if (adapter.isAvailable) {
+          const availability = await this.withTimeout(Promise.resolve(adapter.isAvailable()), DEFAULT_AUTO_RECONNECT_RESTORE_TIMEOUT_MS);
+          if (availability.timedOut) {
+            await this.clearStoredSessionAsStale(session, "availability_timeout");
+            return null;
+          }
+          if (!availability.value) {
+            await this.clearStoredSessionAsStale(session, "adapter_unavailable");
+            return null;
+          }
+        }
+        if (session.expiresAt && session.expiresAt <= Date.now()) {
+          await this.clearStoredSessionAsStale(session, "session_expired");
           return null;
         }
         const enrichedSession = await this.enrichSession(this.withWalletMetadata(session, adapter));
@@ -2590,16 +2608,34 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
         return null;
       const announcedAdapters = /* @__PURE__ */ new Set();
       const recoveryRetryDelaysMs = this.config.recoveryRetryDelaysMs ?? RECOVER_SESSION_RETRY_DELAYS_MS;
+      const recoveryDeadline = Date.now() + DEFAULT_PENDING_RETURN_RECOVERY_TIMEOUT_MS;
+      let timedOut = false;
       for (const delayMs of recoveryRetryDelaysMs) {
+        const remainingBeforeDelay = recoveryDeadline - Date.now();
+        if (remainingBeforeDelay <= 0) {
+          timedOut = true;
+          break;
+        }
         if (delayMs > 0)
-          await this.delay(delayMs);
+          await this.delay(Math.min(delayMs, remainingBeforeDelay));
         for (const adapter of recoverableAdapters) {
+          const remaining = recoveryDeadline - Date.now();
+          if (remaining <= 0) {
+            timedOut = true;
+            break;
+          }
           try {
             if (!announcedAdapters.has(adapter.metadata.id)) {
               announcedAdapters.add(adapter.metadata.id);
               this.emit("connecting", { adapterId: adapter.metadata.id, recovering: true });
             }
-            const recovered = await ((_a2 = adapter.recoverSession) == null ? void 0 : _a2.call(adapter, { network, walletId: adapter.metadata.id }));
+            const recovery = await this.withTimeout((_a2 = adapter.recoverSession) == null ? void 0 : _a2.call(adapter, { network, walletId: adapter.metadata.id }), remaining);
+            if (recovery.timedOut) {
+              timedOut = true;
+              this.logger.warn(`Session recovery timed out for ${adapter.metadata.id}`);
+              break;
+            }
+            const recovered = recovery.value;
             if (!(recovered == null ? void 0 : recovered.session))
               continue;
             const enrichedSession = await this.enrichSession(this.withWalletMetadata(recovered.session, adapter));
@@ -2613,14 +2649,20 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
             this.logger.warn(`Session recovery failed for ${adapter.metadata.id}`, error);
           }
         }
+        if (timedOut)
+          break;
       }
       recoverableAdapters.forEach((adapter) => {
         var _a3;
-        this.emit("session_stale", { adapterId: adapter.metadata.id, reason: "recover_unavailable", attempts: recoveryRetryDelaysMs.length });
+        this.emit("session_stale", { adapterId: adapter.metadata.id, reason: timedOut ? "recover_timeout" : "recover_unavailable", attempts: recoveryRetryDelaysMs.length });
         void ((_a3 = adapter.cancelPendingConnection) == null ? void 0 : _a3.call(adapter));
       });
       return null;
     }
+    async clearStoredSessionAsStale(session, reason) {
+      await this.storage.removeItem(SESSION_KEY);
+      this.emit("session_stale", { adapterId: session.adapterId, account: session.account, session, reason });
+    }
     delay(ms2) {
       return new Promise((resolve) => setTimeout(resolve, ms2));
     }
@@ -4402,7 +4444,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     async connect(options) {
       var _a2;
       const signInAndWait = this.requireMethod("signInAndWait");
-      const result = await signInAndWait(this.randomHex());
+      const result = await this.withAbort(signInAndWait(this.randomHex()), options.signal);
       const address = this.pickString(result, ["response.data.address", "response.address", "address"]);
       if (!address)
         throw new Error("Crossmark did not return an XRPL address");
@@ -4511,6 +4553,37 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
       const value = pickPath(source, paths);
       return typeof value === "string" && value.trim() ? value : void 0;
     }
+    withAbort(promise, signal) {
+      if (!signal)
+        return promise;
+      if (signal.aborted)
+        return Promise.reject(createWalletError.connectionRejected(this.metadata.name, new Error("Connection was cancelled")));
+      return new Promise((resolve, reject) => {
+        let settled = false;
+        const cleanup = () => signal.removeEventListener("abort", abort);
+        const abort = () => {
+          if (settled)
+            return;
+          settled = true;
+          cleanup();
+          reject(createWalletError.connectionRejected(this.metadata.name, new Error("Connection was cancelled")));
+        };
+        signal.addEventListener("abort", abort, { once: true });
+        promise.then((value) => {
+          if (settled)
+            return;
+          settled = true;
+          cleanup();
+          resolve(value);
+        }, (error) => {
+          if (settled)
+            return;
+          settled = true;
+          cleanup();
+          reject(error);
+        });
+      });
+    }
   }
   function createCrossmarkAdapter(options) {
     return new CrossmarkAdapter(options);
@@ -4537,14 +4610,14 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     async connect(options) {
       var _a2;
       const provider = this.provider();
-      const state2 = await this.initialize(provider);
-      const connected = await this.resolveConnected(provider, state2);
+      const state2 = await this.withAbort(this.initialize(provider), options.signal);
+      const connected = await this.withAbort(this.resolveConnected(provider, state2), options.signal);
       if (!connected)
         throw new Error("DropFi connection was rejected");
-      const address = await this.resolveAddress(provider, connected, state2);
+      const address = await this.withAbort(this.resolveAddress(provider, connected, state2), options.signal);
       if (!address)
         throw new Error("DropFi did not return an XRPL address");
-      const publicKey = await this.resolvePublicKey(provider, connected, state2);
+      const publicKey = await this.withAbort(this.resolvePublicKey(provider, connected, state2), options.signal);
       this.activeAddress = address;
       return { account: { address, publicKey, network: options.network, networkType: (_a2 = options.network) == null ? void 0 : _a2.networkType }, raw: { connected, address, publicKey } };
     }
@@ -4639,6 +4712,37 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
           clearTimeout(timer);
       }
     }
+    withAbort(promise, signal) {
+      if (!signal)
+        return promise;
+      if (signal.aborted)
+        return Promise.reject(createWalletError.connectionRejected(this.metadata.name, new Error("Connection was cancelled")));
+      return new Promise((resolve, reject) => {
+        let settled = false;
+        const cleanup = () => signal.removeEventListener("abort", abort);
+        const abort = () => {
+          if (settled)
+            return;
+          settled = true;
+          cleanup();
+          reject(createWalletError.connectionRejected(this.metadata.name, new Error("Connection was cancelled")));
+        };
+        signal.addEventListener("abort", abort, { once: true });
+        promise.then((value) => {
+          if (settled)
+            return;
+          settled = true;
+          cleanup();
+          resolve(value);
+        }, (error) => {
+          if (settled)
+            return;
+          settled = true;
+          cleanup();
+          reject(error);
+        });
+      });
+    }
     provider(required = true) {
       const host = globalThis;
       const provider = this.options.provider ?? host.__xwk_dropfi ?? host.dropfi ?? this.resolveLegacyXrplProvider(host.xrpl);
@@ -8855,7 +8959,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
         throw new Error("Please install GemWallet Extension");
       if (!provider.getAddress)
         throw new Error("GemWallet provider is missing getAddress()");
-      const [address, publicKey, network] = await Promise.all([provider.getAddress(), this.getPublicKey(provider), (_a2 = provider.getNetwork) == null ? void 0 : _a2.call(provider)]);
+      const [address, publicKey, network] = await this.withAbort(Promise.all([provider.getAddress(), this.getPublicKey(provider), (_a2 = provider.getNetwork) == null ? void 0 : _a2.call(provider)]), options.signal);
       const accountAddress = (_b = address.result) == null ? void 0 : _b.address;
       if (!accountAddress)
         throw new Error("GemWallet did not return an XRPL address");
@@ -9031,6 +9135,37 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     networkName(network) {
       return typeof network === "string" ? network : network == null ? void 0 : network.name;
     }
+    withAbort(promise, signal) {
+      if (!signal)
+        return promise;
+      if (signal.aborted)
+        return Promise.reject(createWalletError.connectionRejected(this.metadata.name, new Error("Connection was cancelled")));
+      return new Promise((resolve, reject) => {
+        let settled = false;
+        const cleanup = () => signal.removeEventListener("abort", abort);
+        const abort = () => {
+          if (settled)
+            return;
+          settled = true;
+          cleanup();
+          reject(createWalletError.connectionRejected(this.metadata.name, new Error("Connection was cancelled")));
+        };
+        signal.addEventListener("abort", abort, { once: true });
+        promise.then((value) => {
+          if (settled)
+            return;
+          settled = true;
+          cleanup();
+          resolve(value);
+        }, (error) => {
+          if (settled)
+            return;
+          settled = true;
+          cleanup();
+          reject(error);
+        });
+      });
+    }
   }
   function createGemWalletAdapter(options) {
     return new GemWalletAdapter(options);
@@ -10546,9 +10681,10 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     }
   }
   function createWalletConnectMetadata(metadata2) {
+    var _a2;
     return {
       ...metadata2,
-      icons: [WALLETCONNECT_ICON]
+      icons: ((_a2 = metadata2.icons) == null ? void 0 : _a2.length) ? metadata2.icons : [WALLETCONNECT_ICON]
     };
   }
   function createWalletConnectAdapter(options) {
@@ -15525,6 +15661,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
   var distExports = requireDist$4();
   const XAMAN_ICON = "data:image/png;base64,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";
   const XAMAN_PENDING_RECOVERY_TTL_MS = 18e4;
+  const XAMAN_RESTORE_READY_TIMEOUT_MS = 2500;
   class XamanAdapter extends BaseWalletAdapter {
     constructor(options) {
       super();
@@ -15548,7 +15685,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     async connect(options) {
       await this.setPendingRecoveryMarker();
       try {
-        const result = await this.authorize();
+        const result = await this.withAbort(this.authorize(), options.signal);
         if (result instanceof Error)
           throw result;
         const connectResult = await this.createConnectResultFromAuth(result, options);
@@ -15578,7 +15715,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
       if (!await this.hasPendingRecoveryMarker())
         return null;
       try {
-        const result = await this.authorize();
+        const result = await this.withAbort(this.authorize(), options.signal);
         if (!result || result instanceof Error) {
           this.clearPendingRecoveryMarker();
           return null;
@@ -15642,19 +15779,24 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
       });
     }
     async checkXamanState(options = {}) {
-      var _a2, _b, _c, _d, _e2, _f;
-      if (!((_b = (_a2 = this.sdk) == null ? void 0 : _a2.state) == null ? void 0 : _b.signedIn) && !((_d = (_c = this.sdk) == null ? void 0 : _c.state) == null ? void 0 : _d.account))
+      var _a2, _b, _c, _d;
+      if (!this.sdk)
         return null;
-      const accountAddress = await this.resolveSdkValue((_e2 = this.sdk.user) == null ? void 0 : _e2.account) ?? this.sdk.state.account;
+      await this.waitForSdkReady(this.sdk);
+      const openid = await this.resolveSdkValue((_a2 = this.sdk.environment) == null ? void 0 : _a2.openid);
+      const accountAddress = await this.resolveSdkValue((_b = this.sdk.user) == null ? void 0 : _b.account) ?? ((_c = this.sdk.state) == null ? void 0 : _c.account) ?? (openid == null ? void 0 : openid.account) ?? (openid == null ? void 0 : openid.sub);
       if (!accountAddress)
         return null;
       return {
         account: {
           address: accountAddress,
           network: options.network,
-          networkType: await this.resolveSdkValue((_f = this.sdk.user) == null ? void 0 : _f.networkType)
+          networkType: await this.resolveSdkValue((_d = this.sdk.user) == null ? void 0 : _d.networkType) ?? (openid == null ? void 0 : openid.networkType)
         },
-        raw: this.sdk.state
+        raw: {
+          state: this.sdk.state,
+          openid
+        }
       };
     }
     requireSdk() {
@@ -15730,6 +15872,20 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     async resolveSdkValue(value) {
       return value instanceof Promise ? value : value;
     }
+    async waitForSdkReady(sdk) {
+      var _a2, _b, _c;
+      const readySignals = [
+        (_a2 = sdk.environment) == null ? void 0 : _a2.ready,
+        (_b = sdk.environment) == null ? void 0 : _b.retrieved,
+        (_c = sdk.environment) == null ? void 0 : _c.success
+      ].filter((signal) => Boolean(signal));
+      if (!readySignals.length)
+        return;
+      await Promise.race([
+        Promise.race(readySignals).then(() => void 0),
+        new Promise((resolve) => setTimeout(resolve, XAMAN_RESTORE_READY_TIMEOUT_MS))
+      ]);
+    }
     clearPkceStorage() {
       var _a2;
       if (typeof window === "undefined")
@@ -15739,6 +15895,37 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
       } catch {
       }
     }
+    withAbort(promise, signal) {
+      if (!signal)
+        return promise;
+      if (signal.aborted)
+        return Promise.reject(createWalletError.connectionRejected(this.metadata.name, new Error("Connection was cancelled")));
+      return new Promise((resolve, reject) => {
+        let settled = false;
+        const cleanup = () => signal.removeEventListener("abort", abort);
+        const abort = () => {
+          if (settled)
+            return;
+          settled = true;
+          cleanup();
+          reject(createWalletError.connectionRejected(this.metadata.name, new Error("Connection was cancelled")));
+        };
+        signal.addEventListener("abort", abort, { once: true });
+        promise.then((value) => {
+          if (settled)
+            return;
+          settled = true;
+          cleanup();
+          resolve(value);
+        }, (error) => {
+          if (settled)
+            return;
+          settled = true;
+          cleanup();
+          reject(error);
+        });
+      });
+    }
     getPendingRecoveryKey() {
       return `xwk.xaman.pending.${this.options.apiKey ?? "injected"}`;
     }
@@ -15795,8 +15982,8 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     async connect(options) {
       var _a2;
       const ethereum = this.ethereum();
-      await ethereum.request({ method: "wallet_requestSnaps", params: { [this.snapId]: {} } });
-      const snap = await ethereum.request({ method: "wallet_invokeSnap", params: { snapId: this.snapId, request: { method: "xrpl_getAccount" } } });
+      await this.withAbort(ethereum.request({ method: "wallet_requestSnaps", params: { [this.snapId]: {} } }), options.signal);
+      const snap = await this.withAbort(ethereum.request({ method: "wallet_invokeSnap", params: { snapId: this.snapId, request: { method: "xrpl_getAccount" } } }), options.signal);
       const address = snap.account;
       if (!address)
         throw new Error("XRPL Snap did not return an XRPL address");
@@ -15938,6 +16125,37 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
         throw new Error("No MetaMask provider installed");
       return ethereum;
     }
+    withAbort(promise, signal) {
+      if (!signal)
+        return promise;
+      if (signal.aborted)
+        return Promise.reject(createWalletError.connectionRejected(this.metadata.name, new Error("Connection was cancelled")));
+      return new Promise((resolve, reject) => {
+        let settled = false;
+        const cleanup = () => signal.removeEventListener("abort", abort);
+        const abort = () => {
+          if (settled)
+            return;
+          settled = true;
+          cleanup();
+          reject(createWalletError.connectionRejected(this.metadata.name, new Error("Connection was cancelled")));
+        };
+        signal.addEventListener("abort", abort, { once: true });
+        promise.then((value) => {
+          if (settled)
+            return;
+          settled = true;
+          cleanup();
+          resolve(value);
+        }, (error) => {
+          if (settled)
+            return;
+          settled = true;
+          cleanup();
+          reject(error);
+        });
+      });
+    }
   }
   function createXrplSnapAdapter(options) {
     return new XrplSnapAdapter(options);
@@ -15951,11 +16169,11 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     error: "#b45309",
     success: "#059669",
     muted: "#64748b",
-    border: "#e5e7eb",
+    border: "rgba(17,24,39,.08)",
     overlay: "rgba(15,23,42,.46)",
     overlayBlur: 0,
     surface: "#f8fafc",
-    surfaceHover: "#f1f5f9",
+    surfaceHover: "rgba(17,24,39,.04)",
     fallbackIconBackground: "rgba(15,23,42,.06)",
     fallbackIconColor: "#111827",
     shadow: "0 8px 40px rgba(15,23,42,.12), 0 0 0 1px rgba(15,23,42,.04)",
@@ -15973,7 +16191,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     error: "#fbbf24",
     success: "#34d399",
     muted: "#94a3b8",
-    border: "#334155",
+    border: "rgba(248,250,252,.10)",
     overlay: "rgba(2,6,23,.72)",
     overlayBlur: 0,
     surface: "#1f2937",
@@ -16036,12 +16254,12 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     muted: "#64748b",
     border: "rgba(255,255,255,.50)",
     overlay: "rgba(15,23,42,.30)",
-    overlayBlur: 20,
+    overlayBlur: 24,
     surface: "rgba(255,255,255,.52)",
     surfaceHover: "rgba(255,255,255,.66)",
     fallbackIconBackground: "rgba(99,102,241,.15)",
     fallbackIconColor: "#6366f1",
-    shadow: "0 8px 40px rgba(99,102,241,.15), 0 0 0 1px rgba(255,255,255,.30)",
+    shadow: "0 0 0 1px rgba(255,255,255,.08), 0 12px 40px rgba(15,23,42,.24)",
     radius: "20px",
     walletRadius: "14px",
     spinnerTrail: "rgba(99,102,241,.15)",
@@ -16268,15 +16486,18 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     const accountPanel = ui.accountPanel ?? {};
     const identity2 = ui.identity ?? {};
     const { accountPanelMode: overrideAccountPanelMode, ...restOverrides } = overrides;
+    const themeMode = ui.mode ?? ui.themeMode ?? overrides.themeMode ?? "light";
     const theme = {
-      ...resolveWalletTheme({ mode: ui.mode ?? overrides.themeMode ?? "light", themeName: ui.themeName }),
+      ...resolveWalletTheme({ mode: themeMode, themeName: ui.themeName }),
+      ...ui.theme ?? {},
       ...ui.customTheme ?? {},
       ...overrides.theme ?? {}
     };
-    return createDefaultWalletButtonConfig({
+    return createDefaultWalletButtonConfig(compactWalletButtonConfig({
       language: ui.language,
       messages: resolveWalletUiMessages(ui.language, ui.messages),
       label: connectButton.label,
+      icon: connectButton.icon,
       showAdapterIcon: connectButton.showAdapterIcon,
       showChevron: connectButton.showChevron,
       showBalance: connectButton.showBalance,
@@ -16291,18 +16512,19 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
       showWeb3Name: identity2.enabled ?? true,
       fallbackToAddress: identity2.fallbackToAddress,
       identityResolver: identity2.resolver,
-      themeMode: ui.mode,
+      themeMode,
       themeName: ui.themeName,
       ...restOverrides,
       accountPanelMode: overrideAccountPanelMode ?? accountPanel.mode ?? "modal",
       theme
-    });
+    }));
   }
   function createDefaultWalletButtonConfig(overrides = {}) {
     const { theme, ...rest } = overrides;
     const messages = resolveWalletUiMessages(overrides.language, overrides.messages);
-    return {
+    return compactWalletButtonConfig({
       showWeb3Name: true,
+      icon: { type: "default" },
       showAdapterIcon: true,
       showChevron: true,
       showBalance: false,
@@ -16324,7 +16546,10 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
         ...resolveWalletTheme({ mode: rest.themeMode ?? "light", themeName: rest.themeName }),
         ...theme ?? {}
       }
-    };
+    });
+  }
+  function compactWalletButtonConfig(config) {
+    return Object.fromEntries(Object.entries(config).filter(([, value]) => value !== void 0));
   }
   var qrCodeStyling$1 = { exports: {} };
   var qrCodeStyling = qrCodeStyling$1.exports;
@@ -19620,13 +19845,6 @@ ${new this._window.XMLSerializer().serializeToString(e4)}`;
     window.scrollTo(0, savedScrollY);
     savedScrollY = 0;
   }
-  function getWalletStyleId(prefix, styles2) {
-    let hash2 = 5381;
-    for (let index2 = 0; index2 < styles2.length; index2 += 1) {
-      hash2 = (hash2 << 5) + hash2 ^ styles2.charCodeAt(index2);
-    }
-    return `${prefix}-${(hash2 >>> 0).toString(36)}`;
-  }
   function ensureWalletStyle(id2, styles2) {
     if (typeof document === "undefined")
       return;
@@ -19636,6 +19854,8 @@ ${new this._window.XMLSerializer().serializeToString(e4)}`;
       element = document.createElement("style");
       element.dataset.xwkStyle = id2;
       document.head.appendChild(element);
+    } else if (element.nextSibling) {
+      document.head.appendChild(element);
     }
     if (element.textContent !== styles2)
       element.textContent = styles2;
@@ -19654,6 +19874,7 @@ ${new this._window.XMLSerializer().serializeToString(e4)}`;
       this.qrCopied = false;
       this.qrLightMode = false;
       this.availability = {};
+      this.availabilityLoading = false;
       this.offEvents = [];
       this.openHandlers = /* @__PURE__ */ new Set();
       this.closeHandlers = /* @__PURE__ */ new Set();
@@ -19672,6 +19893,7 @@ ${new this._window.XMLSerializer().serializeToString(e4)}`;
     }
     open() {
       this.activeGroupId = void 0;
+      this.availabilityLoading = true;
       this.lastFocusedElement = document.activeElement instanceof HTMLElement ? document.activeElement : null;
       this.renderView("list");
       this.openHandlers.forEach((handler) => handler());
@@ -20073,7 +20295,11 @@ ${new this._window.XMLSerializer().serializeToString(e4)}`;
     }
     async refreshAvailability() {
       var _a2;
-      this.availability = await this.options.manager.getWalletAvailability();
+      try {
+        this.availability = await this.options.manager.getWalletAvailability();
+      } finally {
+        this.availabilityLoading = false;
+      }
       if (((_a2 = this.root) == null ? void 0 : _a2.dataset.xwkView) !== "list")
         return;
       const grid = this.root.querySelector(".xwk-grid");
@@ -20403,7 +20629,7 @@ ${new this._window.XMLSerializer().serializeToString(e4)}`;
       this.bindChrome();
     }
     renderQrLoading() {
-      return `<span class="xwk-qr-loading" role="status" aria-live="polite"><span class="xwk-qr-loading-spinner"></span><span>${this.escapeHtml(this.messages().generatingQr)}</span></span>`;
+      return `<span class="xwk-qr-loading xwk-qr-loading-skeleton" role="status" aria-live="polite"><span class="xwk-skeleton-qr xwk-qr-skeleton" aria-hidden="true"></span><span class="xwk-sr-only">${this.escapeHtml(this.messages().generatingQr)}</span></span>`;
     }
     renderQrCopyButtonContent() {
       const messages = this.messages();
@@ -20479,11 +20705,12 @@ ${new this._window.XMLSerializer().serializeToString(e4)}`;
     }
     ensureStyles(theme, layout, size2, textSize) {
       const styles2 = `${this.renderStyles(theme, layout, size2, textSize)}${this.renderMobileSheetOverrides(theme)}`;
-      ensureWalletStyle(getWalletStyleId("xwk-modal", styles2), styles2);
+      ensureWalletStyle("xwk-modal", styles2);
     }
     renderMobileSheetOverrides(theme) {
       const inlineOverrides = `.xwk-inline{background:transparent!important;display:block!important;inset:auto!important;opacity:1!important;overflow:visible!important;padding:0!important;place-items:initial!important;position:relative!important;z-index:auto!important}.xwk-inline .xwk-modal{border:1px solid ${theme.border}!important;border-radius:${theme.radius}!important;box-shadow:none!important;max-height:none!important;max-width:none!important;opacity:1!important;transform:none!important;transition:none!important;width:100%!important}.xwk-inline .xwk-body{max-height:none!important}.xwk-inline .xwk-header-spacer{display:block;height:44px;width:44px}.xwk-inline[data-xwk-state="closing"] .xwk-modal{opacity:1!important;transform:none!important}`;
-      return `.xwk-modal:focus{outline:none}.xwk-sr-only{border:0!important;clip:rect(0 0 0 0)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}.xwk-error-text,.xwk-connect-status.xwk-error-text,.xwk-qr-loading.xwk-error-text{color:${theme.error}!important}.xwk-close,.xwk-back{-webkit-appearance:none;-webkit-tap-highlight-color:transparent;appearance:none;background:transparent!important;border:0!important;box-shadow:none!important;margin:0;outline:none!important}.xwk-close:focus-visible,.xwk-back:focus-visible{outline:2px solid ${theme.accent}!important;outline-offset:0}@media(max-width:640px){.xwk-overlay{padding:max(12px,env(safe-area-inset-top)) 0 0!important;place-items:end center!important}.xwk-modal{align-self:end!important;border-bottom:0!important;border-bottom-left-radius:0!important;border-bottom-right-radius:0!important;border-left:0!important;border-right:0!important;border-top-left-radius:${theme.radius}!important;border-top-right-radius:${theme.radius}!important;height:auto!important;max-height:calc(100dvh - env(safe-area-inset-top))!important;max-width:none!important;width:100vw!important}.xwk-header{border-top-left-radius:${theme.radius};border-top-right-radius:${theme.radius}}.xwk-body{padding-bottom:max(6px,calc(6px + env(safe-area-inset-bottom)))!important}.xwk-overlay[data-xwk-view="list"] .xwk-body{padding-bottom:max(2px,calc(2px + env(safe-area-inset-bottom)))!important}.xwk-network-row{margin:-4px 0 8px!important}.xwk-overlay[data-xwk-view="list"] .xwk-footer{padding-top:6px!important}}${inlineOverrides}`;
+      const skeletonOverrides = `.xwk-skeleton{animation:xwk-qr-skeleton-pulse 1.4s ease-in-out infinite;background:linear-gradient(90deg,${theme.surface} 25%,${theme.surfaceHover} 50%,${theme.surface} 75%);background-size:200% 100%;display:inline-block}.xwk-skeleton-circle{border-radius:999px}.xwk-skeleton-line{height:14px;border-radius:4px}.xwk-skeleton-pill{border-radius:999px}.xwk-skeleton-card,.xwk-skeleton-button{border-radius:${theme.walletRadius}}.xwk-skeleton-row{align-items:center;display:flex;gap:12px;width:100%}.xwk-qr-loading-skeleton{display:grid;height:100%;place-items:stretch;width:100%}.xwk-qr-skeleton{border-radius:10px;box-sizing:border-box;display:block;height:100%;overflow:hidden;position:relative;width:100%}.xwk-qr-skeleton:before{background-image:radial-gradient(circle,${theme.muted} 0 2px,transparent 2.8px);background-size:14px 14px;content:"";inset:0;opacity:.22;position:absolute}.xwk-qr-skeleton:after{animation:xwk-qr-shimmer 1.35s ease-in-out infinite;background:linear-gradient(90deg,transparent 0%,${theme.surfaceHover} 42%,rgba(255,255,255,.34) 50%,${theme.surfaceHover} 58%,transparent 100%);content:"";inset:0;opacity:.52;position:absolute;transform:translateX(-115%);will-change:transform}.xwk-wallet-badge-loading{color:transparent;min-width:72px;visibility:visible}.xwk-wallet-badge-loading:before{display:none}@keyframes xwk-qr-skeleton-pulse{0%{background-position:200% 0}100%{background-position:-200% 0}}@keyframes xwk-qr-shimmer{0%{transform:translateX(-115%)}100%{transform:translateX(115%)}}@media(prefers-reduced-motion:reduce){.xwk-skeleton,.xwk-qr-skeleton,.xwk-qr-skeleton:after{animation:none!important}.xwk-skeleton,.xwk-qr-skeleton{background:${theme.surfaceHover}!important}.xwk-qr-skeleton:after{display:none!important}}`;
+      return `${skeletonOverrides}.xwk-modal:focus{outline:none}.xwk-sr-only{border:0!important;clip:rect(0 0 0 0)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}.xwk-error-text,.xwk-connect-status.xwk-error-text,.xwk-qr-loading.xwk-error-text{color:${theme.error}!important}.xwk-close,.xwk-back{-webkit-appearance:none;-webkit-tap-highlight-color:transparent;appearance:none;background:transparent!important;border:0!important;box-shadow:none!important;margin:0;outline:none!important}.xwk-close:focus-visible,.xwk-back:focus-visible{outline:2px solid ${theme.accent}!important;outline-offset:0}@media(max-width:640px){.xwk-overlay{padding:max(12px,env(safe-area-inset-top)) 0 0!important;place-items:end center!important}.xwk-modal{align-self:end!important;border-bottom:0!important;border-bottom-left-radius:0!important;border-bottom-right-radius:0!important;border-left:0!important;border-right:0!important;border-top-left-radius:${theme.radius}!important;border-top-right-radius:${theme.radius}!important;height:auto!important;max-height:calc(100dvh - env(safe-area-inset-top))!important;max-width:none!important;width:100vw!important}.xwk-header{border-top-left-radius:${theme.radius};border-top-right-radius:${theme.radius}}.xwk-body{padding-bottom:max(6px,calc(6px + env(safe-area-inset-bottom)))!important}.xwk-overlay[data-xwk-view="list"] .xwk-body{padding-bottom:max(2px,calc(2px + env(safe-area-inset-bottom)))!important}.xwk-network-row{margin:-4px 0 8px!important}.xwk-overlay[data-xwk-view="list"] .xwk-footer{padding-top:6px!important}}${inlineOverrides}`;
     }
     renderWalletList(layout) {
       const groups = this.getGroups();
@@ -20521,8 +20748,12 @@ ${new this._window.XMLSerializer().serializeToString(e4)}`;
       if (wallet.recommended)
         badges.push(`<span class="xwk-wallet-badge xwk-recommended">${this.escapeHtml(messages.recommended || "Recommended")}</span>`);
       if (isExtensionLike) {
-        const className = this.availability[wallet.id] ? "xwk-wallet-badge xwk-installed" : "xwk-wallet-badge";
-        badges.push(`<span class="${className}">${this.escapeHtml(messages.installed || "Installed")}</span>`);
+        if (this.availabilityLoading) {
+          badges.push(`<span class="xwk-wallet-badge xwk-wallet-badge-loading xwk-skeleton xwk-skeleton-pill" aria-hidden="true"></span>`);
+        } else {
+          const className = this.availability[wallet.id] ? "xwk-wallet-badge xwk-installed" : "xwk-wallet-badge";
+          badges.push(`<span class="${className}">${this.escapeHtml(messages.installed || "Installed")}</span>`);
+        }
       }
       if (!badges.length)
         return "";
@@ -20821,10 +21052,11 @@ ${new this._window.XMLSerializer().serializeToString(e4)}`;
       this.balanceLoading = false;
       this.activationStatus = "unknown";
       this.balanceRequest = 0;
+      this.balanceDebounceSession = null;
       this.balanceRefreshTimers = /* @__PURE__ */ new Set();
       this.panelOpen = false;
       this.addressQrOpen = false;
-      this.txSectionOpen = true;
+      this.historyOpen = false;
       this.panelScrollLocked = false;
       this.connecting = false;
       this.copied = false;
@@ -20839,6 +21071,7 @@ ${new this._window.XMLSerializer().serializeToString(e4)}`;
         language: options.language,
         messages,
         label: messages.connectWallet,
+        icon: { type: "default" },
         showAdapterIcon: true,
         showChevron: true,
         showWeb3Name: true,
@@ -20860,7 +21093,7 @@ ${new this._window.XMLSerializer().serializeToString(e4)}`;
         balanceResolver: options.balanceResolver ?? createXrpBalanceResolver(),
         explorerUrl: options.explorerUrl,
         formatAddress: options.formatAddress,
-        ...options
+        ...compactButtonOptions(options)
       };
       this.offEvents.push(options.manager.on("connecting", () => {
         this.connecting = true;
@@ -20870,6 +21103,7 @@ ${new this._window.XMLSerializer().serializeToString(e4)}`;
         this.connecting = false;
         this.panelOpen = false;
         this.addressQrOpen = false;
+        this.historyOpen = false;
         this.renderConnectedState(session ?? options.manager.getSession());
         void this.resolveBalance(session ?? options.manager.getSession());
       }));
@@ -20890,12 +21124,14 @@ ${new this._window.XMLSerializer().serializeToString(e4)}`;
         this.connecting = false;
         this.panelOpen = false;
         this.addressQrOpen = false;
+        this.historyOpen = false;
         this.identityName = null;
         this.identityAvatar = null;
         this.identityRequest += 1;
         this.identityResolvingKey = void 0;
         this.clearIdentitySettleTimer();
         this.clearBalanceRefreshTimers();
+        this.clearBalanceDebounce();
         this.balanceRequest += 1;
         this.balance = null;
         this.balanceLoading = false;
@@ -20908,7 +21144,7 @@ ${new this._window.XMLSerializer().serializeToString(e4)}`;
       }));
       this.offEvents.push(options.manager.on("tx_confirmed", () => {
         this.clearBalanceRefreshTimers();
-        void this.resolveBalance(options.manager.getSession());
+        this.queueBalanceRefresh(options.manager.getSession());
         this.render();
       }));
       this.offEvents.push(options.manager.on("tx_failed", () => {
@@ -20918,13 +21154,13 @@ ${new this._window.XMLSerializer().serializeToString(e4)}`;
         this.clearBalanceRefreshTimers();
         const session = options.manager.getSession();
         this.renderConnectedState(session);
-        void this.resolveBalance(session);
+        this.queueBalanceRefresh(session);
       }));
       this.offEvents.push(options.manager.on("networkChanged", () => {
         this.clearBalanceRefreshTimers();
         const session = options.manager.getSession();
         this.renderConnectedState(session);
-        void this.resolveBalance(session);
+        this.queueBalanceRefresh(session);
       }));
       this.offEvents.push(options.manager.on("error", () => {
         this.connecting = false;
@@ -20975,6 +21211,7 @@ ${new this._window.XMLSerializer().serializeToString(e4)}`;
       this.identityRequest += 1;
       this.identityResolvingKey = void 0;
       this.clearBalanceRefreshTimers();
+      this.clearBalanceDebounce();
       if (this.copyResetTimer)
         window.clearTimeout(this.copyResetTimer);
       if (this.identitySettleTimer)
@@ -20988,9 +21225,15 @@ ${new this._window.XMLSerializer().serializeToString(e4)}`;
       if (!this.target)
         return;
       this.target.innerHTML = "";
-      this.target.appendChild(this.createRoot());
-      this.syncAccountPanelPortal();
-      this.syncPanelListeners();
+      try {
+        this.target.appendChild(this.createRoot());
+        this.syncAccountPanelPortal();
+        this.syncPanelListeners();
+      } catch (error) {
+        this.removeAccountPanelPortal();
+        this.syncPanelScrollLock(false);
+        this.target.appendChild(this.createRenderFallback(error));
+      }
     }
     createRoot() {
       var _a2;
@@ -21008,6 +21251,25 @@ ${new this._window.XMLSerializer().serializeToString(e4)}`;
       this.renderAddressQrIfNeeded(root);
       return root;
     }
+    createRenderFallback(_error) {
+      var _a2;
+      const root = document.createElement("div");
+      root.className = "xwk-button-root";
+      try {
+        this.ensureStyles();
+      } catch {
+      }
+      root.innerHTML = `<button class="xwk-account-button" data-xwk-wallet-reset type="button"><span class="xwk-button-label">${this.escapeHtml("Reset wallet")}</span></button>`;
+      (_a2 = root.querySelector("[data-xwk-wallet-reset]")) == null ? void 0 : _a2.addEventListener("click", (event) => {
+        event.stopPropagation();
+        this.connecting = false;
+        this.panelOpen = false;
+        this.addressQrOpen = false;
+        this.historyOpen = false;
+        void this.options.manager.disconnect();
+      });
+      return root;
+    }
     onButtonClick() {
       const session = this.options.manager.getSession();
       if (!session) {
@@ -21022,6 +21284,7 @@ ${new this._window.XMLSerializer().serializeToString(e4)}`;
     closePanel() {
       this.panelOpen = false;
       this.addressQrOpen = false;
+      this.historyOpen = false;
       this.render();
     }
     handleDocumentPointerDown(event) {
@@ -21034,6 +21297,7 @@ ${new this._window.XMLSerializer().serializeToString(e4)}`;
         return;
       this.panelOpen = false;
       this.addressQrOpen = false;
+      this.historyOpen = false;
       this.render();
     }
     handleDocumentKeyDown(event) {
@@ -21042,6 +21306,7 @@ ${new this._window.XMLSerializer().serializeToString(e4)}`;
       if (event.key === "Escape") {
         this.panelOpen = false;
         this.addressQrOpen = false;
+        this.historyOpen = false;
         this.render();
         return;
       }
@@ -21106,7 +21371,7 @@ ${new this._window.XMLSerializer().serializeToString(e4)}`;
       (_a2 = root.querySelector("[data-xwk-account-close]")) == null ? void 0 : _a2.addEventListener("click", () => this.closePanel());
       (_b = root.querySelector("[data-xwk-account-back]")) == null ? void 0 : _b.addEventListener("click", (event) => {
         event.stopPropagation();
-        this.closeAddressQr();
+        this.closeSubView();
       });
       (_c = root.querySelector("[data-xwk-account-overlay]")) == null ? void 0 : _c.addEventListener("click", (event) => {
         if (event.target === event.currentTarget)
@@ -21120,10 +21385,9 @@ ${new this._window.XMLSerializer().serializeToString(e4)}`;
         event.stopPropagation();
         this.openAddressQr();
       });
-      (_f = root.querySelector("[data-xwk-tx-toggle]")) == null ? void 0 : _f.addEventListener("click", (event) => {
+      (_f = root.querySelector("[data-xwk-tx-history]")) == null ? void 0 : _f.addEventListener("click", (event) => {
         event.stopPropagation();
-        this.txSectionOpen = !this.txSectionOpen;
-        this.render();
+        this.openTransactionHistory();
       });
       (_g = root.querySelector("[data-xwk-disconnect]")) == null ? void 0 : _g.addEventListener("click", () => void this.disconnect());
     }
@@ -21132,10 +21396,20 @@ ${new this._window.XMLSerializer().serializeToString(e4)}`;
         return;
       this.panelOpen = true;
       this.addressQrOpen = true;
+      this.historyOpen = false;
       this.render();
     }
-    closeAddressQr() {
+    openTransactionHistory() {
+      if (!this.options.manager.getSession())
+        return;
+      this.panelOpen = true;
+      this.addressQrOpen = false;
+      this.historyOpen = true;
+      this.render();
+    }
+    closeSubView() {
       this.addressQrOpen = false;
+      this.historyOpen = false;
       this.panelOpen = true;
       this.render();
     }
@@ -21357,9 +21631,13 @@ ${new this._window.XMLSerializer().serializeToString(e4)}`;
       const messages = this.messages();
       const session = this.options.manager.getSession();
       const connected = Boolean(session);
+      if (this.connecting && !session) {
+        const icon2 = this.options.showAdapterIcon ? `<span class="xwk-button-icon xwk-button-icon-loading" aria-hidden="true"><span class="xwk-skeleton xwk-skeleton-circle xwk-skeleton-button-icon"></span></span>` : "";
+        return `<button class="xwk-account-button xwk-account-button-loading" data-xwk-wallet-button type="button" aria-busy="true" aria-label="${this.escapeHtml(messages.connecting)}">${icon2}<span class="xwk-button-label xwk-button-label-loading" aria-hidden="true"><span class="xwk-skeleton xwk-skeleton-line xwk-skeleton-button-label"></span></span></button>`;
+      }
       const label = this.connecting ? messages.connecting : session ? this.getAccountLabel(session) : this.options.label;
-      const balance = session && this.options.showBalance && this.balanceLoading ? `<span class="xwk-button-balance xwk-button-balance-loading">${this.balanceSpinnerIcon()}</span>` : session && this.options.showBalance && this.activationStatus === "unfunded" ? `<span class="xwk-button-balance">(${this.escapeHtml(messages.notActivated)})</span>` : session && this.options.showBalance && ((_a2 = this.balance) == null ? void 0 : _a2.formatted) ? `<span class="xwk-button-balance">(${this.escapeHtml(this.balance.formatted)})</span>` : "";
-      const icon = this.options.showAdapterIcon ? this.renderWalletIcon(connected ? session == null ? void 0 : session.wallet : void 0) : "";
+      const balance = session && this.options.showBalance && this.balanceLoading ? `<span class="xwk-button-balance xwk-button-balance-loading" aria-hidden="true"><span class="xwk-skeleton xwk-skeleton-button-balance"></span></span>` : session && this.options.showBalance && this.activationStatus === "unfunded" ? `<span class="xwk-button-balance">(${this.escapeHtml(messages.notActivated)})</span>` : session && this.options.showBalance && ((_a2 = this.balance) == null ? void 0 : _a2.formatted) ? `<span class="xwk-button-balance">(${this.escapeHtml(this.balance.formatted)})</span>` : "";
+      const icon = this.options.showAdapterIcon ? connected ? this.renderWalletIcon(session == null ? void 0 : session.wallet) : this.renderPreConnectIcon() : "";
       const pendingDot = connected && this.options.showRecentTransactions && this.getPendingTransactionCount() > 0 ? `<span class="xwk-button-pending-dot" aria-hidden="true"></span>` : "";
       const chevron = connected && this.options.showChevron && this.options.accountPanel ? `<span class="xwk-button-chevron" aria-hidden="true">${this.chevronIcon()}</span>` : "";
       return `<button class="xwk-account-button" data-xwk-wallet-button type="button">${icon}${pendingDot}<span class="xwk-button-label">${this.escapeHtml(label)}${balance}</span>${chevron}</button>`;
@@ -21369,15 +21647,15 @@ ${new this._window.XMLSerializer().serializeToString(e4)}`;
       const session = this.options.manager.getSession();
       if (!session)
         return "";
-      const content = this.addressQrOpen ? this.renderAddressQrPanelContent(session) : this.renderPanelContent(session);
-      const title = this.addressQrOpen ? messages.addressQr : messages.connected;
-      const hasTransactions = !this.addressQrOpen && this.options.showRecentTransactions && this.getVisibleTransactions(session).length > 0;
-      const panelStateClass = `${this.addressQrOpen ? " xwk-account-panel-address-qr" : ""}${hasTransactions ? " xwk-account-panel-with-transactions" : ""}`;
-      const leading = this.addressQrOpen ? `<button class="xwk-account-back" type="button" data-xwk-account-back aria-label="${this.escapeHtml(messages.back)}">${this.backIcon()}</button>` : `<span></span>`;
+      const content = this.addressQrOpen ? this.renderAddressQrPanelContent(session) : this.historyOpen ? this.renderTransactionHistoryPanelContent(session) : this.renderPanelContent(session);
+      const title = this.addressQrOpen ? messages.addressQr : this.historyOpen ? messages.recentTransactions : messages.connected;
+      const hasTransactions = !this.addressQrOpen && !this.historyOpen && this.options.showRecentTransactions && this.getVisibleTransactions(session).length > 0;
+      const panelStateClass = `${this.addressQrOpen ? " xwk-account-panel-address-qr" : ""}${this.historyOpen ? " xwk-account-panel-history" : ""}${hasTransactions ? " xwk-account-panel-with-transactions" : ""}`;
+      const leading = this.addressQrOpen || this.historyOpen ? `<button class="xwk-account-back" type="button" data-xwk-account-back aria-label="${this.escapeHtml(messages.back)}">${this.backIcon()}</button>` : `<span></span>`;
       if (this.options.accountPanelMode === "modal") {
         return `<div class="xwk-account-overlay" data-xwk-account-overlay role="presentation"><section class="xwk-account-panel xwk-account-panel-modal${panelStateClass}" role="dialog" aria-modal="true" aria-label="${this.escapeHtml(title)}" tabindex="-1"><div class="xwk-account-modal-header">${leading}<h2>${this.escapeHtml(title)}</h2><button class="xwk-account-close" type="button" data-xwk-account-close aria-label="${this.escapeHtml(messages.close)}">&times;</button></div><div class="xwk-account-modal-body">${content}</div></section></div>`;
       }
-      const dropdownBack = this.addressQrOpen ? `<div class="xwk-account-dropdown-header"><button class="xwk-account-back" type="button" data-xwk-account-back aria-label="${this.escapeHtml(messages.back)}">${this.backIcon()}</button><strong>${this.escapeHtml(title)}</strong></div>` : "";
+      const dropdownBack = this.addressQrOpen || this.historyOpen ? `<div class="xwk-account-dropdown-header"><button class="xwk-account-back" type="button" data-xwk-account-back aria-label="${this.escapeHtml(messages.back)}">${this.backIcon()}</button><strong>${this.escapeHtml(title)}</strong></div>` : "";
       return `<div class="xwk-account-panel xwk-account-panel-dropdown${panelStateClass}" role="dialog" aria-label="${this.escapeHtml(title)}">${dropdownBack}${content}</div>`;
     }
     renderPanelContent(session) {
@@ -21394,15 +21672,17 @@ ${new this._window.XMLSerializer().serializeToString(e4)}`;
       const disconnect = this.options.disconnect ? `<button type="button" data-xwk-disconnect${this.copyInProgress || disconnectBusy ? " disabled" : ""}>${disconnectIcon}<span>${disconnectBusy ? this.escapeHtml(messages.disconnecting) : this.escapeHtml(messages.disconnect)}</span></button>` : "";
       const nativeAsset = getNativeAsset(session.account.network);
       const notActivated = this.options.showBalance && this.activationStatus === "unfunded" ? `<div class="xwk-account-warning">${this.escapeHtml(messages.accountNotActivated(nativeAsset))}</div>` : "";
-      const balance = this.options.showBalance && this.balanceLoading ? `<div class="xwk-account-balance xwk-account-balance-loading">${this.balanceSpinnerIcon()}<span>${this.escapeHtml(messages.connecting)}</span></div>` : this.options.showBalance && this.activationStatus !== "unfunded" && ((_a2 = this.balance) == null ? void 0 : _a2.formatted) ? `<div class="xwk-account-balance">${this.escapeHtml(this.balance.formatted)}</div>` : "";
-      const metaRow = balance ? `<div class="xwk-account-meta-row">${balance}</div>` : "";
+      const balance = this.options.showBalance && this.balanceLoading ? `<span class="xwk-pill-balance xwk-account-balance-loading" role="status" aria-label="${this.escapeHtml(messages.connecting)}"><span class="xwk-skeleton xwk-skeleton-balance"></span></span>` : this.options.showBalance && this.activationStatus !== "unfunded" && ((_a2 = this.balance) == null ? void 0 : _a2.formatted) ? `<span class="xwk-pill-balance">${this.escapeHtml(this.balance.formatted)}</span>` : "";
       const addressQrButton = this.renderAddressQrButton(address);
+      const identityResolving = this.isIdentityResolving(session);
       const hasIdentity = this.shouldShowWeb3Name() && this.identityName;
-      const addressLabel = hasIdentity && address ? `<div class="xwk-account-address">${this.escapeHtml(this.formatAddress(address))}${addressQrButton}</div>` : "";
+      const addressLabel = address ? `<span class="xwk-pill-address">${this.escapeHtml(this.formatAddress(address))}</span>` : "";
+      const divider = addressLabel && balance ? `<span class="xwk-pill-divider" aria-hidden="true"></span>` : "";
+      const metaPill = addressLabel || balance || addressQrButton ? `<div class="xwk-account-meta-pill">${addressLabel}${divider}${balance}${addressQrButton}</div>` : "";
       const actions = `<div class="xwk-account-panel-actions">${copy}${explorer}${disconnect}</div>`;
-      const accountName = !hasIdentity && addressQrButton && this.options.fallbackToAddress ? `<div class="xwk-account-name xwk-account-name-with-qr xwk-account-name-address"><span>${this.escapeHtml(label)}</span>${addressQrButton}</div>` : `<div class="xwk-account-name">${this.escapeHtml(label)}</div>`;
+      const accountName = identityResolving ? `<div class="xwk-account-name xwk-account-name-skeleton" role="status" aria-label="${this.escapeHtml(messages.connecting)}"><span class="xwk-skeleton xwk-skeleton-name"></span></div>` : hasIdentity ? `<div class="xwk-account-name">${this.escapeHtml(label)}</div>` : "";
       const transactions2 = this.renderTransactionHistory(session);
-      return `<div class="xwk-account-hero">${this.renderAccountAvatar(session)}</div>${accountName}${addressLabel}${metaRow}${notActivated}${transactions2}${actions}`;
+      return `<div class="xwk-account-hero">${this.renderAccountAvatar(session, identityResolving)}</div>${accountName}${metaPill}${notActivated}${transactions2}${actions}`;
     }
     renderAddressQrPanelContent(session) {
       const messages = this.messages();
@@ -21422,15 +21702,22 @@ ${new this._window.XMLSerializer().serializeToString(e4)}`;
     renderTransactionHistory(session) {
       if (!this.options.showRecentTransactions)
         return "";
-      const transactions2 = this.getVisibleTransactions(session);
-      if (!transactions2.length)
+      const allTransactions = this.getVisibleTransactions(session);
+      if (!allTransactions.length)
         return "";
+      const transactions2 = allTransactions.slice(0, Math.min(3, allTransactions.length));
+      const messages = this.messages();
+      const count = allTransactions.length > 9 ? "9+" : String(allTransactions.length);
+      const historyAction = allTransactions.length > transactions2.length ? `<button class="xwk-tx-header-link" type="button" data-xwk-tx-history>${this.escapeHtml(messages.view)}${this.chevronRightIcon()}</button>` : "";
+      const list = `<div class="xwk-tx-list" role="list"><div class="xwk-tx-list-inner">${transactions2.map((transaction2) => this.renderTransactionRow(transaction2)).join("")}</div></div>`;
+      return `<section class="xwk-tx-section" aria-label="${this.escapeHtml(messages.recentTransactions)}"><div class="xwk-tx-header"><span>${this.escapeHtml(messages.recentTransactions)}</span><span class="xwk-tx-count">${this.escapeHtml(count)}</span>${historyAction}</div>${list}</section>`;
+    }
+    renderTransactionHistoryPanelContent(session) {
       const messages = this.messages();
-      const count = transactions2.length > 9 ? "9+" : String(transactions2.length);
-      const chevronClass = this.txSectionOpen ? "open" : "closed";
-      const listClass = this.txSectionOpen ? "open" : "closed";
-      const list = `<div class="xwk-tx-list ${listClass}" role="list" aria-hidden="${this.txSectionOpen ? "false" : "true"}"><div class="xwk-tx-list-inner">${transactions2.map((transaction2) => this.renderTransactionRow(transaction2)).join("")}</div></div>`;
-      return `<section class="xwk-tx-section" aria-label="${this.escapeHtml(messages.recentTransactions)}"><button class="xwk-tx-header" type="button" data-xwk-tx-toggle aria-expanded="${this.txSectionOpen ? "true" : "false"}"><span>${this.escapeHtml(messages.recentTransactions)}</span><span class="xwk-tx-count">${this.escapeHtml(count)}</span><span class="xwk-tx-chevron ${chevronClass}" aria-hidden="true">${this.chevronUpIcon()}</span></button>${list}</section>`;
+      const transactions2 = this.getVisibleTransactions(session, Math.max(10, this.options.maxVisibleTransactions));
+      if (!transactions2.length)
+        return `<div class="xwk-tx-empty">${this.escapeHtml(messages.noRecentTransactions)}</div>`;
+      return `<section class="xwk-tx-history-view" aria-label="${this.escapeHtml(messages.recentTransactions)}"><div class="xwk-tx-list" role="list"><div class="xwk-tx-list-inner">${transactions2.map((transaction2) => this.renderTransactionRow(transaction2)).join("")}</div></div></section>`;
     }
     renderTransactionRow(transaction2) {
       const messages = this.messages();
@@ -21458,9 +21745,9 @@ ${new this._window.XMLSerializer().serializeToString(e4)}`;
         return this.questionIcon();
       return `<span class="xwk-tx-spinner" aria-hidden="true"></span>`;
     }
-    getVisibleTransactions(session) {
+    getVisibleTransactions(session, limit = this.options.maxVisibleTransactions) {
       const address = this.getSessionAddress(session);
-      const max = Math.max(1, Math.floor(this.options.maxVisibleTransactions));
+      const max = Math.max(1, Math.floor(limit));
       return this.getRecentTransactions(session).filter((transaction2) => {
         var _a2;
         return !address || !((_a2 = transaction2.account) == null ? void 0 : _a2.address) || transaction2.account.address === address;
@@ -21517,7 +21804,10 @@ ${new this._window.XMLSerializer().serializeToString(e4)}`;
       const address = this.getSessionAddress(session);
       return address ? (this.options.formatAddress ?? this.formatAddress)(address) : ((_b = session.wallet) == null ? void 0 : _b.name) ?? session.adapterId;
     }
-    renderAccountAvatar(session) {
+    renderAccountAvatar(session, identityResolving = false) {
+      if (identityResolving) {
+        return `<div class="xwk-account-art xwk-account-avatar-skeleton" role="status" aria-label="${this.escapeHtml(this.messages().connecting)}"><span class="xwk-skeleton xwk-skeleton-circle"></span></div>`;
+      }
       if (this.identityAvatar) {
         return `<img class="xwk-account-avatar" src="${this.escapeHtml(this.identityAvatar)}" alt="">`;
       }
@@ -21548,6 +21838,14 @@ ${new this._window.XMLSerializer().serializeToString(e4)}`;
         return address;
       return typeof (account == null ? void 0 : account.classicAddress) === "string" ? account.classicAddress : "";
     }
+    isIdentityResolving(session) {
+      if (!session || !this.shouldShowWeb3Name() || this.identityName)
+        return false;
+      const address = this.getSessionAddress(session);
+      if (!address || !this.options.identityResolver)
+        return false;
+      return this.identityResolvingKey === this.identityCacheKey(session);
+    }
     shouldShowWeb3Name() {
       return this.options.showWeb3Name ?? true;
     }
@@ -21563,6 +21861,20 @@ ${new this._window.XMLSerializer().serializeToString(e4)}`;
       const label = wallet.name.slice(0, 1).toUpperCase();
       return `<span class="xwk-button-icon xwk-button-icon-fallback xwk-button-icon-initial" aria-hidden="true">${this.escapeHtml(label)}</span>`;
     }
+    renderPreConnectIcon() {
+      const icon = this.options.icon;
+      if (!icon || icon.type === "default")
+        return this.renderWalletIcon(void 0);
+      if (icon.type === "image") {
+        const aria = icon.alt ? ` role="img" aria-label="${this.escapeHtml(icon.alt)}"` : ` aria-hidden="true"`;
+        return `<span class="xwk-button-icon xwk-button-icon-custom xwk-button-icon-custom-image"${aria}><img src="${this.escapeHtml(icon.src)}" alt="" decoding="async"></span>`;
+      }
+      return this.renderCustomHtmlIcon(icon);
+    }
+    renderCustomHtmlIcon(icon) {
+      const aria = icon.ariaLabel ? ` role="img" aria-label="${this.escapeHtml(icon.ariaLabel)}"` : ` aria-hidden="true"`;
+      return `<span class="xwk-button-icon xwk-button-icon-custom xwk-button-icon-custom-html"${aria}>${icon.html}</span>`;
+    }
     repairFallbackIcon(root) {
       root.querySelectorAll(".xwk-button-icon-svg-fallback").forEach((icon) => {
         if (icon.querySelector("svg"))
@@ -21665,7 +21977,7 @@ ${new this._window.XMLSerializer().serializeToString(e4)}`;
         let timer = 0;
         timer = window.setTimeout(() => {
           this.balanceRefreshTimers.delete(timer);
-          void this.resolveBalance(this.options.manager.getSession());
+          this.queueBalanceRefresh(this.options.manager.getSession(), 0);
         }, delay2);
         this.balanceRefreshTimers.add(timer);
       });
@@ -21674,11 +21986,33 @@ ${new this._window.XMLSerializer().serializeToString(e4)}`;
       this.balanceRefreshTimers.forEach((timer) => window.clearTimeout(timer));
       this.balanceRefreshTimers.clear();
     }
+    queueBalanceRefresh(session, delay2 = 300) {
+      if (!this.options.showBalance || !this.options.balanceResolver)
+        return;
+      this.balanceDebounceSession = session;
+      this.clearBalanceDebounce();
+      if (typeof window === "undefined") {
+        void this.resolveBalance(this.balanceDebounceSession);
+        return;
+      }
+      this.balanceDebounceTimer = window.setTimeout(() => {
+        this.balanceDebounceTimer = void 0;
+        const nextSession = this.balanceDebounceSession;
+        this.balanceDebounceSession = null;
+        void this.resolveBalance(nextSession);
+      }, delay2);
+    }
+    clearBalanceDebounce() {
+      if (this.balanceDebounceTimer && typeof window !== "undefined") {
+        window.clearTimeout(this.balanceDebounceTimer);
+      }
+      this.balanceDebounceTimer = void 0;
+    }
     chevronIcon() {
       return `<svg width="14" height="14" viewBox="0 0 24 24" fill="none"><path d="m6 9 6 6 6-6" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"/></svg>`;
     }
-    chevronUpIcon() {
-      return `<svg width="14" height="14" viewBox="0 0 24 24" fill="none"><path d="m18 15-6-6-6 6" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"/></svg>`;
+    chevronRightIcon() {
+      return `<svg width="13" height="13" viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="m9 6 6 6-6 6" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"/></svg>`;
     }
     checkIcon() {
       return `<svg width="15" height="15" viewBox="0 0 24 24" fill="none"><path d="m5 12.5 4.2 4.2L19 7" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"/></svg>`;
@@ -21709,7 +22043,7 @@ ${new this._window.XMLSerializer().serializeToString(e4)}`;
     }
     ensureStyles() {
       const styles2 = this.renderStyles();
-      ensureWalletStyle(getWalletStyleId("xwk-button", styles2), styles2);
+      ensureWalletStyle("xwk-button", styles2);
     }
     renderStyles() {
       const theme = this.resolveTheme();
@@ -21724,7 +22058,11 @@ ${new this._window.XMLSerializer().serializeToString(e4)}`;
       const fallbackIconBackground = theme.fallbackIconBackground;
       const fallbackIconColor = theme.fallbackIconColor;
       const overlayBlur = theme.overlayBlur > 0 ? `blur(${theme.overlayBlur}px)` : "none";
-      return `.xwk-button-root{display:inline-block;max-width:100%;position:relative;font-family:${theme.fontFamily};font-size:14px}.xwk-account-button{align-items:center;background:${background};border:1px solid ${border};border-radius:${radius};box-shadow:none;box-sizing:border-box;color:${theme.foreground};cursor:pointer;display:inline-flex;gap:8px;font:inherit;font-weight:560;max-width:100%;min-height:${height};overflow:hidden;padding:0 12px 0 10px;touch-action:manipulation;transition:background-color .16s ease,border-color .16s ease;white-space:nowrap;-webkit-tap-highlight-color:transparent;transform:none}.xwk-account-button:hover{background:${hoverBackground};box-shadow:none;opacity:1;transform:none}.xwk-account-button:active{background:${hoverBackground};opacity:1;transform:none}.xwk-account-button:focus-visible,.xwk-button-chevron:focus-visible,.xwk-account-panel-actions button:focus-visible,.xwk-account-panel-actions a:focus-visible,.xwk-address-qr-trigger:focus-visible,.xwk-tx-header:focus-visible,.xwk-tx-link:focus-visible{outline:2px solid ${theme.accent};outline-offset:2px;text-decoration:none}.xwk-button-icon{background:${theme.background};border:1px solid ${iconBorder};border-radius:10px;box-sizing:border-box;display:inline-flex;flex:0 0 28px;height:28px;isolation:isolate;line-height:0;max-width:28px;min-width:28px;object-fit:contain;overflow:hidden;position:relative;width:28px}.xwk-button-icon-fallback{align-items:center;background:${fallbackIconBackground};color:${fallbackIconColor};justify-content:center}.xwk-button-icon-initial{font-size:12px;line-height:1}.xwk-button-icon-svg-fallback{font-size:0}.xwk-button-icon-svg-fallback svg{display:block;flex:0 0 17px;height:17px;max-height:17px;max-width:17px;min-height:17px;min-width:17px;width:17px}.xwk-button-pending-dot{background:${theme.accent};border:2px solid ${background};border-radius:999px;box-sizing:border-box;flex:0 0 9px;height:9px;margin-left:-13px;margin-right:4px;position:relative;width:9px;z-index:1}.xwk-button-label{display:inline-block;flex:1 1 0;font-size:13px;font-weight:560;line-height:1.1;max-width:220px;min-width:0;overflow:hidden;padding-right:2px;text-overflow:ellipsis;white-space:nowrap}.xwk-button-balance{color:${theme.muted};font-weight:500;margin-left:4px}.xwk-button-balance-loading{display:inline-flex;vertical-align:-2px}.xwk-balance-spinner{animation:xwk-action-spin .8s linear infinite;border:2px solid ${theme.spinnerTrail};border-top-color:${theme.muted};border-radius:999px;box-sizing:border-box;display:inline-block;flex:0 0 13px;height:13px;width:13px}.xwk-button-chevron{align-items:center;background:${theme.background};border:1px solid ${iconBorder};border-radius:999px;color:${theme.muted};display:inline-flex;flex:0 0 26px;height:26px;justify-content:center;line-height:1;touch-action:manipulation;width:26px}.xwk-button-chevron:hover{background:${theme.surfaceHover};color:${theme.foreground}}.xwk-account-overlay{align-items:center;background:${theme.overlay};-webkit-backdrop-filter:${overlayBlur};backdrop-filter:${overlayBlur};display:flex;inset:0;justify-content:center;overscroll-behavior:contain;padding:max(24px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));position:fixed;z-index:2147483647}.xwk-account-portal[data-xwk-entering="true"] .xwk-account-overlay{animation:xwk-account-overlay-in .18s ease-out}.xwk-account-panel{background:${theme.background};border:1px solid ${theme.border};border-radius:${theme.radius};box-shadow:${theme.shadow};box-sizing:border-box;color:${theme.foreground};display:grid;gap:12px;overflow:hidden;z-index:2147483647}.xwk-account-panel:focus{outline:none}.xwk-account-panel-dropdown{box-shadow:none;justify-items:center;margin-top:10px;min-width:320px;padding:18px;position:absolute;right:0;top:100%;width:min(360px,calc(100vw - 32px))}.xwk-account-dropdown-header{align-items:center;display:grid;grid-template-columns:44px minmax(0,1fr) 44px;margin:-4px 0 0;width:100%}.xwk-account-dropdown-header strong{font-size:14px;font-weight:600;line-height:1.2;min-width:0;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.xwk-account-panel-modal{gap:0;grid-template-rows:auto minmax(0,1fr);height:min(527px,calc(100dvh - 48px - env(safe-area-inset-top) - env(safe-area-inset-bottom)));max-width:520px;position:relative;transform-origin:center bottom;width:min(520px,100%)}.xwk-account-panel-modal.xwk-account-panel-with-transactions{height:min(650px,calc(100dvh - 48px - env(safe-area-inset-top) - env(safe-area-inset-bottom)))}.xwk-account-portal[data-xwk-entering="true"] .xwk-account-panel-modal{animation:xwk-account-panel-in .22s cubic-bezier(.22,1,.36,1)}.xwk-account-modal-header{align-items:center;background:${theme.headerBackground};border-bottom:1px solid ${theme.border};display:grid;grid-template-columns:44px minmax(0,1fr) 44px;column-gap:8px;padding:8px 18px}.xwk-account-modal-header h2{color:${theme.foreground};font-size:16px;font-weight:500;line-height:1.2;margin:0;min-width:0;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.xwk-account-modal-body{-webkit-overflow-scrolling:touch;align-items:center;display:flex;flex-direction:column;gap:12px;min-height:0;overflow:hidden;overscroll-behavior:contain;padding:22px 28px 28px}.xwk-account-panel-with-transactions .xwk-account-modal-body{overflow:auto;padding-top:14px}.xwk-account-modal-body>.xwk-account-hero,.xwk-account-modal-body>.xwk-account-name,.xwk-account-modal-body>.xwk-account-address,.xwk-account-modal-body>.xwk-account-meta-row,.xwk-account-modal-body>.xwk-account-warning,.xwk-account-modal-body>.xwk-tx-section,.xwk-account-modal-body>.xwk-account-panel-actions{flex-shrink:0}.xwk-account-close,.xwk-account-back{-webkit-appearance:none;-webkit-tap-highlight-color:transparent;align-items:center;appearance:none;background:transparent!important;border:0!important;border-radius:999px;box-shadow:none!important;color:${theme.muted};cursor:pointer;display:inline-flex;font:inherit;font-size:26px;font-weight:500;height:44px;justify-content:center;line-height:1;margin:0;min-height:0;outline:none!important;padding:0;touch-action:manipulation;transform:none;width:44px}.xwk-account-back{font-size:0;justify-self:start}.xwk-account-close{justify-self:end}.xwk-account-close:hover,.xwk-account-back:hover{background:${theme.surfaceHover}!important;box-shadow:none!important;color:${theme.foreground};transform:none}.xwk-account-close:focus-visible,.xwk-account-back:focus-visible{outline:2px solid ${theme.accent}!important;outline-offset:0}.xwk-account-hero{height:154px;margin-top:4px;position:relative;width:180px}.xwk-account-panel-with-transactions .xwk-account-hero{height:126px;margin-bottom:0}.xwk-account-panel-with-transactions .xwk-account-art,.xwk-account-panel-with-transactions .xwk-account-avatar{top:0}.xwk-account-panel-dropdown .xwk-account-hero{height:132px;width:160px}.xwk-account-art,.xwk-account-avatar{border-radius:999px;height:118px;left:31px;position:absolute;top:8px;width:118px}.xwk-account-panel-dropdown .xwk-account-art,.xwk-account-panel-dropdown .xwk-account-avatar{height:104px;left:28px;width:104px}.xwk-account-art{align-items:center;background:radial-gradient(circle at 58% 38%,var(--xwk-avatar-spot),transparent 0 22%,transparent 23%),linear-gradient(160deg,var(--xwk-avatar-from),var(--xwk-avatar-to));display:flex;justify-content:center}.xwk-account-art span{background:rgba(255,255,255,.18);border-radius:999px;height:50px;width:50px}.xwk-account-panel-dropdown .xwk-account-art span{height:42px;width:42px}.xwk-account-avatar{background:${theme.surface};border:1px solid ${iconBorder};box-sizing:border-box;display:block;object-fit:cover;overflow:hidden}.xwk-account-panel-with-transactions .xwk-account-name{position:relative;z-index:1}.xwk-account-name{color:${theme.foreground};font-size:21px;font-weight:650;line-height:1.2;max-width:100%;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.xwk-account-panel-dropdown .xwk-account-name{font-size:18px}.xwk-account-name-with-qr,.xwk-account-address{align-items:center;display:inline-flex;gap:6px;justify-content:center}.xwk-account-name-with-qr span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.xwk-account-name-address{background:${theme.surface};border:1px solid ${theme.border};border-radius:14px;color:${theme.muted};font-size:16px;font-weight:600;line-height:1.2;max-width:min(260px,100%);padding:7px 6px 7px 14px}.xwk-account-address{background:${theme.surface};border:1px solid ${theme.border};border-radius:12px;color:${theme.muted};font-size:14px;font-weight:520;line-height:1.25;max-width:100%;overflow:hidden;padding:8px 8px 8px 12px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.xwk-address-qr-trigger{-webkit-appearance:none;-webkit-tap-highlight-color:transparent;align-items:center;appearance:none;background:transparent;border:0;border-radius:10px;box-shadow:none;color:currentColor;cursor:pointer;display:inline-flex;flex:0 0 40px;height:40px;justify-content:center;margin:-7px -6px -7px 0;min-height:40px;outline:none;overflow:visible;padding:0;touch-action:manipulation;transform:none;width:40px}.xwk-address-qr-trigger svg{display:block;height:17px;overflow:visible;width:17px}.xwk-address-qr-trigger:hover{background:${theme.surfaceHover};box-shadow:none;transform:none}.xwk-account-meta-row{align-items:center;display:flex;gap:8px;justify-content:center;max-width:100%;min-height:42px}.xwk-account-balance{align-items:center;background:${theme.surface};border:1px solid ${actionBorder};border-radius:999px;box-sizing:border-box;color:${theme.muted};display:inline-flex;font-size:13px;font-weight:560;height:42px;justify-content:center;letter-spacing:0;line-height:1;padding:0 14px;text-align:center}.xwk-account-balance-loading{align-items:center;display:inline-flex;gap:6px}.xwk-account-warning{align-items:center;background:${theme.surface};border:1px solid ${actionBorder};border-radius:12px;box-sizing:border-box;color:${theme.muted};display:flex;font-size:13px;font-weight:520;justify-content:center;line-height:1.25;min-height:54px;padding:0 14px;text-align:center;width:100%}.xwk-address-qr-content{align-content:center;display:grid;gap:14px;justify-items:center;min-height:100%;width:100%}.xwk-address-qr-code{aspect-ratio:1/1;background:${theme.surface};border:1px solid ${theme.border};border-radius:14px;box-sizing:border-box;display:grid;max-width:304px;padding:12px;place-items:center;width:min(304px,100%)}.xwk-address-qr-code svg,.xwk-address-qr-code canvas,.xwk-address-qr-code img{aspect-ratio:1/1;display:block;height:auto;max-width:100%;width:100%}.xwk-address-qr-chip{background:${theme.surface};border:1px solid ${theme.border};border-radius:12px;box-sizing:border-box;color:${theme.muted};font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;font-weight:520;line-height:1.45;max-width:100%;overflow-wrap:anywhere;padding:9px 11px;text-align:center;width:100%}.xwk-address-qr-fallback{color:${theme.muted};font-size:12px;line-height:1.45;overflow-wrap:anywhere}.xwk-tx-section{background:${theme.surface};border:1px solid ${actionBorder};border-radius:${theme.walletRadius};box-sizing:border-box;display:grid;overflow:hidden;width:100%}.xwk-tx-header{-webkit-appearance:none;-webkit-tap-highlight-color:transparent;align-items:center;appearance:none;background:${theme.surface}!important;border:0!important;box-shadow:none!important;color:${theme.muted};cursor:pointer;display:flex;font:inherit;font-size:10px;font-weight:650;gap:6px;letter-spacing:.07em;line-height:1.2;margin:0;min-height:34px;outline:none;padding:0 12px;text-align:left;text-transform:uppercase;touch-action:manipulation;transform:none;transition:background-color .16s ease,color .16s ease;width:100%}.xwk-tx-header:hover,.xwk-tx-header:active{background:${theme.surfaceHover}!important;border:0!important;box-shadow:none!important;color:${theme.foreground};opacity:1;text-decoration:none;transform:none}.xwk-tx-count{align-items:center;background:${theme.background};border:1px solid ${actionBorder};border-radius:999px;box-sizing:border-box;color:${theme.muted};display:inline-flex;font-size:10px;font-weight:650;height:16px;justify-content:center;letter-spacing:0;line-height:1;min-width:18px;padding:0 5px;text-transform:none}.xwk-tx-chevron{align-items:center;color:${theme.muted};display:inline-flex;flex:0 0 16px;height:16px;justify-content:center;margin-left:auto;transition:transform .18s ease;width:16px}.xwk-tx-chevron.closed{transform:rotate(-90deg)}.xwk-tx-chevron svg{display:block;height:12px;width:12px}.xwk-tx-list{display:grid;grid-template-rows:1fr;overflow:hidden;transition:grid-template-rows .18s ease}.xwk-tx-list.closed{grid-template-rows:0fr}.xwk-tx-list-inner{min-height:0;overflow:hidden}.xwk-tx-row{align-items:center;background:${theme.surface};border-top:1px solid ${actionBorder};box-sizing:border-box;display:grid;gap:8px;grid-template-columns:24px minmax(0,1fr) auto;min-height:42px;padding:7px 10px;transition:background-color .16s ease}.xwk-tx-row:hover{background:${theme.surface};box-shadow:none;transform:none}.xwk-tx-row:first-child{border-top:0}.xwk-tx-status{align-items:center;background:${theme.background};border-radius:999px;color:${theme.accent};display:inline-flex;height:24px;justify-content:center;width:24px}.xwk-tx-row-confirmed .xwk-tx-status{color:${theme.success}}.xwk-tx-row-failed .xwk-tx-status{color:${theme.error}}.xwk-tx-row-unknown .xwk-tx-status{color:${theme.muted}}.xwk-tx-main{display:grid;gap:2px;min-width:0}.xwk-tx-label{color:${theme.foreground};font-size:12px;font-weight:600;line-height:1.15;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.xwk-tx-hash{color:${theme.muted};font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;line-height:1.15;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.xwk-tx-link{align-items:center;border-radius:9px;color:${theme.accent};display:inline-flex;font:inherit;font-size:12px;font-weight:650;gap:3px;line-height:1.2;min-height:28px;padding:0 6px;text-decoration:none}.xwk-tx-link:hover{background:${theme.surfaceHover};box-shadow:none;text-decoration:none;transform:none}.xwk-tx-link svg{height:12px;width:12px}.xwk-tx-empty{background:${theme.surface};border:1px solid ${actionBorder};border-radius:${theme.walletRadius};box-sizing:border-box;color:${theme.muted};font-size:13px;line-height:1.35;padding:14px;text-align:center;width:100%}.xwk-tx-spinner{animation:xwk-action-spin .8s linear infinite;border:2px solid ${theme.spinnerTrail};border-top-color:${theme.accent};border-radius:999px;box-sizing:border-box;display:block;height:14px;width:14px}.xwk-account-panel-actions{display:grid;gap:10px;grid-template-columns:1fr;width:100%}.xwk-account-modal-body .xwk-account-panel-actions{margin-top:auto}.xwk-account-panel-with-transactions .xwk-account-modal-body .xwk-account-panel-actions{margin-top:0}.xwk-account-panel-actions button,.xwk-account-panel-actions a{-webkit-appearance:none;-webkit-tap-highlight-color:transparent;align-items:center;appearance:none;background:${theme.surface};border:1px solid ${actionBorder};border-radius:${theme.walletRadius};box-shadow:none;box-sizing:border-box;color:${theme.foreground};cursor:pointer;display:flex;font:inherit;font-size:14px;font-weight:560;gap:8px;justify-content:center;line-height:1.2;min-height:46px;min-width:0;outline:none;overflow:hidden;padding:0 12px;text-decoration:none;touch-action:manipulation;transform:none;transition:background-color .16s ease,border-color .16s ease;width:100%}.xwk-account-panel-actions button:disabled{cursor:wait;opacity:1}.xwk-account-panel-actions svg{flex:0 0 auto;opacity:.58}.xwk-account-panel-actions span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.xwk-account-panel-actions button:hover,.xwk-account-panel-actions a:hover{background:${theme.surfaceHover};border-color:${actionBorder};box-shadow:none;text-decoration:none;transform:none}.xwk-account-panel-actions button:active,.xwk-account-panel-actions a:active{background:${theme.surfaceHover};opacity:1;text-decoration:none;transform:none}.xwk-copied-icon{color:${theme.success};opacity:1!important}.xwk-action-spinner{animation:xwk-action-spin .8s linear infinite;border:2px solid ${theme.spinnerTrail};border-top-color:${theme.muted};border-radius:999px;box-sizing:border-box;display:inline-block;height:17px;width:17px}@keyframes xwk-action-spin{to{transform:rotate(360deg)}}@keyframes xwk-account-overlay-in{from{opacity:0}to{opacity:1}}@keyframes xwk-account-panel-in{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.xwk-account-button,.xwk-tx-list,.xwk-tx-chevron,.xwk-account-panel-actions button,.xwk-account-panel-actions a{transition:none}.xwk-account-portal[data-xwk-entering="true"] .xwk-account-overlay,.xwk-account-portal[data-xwk-entering="true"] .xwk-account-panel-modal{animation-duration:1ms!important}.xwk-action-spinner,.xwk-balance-spinner,.xwk-tx-spinner{animation:none}}@media(max-width:520px){.xwk-account-panel-dropdown{bottom:0;left:0;margin-top:0;min-width:0;position:fixed;right:0;top:auto;width:100vw}.xwk-account-overlay{align-items:flex-end;padding:max(12px,env(safe-area-inset-top)) 0 0}.xwk-account-panel-modal{align-self:flex-end;border-bottom:0;border-bottom-left-radius:0;border-bottom-right-radius:0;border-left:0;border-right:0;border-top-left-radius:${theme.radius};border-top-right-radius:${theme.radius};height:min(527px,calc(100dvh - env(safe-area-inset-top)));max-width:none;width:100vw}.xwk-account-panel-modal.xwk-account-panel-with-transactions{height:min(650px,calc(100dvh - env(safe-area-inset-top)))}.xwk-account-portal[data-xwk-entering="true"] .xwk-account-panel-modal{animation:xwk-account-sheet-in .28s cubic-bezier(.32,.72,0,1)}.xwk-account-modal-header{border-top-left-radius:${theme.radius};border-top-right-radius:${theme.radius};grid-template-columns:44px minmax(0,1fr) 44px;padding:10px 16px}.xwk-account-modal-body{min-height:0;padding:18px 20px max(22px,calc(22px + env(safe-area-inset-bottom)))}.xwk-button-label{max-width:min(150px,calc(100vw - 140px))}}@keyframes xwk-account-sheet-in{from{opacity:1;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}`;
+      const baseStyles = `.xwk-button-root{display:inline-block;max-width:100%;position:relative;font-family:${theme.fontFamily};font-size:14px}.xwk-account-button{align-items:center;background:${background};border:1px solid ${border};border-radius:${radius};box-shadow:none;box-sizing:border-box;color:${theme.foreground};cursor:pointer;display:inline-flex;gap:8px;font:inherit;font-weight:560;max-width:100%;min-height:${height};overflow:hidden;padding:0 12px 0 10px;touch-action:manipulation;transition:background-color .16s ease,border-color .16s ease;white-space:nowrap;-webkit-tap-highlight-color:transparent;transform:none}.xwk-account-button:hover{background:${hoverBackground};box-shadow:none;opacity:1;transform:none}.xwk-account-button:active{background:${hoverBackground};opacity:1;transform:none}.xwk-account-button:focus-visible,.xwk-button-chevron:focus-visible,.xwk-account-panel-actions button:focus-visible,.xwk-account-panel-actions a:focus-visible,.xwk-address-qr-trigger:focus-visible,.xwk-tx-header-link:focus-visible,.xwk-tx-link:focus-visible{outline:2px solid ${theme.accent};outline-offset:2px;text-decoration:none}.xwk-button-icon{background:${theme.background};border:1px solid ${iconBorder};border-radius:10px;box-sizing:border-box;display:inline-flex;flex:0 0 28px;height:28px;isolation:isolate;line-height:0;max-width:28px;min-width:28px;object-fit:contain;overflow:hidden;position:relative;width:28px}.xwk-button-icon-fallback{align-items:center;background:${fallbackIconBackground};color:${fallbackIconColor};justify-content:center}.xwk-button-icon-initial{font-size:12px;line-height:1}.xwk-button-icon-svg-fallback{font-size:0}.xwk-button-icon-svg-fallback svg{display:block;flex:0 0 17px;height:17px;max-height:17px;max-width:17px;min-height:17px;min-width:17px;width:17px}.xwk-button-icon-custom{align-items:center;justify-content:center}.xwk-button-icon-custom img,.xwk-button-icon-custom svg{display:block;max-height:18px;max-width:18px}.xwk-button-icon-custom img{height:18px;object-fit:contain;width:18px}.xwk-button-icon-custom-html>*{max-height:18px;max-width:18px}.xwk-skeleton{animation:xwk-skeleton-pulse 1.4s ease-in-out infinite;background:linear-gradient(90deg,${theme.surface} 25%,${theme.surfaceHover} 50%,${theme.surface} 75%);background-size:200% 100%;border-radius:999px;display:inline-block}.xwk-skeleton-button-balance{height:12px;width:44px}.xwk-skeleton-balance{height:14px;width:70px}.xwk-skeleton-name{height:24px;width:132px}.xwk-account-name-skeleton{align-items:center;display:flex;justify-content:center;min-height:26px}.xwk-button-pending-dot{background:${theme.accent};border:2px solid ${background};border-radius:999px;box-sizing:border-box;flex:0 0 9px;height:9px;margin-left:-13px;margin-right:4px;position:relative;width:9px;z-index:1}.xwk-button-label{display:inline-block;flex:1 1 0;font-size:13px;font-weight:560;line-height:1.1;max-width:220px;min-width:0;overflow:hidden;padding-right:2px;text-overflow:ellipsis;white-space:nowrap}.xwk-button-balance{color:${theme.muted};font-weight:500;margin-left:4px}.xwk-button-balance-loading{display:inline-flex;vertical-align:-2px}.xwk-balance-spinner{animation:xwk-action-spin .8s linear infinite;border:2px solid ${theme.spinnerTrail};border-top-color:${theme.muted};border-radius:999px;box-sizing:border-box;display:inline-block;flex:0 0 13px;height:13px;width:13px}.xwk-button-chevron{align-items:center;background:${theme.background};border:1px solid ${iconBorder};border-radius:999px;color:${theme.muted};display:inline-flex;flex:0 0 26px;height:26px;justify-content:center;line-height:1;touch-action:manipulation;width:26px}.xwk-button-chevron:hover{background:${theme.surfaceHover};color:${theme.foreground}}.xwk-account-overlay{align-items:center;background:${theme.overlay};-webkit-backdrop-filter:${overlayBlur};backdrop-filter:${overlayBlur};display:flex;inset:0;justify-content:center;overscroll-behavior:contain;padding:max(24px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));position:fixed;z-index:2147483647}.xwk-account-portal[data-xwk-entering="true"] .xwk-account-overlay{animation:xwk-account-overlay-in .18s ease-out}.xwk-account-panel{background:${theme.background};border:1px solid ${theme.border};border-radius:${theme.radius};box-shadow:${theme.shadow};box-sizing:border-box;color:${theme.foreground};display:grid;gap:12px;overflow:hidden;z-index:2147483647}.xwk-account-panel:focus{outline:none}.xwk-account-panel-dropdown{box-shadow:none;justify-items:center;margin-top:10px;min-width:320px;padding:18px;position:absolute;right:0;top:100%;width:min(360px,calc(100vw - 32px))}.xwk-account-dropdown-header{align-items:center;display:grid;grid-template-columns:44px minmax(0,1fr) 44px;margin:-4px 0 0;width:100%}.xwk-account-dropdown-header strong{font-size:14px;font-weight:600;line-height:1.2;min-width:0;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.xwk-account-panel-modal{gap:0;grid-template-rows:auto minmax(0,1fr);height:min(527px,calc(100dvh - 48px - env(safe-area-inset-top) - env(safe-area-inset-bottom)));max-width:520px;position:relative;transform-origin:center bottom;width:min(520px,100%)}.xwk-account-panel-modal.xwk-account-panel-with-transactions,.xwk-account-panel-modal.xwk-account-panel-history{height:min(650px,calc(100dvh - 48px - env(safe-area-inset-top) - env(safe-area-inset-bottom)))}.xwk-account-portal[data-xwk-entering="true"] .xwk-account-panel-modal{animation:xwk-account-panel-in .22s cubic-bezier(.22,1,.36,1)}.xwk-account-modal-header{align-items:center;background:${theme.headerBackground};border-bottom:1px solid ${theme.border};display:grid;grid-template-columns:44px minmax(0,1fr) 44px;column-gap:8px;padding:8px 18px}.xwk-account-modal-header h2{color:${theme.foreground};font-size:16px;font-weight:500;line-height:1.2;margin:0;min-width:0;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.xwk-account-modal-body{-webkit-overflow-scrolling:touch;align-items:center;display:flex;flex-direction:column;gap:12px;min-height:0;overflow:hidden;overscroll-behavior:contain;padding:22px 28px 28px}.xwk-account-panel-with-transactions .xwk-account-modal-body,.xwk-account-panel-history .xwk-account-modal-body{overflow:auto;padding-top:14px}.xwk-account-modal-body>.xwk-account-hero,.xwk-account-modal-body>.xwk-account-name,.xwk-account-modal-body>.xwk-account-meta-pill,.xwk-account-modal-body>.xwk-account-warning,.xwk-account-modal-body>.xwk-tx-section,.xwk-account-modal-body>.xwk-tx-history-view,.xwk-account-modal-body>.xwk-account-panel-actions{flex-shrink:0}.xwk-account-close,.xwk-account-back{-webkit-appearance:none;-webkit-tap-highlight-color:transparent;align-items:center;appearance:none;background:transparent!important;border:0!important;border-radius:999px;box-shadow:none!important;color:${theme.muted};cursor:pointer;display:inline-flex;font:inherit;font-size:26px;font-weight:500;height:44px;justify-content:center;line-height:1;margin:0;min-height:0;outline:none!important;padding:0;touch-action:manipulation;transform:none;width:44px}.xwk-account-back{font-size:0;justify-self:start}.xwk-account-close{justify-self:end}.xwk-account-close:hover,.xwk-account-back:hover{background:${theme.surfaceHover}!important;box-shadow:none!important;color:${theme.foreground};transform:none}.xwk-account-close:focus-visible,.xwk-account-back:focus-visible{outline:2px solid ${theme.accent}!important;outline-offset:0}.xwk-account-hero{height:154px;margin-top:4px;position:relative;width:180px}.xwk-account-panel-with-transactions .xwk-account-hero{height:126px;margin-bottom:0}.xwk-account-panel-with-transactions .xwk-account-art,.xwk-account-panel-with-transactions .xwk-account-avatar{top:0}.xwk-account-panel-dropdown .xwk-account-hero{height:132px;width:160px}.xwk-account-art,.xwk-account-avatar{border-radius:999px;height:118px;left:31px;position:absolute;top:8px;width:118px}.xwk-account-panel-dropdown .xwk-account-art,.xwk-account-panel-dropdown .xwk-account-avatar{height:104px;left:28px;width:104px}.xwk-account-art{align-items:center;background:radial-gradient(circle at 58% 38%,var(--xwk-avatar-spot),transparent 0 22%,transparent 23%),linear-gradient(160deg,var(--xwk-avatar-from),var(--xwk-avatar-to));display:flex;justify-content:center}.xwk-account-art span{background:rgba(255,255,255,.18);border-radius:999px;height:50px;width:50px}.xwk-account-panel-dropdown .xwk-account-art span{height:42px;width:42px}.xwk-account-avatar{background:${theme.surface};border:1px solid ${iconBorder};box-sizing:border-box;display:block;object-fit:cover;overflow:hidden}.xwk-account-panel-with-transactions .xwk-account-name{position:relative;z-index:1}.xwk-account-name{color:${theme.foreground};font-size:21px;font-weight:650;line-height:1.2;max-width:100%;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.xwk-account-panel-dropdown .xwk-account-name{font-size:18px}.xwk-account-meta-pill{align-items:center;background:${theme.surface};border:1px solid ${actionBorder};border-radius:14px;box-sizing:border-box;color:${theme.muted};display:inline-flex;font-size:13px;font-weight:560;gap:8px;justify-content:center;line-height:1.2;max-width:100%;min-height:44px;overflow:hidden;padding:2px 4px 2px 12px}.xwk-pill-address{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.xwk-pill-divider{background:${actionBorder};display:inline-block;flex:0 0 1px;height:18px;opacity:.8}.xwk-pill-balance{color:${theme.foreground};white-space:nowrap}.xwk-account-name-with-qr,.xwk-account-address{align-items:center;display:inline-flex;gap:6px;justify-content:center}.xwk-account-name-with-qr span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.xwk-account-name-address{background:${theme.surface};border:1px solid ${theme.border};border-radius:14px;color:${theme.muted};font-size:16px;font-weight:600;line-height:1.2;max-width:min(260px,100%);padding:7px 6px 7px 14px}.xwk-account-address{background:${theme.surface};border:1px solid ${theme.border};border-radius:12px;color:${theme.muted};font-size:14px;font-weight:520;line-height:1.25;max-width:100%;overflow:hidden;padding:8px 8px 8px 12px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.xwk-address-qr-trigger{-webkit-appearance:none;-webkit-tap-highlight-color:transparent;align-items:center;appearance:none;background:transparent;border:0;border-radius:10px;box-shadow:none;color:currentColor;cursor:pointer;display:inline-flex;flex:0 0 40px;height:40px;justify-content:center;margin:0 -2px 0 0;min-height:40px;outline:none;overflow:visible;padding:0;touch-action:manipulation;transform:none;width:40px}.xwk-address-qr-trigger svg{display:block;height:17px;overflow:visible;width:17px}.xwk-address-qr-trigger:hover{background:${theme.surfaceHover};box-shadow:none;transform:none}.xwk-account-meta-row{align-items:center;display:flex;gap:8px;justify-content:center;max-width:100%;min-height:42px}.xwk-account-balance{align-items:center;background:${theme.surface};border:1px solid ${actionBorder};border-radius:999px;box-sizing:border-box;color:${theme.muted};display:inline-flex;font-size:13px;font-weight:560;height:42px;justify-content:center;letter-spacing:0;line-height:1;padding:0 14px;text-align:center}.xwk-account-balance-loading{align-items:center;display:inline-flex;gap:6px}.xwk-account-warning{align-items:center;background:${theme.surface};border:1px solid ${actionBorder};border-radius:12px;box-sizing:border-box;color:${theme.muted};display:flex;font-size:13px;font-weight:520;justify-content:center;line-height:1.25;min-height:54px;padding:0 14px;text-align:center;width:100%}.xwk-address-qr-content{align-content:center;display:grid;gap:14px;justify-items:center;min-height:100%;width:100%}.xwk-address-qr-code{aspect-ratio:1/1;background:${theme.surface};border:1px solid ${theme.border};border-radius:14px;box-sizing:border-box;display:grid;max-width:304px;padding:12px;place-items:center;width:min(304px,100%)}.xwk-address-qr-code svg,.xwk-address-qr-code canvas,.xwk-address-qr-code img{aspect-ratio:1/1;display:block;height:auto;max-width:100%;width:100%}.xwk-address-qr-chip{background:${theme.surface};border:1px solid ${theme.border};border-radius:12px;box-sizing:border-box;color:${theme.muted};font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;font-weight:520;line-height:1.45;max-width:100%;overflow-wrap:anywhere;padding:9px 11px;text-align:center;width:100%}.xwk-address-qr-fallback{color:${theme.muted};font-size:12px;line-height:1.45;overflow-wrap:anywhere}.xwk-tx-section{background:${theme.surface};border:1px solid ${actionBorder};border-radius:${theme.walletRadius};box-sizing:border-box;display:grid;overflow:hidden;width:100%}.xwk-tx-header{-webkit-tap-highlight-color:transparent;align-items:center;background:${theme.surface};border:0;box-shadow:none;color:${theme.muted};display:flex;font:inherit;font-size:10px;font-weight:650;gap:6px;letter-spacing:.07em;line-height:1.2;margin:0;min-height:34px;outline:none;padding:0 12px;text-align:left;text-transform:uppercase;transform:none;width:100%}.xwk-tx-header-link{-webkit-appearance:none;-webkit-tap-highlight-color:transparent;align-items:center;appearance:none;background:transparent;border:0;border-radius:9px;box-shadow:none;color:${theme.accent};cursor:pointer;display:inline-flex;font:inherit;font-size:11px;font-weight:650;gap:2px;line-height:1;margin-left:auto;min-height:28px;padding:0 6px;text-decoration:none;text-transform:none;touch-action:manipulation;transform:none}.xwk-tx-header-link:hover,.xwk-tx-header-link:active{background:${theme.surfaceHover};box-shadow:none;color:${theme.accent};opacity:1;text-decoration:none;transform:none}.xwk-tx-header-link svg{display:block;height:13px;width:13px}.xwk-tx-count{align-items:center;background:${theme.background};border:1px solid ${actionBorder};border-radius:999px;box-sizing:border-box;color:${theme.muted};display:inline-flex;font-size:10px;font-weight:650;height:16px;justify-content:center;letter-spacing:0;line-height:1;min-width:18px;padding:0 5px;text-transform:none}.xwk-tx-list{display:grid;overflow:hidden}.xwk-tx-list-inner{min-height:0;overflow:hidden}.xwk-tx-history-view{background:${theme.surface};border:1px solid ${actionBorder};border-radius:${theme.walletRadius};box-sizing:border-box;display:grid;overflow:hidden;width:100%}.xwk-tx-history-view .xwk-tx-list-inner{max-height:468px;overflow:auto}.xwk-tx-row{align-items:center;background:${theme.surface};border-top:1px solid ${actionBorder};box-sizing:border-box;display:grid;gap:8px;grid-template-columns:24px minmax(0,1fr) auto;min-height:42px;padding:7px 10px;transition:background-color .16s ease}.xwk-tx-row:hover{background:${theme.surface};box-shadow:none;transform:none}.xwk-tx-row:first-child{border-top:0}.xwk-tx-status{align-items:center;background:${theme.background};border-radius:999px;color:${theme.accent};display:inline-flex;height:24px;justify-content:center;position:relative;width:24px}.xwk-tx-row-submitted .xwk-tx-status:before{animation:xwk-pulse-ring 1.4s ease-out infinite;border:1px solid currentColor;border-radius:999px;content:"";inset:2px;opacity:.42;position:absolute}.xwk-tx-row-confirmed .xwk-tx-status{color:${theme.success}}.xwk-tx-row-failed .xwk-tx-status{color:${theme.error}}.xwk-tx-row-unknown .xwk-tx-status{color:${theme.muted}}.xwk-tx-main{display:grid;gap:2px;min-width:0}.xwk-tx-label{color:${theme.foreground};font-size:12px;font-weight:600;line-height:1.15;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.xwk-tx-hash{color:${theme.muted};font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;line-height:1.15;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.xwk-tx-link{align-items:center;border-radius:9px;color:${theme.accent};display:inline-flex;font:inherit;font-size:12px;font-weight:650;gap:3px;line-height:1.2;min-height:28px;padding:0 6px;text-decoration:none}.xwk-tx-link:hover{background:${theme.surfaceHover};box-shadow:none;text-decoration:none;transform:none}.xwk-tx-link svg{height:12px;width:12px}.xwk-tx-empty{background:${theme.surface};border:1px solid ${actionBorder};border-radius:${theme.walletRadius};box-sizing:border-box;color:${theme.muted};font-size:13px;line-height:1.35;padding:14px;text-align:center;width:100%}.xwk-tx-spinner{animation:xwk-action-spin .8s linear infinite;border:2px solid ${theme.spinnerTrail};border-top-color:${theme.accent};border-radius:999px;box-sizing:border-box;display:block;height:14px;width:14px}.xwk-account-panel-actions{display:grid;gap:10px;grid-template-columns:1fr;width:100%}.xwk-account-modal-body .xwk-account-panel-actions{margin-top:auto}.xwk-account-panel-with-transactions .xwk-account-modal-body .xwk-account-panel-actions{margin-top:0}.xwk-account-panel-actions button,.xwk-account-panel-actions a{-webkit-appearance:none;-webkit-tap-highlight-color:transparent;align-items:center;appearance:none;background:${theme.surface};border:1px solid ${actionBorder};border-radius:${theme.walletRadius};box-shadow:none;box-sizing:border-box;color:${theme.foreground};cursor:pointer;display:flex;font:inherit;font-size:14px;font-weight:560;gap:8px;justify-content:center;line-height:1.2;min-height:46px;min-width:0;outline:none;overflow:hidden;padding:0 12px;text-decoration:none;touch-action:manipulation;transform:none;transition:background-color .16s ease,border-color .16s ease;width:100%}.xwk-account-panel-actions button:disabled{cursor:wait;opacity:1}.xwk-account-panel-actions svg{flex:0 0 auto;opacity:.58}.xwk-account-panel-actions span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.xwk-account-panel-actions button:hover,.xwk-account-panel-actions a:hover{background:${theme.surfaceHover};border-color:${actionBorder};box-shadow:none;text-decoration:none;transform:none}.xwk-account-panel-actions button:active,.xwk-account-panel-actions a:active{background:${theme.surfaceHover};opacity:1;text-decoration:none;transform:none}.xwk-copied-icon{color:${theme.success};opacity:1!important}.xwk-action-spinner{animation:xwk-action-spin .8s linear infinite;border:2px solid ${theme.spinnerTrail};border-top-color:${theme.muted};border-radius:999px;box-sizing:border-box;display:inline-block;height:17px;width:17px}@keyframes xwk-action-spin{to{transform:rotate(360deg)}}@keyframes xwk-skeleton-pulse{0%{background-position:200% 0}100%{background-position:-200% 0}}@keyframes xwk-pulse-ring{0%{opacity:.42;transform:scale(.8)}80%,100%{opacity:0;transform:scale(1.45)}}@keyframes xwk-account-overlay-in{from{opacity:0}to{opacity:1}}@keyframes xwk-account-panel-in{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.xwk-account-button,.xwk-tx-header-link,.xwk-account-panel-actions button,.xwk-account-panel-actions a{transition:none}.xwk-account-portal[data-xwk-entering="true"] .xwk-account-overlay,.xwk-account-portal[data-xwk-entering="true"] .xwk-account-panel-modal{animation-duration:1ms!important}.xwk-action-spinner,.xwk-balance-spinner,.xwk-tx-spinner,.xwk-skeleton,.xwk-tx-row-submitted .xwk-tx-status:before{animation:none}}@media(max-width:520px){.xwk-account-panel-dropdown{bottom:0;left:0;margin-top:0;min-width:0;position:fixed;right:0;top:auto;width:100vw}.xwk-account-overlay{align-items:flex-end;padding:max(12px,env(safe-area-inset-top)) 0 0}.xwk-account-panel-modal{align-self:flex-end;border-bottom:0;border-bottom-left-radius:0;border-bottom-right-radius:0;border-left:0;border-right:0;border-top-left-radius:${theme.radius};border-top-right-radius:${theme.radius};height:min(527px,calc(100dvh - env(safe-area-inset-top)));max-width:none;width:100vw}.xwk-account-panel-modal.xwk-account-panel-with-transactions,.xwk-account-panel-modal.xwk-account-panel-history{height:min(650px,calc(100dvh - env(safe-area-inset-top)))}.xwk-account-portal[data-xwk-entering="true"] .xwk-account-panel-modal{animation:xwk-account-sheet-in .28s cubic-bezier(.32,.72,0,1)}.xwk-account-modal-header{border-top-left-radius:${theme.radius};border-top-right-radius:${theme.radius};grid-template-columns:44px minmax(0,1fr) 44px;padding:10px 16px}.xwk-account-modal-body{min-height:0;padding:18px 20px max(22px,calc(22px + env(safe-area-inset-bottom)))}.xwk-button-label{max-width:min(150px,calc(100vw - 140px))}}@keyframes xwk-account-sheet-in{from{opacity:1;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}`;
+      return `${baseStyles}${this.renderSkeletonPrimitiveStyles(theme, iconBorder)}`;
+    }
+    renderSkeletonPrimitiveStyles(theme, iconBorder) {
+      return `.xwk-skeleton-circle{border-radius:999px}.xwk-skeleton-line{height:14px;border-radius:4px}.xwk-skeleton-pill{border-radius:999px}.xwk-skeleton-card,.xwk-skeleton-button{border-radius:${theme.walletRadius}}.xwk-skeleton-row{align-items:center;display:flex;gap:12px;width:100%}.xwk-skeleton-button-icon{height:28px;width:28px}.xwk-skeleton-button-label{height:14px;width:92px}.xwk-account-button-loading .xwk-button-label{align-items:center;display:inline-flex}.xwk-button-icon-loading{background:transparent;border-color:${iconBorder};padding:0}.xwk-account-avatar-skeleton{background:${theme.surface};border:1px solid ${iconBorder};box-sizing:border-box;overflow:hidden}.xwk-account-avatar-skeleton>span{height:100%;width:100%}.xwk-tx-skeleton-row{grid-template-columns:24px minmax(0,1fr) auto}.xwk-tx-skeleton-main{display:grid;gap:6px;min-width:0}.xwk-tx-skeleton-label{height:13px;width:86px}.xwk-tx-skeleton-hash{height:11px;width:132px}@media(prefers-reduced-motion:reduce){.xwk-skeleton{animation:none!important;background:${theme.surfaceHover}!important}}`;
     }
     resolveTheme() {
       return resolveWalletTheme({
@@ -21869,6 +22207,9 @@ ${new this._window.XMLSerializer().serializeToString(e4)}`;
       return value;
     }
   }
+  function compactButtonOptions(options) {
+    return Object.fromEntries(Object.entries(options).filter(([, value]) => value !== void 0));
+  }
   function createWalletButton(options) {
     const button = new WalletButtonController(options);
     if (options.target)
@@ -22003,7 +22344,7 @@ ${new this._window.XMLSerializer().serializeToString(e4)}`;
     }
     ensureStyles() {
       const styles2 = this.renderStyles();
-      ensureWalletStyle(getWalletStyleId("xwk-toast", styles2), styles2);
+      ensureWalletStyle("xwk-toast", styles2);
     }
     getExplorerUrl(hash2, network) {
       var _a2, _b;
@@ -22100,6 +22441,7 @@ ${new this._window.XMLSerializer().serializeToString(e4)}`;
     if (modal && modalOptions.autoOpen) {
       modal.autoOpen();
     }
+    const subscribe2 = createKitSubscriber(manager);
     return {
       manager,
       modal,
@@ -22112,11 +22454,52 @@ ${new this._window.XMLSerializer().serializeToString(e4)}`;
       refreshBalance: () => button == null ? void 0 : button.refreshBalance(),
       refreshAccount: () => button == null ? void 0 : button.refreshAccount(),
       getSession: () => manager.getSession(),
+      on: manager.on.bind(manager),
+      off: manager.off.bind(manager),
+      once: manager.once.bind(manager),
+      subscribe: subscribe2,
       signAndSubmit: manager.signAndSubmit.bind(manager),
       signTransaction: manager.signTransaction.bind(manager),
       signMessage: manager.signMessage.bind(manager)
     };
   }
+  function createKitSubscriber(manager) {
+    function snapshot2(eventName, event) {
+      const status = eventName === "connecting" ? "connecting" : manager.getSession() ? "connected" : "disconnected";
+      return {
+        status,
+        session: manager.getSession(),
+        account: manager.getAccount(),
+        eventName,
+        event
+      };
+    }
+    function subscribe2(eventNameOrHandler, maybeHandler) {
+      if (typeof eventNameOrHandler === "function") {
+        const handler = eventNameOrHandler;
+        const eventNames = [
+          "connecting",
+          "connected",
+          "disconnected",
+          "session_restored",
+          "session_stale",
+          "session_expired",
+          "accountChanged",
+          "networkChanged"
+        ];
+        const unsubs = eventNames.map((eventName) => manager.on(eventName, (event) => {
+          handler(snapshot2(eventName, event));
+        }));
+        handler(snapshot2());
+        return () => unsubs.forEach((unsubscribe) => unsubscribe());
+      }
+      if (!maybeHandler) {
+        throw new TypeError("kit.subscribe(eventName, handler) requires a handler.");
+      }
+      return manager.on(eventNameOrHandler, maybeHandler);
+    }
+    return subscribe2;
+  }
   function scheduleAutoReconnect(manager) {
     const run = () => {
       const requestFrame = typeof globalThis.requestAnimationFrame === "function" ? globalThis.requestAnimationFrame.bind(globalThis) : (callback) => globalThis.setTimeout(() => callback(Date.now()), 16);
@@ -22163,16 +22546,12 @@ ${new this._window.XMLSerializer().serializeToString(e4)}`;
       adapters.push(createXrplSnapAdapter());
     if (options.walletConnectProjectId && shouldIncludeWalletConnect(ids)) {
       const walletConnectUiMode = getWalletConnectUiMode(options);
+      const appMetadata = resolveAppMetadata(options);
       adapters.push(...createWalletConnectAdapters({
         projectId: options.walletConnectProjectId,
         mode: walletConnectUiMode === "default" ? "default" : "details",
         wallets: resolveWalletConnectWallets(ids),
-        metadata: createWalletConnectMetadata({
-          name: options.appName,
-          description: options.appDescription ?? `${options.appName} XRPL wallet connection`,
-          url: options.appUrl ?? getCurrentOrigin(),
-          icons: options.appIcons ?? []
-        }),
+        metadata: createWalletConnectMetadata(appMetadata),
         onQr,
         signMessageDestination: options.walletConnectSignMessageDestination,
         useModal: walletConnectUiMode === "default" ? true : void 0,
@@ -22289,6 +22668,24 @@ ${new this._window.XMLSerializer().serializeToString(e4)}`;
   function getCurrentOrigin() {
     return typeof window !== "undefined" ? window.location.origin : "https://xrpl.org";
   }
+  function resolveAppMetadata(options) {
+    var _a2, _b, _c, _d;
+    const name = nonEmptyString((_a2 = options.metadata) == null ? void 0 : _a2.name) ?? nonEmptyString(options.appName) ?? "XRPL dApp";
+    return {
+      name,
+      description: nonEmptyString((_b = options.metadata) == null ? void 0 : _b.description) ?? nonEmptyString(options.appDescription) ?? `${name} XRPL wallet connection`,
+      url: nonEmptyString((_c = options.metadata) == null ? void 0 : _c.url) ?? nonEmptyString(options.appUrl) ?? getCurrentOrigin(),
+      icons: normalizeIcons(((_d = options.metadata) == null ? void 0 : _d.icons) ?? options.appIcons)
+    };
+  }
+  function nonEmptyString(value) {
+    return typeof value === "string" && value.trim() ? value.trim() : void 0;
+  }
+  function normalizeIcons(icons) {
+    if (!Array.isArray(icons))
+      return [];
+    return icons.filter((icon) => typeof icon === "string" && icon.trim().length > 0);
+  }
   function withoutKitOnlyOptions(options) {
     const { adapters: _adapters, storage: _storage, walletConnectProjectId: _walletConnectProjectId, walletConnectSignMessageDestination: _walletConnectSignMessageDestination, xamanClientId: _xamanClientId, wallets: _wallets, ui: _ui, ...managerConfig } = options;
     return managerConfig;